.elementor-152359 .elementor-element.elementor-element-e305b53 > .elementor-container{max-width:1400px;}.elementor-152359 .elementor-element.elementor-element-e305b53{margin-top:0px;margin-bottom:0px;}.elementor-152359 .elementor-element.elementor-element-e19209d > .elementor-container{max-width:930px;}.elementor-152359 .elementor-element.elementor-element-e19209d{margin-top:0px;margin-bottom:50px;}/* Start custom CSS for shortcode, class: .elementor-element-c5edde9 */.elementor-152359 .elementor-element.elementor-element-c5edde9 .banner_single_projects img{
    width: 100%;
    height: auto;
}
.elementor-152359 .elementor-element.elementor-element-c5edde9{
    font-family: 'roboto', sans-serif;
}
.banner_single_projects{
    margin-top: -143px;
    position: relative;
}
.elementor-152359 .elementor-element.elementor-element-c5edde9 .banner_single_projects  .content {
    max-width: 1140px;
    margin: auto;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 120px;
}
.elementor-152359 .elementor-element.elementor-element-c5edde9 h1{
    color: #ffffff;
    letter-spacing: 1.5px;
    font-size: 4em;
    line-height: 1.1842105263em;
    font-weight: 300;
    padding: 0 !important;
}
.elementor-152359 .elementor-element.elementor-element-c5edde9 p{
    text-align: left;
    color: #fff;
    font-size: 16px;
    background: #00A9E1;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 500;
    width: 157px;
    margin: 0;
    text-align: center;
    margin-left: 5px;
}
@media screen and (max-width: 991px){
    .banner_single_projects .in .content{
        top: 118px !important;
        height: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .banner_single_projects .in .content h1{
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-7968284 */.elementor-152359 .elementor-element.elementor-element-7968284{
    font-family: 'roboto', sans-serif;
}
.geofield_map {
    width: 100%;
    height: 300px;
}

.job-overview .spontane_vacature_wrapper {
    background: #60b770 none repeat scroll 0 0;
    box-sizing: border-box;
    color: white;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 666;
}

.spontane_vacature_wrapper #gijbels-vacatures-form {
    margin: 0 auto;
    max-width: 540px;
}

.node-vacature.view-mode-full .field-name-vacature-form {
    display: block !important;
}

.captcha legend,.captcha .fieldset-description,.captcha .description {
    display: none;
}

.captcha {
    margin-top: 30px;
}

#whatshappening > ul {
    display: none;
}

#edit_location_chosen .chosen-search {
    display: none;
}

html.js input.form-autocomplete {
    background-image: url(/sites/all/themes/gijbels_base/images/ajax-loader.gif);
    background-position: 100% 0px;
    background-repeat: no-repeat;
}

ul.contextual-links li {
    display: inline !important;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.stretch {
    width: 100%;
    height: 100%;
}

.inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

.table {
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.v-align-middle {
    vertical-align: middle;
}

.v-align-top {
    vertical-align: top;
}

.v-align-bottom {
    vertical-align: bottom;
}

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.bold {
    font-weight: 700;
}

.normal {
    font-style: normal;
}

.italic {
    font-style: italic;
}

.normal-font {
    font-size: 1.8rem;
}

.underline {
    text-decoration: underline;
}

.line-trough {
    text-decoration: line-through;
}

.uppercase {
    text-transform: uppercase;
}

.no-margin {
    margin: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.no-wrap {
    white-space: nowrap;
}

@media (min-width: 750px) {
    .mobile-only {
        display:none;
    }
}

@media (max-width: 750px) {
    .hide-mobile {
        display:none;
    }
}

.cursor--pointer {
    cursor: pointer;
}

.resetlist,.messages ul,.overlay_messages ul,.news-teaser__list,.language-switcher-locale-url,.field-name-socialshare ul,.socialshare ul,.paragraph-sociallinks ul,.project-teaser__list,.whatshappening__list,.pager-load-more,.pager:not(.pager-load-more),.timeline,.mobile-menu ul,#whatshappening ul,.header__top ul.menu,.entity-jobsnippet-item.jobsnippet-item-tekst-image-video ul,.region-footer-top ul.menu,.region-footer-bottom ul.menu,#block-menu-menu-bim-homepage-menu ul,.story__nav,.story__share ul,.view-gijbels-stories.view-display-id-content_callback_1 ul,.search-results,.block-menu-block .menu-name-main-menu ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.image__dienst__teaser__big,.paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-achtergrond,.node-story.node-teaser .field-name-field-afbeelding,.field-name-field-overlay-color,.entity-header-slide.view-mode-full .entity-inner,.node-dienst.view-mode-teaser-klein .row-2,.paragraaf-subitem-tegel-met-icoon .row-1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

.button-arrow {
    font-family: "robotobold";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.67px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #01B1E7 !important;
    background: #ffffff url(/sites/all/themes/gijbels_main/images/arrow-right-blue2.svg) no-repeat right 19px center;
    background-size: 15px 11px;
    padding: 19px 55px 19px 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #01B1E7;
    font-family: "robotoregular";
    font-size: 16px;
    text-decoration: none;
    line-height: 16px !important;
    letter-spacing: 0.67px;
}

.button-arrow:hover {
    background-color: #01B1E7;
    color: #ffffff !important;
    background-image: url(/sites/all/themes/gijbels_main/images/arrow-right-white2.svg);
}

.button-arrow a {
    text-decoration: none;
    line-height: 16px;
    letter-spacing: 0.67px;
}

p.button-arrow {
    border: 0;
    padding: 0;
    background-image: none;
}

p.button-arrow a {
    font-family: "robotobold";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.67px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #01B1E7 !important;
    background: #ffffff url(/sites/all/themes/gijbels_main/images/arrow-right-blue2.svg) no-repeat right 19px center;
    background-size: 15px 11px;
    padding: 19px 55px 19px 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #01B1E7;
    font-family: "robotoregular";
    font-size: 16px;
    text-decoration: none;
    line-height: 16px !important;
    letter-spacing: 0.67px;
    background-color: transparent;
}

p.button-arrow a:hover {
    background-color: #01B1E7;
    color: #ffffff !important;
    background-image: url(/sites/all/themes/gijbels_main/images/arrow-right-white2.svg);
}

.button-white-dropshadow {
    font-family: "robotobold";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.67px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #01B1E7 !important;
    background: #ffffff url(/sites/all/themes/gijbels_main/images/arrow-right-blue2.svg) no-repeat right 19px center;
    background-size: 15px 11px;
    padding: 19px 55px 19px 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background: #ffffff;
    color: #00A9E1 !important;
    -webkit-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    padding: 19px 30px;
}

.button-white-dropshadow:hover {
    background-color: #01B1E7;
    color: #ffffff !important;
    background-image: url(/sites/all/themes/gijbels_main/images/arrow-right-white2.svg);
}

.button-white-dropshadow:hover {
    background: #00A9E1;
    color: #ffffff !important;
    opacity: 1 !important;
}

.entity-paragraaf-content.color-blue .button-white-dropshadow:hover {
    background: #ffffff;
    color: #00A9E1 !important;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.button-white-dropshadow + .button-white-dropshadow {
    margin-left: 10px;
}

.icon-tel,.icon-mail {
    color: #00A9E1;
    padding-left: 30px;
    background: no-repeat left 2px;
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,th {
    padding: 0;
}

.clearfix,.admin-tabs ul,.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-type-radios:after,.header__top ul.menu,.region-footer-top,.region-footer-bottom,.region-footer-bottom ul.menu,.block-menu-block .menu-name-main-menu ul.menu {
    display: block;
}

.clearfix:after,.admin-tabs ul:after,.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-type-radios:after,.header__top ul.menu:after,.region-footer-top:after,.region-footer-bottom:after,.region-footer-bottom ul.menu:after,.block-menu-block .menu-name-main-menu ul.menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix,* html .admin-tabs ul,.admin-tabs * html ul,* html .whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-type-radios:after,.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner * html .form-type-radios:after,* html .header__top ul.menu,.header__top * html ul.menu,* html .region-footer-top,* html .region-footer-bottom,* html .region-footer-bottom ul.menu,.region-footer-bottom * html ul.menu,* html .block-menu-block .menu-name-main-menu ul.menu,.block-menu-block .menu-name-main-menu * html ul.menu {
    height: 1%;
}

.content-button a,.cke_panel_listItem .content-button,.entity-header-slide.view-mode-full .field-name-video-tag,.page__box .page__bekijkvideo a {
    border: 1px solid rgba(0,169,225,0.2);
    color: #00A9E1;
    padding: 6px 12px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13.5px;
    display: inline-block;
    -webkit-transition: border 0.2s,background-color 0.2s;
    -o-transition: border 0.2s,background-color 0.2s;
    transition: border 0.2s,background-color 0.2s;
}

.content-button a:hover,.cke_panel_listItem .content-button:hover,.entity-header-slide.view-mode-full .field-name-video-tag:hover,.page__box .page__bekijkvideo a:hover {
    background: rgba(0,169,225,0.1);
    border: 1px solid rgba(0,169,225,0.4);
}

.wrapper.btn__close__wrapper:after,.banner__tabs:after,#block-menu-menu-bim-homepage-menu:after,.page-node-2465 .main-content .node-webform.view-mode-full .fullpage-overlay form .webform-submit:after,.page-node-2602 .main-content .node-webform.view-mode-full .fullpage-overlay form .webform-submit:after,.page-node-2453 .main-content .node-webform.view-mode-full .fullpage-overlay form .webform-submit:after,.page-node-2724 .main-content .node-webform.view-mode-full .fullpage-overlay form .webform-submit:after {
    content: "";
    display: table;
    clear: both;
}

.focus-teaser__projects ul {
    margin: 0;
    padding: 0;
}

.focus-teaser__projects ul li {
    margin-bottom: 22px;
    list-style: none;
}

@media screen and (min-width: 460px) {
    .focus-teaser__projects ul li {
        float:left;
        width: 31.7708333333%;
        margin-right: 2.2916666667%;
    }

    .focus-teaser__projects ul li:nth-child(3n+3) {
        margin-right: 0;
    }
}

.focus-teaser__projects ul a,.focus-teaser__projects ul img {
    display: block;
    text-decoration: none;
}

.focus-teaser__projects ul a:hover .project-teaser__bottom {
    background: #0091c1;
}

.project-full__next {
    float: left;
    border: 1px solid rgba(0,169,225,0.2);
    border-left: none;
    padding: 6px 12px 5px;
}

.project-full__next a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8666666667em;
    letter-spacing: 1.5px;
    color: #00A9E1;
}

.project-full__next a:hover {
    color: #000;
}

.main-content .project-full__next a:hover {
    color: #000;
}

.project-full__next--long {
    margin: 20px 0 40px;
}

@media screen and (max-width: 750px) {
    .project-full__next--long {
        border:1px solid rgba(0,169,225,0.2);
        padding: 5px 10px 6px;
    }

    .project-full__next--long div {
        display: inline-block;
    }
}

.project-full__next--long a {
    display: block;
}

@media screen and (min-width: 750px) {
    .project-full__next--long span {
        padding:0px 5px;
        -webkit-transition: background-color ease-in-out 0.2s;
        -o-transition: background-color ease-in-out 0.2s;
        transition: background-color ease-in-out 0.2s;
        display: inline-block;
        text-transform: uppercase;
        background: #00A9E1;
        color: #fff;
    }
}

@media screen and (min-width: 750px) {
    .project-full__next--long .nextlabel {
        letter-spacing:2px;
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 750px) {
    .project-full__next--long .nextlabel {
        color:#858585;
        font-family: "robotoregular";
        margin-right: 10px;
    }

    .project-full__next--long .nextlabel:after {
        content: ':';
    }
}

@media screen and (min-width: 750px) {
    .project-full__next--long .nexttitle,.project-full__next--long .nextdate {
        letter-spacing:1.5px;
    }
}

@media screen and (min-width: 750px) {
    .project-full__next--long .nexttitle {
        font-size:2.5333333333em;
        line-height: 1.1842105263em;
    }
}

@media screen and (max-width: 750px) {
    .project-full__next--long .nexttitle {
        font-size:13px;
        font-family: "robotomedium";
        text-transform: uppercase;
    }
}

@media screen and (min-width: 750px) {
    .project-full__next--long .nextdate {
        font-size:1.6em;
    }
}

@media screen and (max-width: 750px) {
    .project-full__next--long .nextdate {
        display:none;
    }
}

.field-name-field-headerslide-cta a,.field-name-field-headerslide-mobielelink a {
    background: #00A9E1;
    color: #fff;
    padding: 6px 12px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13.5px;
    display: inline-block;
    -webkit-transition: border 0.2s,background-color 0.2s;
    -o-transition: border 0.2s,background-color 0.2s;
    transition: border 0.2s,background-color 0.2s;
}

.field-name-field-headerslide-cta a:hover,.field-name-field-headerslide-mobielelink a:hover {
    background: #0083ae;
}

.fullpage-overlay,.field-name-vacature-form {
    background: #60B770;
    color: white;
}

.fullpage-overlay h2,.field-name-vacature-form h2 {
    color: #fff;
}

.fullpage-overlay form,.field-name-vacature-form form {
    max-width: 540px;
    margin: 0 auto;
    padding: 60px 30px 20px 30px;
}

@media screen and (min-width: 750px) {
    .fullpage-overlay form,.field-name-vacature-form form {
        padding-top:100px;
    }
}

.fullpage-overlay .form-item label,.field-name-vacature-form .form-item label {
    color: white;
}

.fullpage-overlay .form-text::-webkit-input-placeholder,.field-name-vacature-form .form-text::-webkit-input-placeholder {
    color: #60B770;
}

.fullpage-overlay .form-text:-moz-placeholder,.field-name-vacature-form .form-text:-moz-placeholder {
    color: #60B770;
    opacity: 1;
}

.fullpage-overlay .form-text::-moz-placeholder,.field-name-vacature-form .form-text::-moz-placeholder {
    color: #60B770;
    opacity: 1;
}

.fullpage-overlay .form-text:-ms-input-placeholder,.field-name-vacature-form .form-text:-ms-input-placeholder {
    color: #60B770;
}

.fullpage-overlay .form-text::-ms-input-placeholder,.field-name-vacature-form .form-text::-ms-input-placeholder {
    color: #60B770;
}

.fullpage-overlay .form-text,.field-name-vacature-form .form-text,.fullpage-overlay textarea,.field-name-vacature-form textarea {
    border-color: white;
    width: 100%;
    color: #fff;
    font-family: "robotomedium";
    -webkit-transition: background-color 0.1s;
    -o-transition: background-color 0.1s;
    transition: background-color 0.1s;
    cursor: pointer;
}

.fullpage-overlay .form-text:focus,.field-name-vacature-form .form-text:focus,.fullpage-overlay textarea:focus,.field-name-vacature-form textarea:focus {
    border-color: white;
    background: rgba(255,255,255,0.05);
}

.fullpage-overlay .form-submit,.field-name-vacature-form .form-submit {
    background: #666666;
}

.fullpage-overlay .form-submit:hover,.field-name-vacature-form .form-submit:hover {
    background: #767676;
}

.fullpage-overlay .form-actions,.field-name-vacature-form .form-actions {
    margin: 50px 0 0 0;
}

.number__dienstklein__index:before {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    position: absolute;
    margin: 9px 0 0 -29px;
    left: 50%;
    content: " ";
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.number__dienstklein__index span {
    display: inline-block;
    font-size: 36px;
    line-height: 45px;
    padding-top: 6px;
    width: 100%;
    text-align: center;
}

.number__dienstklein__index span:before,.number__dienstklein__index span:after {
    display: block;
    position: absolute;
    content: " ";
    background: #fff;
    height: 1px;
    top: 50%;
}

.paragraph > .entity.color,.parbg-gray,.parbg-blue,.project-full__about,.page-node.node-type-dienst .paragraaf-content-testimonials,.dienst-full__content,.node-vacature.view-mode-full > .row-2 {
    background: #f3f3f3;
    padding: 50px;
}

@media screen and (min-width: 960px) {
    .paragraph > .entity.color,.parbg-gray,.parbg-blue,.project-full__about,.page-node.node-type-dienst .paragraaf-content-testimonials,.dienst-full__content,.node-vacature.view-mode-full > .row-2 {
        margin:0 -100%;
        padding: 50px 100% 60px;
    }
}

@media screen and (max-width: 960px) {
    .paragraph > .entity.color,.parbg-gray,.parbg-blue,.project-full__about,.page-node.node-type-dienst .paragraaf-content-testimonials,.dienst-full__content,.node-vacature.view-mode-full > .row-2 {
        margin-left:-30px;
        margin-right: -30px;
    }
}

@media screen and (max-width: 750px) {
    .paragraph > .entity.color,.parbg-gray,.parbg-blue,.project-full__about,.page-node.node-type-dienst .paragraaf-content-testimonials,.dienst-full__content,.node-vacature.view-mode-full > .row-2 {
        padding-top:30px;
        padding-bottom: 50px;
    }
}

.node-nieuws.node-teaser a,.node-evenement.node-teaser a,.project-teaser__list a,.whatshappening__list a,.paragraaf-content-video,.whatshappening__list .node a,.paragraaf-content-call-to-action a,.field-name-field-tegels a {
    position: relative;
    overflow: hidden;
}

.node-nieuws.node-teaser a img,.node-evenement.node-teaser a img,.project-teaser__list a img,.whatshappening__list a img,.paragraaf-content-video img,.whatshappening__list .node a img,.paragraaf-content-call-to-action a img,.field-name-field-tegels a img {
    -webkit-transition: opacity 0.2s ease-in-out,-webkit-transform 0.2s;
    transition: opacity 0.2s ease-in-out,-webkit-transform 0.2s;
    -o-transition: opacity 0.2s ease-in-out,transform 0.2s;
    transition: opacity 0.2s ease-in-out,transform 0.2s;
    transition: opacity 0.2s ease-in-out,transform 0.2s,-webkit-transform 0.2s;
}

.node-nieuws.node-teaser a:hover img,.node-evenement.node-teaser a:hover img,.project-teaser__list a:hover img,.whatshappening__list a:hover img,.paragraaf-content-video:hover img,.paragraaf-content-call-to-action a:hover img,.field-name-field-tegels a:hover img {
    opacity: 0.8;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.title__dienst__wrapper h2 {
    background: #00A9E1;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 5px;
    line-height: 29px;
    position: relative;
}

@media screen and (max-width: 750px) {
    .title__dienst__wrapper h2 {
        font-size:20px;
    }
}

.testimonial-teaser__video a:after,.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-video a:after {
    background: url(/sites/all/themes/gijbels_main/images/icon-play.svg) left top no-repeat;
    background-size: 62px 46px;
    width: 62px;
    height: 46px;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 750px) {
    .testimonial-teaser__video a:after,.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-video a:after {
        background-size:52px 36px;
        width: 52px;
        height: 36px;
    }
}

.entity-header-slide.view-mode-full .entity-inner:before,.page__banner:before,.page__video:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 300px;
    background: url(/sites/all/themes/gijbels_main/images/b_header-src_r1_c1.png) 0 0 repeat-x;
    background-size: auto 100%;
}

@media screen and (max-width: 750px) {
    .entity-header-slide.view-mode-full .entity-inner:before,.page__banner:before,.page__video:before {
        display:none;
    }
}

.entity-header-slide.view-mode-full .entity-inner:after,.page__banner:after,.page__video:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/sites/all/themes/gijbels_main/images/b_header_bottom.png) bottom center no-repeat;
}

@media screen and (min-width: 1100px) {
    .entity-header-slide.view-mode-full .entity-inner:after,.page__banner:after,.page__video:after {
        height:72px;
        background-size: auto 100%;
    }
}

@media screen and (max-width: 960px) {
    .entity-header-slide.view-mode-full .entity-inner:after,.page__banner:after,.page__video:after {
        height:72px;
        background-size: auto 100%;
    }
}

@media screen and (max-width: 750px) {
    .entity-header-slide.view-mode-full .entity-inner:after,.page__banner:after,.page__video:after {
        display:none;
    }
}

.text-small {
    font-size: 14px;
    font-family: "robotoregular";
    line-height: 22px;
}

.text-small.text-blue {
    color: #00A9E1;
}

.text-big {
    font-size: 100px;
    line-height: 100px;
}

h2 span {
    display: block;
}

.text-medium {
    font-size: 24px;
    line-height: 20px;
}

.text-square {
    position: relative;
    width: 120px;
    height: 120px;
    display: inline-block;
    font-size: 80px;
    line-height: 120px;
    margin: 25px 0;
    text-align: center;
}

.text-square:before {
    border: 1px solid #858585;
    width: 100%;
    height: 100%;
    top: 0;
    content: " ";
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.color-green .text-square:before,.color-blue .text-square:before {
    border-color: #fff;
}

.text-square .text-big {
    font-size: 80px;
}

.text-blue {
    color: #00A9E1;
}

.text-green {
    color: #60B770;
}

.color-green .content-button a,.color-blue .content-button a {
    border-color: rgba(255,255,255,0.4);
}

.color-green .content-button a:hover,.color-blue .content-button a:hover {
    background: rgba(255,255,255,0.2);
    border-color: #fff;
}

.cke_panel_listItem {
    padding: 4px;
}

.cke_panel_listItem .text-big {
    font-size: 40px;
}

.cke_panel_listItem .text-square {
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-size: 15px;
    line-height: 60px;
    margin: 0 20px 0;
    text-align: center;
}

.cke_panel_listItem .text-square:before {
    border: 1px solid #858585;
    width: 100%;
    height: 100%;
    top: 0;
    content: " ";
    position: absolute;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,*:before,*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

p:only-of-type {
    margin-top: 0;
}

p:only-child {
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    text-rendering: optimizeLegibility;
    font-weight: normal;
}

h1 {
    font-size: 4em;
    line-height: 1.1842105263em;
}

.node-type-faq-item h1 {
    font-size: 3em;
}

@media screen and (max-width: 960px) {
    h1 {
        font-size:30px;
    }
}

h2 {
    font-size: 2em;
    line-height: 1.2em;
}

h3 {
    font-size: 1.6666666667em;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 17px;
}

html,body {
    height: 100%;
    background: #ffffff;
}

.wrapper {
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: #fff;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out;
}

.menu-open .wrapper {
    -webkit-transform: translate3d(0,1000px,0);
    transform: translate3d(0,1000px,0);
}

@media screen and (max-width: 750px) {
    .wrapper {
        margin-top:44px;
    }

    .front .wrapper {
        margin-top: 26px;
    }

    .is-animating .wrapper {
        z-index: 4;
    }
}

.container,.paragraph > .entity.color > div,.parbg-gray > div,.parbg-blue > div,.content__top .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}

@media screen and (max-width: 960px) {
    .container,.paragraph > .entity.color > div,.parbg-gray > div,.parbg-blue > div,.content__top .container {
        padding:0 30px;
        max-width: 100%;
    }
}

header .container,header .paragraph > .entity.color > div,header .parbg-gray > div,header .parbg-blue > div,header .content__top .container,.content__top header .container,#breadcrumb .container,#breadcrumb .paragraph > .entity.color > div,#breadcrumb .parbg-gray > div,#breadcrumb .parbg-blue > div,.content__top .paragraph > .entity.color > div,.content__top .parbg-gray > div,.content__top .parbg-blue > div,.content__top .container {
    max-width: 1285px;
}

@media screen and (max-width: 1285px) {
    header .container,header .paragraph > .entity.color > div,header .parbg-gray > div,header .parbg-blue > div,header .content__top .container,.content__top header .container,#breadcrumb .container,#breadcrumb .paragraph > .entity.color > div,#breadcrumb .parbg-gray > div,#breadcrumb .parbg-blue > div,.content__top .paragraph > .entity.color > div,.content__top .parbg-gray > div,.content__top .parbg-blue > div,.content__top .container {
        padding:0 30px;
    }
}

iframe {
    border: none;
    padding: 0;
    margin: 0;
}

.admin-tabs ul {
    border-bottom: 1px solid #ccc;
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0 15px;
    font-size: 0.9473684211em;
}

.admin-tabs ul li {
    float: left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    top: 0px;
}

.admin-tabs ul li.active {
    border-bottom: 1Px solid #FFFFFF;
    margin-bottom: -1px;
}

.admin-tabs ul li.last {
    border-right: 1px solid #ccc;
}

.admin-tabs ul a {
    border-bottom: 2px solid transparent;
    display: block;
    padding: 9px 16px 7px 16px;
    text-decoration: none;
    background: #eee;
    color: #423939;
}

.admin-tabs ul a:hover {
    background: #e1e1e1;
}

.admin-tabs ul a.active {
    background: #FFFFFF;
    font-weight: bold;
}

@media only screen and (max-width: 750px) {
    .tabs {
        padding:0;
        border: none;
    }

    .tabs li {
        float: none;
        border-right: 1px solid #ccc;
    }

    .tabs li.last {
        border-bottom: 1px solid #ccc;
    }

    .tabs a {
        border: none;
        padding: 6px 8px 5px 8px;
    }
}

.not-front .drupal-messages {
    margin-bottom: 25px;
}

.messages,.overlay_messages {
    padding: 20px 20px 19px 71px;
    font-size: 0.8888888889em;
    position: relative;
}

.messages li,.overlay_messages li {
    line-height: 24px;
}

.messages:before,.overlay_messages:before {
    content: ' ';
    display: block;
    position: absolute;
}

.messages {
    position: relative;
    border: 1px solid #00A9E1;
}

.messages.status:before {
    background: url(/sites/all/themes/gijbels_main/images/blue-check.svg) no-repeat left center;
    top: calc(50% - 7px);
    width: 19px;
    height: 14px;
    left: 26px;
}

.messages.error {
    position: relative;
}

.messages.error:before {
    background: url(/sites/all/themes/gijbels_main/images/error.svg) no-repeat left center;
    top: calc(50% - 17.5px);
    width: 35px;
    height: 35px;
    left: 20px;
}

.overlay_messages {
    margin-bottom: 25px;
    background: #d00000;
}

.overlay_messages:before {
    background: url(/sites/all/themes/gijbels_main/images/error.svg) no-repeat left center;
    top: calc(50% - 17.5px);
    width: 35px;
    height: 35px;
    left: 20px;
}

@media only screen and (max-width: 750px) {
    .drupal-messages {
        margin-top:20px;
    }
}

@media only screen and (max-width: 860px) {
    .messages {
        padding-top:14px;
        padding-bottom: 14px;
    }
}

@media only screen and (max-width: 360px) {
    .messages {
        padding-top:13px;
        padding-bottom: 13px;
    }
}

.horizontal-list li,.horizontal-list a {
    display: inline-block;
}

.main-content a {
    color: #00A9E1;
    -webkit-transition: color cubic-bezier(0.42,0,0.58,1) 0.2s;
    -o-transition: color cubic-bezier(0.42,0,0.58,1) 0.2s;
    transition: color cubic-bezier(0.42,0,0.58,1) 0.2s;
}

.main-content a:hover {
    color: #0091c1;
}

footer a {
    color: #60B770;
    text-decoration: none;
    -webkit-transition: color cubic-bezier(0.42,0,0.58,1) 0.2s;
    -o-transition: color cubic-bezier(0.42,0,0.58,1) 0.2s;
    transition: color cubic-bezier(0.42,0,0.58,1) 0.2s;
}

footer a:hover {
    color: #4daa5e;
}

.button,.mobile-readmore a,.field-name-eventnewsbackoverview2 a,.field-name-field-3col-knop a,.paragraphs-full-width .paragraaf-content-tekst #button,.discover-all-link,.pager-load-more a,.projectteasers__cta a,.dienst-teaserklein__list .dienst-button,.dienst-teasergroot__list .dienst-button,.node-vacature.view-mode-full .field-name-dummyreadmore span,.node-vacature.view-mode-full .field-name-dummyreadmore2 span,.field-name-field-jobsnippet-knop a,.page-node-2465 a.open-chat,.page-node-2602 a.open-chat,.page-node-2453 a.open-chat,.page-node-2724 a.open-chat,.callback_voordenken .paragraaf-content-tekst #button,.button-color-2,.button-color-3,.node-evenement.view-mode-full .field-name-eventnewsbackoverview2 a,.testimonial-teaser__readmore a,.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-linkedin a,.cta-button,.form-submit,.news-teaser__readmore,.event-teaser__readmore,.view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button .form-submit,body .page__bekijkvideo a,.node-jobsnippet.view-mode-full .field-name-solliciteer-nu span,.cta-button-color-2,.field-name-eventregistrationenrollnow a,.cta-button-secondary,.cta-button-secondary-color-2 {
    font-size: 0.8666666667em;
    text-transform: uppercase;
    font-family: "robotomedium";
    text-decoration: none;
    border: none;
    -webkit-transition: background-color cubic-bezier(0.42,0,0.58,1) 0.2s;
    -o-transition: background-color cubic-bezier(0.42,0,0.58,1) 0.2s;
    transition: background-color cubic-bezier(0.42,0,0.58,1) 0.2s;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 460px) {
    .button,.mobile-readmore a,.field-name-eventnewsbackoverview2 a,.field-name-field-3col-knop a,.paragraphs-full-width .paragraaf-content-tekst #button,.discover-all-link,.pager-load-more a,.projectteasers__cta a,.dienst-teaserklein__list .dienst-button,.dienst-teasergroot__list .dienst-button,.node-vacature.view-mode-full .field-name-dummyreadmore span,.node-vacature.view-mode-full .field-name-dummyreadmore2 span,.field-name-field-jobsnippet-knop a,.page-node-2465 a.open-chat,.page-node-2602 a.open-chat,.page-node-2453 a.open-chat,.page-node-2724 a.open-chat,.callback_voordenken .paragraaf-content-tekst #button,.button-color-2,.button-color-3,.node-evenement.view-mode-full .field-name-eventnewsbackoverview2 a,.testimonial-teaser__readmore a,.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-linkedin a,.cta-button,.form-submit,.news-teaser__readmore,.event-teaser__readmore,.view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button .form-submit,body .page__bekijkvideo a,.node-jobsnippet.view-mode-full .field-name-solliciteer-nu span,.cta-button-color-2,.field-name-eventregistrationenrollnow a,.cta-button-secondary,.cta-button-secondary-color-2 {
        display:inline-block;
        padding: 9px 32px 8px 32px;
        letter-spacing: 1.2px;
    }
}

@media screen and (max-width: 460px) {
    .button,.mobile-readmore a,.field-name-eventnewsbackoverview2 a,.field-name-field-3col-knop a,.paragraphs-full-width .paragraaf-content-tekst #button,.discover-all-link,.pager-load-more a,.projectteasers__cta a,.dienst-teaserklein__list .dienst-button,.dienst-teasergroot__list .dienst-button,.node-vacature.view-mode-full .field-name-dummyreadmore span,.node-vacature.view-mode-full .field-name-dummyreadmore2 span,.field-name-field-jobsnippet-knop a,.page-node-2465 a.open-chat,.page-node-2602 a.open-chat,.page-node-2453 a.open-chat,.page-node-2724 a.open-chat,.callback_voordenken .paragraaf-content-tekst #button,.button-color-2,.button-color-3,.node-evenement.view-mode-full .field-name-eventnewsbackoverview2 a,.testimonial-teaser__readmore a,.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-linkedin a,.cta-button,.form-submit,.news-teaser__readmore,.event-teaser__readmore,.view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button .form-submit,body .page__bekijkvideo a,.node-jobsnippet.view-mode-full .field-name-solliciteer-nu span,.cta-button-color-2,.field-name-eventregistrationenrollnow a,.cta-button-secondary,.cta-button-secondary-color-2 {
        display:block;
        letter-spacing: 1.1px;
        padding: 9px 15px 8px 15px;
    }
}

.button,.mobile-readmore a,.field-name-eventnewsbackoverview2 a,.field-name-field-3col-knop a,.paragraphs-full-width .paragraaf-content-tekst #button,.discover-all-link,.pager-load-more a,.projectteasers__cta a,.dienst-teaserklein__list .dienst-button,.dienst-teasergroot__list .dienst-button,.node-vacature.view-mode-full .field-name-dummyreadmore span,.node-vacature.view-mode-full .field-name-dummyreadmore2 span,.field-name-field-jobsnippet-knop a,.page-node-2465 a.open-chat,.page-node-2602 a.open-chat,.page-node-2453 a.open-chat,.page-node-2724 a.open-chat,.callback_voordenken .paragraaf-content-tekst #button {
    border: 1px solid rgba(0,169,225,0.2);
    color: #00A9E1;
}

.button-color-3,.node-evenement.view-mode-full .field-name-eventnewsbackoverview2 a,.testimonial-teaser__readmore a,.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-linkedin a {
    border: 1px solid rgba(96,183,112,0.2);
    color: #60B770;
}

.cta-button,.form-submit,.news-teaser__readmore,.event-teaser__readmore,.view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button .form-submit,body .page__bekijkvideo a,.node-jobsnippet.view-mode-full .field-name-solliciteer-nu span,.cta-button-color-2,.field-name-eventregistrationenrollnow a {
    background: #00A9E1;
    color: #ffffff;
}

.cta-button:hover,.form-submit:hover,.news-teaser__readmore:hover,.event-teaser__readmore:hover,.view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button .form-submit:hover,body .page__bekijkvideo a:hover,.node-jobsnippet.view-mode-full .field-name-solliciteer-nu span:hover,.cta-button-color-2:hover,.field-name-eventregistrationenrollnow a:hover {
    background: #0091c1;
}

a.cta-button-color-2,.field-name-eventregistrationenrollnow a,.cta-button-color-2,.field-name-eventregistrationenrollnow a {
    background: #60B770;
    color: #ffffff;
}

a.cta-button-color-2:hover,.field-name-eventregistrationenrollnow a:hover,.cta-button-color-2:hover,.field-name-eventregistrationenrollnow a:hover {
    color: #ffffff;
    background: #4daa5e;
}

a.cta-button,a.form-submit,a.news-teaser__readmore,a.event-teaser__readmore,.view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button a.form-submit,body .page__bekijkvideo a {
    color: #ffffff;
}

a.cta-button:hover,a.form-submit:hover,a.news-teaser__readmore:hover,a.event-teaser__readmore:hover,.view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button a.form-submit:hover,body .page__bekijkvideo a:hover {
    color: #ffffff;
}

.white-button,.read-more.read__more__dummy .dummyreadmore,.paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-knop,.node-story.view-mode-full .field-name-field-cta-skip-to-video span {
    border: 1px solid rgba(255,255,255,0.2);
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 17px;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    font-family: "robotomedium";
    letter-spacing: 1px;
}

.white-button:hover,.read-more.read__more__dummy .dummyreadmore:hover,.paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-knop:hover,.node-story.view-mode-full .field-name-field-cta-skip-to-video span:hover {
    color: #ffffff;
    border: 1px solid white;
}

.mobile-readmore {
    text-align: center;
    position: relative;
    top: -135px;
    margin-bottom: -75px;
}

.mobile-readmore a {
    background: #f9f9f9;
}

@media screen and (min-width: 750px) {
    .mobile-readmore {
        display:none;
    }
}

.button-arrow-transparent {
    font-family: "robotobold";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: white !important;
    background-size: 15px 11px;
    padding: 19px 75px 17px 45px;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #fff;
}

.button-arrow-transparent:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 100%;
    background-color: #555;
    display: block;
    right: 0;
    top: 0;
}

.button-arrow-transparent:after {
    content: '';
    position: absolute;
    right: 0;
    top: 22px;
    width: 50px;
    height: 10px;
    background: url(/sites/all/themes/gijbels_main/images/arrow-right-white.svg) no-repeat center;
    background-size: 20px;
}

.button-arrow-transparent:hover {
    background: rgba(255,255,255,0.2);
    border-color: #fff;
    opacity: 0.8;
}

.entity.color-blue .button-arrow-transparent,.entity.color-gray .button-arrow-transparent,.entity.color-green .button-arrow-transparent {
    background-color: white;
    border: 0;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    font-size: 14px;
}

.entity.color-blue .button-arrow-transparent {
    color: #00A9E1 !important;
}

.entity.color-gray .button-arrow-transparent {
    color: #555555 !important;
}

.entity.color-green .button-arrow-transparent {
    color: #60B770 !important;
}

.node-dienst.node-teaser,.paragraaf-content-cta-banner.view-mode-default {
    position: relative;
    overflow: hidden;
    height: 265px;
    text-align: center;
    background: #00A9E1;
}

@media screen and (min-width: 1100px) {
    .node-dienst.node-teaser,.paragraaf-content-cta-banner.view-mode-default {
        height:310px;
        margin: 0px -162px;
    }
}

@media screen and (max-width: 1100px) {
    .node-dienst.node-teaser,.paragraaf-content-cta-banner.view-mode-default {
        height:250px;
    }
}

.node-dienst.node-teaser h2,.paragraaf-content-cta-banner.view-mode-default h2 {
    margin: 0;
}

.node-dienst.node-teaser .row-2,.paragraaf-content-cta-banner.view-mode-default .row-2 {
    background: rgba(0,169,225,0.3);
    color: #fff;
    position: relative;
    max-width: 360px;
    margin: 0 auto;
    height: 100%;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

@media screen and (max-width: 460px) {
    .node-dienst.node-teaser .row-2,.paragraaf-content-cta-banner.view-mode-default .row-2 {
        max-width:100%;
    }
}

.node-dienst.node-teaser:hover .row-2,.paragraaf-content-cta-banner.view-mode-default:hover .row-2 {
    background: rgba(0,169,225,0.7);
}

.node-dienst.node-teaser:hover .dummyreadmore,.paragraaf-content-cta-banner.view-mode-default:hover .dummyreadmore {
    border-color: #fff;
}

.node-dienst.node-teaser:hover .image__dienst__teaser__big,.paragraaf-content-cta-banner.view-mode-default:hover .image__dienst__teaser__big,.node-dienst.node-teaser:hover .paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-achtergrond,.paragraaf-content-cta-banner.view-mode-default .node-dienst.node-teaser:hover .field-name-field-ctab-achtergrond,.paragraaf-content-cta-banner.view-mode-default:hover .field-name-field-ctab-achtergrond,.node-dienst.node-teaser:hover .node-story.node-teaser .field-name-field-afbeelding,.node-story.node-teaser .node-dienst.node-teaser:hover .field-name-field-afbeelding,.paragraaf-content-cta-banner.view-mode-default:hover .node-story.node-teaser .field-name-field-afbeelding,.node-story.node-teaser .paragraaf-content-cta-banner.view-mode-default:hover .field-name-field-afbeelding {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 0.7;
}

.node-dienst.node-teaser:hover h2,.paragraaf-content-cta-banner.view-mode-default:hover h2 {
    background: #fff;
    color: #00A9E1;
}

.image__dienst__teaser__big,.paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-achtergrond,.node-story.node-teaser .field-name-field-afbeelding {
    -webkit-transition: opacity 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out,opacity 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out,opacity 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out,opacity 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;
}

.view-gijbels-diensten-oplijsting {
    position: relative;
}

.view-gijbels-diensten-oplijsting:before {
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    background: #00A9E1;
    content: " ";
    display: block;
    left: 50%;
}

.view-gijbels-diensten-oplijsting .views-row {
    margin-bottom: 25px;
}

@media screen and (min-width: 1100px) {
    .view-gijbels-diensten-oplijsting .views-row {
        margin-bottom:35px;
    }
}

@media screen and (max-width: 960px) {
    .view-gijbels-diensten-oplijsting {
        margin:0px -30px;
    }
}

.number__teaser {
    font-size: 40px;
    line-height: 50px;
    margin: 10px 0 10px;
    display: inline-block;
    position: relative;
}

.number__teaser:before {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    position: absolute;
    top: 0px;
    left: -14px;
    content: " ";
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.title__dienst__wrapper {
    padding: 35px 0 15px;
    position: relative;
    min-height: 110px;
}

@media screen and (min-width: 1100px) {
    .title__dienst__wrapper {
        padding-top:40px;
        min-height: 140px;
    }
}

.title__dienst__wrapper:before {
    width: 1px;
    position: absolute;
    left: calc(50% - 1px);
    bottom: 0;
    top: 0;
    content: " ";
    background: #fff;
    display: block;
}

.views-row-first .title__dienst__wrapper:before {
    top: 40px;
}

.read-more.read__more__dummy {
    position: absolute;
    bottom: 0;
    width: 200px;
    left: calc(50% - 100px);
    height: 86px;
    padding-top: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 1100px) {
    .read-more.read__more__dummy {
        height:102px;
    }
}

.read-more.read__more__dummy:before {
    width: 1px;
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    height: 25px;
    content: " ";
    background: #fff;
    display: block;
}

.read-more.read__more__dummy:after {
    width: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 25px;
    content: " ";
    background: #fff;
    display: block;
}

@media screen and (min-width: 1100px) {
    .read-more.read__more__dummy:after {
        height:41px;
    }
}

.views-row-last .read-more.read__more__dummy:after {
    width: 0;
    display: none;
}

.number__dienstklein__index {
    position: absolute;
    top: 135px;
    left: 0;
    right: 0;
    margin-top: -35px;
}

@media screen and (max-width: 960px) {
    .number__dienstklein__index {
        bottom:10px;
    }
}

.number__dienstklein__index:before {
    width: 32px;
    height: 32px;
    margin-left: -16px;
}

.number__dienstklein__index span {
    position: relative;
    font-size: 20px;
    line-height: 49px;
    padding: 0;
}

.number__dienstklein__index span:before {
    width: 50%;
    left: 0;
    margin: 0 0 0 -22px;
}

.number__dienstklein__index span:after {
    width: 50%;
    right: 0;
    margin: 0 -22px 0 0;
}

.field-name-field-advanced-type .field-item .view-mode-teaser-klein:first-child .number__dienstklein__index span:before {
    display: none;
}

.field-name-field-advanced-type .field-item .view-mode-teaser-klein:last-child .number__dienstklein__index span:after {
    display: none;
}

[type="text"],[type="radio"],[type="checkbox"],[type="email"],textarea {
    max-width: 100%;
    width: 100%;
}

[type="radio"]:not(:checked),[type="radio"]:checked,[type="checkbox"]:not(:checked),[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="radio"]:not(:checked) + label,[type="radio"]:checked + label,[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label {
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    border: 1px solid #CCCCCC;
    background: #ffffff;
}

[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after,[type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after {
    content: ' ';
    position: absolute;
}

[type="radio"]:not(:checked) + label:after,[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

[type="radio"]:checked + label:after,[type="checkbox"]:checked + label:after {
    opacity: 1;
}

[type="radio"]:not(:checked) + label,[type="radio"]:checked + label {
    padding-left: 28px;
}

[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: 1px;
}

[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {
    background: #00A9E1;
    top: 7px;
    left: 6px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label {
    padding-left: 32px;
}

[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before {
    width: 22px;
    height: 22px;
    top: 0px;
}

[type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after {
    left: 5px;
    top: 3px;
    background: no-repeat left top;
    width: 21px;
    height: 14px;
}

.form-text {
    background: #fff;
    border: 1px solid rgba(133,133,133,0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    padding: 10px 10px 10px 10px;
}

.search-form__choices {
    margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
    .search-form__choices {
        margin-bottom:10px;
    }
}

.search-form__choices .form-item {
    display: inline-block;
}

.search-form__choices .form-item:not(last-child) {
    margin-right: 25px;
}

.form-errors {
    font-weight: bold;
    color: red;
}

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

.form-item.not-required > label:after {
    content: 'Optioneel';
    font-size: 12px;
    margin-left: 7px;
}

.i18n-fr .form-item.not-required > label:after {
    content: 'Facultatif';
}

.form-item.error input,.form-item.error textarea {
    border-color: red !important;
}

.form-item.error label {
    color: red !important;
}

.form-item.error label.error {
    text-align: right;
}

.form-item label {
    padding-left: 2px;
    line-height: 24px;
    display: block;
    font-size: 0.9333333333em;
}

.form-text,textarea {
    background: none;
    border: 1px solid #aaaaaa;
}

.form-actions {
    margin-top: 20px;
}

.chosen-container-single {
    position: relative;
}

.chosen-container-single .chosen-single {
    border-radius: 0;
    border: 1px solid #aaaaaa;
    background: none;
    height: 42px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container-single .chosen-single > div {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 34px;
    background: none;
}

.chosen-container-single .chosen-single > div b {
    width: 100%;
    height: 100%;
    background: url(/sites/all/themes/gijbels_main/images/arrow-select.svg) 50% 50% no-repeat !important;
}

.chosen-container-single .chosen-single span {
    color: #858585;
    font-size: 15px;
    padding: 7px 2px 0;
}

.chosen-container-single .chosen-single abbr {
    background: url(/sites/all/themes/gijbels_main/images/cross-gray.svg) 50% 50% no-repeat;
    background-size: 100% auto;
    margin: 8px 18px 0 0;
}

.chosen-container-single .chosen-drop {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.views-exposed-form .chosen-container-single {
    width: 100% !important;
}

@media screen and (min-width: 750px) {
    .views-exposed-form .chosen-container-single {
        width:90% !important;
    }
}

.chosen-container ul.chosen-results {
    padding: 0;
    margin: 0;
}

.chosen-container ul.chosen-results li {
    padding: 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: none;
}

.views-exposed-form input.form-autocomplete,html.js .views-exposed-form input.form-autocomplete {
    background: url(/sites/all/themes/gijbels_main/images/gray-search.svg) top 50% right 10px no-repeat;
    background-size: 18px 18px;
}

.views-exposed-form input.form-autocomplete::-ms-clear {
    display: none;
}

#autocomplete {
    border: 1px solid #aaaaaa;
    border-top: none;
}

#autocomplete li {
    padding: 4px 10px;
    cursor: pointer;
}

.open-overlay {
    overflow: hidden;
}

.wrapper.btn__close__wrapper {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    background: none;
}

.close-video {
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 100px;
    top: 0;
    width: 50px;
    height: 60px;
    background: url(/sites/all/themes/gijbels_main/images/cross.svg) 50% 100% no-repeat;
    background-size: 30px auto;
    color: transparent;
    cursor: pointer;
}

.close-video:hover {
    color: transparent;
}

@media screen and (max-width: 750px) {
    .close-video {
        right:10px;
    }
}

a.close-popover {
    float: right;
    margin-right: 15px;
    width: 50px;
    height: 60px;
    background: url(/sites/all/themes/gijbels_main/images/cross.svg) 50% 100% no-repeat;
    background-size: 30px auto;
    color: transparent;
    cursor: pointer;
}

a.close-popover:hover {
    color: transparent;
}

@media screen and (max-width: 750px) {
    a.close-popover {
        background-position:30px 11px;
        background-size: 20px auto;
        margin-right: 10px;
        position: absolute;
        top: 40px;
        right: 0;
    }
}

.event-full__group-content .event-full__registration-inner h2 {
    color: #fff;
}

fieldset.group-left,fieldset.group-right {
    border: none;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 751px) {
    .form-left,.form-right {
        width:47%;
        min-height: 67px;
    }

    .form-left {
        float: left;
        clear: left;
    }

    .form-right {
        float: right;
    }

    .webform-component.webform-component-radios label.element-invisible + div {
        padding-top: 19px;
        height: 63px;
    }

    .form-radios > .form-item {
        display: inline-block;
        vertical-align: top;
    }

    .form-radios > .form-item:not(:last-child) {
        margin-right: 5px;
    }

    .form-right + .form-actions {
        clear: both;
    }
}

@media screen and (max-width: 750px) {
    .form-left input:not([type="image"]),.form-left textarea,.form-right input:not([type="image"]),.form-right textarea {
        width:100%;
    }
}

.description {
    font-size: 13px;
    line-height: 19px;
}

.webform-client-form-3263 .form-actions,.webform-client-form-3264 .form-actions,.webform-client-form-3365 .form-actions {
    clear: both;
    text-align: right;
}

#breadcrumb {
    background: #00A9E1;
    color: #fff;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

@media screen and (max-width: 750px) {
    #breadcrumb {
        display:none;
    }
}

#breadcrumb a {
    color: #fff;
    text-decoration: none;
}

#breadcrumb a:hover {
    color: #555555;
}

#breadcrumb .divider {
    display: inline-block;
    width: 20px;
    text-indent: -9999px;
    position: relative;
}

#breadcrumb .divider:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 4.1666666667px solid transparent;
    border-bottom: 4.1666666667px solid transparent;
    border-left: 5px solid #fff;
    top: 10px;
    left: 9px;
}

#breadcrumb.greycrumb {
    background: #f3f3f3;
    color: #858585;
}

#breadcrumb.greycrumb a {
    color: #858585;
}

#breadcrumb.greycrumb .divider:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 4.1666666667px solid transparent;
    border-bottom: 4.1666666667px solid transparent;
    border-left: 5px solid #00A9E1;
}

.breadcrumb {
    float: left;
}

.front #breadcrumb {
    display: none;
}

.news-teaser__list li:not(:last-child) {
    margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
    .news-teaser__list li:not(:last-child) {
        margin-bottom:15px;
    }
}

.node-nieuws.node-teaser a,.node-evenement.node-teaser a,.node-nieuws.node-teaser img,.node-evenement.node-teaser img {
    display: block;
}

@media screen and (min-width: 750px) {
    .node-nieuws.node-teaser .group-left,.node-evenement.node-teaser .group-left {
        float:left;
        width: 305px;
    }

    .node-nieuws.node-teaser .group-right,.node-evenement.node-teaser .group-right {
        margin-left: 330px;
    }
}

@media screen and (max-width: 750px) {
    .node-nieuws.node-teaser .group-right,.node-evenement.node-teaser .group-right {
        background:#00A9E1;
        text-align: center;
        color: #ffffff;
        padding: 10px;
    }
}

.node-nieuws.node-teaser a,.node-evenement.node-teaser a {
    text-decoration: none;
}

.news-teaser__title h2,.event-teaser__title h2 {
    margin: 0;
}

@media screen and (min-width: 750px) {
    .news-teaser__title h2,.event-teaser__title h2 {
        color:#00A9E1;
    }
}

@media screen and (max-width: 750px) {
    .news-teaser__title h2,.event-teaser__title h2 {
        font-size:18px;
    }
}

@media screen and (min-width: 750px) {
    .news-teaser__date,.event-teaser__date {
        color:#00A9E1;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 750px) {
    .news-teaser__date,.event-teaser__date {
        font-size:13px;
    }
}

.news-teaser__text,.event-teaser__text {
    color: #858585;
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .news-teaser__text,.event-teaser__text {
        display:none;
    }
}

.news-teaser__readmore,.event-teaser__readmore {
    float: right;
}

@media screen and (max-width: 750px) {
    .news-teaser__readmore,.event-teaser__readmore {
        display:none;
    }
}

.news-teaser__meta {
    float: left;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    background: url(/sites/all/themes/gijbels_main/images/blue-label.svg) no-repeat left 6px;
    padding-left: 25px;
    font-weight: 500;
    font-size: 0.9333333333em;
    margin-top: 20px;
}

.news-full__group-bottom {
    margin-top: 60px;
}

body.node-type-nieuws h1 {
    font-size: 42px;
}

@media screen and (max-width: 960px) {
    body.node-type-nieuws h1 {
        font-size:30px;
    }
}

@media screen and (max-width: 750px) {
    body.node-type-nieuws h1 {
        font-size:20px;
    }
}

@media screen and (max-width: 960px) {
    body.node-type-nieuws .page__date,body.node-type-nieuws .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner body.node-type-nieuws .project-full__branch,body.node-type-nieuws .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner body.node-type-nieuws .page__date,body.node-type-nieuws #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner body.node-type-nieuws .project-full__branch,body.node-type-nieuws #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner body.node-type-nieuws .page__date {
        display:none;
    }
}

.page-node.node-type-evenement .page__back,.page-node.node-type-evenement .page__next {
    border-color: rgba(96,183,112,0.2);
}

.page-node.node-type-evenement .page__back a,.page-node.node-type-evenement .page__next a {
    color: #60B770;
}

.page-node.node-type-evenement .page__back a:hover,.page-node.node-type-evenement .page__next a:hover {
    color: #4daa5e;
}

.page-node.node-type-evenement .page__socialshare ul,.page-node.node-type-evenement .page__socialshare li:not(:first-child) {
    border-color: rgba(96,183,112,0.2);
}

.event-full__group-content {
}

.field-name-eventnextbig {
    text-transform: uppercase;
    margin-bottom: 35px;
}

.field-name-eventnextbig a {
    color: #ffffff;
}

.field-name-eventnextbig a:hover {
    color: #ffffff;
}

.field-name-eventnextbig a:hover span {
    background: #0091c1;
}

.field-name-eventnextbig span {
    padding: 0px 5px;
    display: inline-block;
    background: #00A9E1;
    -webkit-transition: background-color cubic-bezier(0.42,0,0.58,1) 0.2s;
    -o-transition: background-color cubic-bezier(0.42,0,0.58,1) 0.2s;
    transition: background-color cubic-bezier(0.42,0,0.58,1) 0.2s;
}

.field-name-eventnextbig .nextlabel {
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 35px;
}

.field-name-eventnextbig .nexttitle,.field-name-eventnextbig .nextdate {
    font-weight: 300;
    letter-spacing: 1.5px;
}

.field-name-eventnextbig .nexttitle {
    font-size: 2.5333333333em;
    line-height: 1.1842105263em;
}

.field-name-eventnextbig .nextdate {
    font-size: 1.6em;
}

.node-evenement.view-mode-full .page__group-top .field-name-eventnewsbackoverview,.node-evenement.view-mode-full .page__group-top .field-name-eventnext,.node-evenement.view-mode-full .page__group-top .field-name-socialshare ul,.node-evenement.view-mode-full .page__group-top .field-name-socialshare li {
    border-color: rgba(96,183,112,0.2);
}

.node-evenement.view-mode-full .field-name-eventnext a {
    color: #60B770;
}

.node-evenement.view-mode-full .field-name-eventnextbig {
    margin-top: 60px;
}

.node-evenement.view-mode-full .field-name-eventnextbig span {
    background: #60B770;
}

.node-evenement.view-mode-full .field-name-eventnextbig a:hover span {
    background: #4daa5e;
}

.node-evenement.view-mode-full .social-mail {
    background-image: url(/sites/all/themes/gijbels_main/images/green-mail.svg);
}

.node-evenement.view-mode-full .social-facebook {
    background-image: url(/sites/all/themes/gijbels_main/images/green-fb.svg);
}

.node-evenement.view-mode-full .social-linkedin {
    background-image: url(/sites/all/themes/gijbels_main/images/green-linkedin.svg);
}

.node-evenement.view-mode-full .social-twitter {
    background-image: url(/sites/all/themes/gijbels_main/images/green-twitter.svg);
}

@media screen and (min-width: 750px) {
    .header__top .block-locale {
        float:right;
        font-size: 0.8666666667em;
    }
}

.language-switcher-locale-url a {
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
    -o-transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
    transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
}

.language-switcher-locale-url a:hover {
    color: #fff;
}

.language-switcher-locale-url a.active {
    display: none;
}

.language-switcher-locale-url li {
    display: inline-block;
    margin-right: 5px;
}

.language-switcher-locale-url li:last-child {
    margin-right: 0;
}

@media screen and (min-width: 750px) {
    .language-switcher-locale-url a {
        color:#00A9E1;
    }
}

@media screen and (max-width: 750px) {
    .language-switcher-locale-url li {
        font-size:13px;
    }

    .mobile-menu .language-switcher-locale-url a {
        color: rgba(255,255,255,0.5);
    }
}

.field-name-socialshare {
    float: right;
}

.field-name-socialshare ul {
    border: 1px solid rgba(0,169,225,0.2);
}

.field-name-socialshare li {
    float: left;
}

.field-name-socialshare li:not(:first-child) {
    border-left: 1px solid rgba(0,169,225,0.2);
}

.field-name-socialshare li:first-child {
    padding: 6px 12px 8px;
}

.field-name-socialshare a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    width: 45px;
    height: 41px;
    -webkit-transition: opacity cubic-bezier(0.42,0,0.58,1) 0.2s;
    -o-transition: opacity cubic-bezier(0.42,0,0.58,1) 0.2s;
    transition: opacity cubic-bezier(0.42,0,0.58,1) 0.2s;
}

.field-name-socialshare a:hover {
    opacity: 0.9;
}

.field-name-socialshare .social-mail {
    background-position: center 13px;
}

.field-name-socialshare .social-facebook {
    background-position: 16px 10px;
}

.field-name-socialshare .social-twitter {
    background-position: 12px 13px;
}

.field-name-socialshare .social-linkedin {
    background-position: 12px 10px;
}

@media screen and (max-width: 750px) {
    .field-name-socialshare {
        display:none;
    }
}

.socialshare {
    display: none;
    float: right;
}

.socialshare li {
    border: 1px solid rgba(0,169,225,0.2);
    float: left;
}

.socialshare li:not(:last-child) {
    border-right: none;
}

.socialshare a {
    display: block;
    padding: 4px 0px 5px 0px;
    width: 40px;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.socialshare a:hover {
    opacity: 0.7;
}

.social__facebook {
    background: url(/sites/all/themes/gijbels_main/images/blue-fb.svg) no-repeat 15px 8px;
}

.social__linkedin {
    background: url(/sites/all/themes/gijbels_main/images/blue-linkedin.svg) no-repeat 10px 8px;
}

.social__mail {
    background: url(/sites/all/themes/gijbels_main/images/blue-mail.svg) no-repeat 9px 10px;
}

.social__twitter {
    background: url(/sites/all/themes/gijbels_main/images/blue-twitter.svg) no-repeat 9px 10px;
}

.footer__back-to-top {
    font-size: 0.8666666667em;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    letter-spacing: 1px;
    margin: auto;
    top: -50px;
    width: 100px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .footer__back-to-top {
        display:none;
    }
}

.footer__back-to-top a {
    display: block;
    padding: 47px 0 0 0;
}

.footer__back-to-top:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 50px solid #f9f9f9;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    z-index: -1;
}

.paragraphs-item-2-kolom .field-type-entityreference,.paragraphs-item-2-kolom .field-type-entityreference .field-items,.paragraphs-item-2-kolom .field-type-entityreference .field-item,.paragraphs-item-2-kolom .entity-paragraaf-content,.paragraphs-item-3-kolom .field-type-entityreference,.paragraphs-item-3-kolom .field-type-entityreference .field-items,.paragraphs-item-3-kolom .field-type-entityreference .field-item,.paragraphs-item-3-kolom .entity-paragraaf-content {
    height: 100%;
}

.news-full__paragraph {
    padding: 50px 20px;
}

.news-full__paragraph:nth-child(odd) {
    background: #fff;
}

@media screen and (min-width: 460px) {
    .news-full__paragraph {
        padding:0;
    }
}

.paragraphs-item-2-kolom img {
    display: block;
}

@media screen and (min-width: 460px) {
    .paragraphs-item-2-kolom .group-left,.paragraphs-item-2-kolom .group-right {
        float:left;
        width: calc(50% - 8px);
        max-height: none;
        overflow: initial;
    }

    .paragraphs-item-2-kolom .group-left {
        margin-right: 8px;
    }

    .paragraphs-item-2-kolom .group-right {
        float: right;
    }

    .paragraphs-item-2-kolom.parcolwidths-3366 .group-left {
        width: calc(33.33% - 8px);
    }

    .paragraphs-item-2-kolom.parcolwidths-3366 .group-right {
        width: calc(66.66% - 8px);
    }

    .paragraphs-item-2-kolom.parcolwidths-6633 .group-right {
        width: calc(33.33% - 8px);
    }

    .paragraphs-item-2-kolom.parcolwidths-6633 .group-left {
        width: calc(66.66% - 8px);
    }
}

.paragraphs-item-2-kolom .group-right {
    margin-right: 0;
}

.paragraphs-item-1-kolom {
    padding: 4px;
}

.paragraphs-item-1-kolom .paragraaf-content-call-to-action {
    margin-top: 15px;
}

.node-type-project .paragraphs-item-2-kolom .group-left,.node-type-project .paragraphs-item-2-kolom .group-middle,.node-type-project .paragraphs-item-2-kolom .group-right,.node-type-project .paragraphs-item-3-kolom .group-left,.node-type-project .paragraphs-item-3-kolom .group-middle,.node-type-project .paragraphs-item-3-kolom .group-right,.node-type-nieuws .paragraphs-item-2-kolom .group-left,.node-type-nieuws .paragraphs-item-2-kolom .group-middle,.node-type-nieuws .paragraphs-item-2-kolom .group-right,.node-type-nieuws .paragraphs-item-3-kolom .group-left,.node-type-nieuws .paragraphs-item-3-kolom .group-middle,.node-type-nieuws .paragraphs-item-3-kolom .group-right {
    padding: 4px;
}

.node-type-project .paragraphs-item-1-kolom,.node-type-nieuws .paragraphs-item-1-kolom {
    padding: 4px;
}

.node-type-project .field-name-field-overlay-color,.node-type-nieuws .field-name-field-overlay-color {
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.node-type-project .field-name-field-overlay-color:hover,.node-type-nieuws .field-name-field-overlay-color:hover {
    background: rgba(0,0,0,0.2);
}

.node-type-project .field-name-field-overlay-color:hover:after,.node-type-nieuws .field-name-field-overlay-color:hover:after {
    background: url(/sites/all/themes/gijbels_main/images/expand-icon.svg) center center no-repeat;
    background-size: 77px 77px;
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.paragraphs-item-2-kolom .group-left,.paragraphs-item-2-kolom .group-middle,.paragraphs-item-2-kolom .group-right,.paragraphs-item-3-kolom .group-left,.paragraphs-item-3-kolom .group-middle,.paragraphs-item-3-kolom .group-right {
    width: 100%;
}

@media screen and (min-width: 460px) {
    .paragraphs-item-2-kolom .group-left,.paragraphs-item-2-kolom .group-middle,.paragraphs-item-2-kolom .group-right,.paragraphs-item-3-kolom .group-left,.paragraphs-item-3-kolom .group-middle,.paragraphs-item-3-kolom .group-right {
        float:left;
        overflow: hidden;
    }
}

.paragraphs-item-2-kolom .group-left .paragraaf-content-call-to-action,.paragraphs-item-2-kolom .group-middle .paragraaf-content-call-to-action,.paragraphs-item-2-kolom .group-right .paragraaf-content-call-to-action,.paragraphs-item-3-kolom .group-left .paragraaf-content-call-to-action,.paragraphs-item-3-kolom .group-middle .paragraaf-content-call-to-action,.paragraphs-item-3-kolom .group-right .paragraaf-content-call-to-action {
    margin-top: 15px;
}

.paragraphs-item-2-kolom img,.paragraphs-item-3-kolom img {
    display: block;
}

@media screen and (min-width: 460px) {
    .paragraphs-item-3-kolom .group-left,.paragraphs-item-3-kolom .group-middle,.paragraphs-item-3-kolom .group-right {
        width:33.3333%;
    }
}

@media screen and (min-width: 460px) {
    .paragraphs-item-3-kolom .group-left .paragraaf-content-call-to-action {
        padding-right:3%;
    }

    .paragraphs-item-3-kolom .group-middle .paragraaf-content-call-to-action {
        padding-left: 1.5%;
        padding-right: 1.5%;
    }

    .paragraphs-item-3-kolom .group-right .paragraaf-content-call-to-action {
        padding-left: 3%;
    }
}

@media screen and (max-width: 460px) {
    .paragraphs-item-3-kolom .group-left .paragraaf-content-call-to-action,.paragraphs-item-3-kolom .group-middle .paragraaf-content-call-to-action {
        margin-bottom:15px;
    }
}

@media screen and (min-width: 460px) {
    .paragraphs-item-2-kolom .group-left,.paragraphs-item-2-kolom .group-right {
        width:calc(50% - 8px);
    }
}

@media screen and (min-width: 460px) {
    .paragraphs-item-2-kolom .group-left .paragraaf-content-call-to-action {
        padding-right:2%;
        margin-bottom: 60px;
    }

    .paragraphs-item-2-kolom .group-right .paragraaf-content-call-to-action {
        padding-left: 2%;
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 460px) {
    .paragraphs-item-2-kolom .group-left .paragraaf-content-call-to-action {
        margin-bottom:15px;
    }
}

.paragraph > .entity .group-header:not(:empty) {
    color: #00A9E1;
    text-align: center;
    font-size: 2.5333333333em;
    line-height: 48px;
    margin-bottom: 30px;
}

@media screen and (min-width: 460px) {
    .paragraph > .entity .group-footer {
        margin-top:60px;
    }
}

@media screen and (max-width: 460px) {
    .paragraph > .entity .group-footer {
        margin-top:30px;
    }
}

@media screen and (max-width: 460px) {
    .parbg-gray > div,.parbg-blue > div {
        padding:0;
    }
}

.parbg-blue {
    background: #00A9E1;
    color: #ffffff;
}

.entity.color-gray {
    background: #f3f3f3;
}

.entity.color-white {
    background: #fff;
}

.entity.color-green {
    background: #60B770;
}

.entity.color-blue {
    background: #00A9E1;
    color: #ffffff;
}

.entity.color-blue,.entity.color-green {
    color: #ffffff;
}

.entity.color-blue h2,.entity.color-blue a,.entity.color-green h2,.entity.color-green a {
    color: #fff;
}

.entity.color-blue a:hover,.entity.color-green a:hover {
    opacity: 0.8;
}

.paragraaf-content-tekst {
    position: relative;
}

.paragraaf-content-tekst p {
    margin-top: 0;
}

.node-nieuws.view-mode-full .paragraaf-content-tekst > .entity-inner,.node-project.view-mode-full .paragraaf-content-tekst > .entity-inner {
    padding: 20px;
}

@media screen and (min-width: 960px) {
    .node-nieuws.view-mode-full .paragraaf-content-tekst > .entity-inner,.node-project.view-mode-full .paragraaf-content-tekst > .entity-inner {
        padding:30px 50px;
    }
}

.paragraaf-content-tekst.color-white h1,.paragraaf-content-tekst.color-white h2,.paragraaf-content-tekst.color-white h3 {
    color: #00A9E1;
    margin-top: 30px;
}

.paragraaf-content-afbeelding {
    position: relative;
}

.paragraaf-content-afbeelding img {
    width: 100%;
    display: block;
}

.field-name-field-overlay-color {
    color: transparent;
    font-size: 0;
}

.overlaycolor-white .field-name-field-overlay-color {
    background-color: rgba(255,255,255,0.4);
}

.overlaycolor-blue .field-name-field-overlay-color {
    background-color: rgba(0,169,225,0.4);
}

.overlaycolor-green .field-name-field-overlay-color {
    background-color: rgba(96,183,112,0.6);
}

@media screen and (min-width: 750px) {
    .paragraph-sociallinks,.story__share ul {
        padding:40px 0 41px;
    }
}

@media screen and (max-width: 750px) {
    .node-page .paragraph-sociallinks,.node-page .story__share ul,.story__share .node-page ul {
        padding:20px 0 0px;
    }
}

.paragraph-sociallinks > .container > ul li,.story__share ul > .container > ul li,.paragraph > .entity.color.paragraph-sociallinks > div > ul li,.story__share .paragraph > ul.entity.color > div > ul li,.parbg-gray.paragraph-sociallinks > div > ul li,.story__share ul.parbg-gray > div > ul li,.parbg-blue.paragraph-sociallinks > div > ul li,.story__share ul.parbg-blue > div > ul li,.content__top .paragraph-sociallinks > .container > ul li,.story__share .content__top ul > .container > ul li {
    font-size: 0.8666666667em;
    float: left;
    font-family: "robotomedium";
    text-transform: uppercase;
    border: 1px solid rgba(0,169,225,0.2);
}

.paragraph-sociallinks > .container > ul li:not(:last-child),.story__share ul > .container > ul li:not(:last-child),.paragraph > .entity.color.paragraph-sociallinks > div > ul li:not(:last-child),.story__share .paragraph > ul.entity.color > div > ul li:not(:last-child),.parbg-gray.paragraph-sociallinks > div > ul li:not(:last-child),.story__share ul.parbg-gray > div > ul li:not(:last-child),.parbg-blue.paragraph-sociallinks > div > ul li:not(:last-child),.story__share ul.parbg-blue > div > ul li:not(:last-child),.content__top .paragraph-sociallinks > .container > ul li:not(:last-child),.story__share .content__top ul > .container > ul li:not(:last-child) {
    border-right: none;
}

.paragraph-sociallinks > .container > ul li:nth-child(3),.story__share ul > .container > ul li:nth-child(3),.paragraph > .entity.color.paragraph-sociallinks > div > ul li:nth-child(3),.story__share .paragraph > ul.entity.color > div > ul li:nth-child(3),.parbg-gray.paragraph-sociallinks > div > ul li:nth-child(3),.story__share ul.parbg-gray > div > ul li:nth-child(3),.parbg-blue.paragraph-sociallinks > div > ul li:nth-child(3),.story__share ul.parbg-blue > div > ul li:nth-child(3),.content__top .paragraph-sociallinks > .container > ul li:nth-child(3),.story__share .content__top ul > .container > ul li:nth-child(3) {
    border-right: 1px solid rgba(0,169,225,0.2);
}

@media screen and (min-width: 750px) {
    .paragraph-sociallinks > .container > ul li:last-child,.story__share ul > .container > ul li:last-child,.paragraph > .entity.color.paragraph-sociallinks > div > ul li:last-child,.story__share .paragraph > ul.entity.color > div > ul li:last-child,.parbg-gray.paragraph-sociallinks > div > ul li:last-child,.story__share ul.parbg-gray > div > ul li:last-child,.parbg-blue.paragraph-sociallinks > div > ul li:last-child,.story__share ul.parbg-blue > div > ul li:last-child,.content__top .paragraph-sociallinks > .container > ul li:last-child,.story__share .content__top ul > .container > ul li:last-child {
        float:right;
    }

    .paragraph-sociallinks > .container > ul li:last-child a,.story__share ul > .container > ul li:last-child a,.paragraph > .entity.color.paragraph-sociallinks > div > ul li:last-child a,.story__share .paragraph > ul.entity.color > div > ul li:last-child a,.parbg-gray.paragraph-sociallinks > div > ul li:last-child a,.story__share ul.parbg-gray > div > ul li:last-child a,.parbg-blue.paragraph-sociallinks > div > ul li:last-child a,.story__share ul.parbg-blue > div > ul li:last-child a,.content__top .paragraph-sociallinks > .container > ul li:last-child a,.story__share .content__top ul > .container > ul li:last-child a {
        padding: 6px 18px;
    }
}

@media screen and (max-width: 750px) {
    .paragraph-sociallinks > .container > ul li,.story__share ul > .container > ul li,.paragraph > .entity.color.paragraph-sociallinks > div > ul li,.story__share .paragraph > ul.entity.color > div > ul li,.parbg-gray.paragraph-sociallinks > div > ul li,.story__share ul.parbg-gray > div > ul li,.parbg-blue.paragraph-sociallinks > div > ul li,.story__share ul.parbg-blue > div > ul li,.content__top .paragraph-sociallinks > .container > ul li,.story__share .content__top ul > .container > ul li {
        width:33%;
    }

    .paragraph-sociallinks > .container > ul li a,.story__share ul > .container > ul li a,.paragraph > .entity.color.paragraph-sociallinks > div > ul li a,.story__share .paragraph > ul.entity.color > div > ul li a,.parbg-gray.paragraph-sociallinks > div > ul li a,.story__share ul.parbg-gray > div > ul li a,.parbg-blue.paragraph-sociallinks > div > ul li a,.story__share ul.parbg-blue > div > ul li a,.content__top .paragraph-sociallinks > .container > ul li a,.story__share .content__top ul > .container > ul li a {
        padding-right: 0;
    }

    .paragraph-sociallinks > .container > ul li:last-child,.story__share ul > .container > ul li:last-child,.paragraph > .entity.color.paragraph-sociallinks > div > ul li:last-child,.story__share .paragraph > ul.entity.color > div > ul li:last-child,.parbg-gray.paragraph-sociallinks > div > ul li:last-child,.story__share ul.parbg-gray > div > ul li:last-child,.parbg-blue.paragraph-sociallinks > div > ul li:last-child,.story__share ul.parbg-blue > div > ul li:last-child,.content__top .paragraph-sociallinks > .container > ul li:last-child,.story__share .content__top ul > .container > ul li:last-child {
        clear: both;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .paragraph-sociallinks > .container > ul li:last-child a,.story__share ul > .container > ul li:last-child a,.paragraph > .entity.color.paragraph-sociallinks > div > ul li:last-child a,.story__share .paragraph > ul.entity.color > div > ul li:last-child a,.parbg-gray.paragraph-sociallinks > div > ul li:last-child a,.story__share ul.parbg-gray > div > ul li:last-child a,.parbg-blue.paragraph-sociallinks > div > ul li:last-child a,.story__share ul.parbg-blue > div > ul li:last-child a,.content__top .paragraph-sociallinks > .container > ul li:last-child a,.story__share .content__top ul > .container > ul li:last-child a {
        padding: 6px 18px 8px 18px;
        text-align: center;
    }
}

.paragraph-sociallinks a,.story__share ul a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
    padding: 6px 18px 8px 40px;
    -webkit-transition: opacity cubic-bezier(0.42,0,0.58,1) 0.2s;
    -o-transition: opacity cubic-bezier(0.42,0,0.58,1) 0.2s;
    transition: opacity cubic-bezier(0.42,0,0.58,1) 0.2s;
}

.paragraph-sociallinks a:hover,.story__share ul a:hover {
    opacity: 0.9;
}

.paragraph-sociallinks a span,.story__share ul a span {
    display: none;
}

@media screen and (min-width: 750px) {
    .paragraph-sociallinks a span.desktop,.story__share ul a span.desktop {
        display:inline-block;
    }
}

@media screen and (max-width: 750px) {
    .paragraph-sociallinks a,.story__share ul a {
        min-height:42px;
    }
}

.paragraph-sociallinks .social-mail,.story__share ul .social-mail {
    background-position: center 13px;
}

.paragraph-sociallinks .social-facebook,.story__share ul .social-facebook {
    background-position: 16px 10px;
}

@media screen and (max-width: 750px) {
    .paragraph-sociallinks .social-facebook,.story__share ul .social-facebook {
        background-position:center 10px;
    }
}

.paragraph-sociallinks .social-twitter,.story__share ul .social-twitter {
    background-position: 12px 13px;
}

@media screen and (max-width: 750px) {
    .paragraph-sociallinks .social-twitter,.story__share ul .social-twitter {
        background-position:center 13px;
    }
}

.paragraph-sociallinks .social-linkedin,.story__share ul .social-linkedin {
    background-position: 12px 10px;
}

@media screen and (max-width: 750px) {
    .paragraph-sociallinks .social-linkedin,.story__share ul .social-linkedin {
        background-position:center 10px;
    }
}

@media screen and (max-width: 750px) {
    .paragraph-sociallinks .container,.story__share ul .container,.paragraph-sociallinks .paragraph > .entity.color > div,.story__share ul .paragraph > .entity.color > div,.paragraph-sociallinks .parbg-gray > div,.story__share ul .parbg-gray > div,.paragraph-sociallinks .parbg-blue > div,.story__share ul .parbg-blue > div {
        padding:0;
    }
}

.paragraaf-content-full-width-afbeelding {
    margin: 0 -100%;
}

@media screen and (max-width: 960px) {
    .paragraaf-content-full-width-afbeelding {
        margin:0 -30px;
    }
}

.paragraaf-content-full-width-afbeelding img {
    display: block;
    margin: 0 auto;
}

.mixed-paragraph-types .paragraphs-item-2-kolom .group-left .paragraaf-content-call-to-action,.mixed-paragraph-types .paragraphs-item-2-kolom .group-middle .paragraaf-content-call-to-action,.mixed-paragraph-types .paragraphs-item-2-kolom .group-right .paragraaf-content-call-to-action,.mixed-paragraph-types .paragraphs-item-3-kolom .group-left .paragraaf-content-call-to-action,.mixed-paragraph-types .paragraphs-item-3-kolom .group-middle .paragraaf-content-call-to-action,.mixed-paragraph-types .paragraphs-item-3-kolom .group-right .paragraaf-content-call-to-action {
    margin: 0;
    padding: 0;
}

.witruimte-10 {
    margin-bottom: 10px;
}

.witruimte-20 {
    margin-bottom: 20px;
}

.witruimte-30 {
    margin-bottom: 30px;
}

.witruimte-40 {
    margin-bottom: 40px;
}

.witruimte-50 {
    margin-bottom: 50px;
}

.witruimte-60 {
    margin-bottom: 60px;
}

.witruimte-70 {
    margin-bottom: 70px;
}

.witruimte-80 {
    margin-bottom: 80px;
}

.witruimte-90 {
    margin-bottom: 90px;
}

.witruimte-100 {
    margin-bottom: 100px;
}

.paragraphs-full-width {
    margin: 0 auto;
}

.paragraphs-full-width .paragraaf-content-tekst {
    padding: 80px;
}

.paragraphs-full-width .paragraaf-content-tekst #button {
    background: #fff;
    color: #00A9E1;
}

@media screen and (max-width: 1100px) {
    .paragraphs-full-width {
        height:auto;
    }

    .paragraphs-full-width .paragraaf-content-tekst {
        padding: 40px;
    }
}

@media screen and (max-width: 860px) {
    .paragraphs-full-width .group-left {
        display:none;
    }

    .paragraphs-full-width .group-left img.image-background__img {
        margin-bottom: -30px;
    }

    .paragraphs-full-width .group-right {
        width: 100% !important;
    }
}

.paragraphs-no-margin.paragraphs-item-2-kolom .group-left {
    margin-right: 0;
    width: 50%;
}

.paragraphs-no-margin.paragraphs-item-2-kolom .group-right {
    width: 50%;
}

.paragraphs-no-margin.parcolwidths-3366 .group-left {
    width: 33.333%;
}

.paragraphs-no-margin.parcolwidths-3366 .group-right {
    width: 66.666%;
}

.paragraphs-no-margin.parcolwidths-6633 .group-left {
    width: 66.666%;
}

.paragraphs-no-margin.parcolwidths-6633 .group-right {
    width: 33.333%;
}

.paragraphs-no-margin.paragraphs-item-3-kolom .group-left {
    margin-right: 0;
    width: 33.333%;
}

.paragraphs-no-margin.paragraphs-item-3-kolom .group-middle {
    width: 33.333%;
    margin-right: 0;
}

.paragraphs-no-margin.paragraphs-item-3-kolom .group-right {
    width: 33.333%;
}

.owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.owl-nav > div {
    background: url(/sites/all/themes/gijbels_main/images/arrow-right-white.svg) 50% 50% no-repeat;
    width: 40px;
    height: 40px;
    background-size: 25px auto;
    color: transparent;
}

@media screen and (max-width: 750px) {
    .node-jobsnippet.view-mode-full .owl-nav {
        left:-35px;
        right: -35px;
    }

    .node-jobsnippet.view-mode-full .owl-nav > div {
        background-image: url(/sites/all/themes/gijbels_main/images/arrow-right-blue.svg);
    }

    .paragraaf-content-contactpersonen .owl-nav {
        left: -0px;
        right: -0px;
    }

    .paragraaf-content-contactpersonen .owl-nav > div {
        background-image: url(/sites/all/themes/gijbels_main/images/arrow-right-green.svg);
    }
}

.owl-next {
    float: right;
}

.owl-prev {
    float: left;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}

.owl-stage-outer {
    z-index: 2;
}

.owl-controls {
    z-index: 3;
}

.view-gijbels-projecten.view-display-id-content_callback_1 .view-filters {
    position: relative;
    margin-bottom: 25px;
}

.view-gijbels-projecten.view-display-id-content_callback_1 .view-filters .ajax-progress {
    position: absolute;
}

@media screen and (max-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .view-filters {
        position:absolute;
        left: 0;
        top: 135px;
        width: 100%;
        z-index: 103;
        background: #ffffff;
        padding: 0 30px 10px;
        border-bottom: 1px solid #00A9E1;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .view-filters.fixed {
        position: fixed;
        top: 43px;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .view-filters form {
        display: none;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .view-filters.active form {
        display: block;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .view-filters select {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widgets {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widgets .views-widget-filter-title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widgets #edit-branch-wrapper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widgets #edit-location-wrapper {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widgets .views-submit-button {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
}

.view-gijbels-projecten.view-display-id-content_callback_1 .attachment {
    border-top: 1px solid rgba(0,169,225,0.2);
    border-bottom: 1px solid rgba(0,169,225,0.2);
    padding: 19px 0 17px;
    margin-left: -100%;
    margin-right: -100%;
    margin-bottom: 75px;
}

.view-gijbels-projecten.view-display-id-content_callback_1 .attachment .gmap-gmap {
    margin: 0 auto;
}

@media screen and (max-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .attachment {
        display:none;
    }
}

@media screen and (min-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget {
        float:left;
        width: 25%;
    }
}

@media screen and (max-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget#edit-type-wrapper {
        display:none;
    }
}

@media screen and (min-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget#edit-branch-wrapper {
        width:27%;
    }
}

@media screen and (min-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget#edit-location-wrapper {
        width:22%;
    }
}

.view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget.views-widget-filter-title input {
    width: 100%;
}

@media screen and (min-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget.views-widget-filter-title {
        float:right;
        width: 26%;
    }
}

@media screen and (min-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget.views-widget-per-page {
        position:absolute;
        float: none;
        width: auto;
        right: 0;
        bottom: -185px;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget.views-widget-per-page .form-item label {
        display: inline-block;
    }

    .view-gijbels-projecten.view-display-id-content_callback_1 .views-exposed-widget.views-widget-per-page .form-item .chosen-container-single {
        width: 80px !important;
    }
}

.view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button {
    width: 100%;
    margin: 0;
    clear: both;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button .form-submit {
        width:100%;
    }
}

.view-gijbels-projecten .attachment-before .view-gijbels-projecten {
    display: none;
}

.gijbels-projects--zoekopkaart {
    font-size: 0.8666666667em;
    letter-spacing: 1.5px;
    color: #00A9E1;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

.gijbels-projects--zoekopkaart span {
    background: no-repeat left center;
    display: inline-block;
    padding: 0 0 0 30px;
}

.view-id-gijbels_projecten.view-display-id-attachment_1 {
    margin-top: 20px;
}

@media screen and (min-width: 960px) {
    .view-id-gijbels_projecten.view-display-id-attachment_1 {
        margin-left:-100%;
        margin-right: -100%;
    }
}

.view-id-gijbels_projecten.view-display-id-attachment_1 .gmap-gmap {
    width: 100% !important;
}

.project-teaser__list li,.whatshappening__list li {
    margin-bottom: 22px;
}

@media screen and (min-width: 750px) {
    .project-teaser__list li,.whatshappening__list li {
        margin-right:2.2916666667%;
        float: left;
        width: 31.7708333333%;
    }
}

.project-teaser__list li:nth-child(3n+3),.whatshappening__list li:nth-child(3n+3) {
    margin-right: 0;
}

.project-teaser__list a,.whatshappening__list a,.project-teaser__list img,.whatshappening__list img {
    display: block;
    text-decoration: none;
}

.project-teaser__list a:hover .project-teaser__bottom,.whatshappening__list a:hover .project-teaser__bottom {
    background: #0091c1;
}

.project-teaser__list a:hover .webcam-inner,.whatshappening__list a:hover .webcam-inner {
    display: none;
}

.project-teaser__bottom {
    text-align: left;
    position: relative;
    background: #00A9E1;
    color: #ffffff;
    -webkit-transition: background cubic-bezier(0.42,0,0.58,1) 0.2s;
    -o-transition: background cubic-bezier(0.42,0,0.58,1) 0.2s;
    transition: background cubic-bezier(0.42,0,0.58,1) 0.2s;
    min-height: 46px;
    padding: 7px 25% 7px 8%;
}

.project-teaser__bottom:after {
    background: #0091c1 url(/sites/all/themes/gijbels_main/images/white_arrow_right.svg) no-repeat scroll center center/21px 16px;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 20%;
}

.project-teaser__bottom .field-name-field-project-locatie {
    font-size: 0.8em;
}

.project-teaser__type {
    display: none;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
    width: 100%;
    position: absolute;
    top: -45px;
}

.project-teaser__type span {
    padding: 0 3px;
    background: #00A9E1;
}

.project-teaser__title h2 {
    font-size: 1.3333333333em;
    margin: 0;
    line-height: 21px;
}

.project-teaser__image img {
    display: block;
}

.project-teaser__image .project-teaser-webcam-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #363636;
    opacity: 0.9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.project-teaser__image .project-teaser-webcam-overlay .webcam-inner {
    color: #fff;
    font-family: "robotobold";
    text-transform: uppercase;
    font-size: 0.9333333333em;
}

.project-teaser__image .project-teaser-webcam-overlay .webcam-inner:before {
    content: "";
    background: url(/sites/all/themes/gijbels_main/images/webcam-icon.svg) no-repeat center center;
    background-size: 58px 76px;
    width: 58px;
    height: 76px;
    position: absolute;
    top: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.project-teaser__architect {
    font-weight: 300;
    line-height: 18px;
}

.gmap-popup .project-teaser__type {
    display: none;
}

.gmap-popup .project-teaser__image {
    float: left;
    width: 180px;
}

.gmap-popup .project-teaser__bottom {
    float: left;
    width: 305px;
    padding: 30px 0 30px;
}

@media screen and (min-width: 750px) {
    .project-teaser__search {
        display:none;
    }
}

@media screen and (max-width: 750px) {
    .project-teaser__search {
        text-align:center;
        font-size: 15px;
    }

    .project-teaser__search a {
        padding: 10px 0 0 0;
        color: #00A9E1;
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        font-family: "robotoregular";
        padding-left: 21px;
        background: url(/sites/all/themes/gijbels_main/images/blue-search.svg) no-repeat left 16px;
        background-size: 16px 16px;
    }
}

.nearby-projects-callback {
    padding: 30px 0;
}

.discover-all-link {
    cursor: pointer;
    background: url(/sites/all/themes/gijbels_main/images/blue_arrow_right.svg) no-repeat 95% center;
    padding-right: 40px;
}

.centered {
    text-align: center;
}

.node-type-project #block-ds-extras-project-banner .page__banner:after,.node-type-project #block-ds-extras-project-banner .page__video:after,.node-type-project #block-ds-extras-project-banner .page__banner:before,.node-type-project #block-ds-extras-project-banner .page__video:before,#block-ds-extras-nieuws-banner .page__banner:after,#block-ds-extras-nieuws-banner .page__video:after,#block-ds-extras-nieuws-banner .page__banner:before,#block-ds-extras-nieuws-banner .page__video:before {
    display: none;
}

.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date {
    margin-bottom: 15px;
    text-align: left !important;
}

.node-type-project #block-ds-extras-project-banner .project-full__branch span,.node-type-project #block-ds-extras-project-banner .project-full__branch span,.node-type-project #block-ds-extras-project-banner .page__date span,#block-ds-extras-nieuws-banner .project-full__branch span,#block-ds-extras-nieuws-banner .node-type-project #block-ds-extras-project-banner .project-full__branch span,.node-type-project #block-ds-extras-project-banner #block-ds-extras-nieuws-banner .project-full__branch span,#block-ds-extras-nieuws-banner .node-type-project #block-ds-extras-project-banner .page__date span,.node-type-project #block-ds-extras-project-banner #block-ds-extras-nieuws-banner .page__date span,#block-ds-extras-nieuws-banner .project-full__branch span,#block-ds-extras-nieuws-banner .page__date span {
    text-align: left;
    color: #fff;
    font-size: 16px;
    background: #00A9E1;
    padding: 5px 10px;
    text-transform: uppercase;
    font-family: "robotobold";
}

.node-type-project #block-ds-extras-project-banner .page__title,#block-ds-extras-nieuws-banner .page__title {
    text-align: left;
}

.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__title,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__title,#block-ds-extras-nieuws-banner .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date {
    max-width: 960px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 960px) {
    .node-type-project #block-ds-extras-project-banner .page__title,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .page__title,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date {
        z-index:200;
        margin-left: 25px;
    }

    .node-type-project #block-ds-extras-project-banner .project-full__branch,#block-ds-extras-nieuws-banner .project-full__branch {
        display: none;
    }
}

.project-full__about h2 {
    color: #00A9E1;
}

@media screen and (max-width: 750px) {
    .project-full__about {
        margin-top:-15px !important;
    }
}

.project-full__paragraphs {
    margin-bottom: 65px;
}

.project-full__group-content {
    margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
    .project-full__group-content {
        margin-bottom:30px;
    }

    .project-full__group-content .mobile-readmore {
        display: none;
    }
}

.project-full__architect {
    font-size: 1.1333333333em;
    color: #00A9E1;
    margin-top: 40px;
    font-weight: 300;
}

.node-type-project.page-node #breadcrumb {
    display: none;
}

div.contextual-links-wrapper ul.contextual-links li,div.contextual-links-wrapper div.ctools-dropdown-container ul li {
    height: auto !important;
    line-height: auto !important;
    float: none !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    border-radius: 0 !important;
    color: #000 !important;
    background: none !important;
}

div.contextual-links-wrapper ul.contextual-links li a,div.contextual-links-wrapper div.ctools-dropdown-container ul li a {
    background: none !important;
    font-size: 13px !important;
    border: none !important;
    border-radius: 0 !important;
    text-shadow: none;
    text-transform: none;
}

div.contextual-links-wrapper ul.contextual-links li a:hover,div.contextual-links-wrapper div.ctools-dropdown-container ul li a:hover {
    background-color: #bfdcee !important;
}

div.contextual-links-wrapper ul.contextual-links li:before,div.contextual-links-wrapper div.ctools-dropdown-container ul li:before {
    display: none !important;
}

div.contextual-links-wrapper a.contextual-links-trigger {
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    background: none !important;
}

div.contextual-links-wrapper a.contextual-links-trigger:hover,div.contextual-links-wrapper a.contextual-links-trigger.contextual-links-trigger-active {
    background: url("/modules/contextual/images/gear-select.png") no-repeat !important;
}

.pager-load-more {
    text-align: center;
}

.pager:not(.pager-load-more) {
    text-align: center;
    font-size: 1em;
    margin: 30px 0 0 0;
}

.pager:not(.pager-load-more) li {
    display: inline-block;
}

.pager:not(.pager-load-more) .pager-current {
    background: #00A9E1;
    color: #ffffff;
}

.pager:not(.pager-load-more) .pager-current,.pager:not(.pager-load-more) a {
    padding: 5px 9px 4px 9px;
}

.pager:not(.pager-load-more) .ajax-progress {
    display: none;
}

.pager:not(.pager-load-more) a {
    padding-left: 11px;
    padding-right: 11px;
    color: #333332;
    text-decoration: none;
    display: block;
}

.pager:not(.pager-load-more) .pager-next,.pager:not(.pager-load-more) .pager-previous {
    font-size: 1.625em;
}

.pager:not(.pager-load-more) .pager-next a,.pager:not(.pager-load-more) .pager-previous a {
    text-indent: -9999px;
    width: 20px;
    padding: 0;
    position: relative;
}

.pager:not(.pager-load-more) .pager-next a:before,.pager:not(.pager-load-more) .pager-previous a:before {
    top: 9px;
    left: 5px;
}

.pager:not(.pager-load-more) .pager-next a:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #777777;
    top: 12px;
}

.pager:not(.pager-load-more) .pager-previous a:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #777777;
    top: 12px;
}

@media only screen and (max-width: 750px) {
    .pager .pager-current,.pager a {
        padding:6px 10px 6px 10px;
    }
}

.wrapper:after {
    content: "";
    display: none;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 666;
}

.show-video .wrapper:after {
    display: block;
    opacity: 1;
}

.paragraaf-content-video .video__overlay {
    opacity: 0.8;
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
    padding-top: 20%;
    background: #363636 url(/sites/all/themes/gijbels_main/images/icon-play.svg) center 25% no-repeat;
    background-size: 62px 46px;
}

@media screen and (min-width: 1100px) {
    .paragraaf-content-video .video__overlay {
        background:#363636 url(/sites/all/themes/gijbels_main/images/icon-play.svg) center 120px no-repeat;
    }
}

@media screen and (max-width: 460px) {
    .paragraaf-content-video .video__overlay {
        background-size:52px 36px;
    }
}

.paragraaf-content-video .video__overlay .video__subtitle {
    color: #00A9E1;
}

.video__video {
    display: none;
    z-index: 800;
    position: fixed;
    top: 20px;
    text-align: center;
    left: 0;
    width: 100%;
    height: 100%;
}

.video__video .player-youtube {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
}

.video__overlay {
    cursor: pointer;
}

.video__image {
    cursor: pointer;
}

.video__image img {
    display: block;
}

.video__title,.video__subtitle {
    text-align: center;
    text-transform: uppercase;
    color: white;
    letter-spacing: 1px;
}

.video__title span,.video__subtitle span {
    background: #00A9E1;
    display: inline-block;
}

@media screen and (max-width: 460px) {
    .video__title span,.video__subtitle span {
        display:block;
    }
}

.video__title {
    font-size: 1.8666666667em;
    line-height: 1.2em;
    font-weight: 300;
    margin: 0 auto;
}

@media screen and (max-width: 460px) {
    .video__title {
        font-size:1.0666666667em;
    }
}

@media screen and (min-width: 460px) {
    .video__title {
        max-width:80%;
    }
}

.video__title span {
    padding: 4px 6px 7px 6px;
}

.video__subtitle {
    font-size: 0.9333333333em;
    color: #00A9E1;
}

@media screen and (max-width: 460px) {
    .video__subtitle {
        font-size:0.8em;
    }
}

.video__subtitle span {
    padding: 0px 5px 0px 5px;
}

.paragraaf-content-video .video__title,.paragraaf-content-video .video__subtitle {
    text-align: center;
    text-transform: uppercase;
    color: white;
    letter-spacing: 1px;
}

.paragraaf-content-video .video__title span,.paragraaf-content-video .video__subtitle span {
    background: none;
    display: inline-block;
}

@media screen and (max-width: 460px) {
    .paragraaf-content-video .video__title span,.paragraaf-content-video .video__subtitle span {
        display:block;
    }
}

#overlay {
    display: none;
}

#colorbox {
    width: 80% !important;
    height: 80% !important;
    left: 10% !important;
    right: 10%;
}

#cboxWrapper {
    margin-top: 55px;
}

#cboxWrapper > div:first-child,#cboxWrapper > div:last-child,#cboxWrapper #cboxMiddleLeft,#cboxWrapper #cboxMiddleRight {
    display: none;
}

#cboxWrapper div {
    width: 100%;
    height: 100%;
}

#cboxWrapper iframe {
    width: 100%;
    height: 100%;
}

#colorbox,#cboxOverlay,#cboxWrapper,#cboxContent {
    overflow: visible !important;
}

#cboxWrapper,#cboxLoadedContent,#cboxContent {
    width: 100% !important;
    height: 100% !important;
    background: none;
    text-align: center;
}

#cboxWrapper img,#cboxLoadedContent img,#cboxContent img {
    width: 100%;
    height: auto;
    max-width: 800px;
}

#cboxClose {
    width: 50px;
    height: 60px;
    background: url(/sites/all/themes/gijbels_main/images/cross.svg) 50% 100% no-repeat;
    background-size: 30px 30px;
    top: -70px;
    right: -70px;
    bottom: auto;
    left: auto;
}

#cboxClose:hover {
    background-position: 50% 100%;
}

.mbYTP_wrapper {
    z-index: 999 !important;
}

.landingspage header .page__title,.landingspage header .page__teasertekst,.landingspage header .page__leesmeer {
    margin-bottom: 30px;
}

.landingspage header .page__box .page__title + .page__teasertekst {
    margin-top: 0;
    margin-bottom: 10px;
}

.landingspage .main-content .paragraph {
    margin: 90px 0;
}

.landingspage .main-content .paragraph .paragraaf-content-tekst li {
    background: url(/sites/all/themes/gijbels_main/images/opsomming-blue.svg) no-repeat left 8px;
    background-size: 18px 20px;
    padding: 0 0 0 35px;
    color: #303030;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 1.14px;
}

.landingspage .main-content .twocol-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.landingspage .main-content .twocol-inner .color-blue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.landingspage .main-content .entity-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.landingspage .main-content .entity-inner h2 {
    color: #303030;
    font-size: 30px;
    line-height: 39px;
    letter-spacing: 2.14px;
    margin-top: 0;
    margin-bottom: 30px;
}

.landingspage .main-content .entity-inner h3 {
    color: #303030;
    margin-top: 0;
}

.landingspage .main-content .entity-inner .paragraaf-content-tekst.color.color-blue,.landingspage .main-content .entity-inner .paragraaf-content-tekst.color.color-green,.landingspage .main-content .entity-inner .paragraaf-content-tekst.color.color-grey {
    padding: 60px;
}

@media all and (max-width: 768px) {
    .landingspage .main-content .entity-inner .paragraaf-content-tekst.color.color-blue,.landingspage .main-content .entity-inner .paragraaf-content-tekst.color.color-green,.landingspage .main-content .entity-inner .paragraaf-content-tekst.color.color-grey {
        padding:30px 20px;
    }
}

.landingspage .main-content .entity-inner .color-blue h2,.landingspage .main-content .entity-inner .color-blue p,.landingspage .main-content .entity-inner .color-blue li,.landingspage .main-content .entity-inner .color-green h2,.landingspage .main-content .entity-inner .color-green p,.landingspage .main-content .entity-inner .color-green li {
    color: white;
}

.landingspage .main-content .entity-inner .group-left .paragraaf-content-tekst {
    padding-right: 30px;
}

.landingspage .main-content .entity-inner .group-right .paragraaf-content-tekst {
    padding-left: 30px;
}

.landingspage .main-content p {
    color: #303030;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 1.14px;
    margin-bottom: 25px;
}

.landingspage .main-content p:last-of-type {
    margin-bottom: 0;
}

.landingspage .main-content .color-blue p:last-of-type,.landingspage .main-content .color-green p:last-of-type,.landingspage .main-content .color-gray p:last-of-type {
    margin-top: auto;
}

.landingspage .main-content .quote-wrapper {
    text-align: center;
    padding: 100px 30px 80px;
}

.landingspage .main-content .quote-wrapper .button-arrow {
    margin-top: 50px !important;
}

.landingspage .main-content h2.quote {
    position: relative;
    display: inline-block;
    margin: 0 30px 50px;
    text-align: center;
}

.landingspage .main-content h2.quote:after,.landingspage .main-content h2.quote:before {
    position: absolute;
    color: #00A9E1;
    font-size: 70px;
}

.landingspage .main-content h2.quote:before {
    content: '"';
    top: -5px;
    left: -35px;
}

.landingspage .main-content h2.quote:after {
    content: '"';
    bottom: -50px;
    right: -35px;
}

.landingspage .main-content p.quote-author {
    margin-bottom: 0;
}

.landingspage .main-content p.quote-position {
    font-size: 80%;
}

.landingspage .main-content .color-green .button-arrow {
    color: #60B770 !important;
    border: 1px solid #60B770;
    background: #fff url(/sites/all/themes/gijbels_main/images/arrow-right-green2.svg) no-repeat right 19px center;
}

.landingspage .main-content .color-green .button-arrow:hover {
    color: #fff !important;
    border: 1px solid #fff;
    background: #60B770 url(/sites/all/themes/gijbels_main/images/arrow-right-white2.svg) no-repeat right 19px center;
}

.landingspage .main-content .color-blue .button-arrow:hover {
    border: 1px solid #fff;
}

.landingspage .main-content .color-gray .button-arrow {
    font-size: 16px;
    background-color: transparent;
}

.landingspage .main-content .color-gray .button-arrow:hover {
    background-color: #01B1E7;
}

.landingspage .main-content .button-arrow-full {
    font-family: "robotoregular";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.67px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #fff !important;
    background: #01B1E7 url(/sites/all/themes/gijbels_main/images/arrow-right-white2.svg) no-repeat right 19px center;
    background-size: 15px 11px;
    padding: 19px 55px 19px 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #01B1E7;
    font-size: 16px;
}

.landingspage .main-content .button-arrow-full:hover {
    color: #01B1E7 !important;
    background: #ffffff url(/sites/all/themes/gijbels_main/images/arrow-right-blue2.svg) no-repeat right 19px center;
}

.landingspage .main-content .button-white-dropshadow {
    font-size: 16px;
    font-family: 'robotoregular';
}

@media all and (max-width: 768px) {
    .landingspage .container,.landingspage .paragraph > .entity.color > div,.landingspage .parbg-gray > div,.landingspage .parbg-blue > div {
        padding:0 15px;
    }

    .landingspage .twocol-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .landingspage .twocol-inner .group-left,.landingspage .twocol-inner .group-right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .landingspage .main-content .entity-inner .group-right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .landingspage .main-content .entity-inner .group-right .paragraaf-content-tekst {
        padding-left: 0;
        padding-right: 0;
    }

    .landingspage .main-content .entity-inner .group-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .landingspage .main-content .entity-inner .group-left .paragraaf-content-tekst {
        padding-left: 0;
        padding-right: 0;
    }

    .landingspage .main-content .entity-inner .group-left.has-image {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        display: block;
        margin-bottom: 0px;
    }

    .landingspage .main-content .paragraph {
        margin: 60px 0;
    }

    .landingspage .paragraphs-full-width .twocol-inner .sibling-has-image {
        margin-bottom: 0;
    }
}

.paragraaf-content-tijdlijn {
    background: #ffffff;
    position: relative;
    min-height: 140px;
}

@media screen and (min-width: 750px) {
    .paragraaf-content-tijdlijn {
        padding-top:20px;
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 750px) {
    .paragraaf-content-tijdlijn {
        margin-top:20px;
        margin-bottom: 60px;
    }
}

.paragraaf-content-tijdlijn div.contextual-links-wrapper {
    display: none !important;
}

.timeline {
    position: relative;
}

@media screen and (max-width: 750px) {
    .timeline li {
        position:relative;
        clear: both;
        line-height: 21px;
        min-height: 50px;
    }
}

@media screen and (min-width: 750px) {
    .timeline li {
        position:absolute;
        line-height: 20px;
        width: 85px;
        text-align: center;
    }

    .timeline li:first-child {
        text-align: left;
    }

    .timeline li:first-child:after {
        left: 0;
        right: auto;
    }

    .timeline li:first-child .timeline-item--title {
        text-align: left;
    }

    .timeline li:last-child {
        text-align: right;
    }

    .timeline li:last-child:after {
        right: 0;
        left: auto;
    }

    .timeline li:last-child .timeline-item--title {
        text-align: right;
    }
}

.timeline li:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 40px;
    border-radius: 50%;
    display: block;
    content: '';
    width: 33px;
    background: #fff;
    z-index: 2;
    height: 33px;
    border: 2px solid #d6d6d6;
}

@media screen and (max-width: 750px) {
    .timeline li:after {
        top:0;
    }
}

.timeline li.timeline-item--past:after {
    background: #00A9E1;
    opacity: 0.2;
    border: none;
}

.timeline li.timeline-item--past.timeline-item--current:before {
    width: 13px;
    border-radius: 50%;
    height: 13px;
    background: #00A9E1;
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
}

@media screen and (min-width: 750px) {
    .timeline li.timeline-item--past.timeline-item--current:before {
        top:50px;
        left: 36px;
    }
}

@media screen and (max-width: 750px) {
    .timeline li.timeline-item--past.timeline-item--current:before {
        top:10px;
        left: calc(50% - 6.5px);
    }
}

@media screen and (min-width: 750px) {
    .timeline li.timeline-item--past.timeline-item--current:last-child:before {
        left:auto;
        right: 10px;
    }
}

.timeline:after {
    position: absolute;
    background: #d6d6d6;
    content: '';
}

@media screen and (min-width: 750px) {
    .timeline:after {
        height:2px;
        left: 15px;
        top: 55px;
        width: calc(100% - 35px);
    }
}

@media screen and (max-width: 750px) {
    .timeline:after {
        width:2px;
        top: 15px;
        left: calc(50% - 1px);
        height: calc(100% - 45px);
    }
}

@media screen and (min-width: 750px) {
    .timeline-item--date {
        width:55px;
        display: inline-block;
    }
}

@media screen and (max-width: 750px) {
    .timeline-item--date {
        display:block;
        float: left;
        width: calc(50% - 35px);
        text-align: right;
    }
}

@media screen and (min-width: 750px) {
    .timeline-item--title {
        position:absolute;
        font-size: 13px;
        line-height: 17px;
        top: 75px;
        padding-right: 5px;
        padding-left: 5px;
        left: 0;
        right: 0;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        text-align: center;
    }
}

@media screen and (max-width: 750px) {
    .timeline-item--title {
        display:block;
        text-align: left;
        float: right;
        width: calc(50% - 35px);
    }
}

.timeline-fill {
    position: absolute;
    background: #00A9E1;
    content: '';
}

@media screen and (min-width: 750px) {
    .timeline-fill {
        height:2px;
        width: 100%;
        left: 15px;
        top: 75px;
    }
}

@media screen and (max-width: 750px) {
    .timeline-fill {
        width:2px;
        height: 100%;
        top: 15px;
        left: calc(50% - 1px);
    }
}

@media screen and (min-width: 750px) {
    .mobile-menu {
        display:none;
    }
}

@media screen and (max-width: 750px) {
    .mobile-menu {
        background:#2F2F2F;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 3;
    }
}

.mobile-menu.menu-open {
    height: 100%;
}

.mobile-menu li {
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 0.8666666667em;
    font-family: "robotomedium";
    margin-bottom: 6px;
}

.mobile-menu a {
    color: #ffffff;
    text-decoration: none;
}

.mobile-menu a.active-trail {
    background: #00A9E1;
}

@media screen and (max-width: 750px) {
    .mobile-menu__contents {
        background:#2F2F2F;
        position: fixed;
        width: 100%;
        height: 100%;
        padding: 0 40px;
        z-index: 1;
        display: none;
    }

    .menu-open .mobile-menu__contents,.is-animating .mobile-menu__contents {
        display: block;
    }
}

.mobile-menu__contents .block-menu-block:last-child {
    border-top: 1px solid #444444;
    margin-top: 10px;
    padding-top: 10px;
}

@media screen and (max-width: 750px) {
    .mobile-menu__trigger {
        width:44px;
        height: 44px;
        float: right;
        z-index: 666;
        cursor: pointer;
        text-indent: -99999px;
        background: url(/sites/all/themes/gijbels_main/images/white-mobile-menu.svg) no-repeat center center;
        background-size: 20px 20px;
    }

    .menu-open .mobile-menu__trigger {
        background-image: url(/sites/all/themes/gijbels_main/images/cross.svg);
        background-size: 15px 15px;
        background-position: center center;
    }
}

@media screen and (max-width: 750px) {
    .mobile-menu__home {
        float:left;
        width: 47px;
        height: 40px;
    }

    .mobile-menu__home a {
        width: 47px;
        height: 40px;
        background: url(/sites/all/themes/gijbels_main/images/gijbels-flag.svg) no-repeat center center;
        text-indent: -9999px;
        display: block;
        background-size: 21px 21px;
    }
}

.focus-teaser__title {
    text-align: center;
    margin-bottom: 32px;
}

.focus-teaser__title h2 {
    color: #00A9E1;
    font-size: 2.5333333333em;
    margin: 0;
    letter-spacing: 2px;
}

.focus-teaser__projects a {
    display: block;
    text-decoration: none;
}

.focus-teaser__tekst {
    margin-bottom: 40px;
}

.front #block-gijbels-page-pagetitle-banner {
    background: #f9f9f9;
}

@media screen and (min-width: 750px) {
    #block-gijbels-page-pagetitle-banner .content {
        max-width:1440px;
        margin: 0 auto;
        position: relative;
    }
}

.entity-header-slide.view-mode-full {
    height: 360px;
    position: relative;
}

.entity-header-slide.view-mode-full .entity-inner {
    padding-top: 230px;
}

@media screen and (min-width: 750px) {
    .entity-header-slide.view-mode-full .entity-inner {
        padding-top:260px;
    }
}

.entity-header-slide.view-mode-full .field {
    position: relative;
    text-align: center;
}

.entity-header-slide.view-mode-full .field-name-title h2 {
    display: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
}

@media screen and (min-width: 750px) {
    .entity-header-slide.view-mode-full {
        height:670px;
        padding: 0;
    }

    .entity-header-slide.view-mode-full .field-name-title h2 {
        font-size: 50px;
        line-height: 60px;
        display: block;
    }
}

.entity-header-slide.view-mode-full .field-name-video-tag {
    position: static;
}

.entity-header-slide.view-mode-full .field-name-video-tag:after {
    bottom: 150px;
    top: auto;
}

.entity-header-slide.view-mode-full .field-name-video-tag video {
    display: none;
}

@media screen and (max-width: 750px) {
    .video-loaded .logo {
        display:none;
    }
}

.video-loaded .entity-header-slide.view-mode-full {
    height: auto;
}

.video-loaded .entity-header-slide.view-mode-full .entity-inner {
    position: static;
    padding: 0;
    background: none !important;
}

.video-loaded .entity-header-slide.view-mode-full .field:not(.field-name-video-tag) {
    display: none;
}

.video-loaded .entity-header-slide.view-mode-full .field-name-video-tag {
    z-index: 1;
    opacity: 1;
    left: 0;
    width: 100%;
    top: 0px;
    height: 100%;
}

.video-loaded .entity-header-slide.view-mode-full .field-name-video-tag video {
    display: block;
    margin: 0 auto;
    width: 100%;
}

@media screen and (min-width: 750px) {
    .video-loaded .entity-header-slide.view-mode-full .field-name-video-tag video {
        margin-top:-70px;
    }
}

.video-loaded .entity-header-slide.view-mode-full .field-name-video-tag:after {
    display: none;
}

.field-name-field-headerslide-mobielelink {
    margin-top: 10px;
}

@media screen and (min-width: 750px) {
    .field-name-field-headerslide-mobielelink {
        display:none;
    }
}

.banner__tabs,#block-menu-menu-bim-homepage-menu {
    max-width: 960px;
    position: relative;
    z-index: 101;
}

@media screen and (min-width: 750px) {
    .banner__tabs,#block-menu-menu-bim-homepage-menu {
        min-height:100px;
        margin: -30px auto 0;
    }
}

@media screen and (max-width: 750px) {
    .banner__tabs,#block-menu-menu-bim-homepage-menu {
        padding:0 30px;
        margin-top: 10px;
    }
}

.header-slide-header-slide.view-mode-teaser,#block-menu-menu-bim-homepage-menu li {
    background: #f9f9f9;
    padding: 35px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #00A9E1;
    text-transform: uppercase;
    position: relative;
    font-size: 18px;
    font-family: "robotoregular";
    cursor: pointer;
}

.header-slide-header-slide.view-mode-teaser:before,#block-menu-menu-bim-homepage-menu li:before {
    top: 0;
    left: 0;
    width: 0;
    -webkit-transition: width 3.8s linear;
    -o-transition: width 3.8s linear;
    transition: width 3.8s linear;
    height: 4px;
    content: " ";
    position: absolute;
    background: #00A9E1;
    opacity: 0;
}

.header-slide-header-slide.view-mode-teaser .field-item,#block-menu-menu-bim-homepage-menu li .field-item {
    line-height: 20px;
    -webkit-transition: background-color 0.2s,color 0.2s;
    -o-transition: background-color 0.2s,color 0.2s;
    transition: background-color 0.2s,color 0.2s;
    padding: 0 5px;
    display: inline-block;
}

.header-slide-header-slide.view-mode-teaser.active .field-item,#block-menu-menu-bim-homepage-menu li.active .field-item {
    background: #00A9E1;
    color: #fff;
}

.header-slide-header-slide.view-mode-teaser.active:before,#block-menu-menu-bim-homepage-menu li.active:before {
    width: 100%;
    opacity: 1;
}

.header-slide-header-slide.view-mode-teaser.active:hover .field-item,#block-menu-menu-bim-homepage-menu li.active:hover .field-item {
    background: #0083ae;
}

.header-slide-header-slide.view-mode-teaser:hover .field-item,#block-menu-menu-bim-homepage-menu li:hover .field-item {
    background: rgba(0,169,225,0.1);
}

@media screen and (max-width: 750px) {
    .header-slide-header-slide.view-mode-teaser,#block-menu-menu-bim-homepage-menu li {
        font-size:15px;
        padding: 10px 10px;
        margin-bottom: 10px;
        background: #ffffff;
        text-align: left;
    }
}

@media screen and (min-width: 750px) {
    .header-slide-header-slide.view-mode-teaser,#block-menu-menu-bim-homepage-menu li {
        float:left;
        width: 31.7708333333%;
        margin-right: 2.2916666667%;
    }

    .header-slide-header-slide.view-mode-teaser:nth-child(3n+3),#block-menu-menu-bim-homepage-menu li:nth-child(3n+3) {
        margin-right: 0;
    }
}

.video-icon {
    width: 50px;
    height: 50px;
    display: inline-block;
}

body .page__bekijkvideo {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    top: auto;
    bottom: 45%;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body .page__bekijkvideo a {
    position: relative;
    padding-right: 50px;
}

body .page__bekijkvideo a:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 13px;
    background: url(/sites/all/themes/gijbels_main/images/svg-icon-video.svg) no-repeat center center;
    background-size: 24px 13px;
    position: absolute;
    right: 13px;
    top: 15px;
}

@media screen and (max-width: 960px) {
    body .page__bekijkvideo {
        bottom:35%;
    }
}

@media screen and (max-width: 750px) {
    body .page__bekijkvideo {
        bottom:8%;
    }
}

.video__skip {
    position: absolute;
    z-index: 7777;
    right: 20px;
    bottom: 50px;
}

.video__skip a {
    display: block;
    background: url(/sites/all/themes/gijbels_main/images/skip.svg) no-repeat left top;
    background-size: 35px 35px;
    text-indent: -9999px;
    width: 35px;
    height: 35px;
    text-decoration: none;
}

@media screen and (max-width: 1420px) {
    .video__skip {
        right:50px;
    }
}

@media screen and (max-width: 1360px) {
    .video__skip {
        right:80px;
    }
}

@media screen and (max-width: 1290px) {
    .video__skip {
        right:90px;
    }
}

@media screen and (max-width: 1250px) {
    .video__skip {
        right:50px;
    }
}

@media screen and (max-width: 1155px) {
    .video__skip {
        right:20px;
        bottom: 55px;
    }
}

#block-gijbels-page-pagetitle-banner:after,#block-ds-extras-dienst-banner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 90px;
    bottom: 0;
    left: calc(50% - 48px);
    background: url(/sites/all/themes/gijbels_main/images/arrow_down_white_v2.svg) no-repeat center 0px;
    background-size: 15px 20px;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    #block-gijbels-page-pagetitle-banner:after,#block-ds-extras-dienst-banner:after {
        display:none;
    }
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.image-background {
    height: 100%;
    background-size: cover;
    background-position: center;
}

.image-background__img {
    display: none !important;
}

@media all and (max-width: 768px) {
    .image-background {
        display:none !important;
    }

    .image-background__img {
        display: block !important;
    }
}

.view-gijbels-projecten {
}

.view-gijbels-projecten .gm-style > div:first-child > div + div > div:last-child > div > div:first-child {
    display: none;
}

.view-gijbels-projecten .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
}

.view-gijbels-projecten .gm-style-iw > div {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}

.view-gijbels-projecten .gm-style-iw > div > div {
    overflow: visible !important;
}

.view-gijbels-projecten .gm-style .gm-style-iw {
    overflow: inherit;
}

.view-gijbels-projecten .gm-style .node-project a {
    position: relative;
    display: block;
    top: 4px;
    left: 12px;
}

.view-gijbels-projecten .gm-style .node-project a:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 23px solid #00A9E1;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    left: 0;
    right: 0;
    bottom: -139px;
    margin: auto;
}

.view-gijbels-projecten .gm-style .project-teaser__image img {
    max-width: 100% !important;
}

.view-gijbels-projecten .gm-style .project-teaser__bottom {
    min-height: 116px;
}

.view-gijbels-projecten .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div {
    display: none !important;
}

.view-gijbels-projecten .gm-style > div:first-child > div + div > div:last-child > div > div:last-child {
    width: 17px !important;
    height: 19px !important;
    opacity: 1 !important;
    background: url(/sites/all/themes/gijbels_main/images/cross.svg) 50% 50% no-repeat;
    background-size: 14px auto;
    cursor: pointer;
    -webkit-transition: background-size 0.2s;
    -o-transition: background-size 0.2s;
    transition: background-size 0.2s;
    right: -170px !important;
    position: relative !important;
    top: 22px !important;
}

.view-gijbels-projecten .gm-style > div:first-child > div + div > div:last-child > div > div:last-child:hover {
    color: transparent;
    opacity: 0.8;
}

.view-gijbels-projecten .gm-style > div:first-child > div + div > div:last-child > div > div:last-child > img {
    display: none;
}

#whatshappening {
    padding-top: 115px;
    margin-top: -115px;
    margin-bottom: 18px;
}

#whatshappening #whatshappening-prefix {
    color: #00A9E1;
    font-size: 11px;
    font-family: "robotobold";
    text-transform: uppercase;
}

#whatshappening h2 {
    color: #00A9E1;
    margin-bottom: 40px;
}

#whatshappening h2:before {
    content: "";
    height: 2px;
    width: 20px;
    display: block;
    background: #00A9E1;
    margin-bottom: 5px;
}

#whatshappening ul {
    text-align: center;
}

#whatshappening li {
    padding: 0 20px;
    padding-bottom: 12px;
    display: inline-block;
    border-left: 1px solid #D8EAF8;
}

#whatshappening li:last-child {
    border-right: 1px solid #D8EAF8;
}

#whatshappening a {
    color: rgba(96,183,112,0.5);
    text-decoration: none;
    display: block;
    font-size: 0.9333333333em;
}

#whatshappening a.active {
    color: #60B770;
}

#whatshappening a.active span {
    position: relative;
}

#whatshappening a.active span:before {
    width: 38px;
    height: 38px;
    border: 1px solid #60B770;
    position: absolute;
    top: -5px;
    left: calc(50% - 18px);
    content: " ";
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#whatshappening a:hover {
    color: #60B770;
}

#whatshappening span {
    margin-top: 20px;
    font-size: 1.7142857143em;
    display: block;
}

.whatshappening__list {
    text-align: center;
}

@media screen and (max-width: 750px) {
    .whatshappening__list img {
        width:100%;
    }
}

.whatshappening__list h2 {
    font-size: 1.4em;
    font-family: "robotolight";
}

@media screen and (max-width: 750px) {
    .whatshappening__list h2 {
        margin-bottom:20px;
    }
}

@media screen and (min-width: 750px) {
    .whatshappening__list h2 {
        padding:0 20px;
        margin-bottom: 30px;
    }
}

.whatshappening__list .node a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.whatshappening__list .views-row-odd h2,.whatshappening__list .views-row-odd .happening-date {
    color: white;
}

@media screen and (max-width: 750px) {
    .whatshappening__list .views-row-odd h2 {
        padding:0 20px;
    }
}

.whatshappening__list .views-row-even .node a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.whatshappening__list .views-row-even .row-2 {
    background: white;
}

@media screen and (min-width: 750px) {
    .whatshappening__list img {
        max-height:200px;
    }
}

.whatshappening__list .row-2 {
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 750px) {
    .whatshappening__list .row-2 {
        max-height:212px;
        height: 212px;
        padding: 40px 0 37px;
    }
}

@media screen and (max-width: 750px) {
    .whatshappening__list .row-2 {
        padding:20px 0;
    }
}

.whatshappening__list li:nth-child(4n + 1) .row-2 {
    background: #00A9E1;
}

.whatshappening__list li:nth-child(4n + 2) .row-2 {
    color: #00A9E1;
}

.whatshappening__list li:nth-child(4n + 2) .row-2 .happening-date:before {
    background: rgba(96,183,112,0.4);
}

.whatshappening__list li:nth-child(4n + 3) .row-2 {
    background: #00A9E1;
}

.whatshappening__list li:nth-child(4n + 4) .row-2 .happening-date:before {
    background: rgba(0,169,225,0.4);
}

.whatshappening__list .gijbels_newsletter_item {
    background: #60B770;
}

@media screen and (max-width: 750px) {
    .whatshappening__list .gijbels_newsletter_item {
        padding-bottom:50px;
    }
}

.whatshappening__list .gijbels_newsletter_item * {
    color: #fff;
}

.whatshappening__list .gijbels_newsletter_item .form-text {
    border-color: #f3f3f3;
    background: #fff;
    color: #858585;
}

.whatshappening__list .gijbels_newsletter_item .newsletter-intro,.whatshappening__list .gijbels_newsletter_item label,.whatshappening__list .gijbels_newsletter_item .overlay_messages {
    display: none;
}

.whatshappening__list .gijbels_newsletter_item h3 {
    padding: 30px;
    padding-bottom: 0px;
    text-align: left;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner {
    text-align: left;
    padding: 30px;
    padding-top: 0px;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-text {
    height: 33px;
    padding: 0px 15px;
    font-size: 0.8666666667em;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-text::-webkit-input-placeholder {
    color: #60B770;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-text:-moz-placeholder {
    color: #60B770;
    opacity: 1;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-text::-moz-placeholder {
    color: #60B770;
    opacity: 1;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-text:-ms-input-placeholder {
    color: #60B770;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-text::-ms-input-placeholder {
    color: #60B770;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .description {
    font-size: 0.8em;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-type-radio {
    float: left;
    width: 33%;
    display: inline-block;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-type-radio label {
    display: inline-block;
    font-size: 0.8em;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-actions {
    margin-top: 10px;
}

.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .form-submit {
    background: #fff;
    color: #60B770;
    float: right;
    margin-bottom: 20px;
}

.happening-date {
    padding: 16px 0 0 0;
    font-size: 0.8em;
    font-family: "robotomedium";
    letter-spacing: 2px;
    position: relative;
}

.happening-date:before {
    position: absolute;
    content: '';
    display: block;
    width: 46%;
    top: 0;
    left: 27%;
    height: 1px;
    background: rgba(255,255,255,0.4);
}

.view-gijbels-what-t-happening .attachment-after {
    text-align: center;
}

.node-testimonial.view-mode-teaser {
    text-align: center;
    color: #60B770;
}

.testimonial-teaser__title {
    margin-bottom: 10px;
}

.testimonial-teaser__title h2 {
    font-size: 2.5333333333em;
    margin: 0;
}

@media screen and (max-width: 750px) {
    .testimonial-teaser__title h2 {
        font-size:28px;
    }
}

.testimonial-teaser__subtitle {
    font-size: 1.4em;
    margin-bottom: 14px;
}

@media screen and (max-width: 750px) {
    .testimonial-teaser__subtitle {
        font-size:16px;
    }
}

.testimonial-teaser__readmore {
    margin-bottom: 18px;
}

.testimonial-teaser__list .owl-nav {
    left: -40px;
    right: -40px;
    top: calc(50% + 48px);
}

@media screen and (max-width: 750px) {
    .testimonial-teaser__list .owl-nav {
        left:-23px;
        right: -23px;
        top: calc(50% + 70px);
    }
}

.testimonial-teaser__list .owl-nav > div {
    width: 26px;
    height: 48px;
    background: url(/sites/all/themes/gijbels_main/images/green-arrow-right.svg);
}

@media screen and (max-width: 750px) {
    .testimonial-teaser__list .owl-nav > div {
        width:16px;
        height: 16px;
        background: url(/sites/all/themes/gijbels_main/images/green-arrow-right2.svg) no-repeat;
    }
}

.testimonial-teaser__video {
    position: relative;
}

.view-werknemer-testimonials .owl-prev,.view-werknemer-testimonials .owl-next {
    z-index: 999;
}

.page__banner {
    position: relative;
    text-align: center;
}

@media screen and (min-width: 960px) {
    .page__banner {
        margin-left:-100%;
        margin-right: -100%;
    }
}

@media screen and (max-width: 960px) and (min-width:750px) {
    .page__banner {
        margin-left:-30px;
        margin-right: -30px;
    }
}

.page__banner img {
    display: block;
    margin: 0 auto;
}

.page__group-banner {
    position: relative;
    margin-bottom: 13px;
}

.page__titledatecontainer {
    position: absolute;
    bottom: 40px;
}

.page__header-text,.page__header-cta {
    position: absolute;
    right: 0;
    color: #ffffff;
    bottom: 67px;
}

.page__header-text a,.page__header-cta a {
    color: #ffffff;
    text-decoration: underline;
}

@media screen and (max-width: 750px) {
    .page__header-text,.page__header-cta {
        display:none;
    }
}

.page__header-text {
    right: 150px;
}

.page__title h1,.page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date,.page__leesmeer {
    color: #ffffff;
    padding: 0px 5px;
    letter-spacing: 1.5px;
}

@media screen and (min-width: 750px) {
    .page__title h1,.page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date,.page__leesmeer {
        display:inline-block;
        text-transform: uppercase;
    }
}

@media screen and (max-width: 750px) {
    .page__title h1,.page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date,.page__leesmeer {
        padding:20px 0;
    }
}

@media screen and (max-width: 460px) {
    .page__title h1,.page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date,.page__leesmeer {
        font-size:1em;
    }
}

.page__date + .page__leesmeer,.node-type-project #block-ds-extras-project-banner .project-full__branch + .page__leesmeer,.node-type-project #block-ds-extras-project-banner .page__date + .page__leesmeer,#block-ds-extras-nieuws-banner .project-full__branch + .page__leesmeer,#block-ds-extras-nieuws-banner .page__date + .page__leesmeer {
    bottom: 13px;
}

@media screen and (max-width: 750px) {
    .page__date + .page__leesmeer,.node-type-project #block-ds-extras-project-banner .project-full__branch + .page__leesmeer,.node-type-project #block-ds-extras-project-banner .page__date + .page__leesmeer,#block-ds-extras-nieuws-banner .project-full__branch + .page__leesmeer,#block-ds-extras-nieuws-banner .page__date + .page__leesmeer {
        margin-top:-5px;
    }
}

.page__leesmeer a {
    background: url(/sites/all/themes/gijbels_main/images/arrow-right-white.svg) no-repeat left 3px;
    background-size: 20px 20px;
    padding-left: 28px;
    font-size: 21px;
}

.page__title {
    text-align: center;
    width: 100%;
    position: absolute;
}

@media screen and (min-width: 960px) {
    .page__title {
        bottom:350px;
        z-index: 10;
    }

    .node-type-project .page__title,.node-type-nieuws .page__title {
        bottom: 190px;
    }
}

@media screen and (max-width: 960px) {
    .page__title {
        bottom:205px;
        text-align: center;
    }

    .node-type-project .page__title,.node-type-nieuws .page__title {
        bottom: 45px;
    }
}

@media screen and (max-width: 750px) {
    .page__title {
        bottom:60px;
        text-align: center;
    }

    .page__title .node-type-project,.node-type-nieuws .page__title {
        bottom: 10px;
    }
}

.page__title h1 {
    margin: 0;
}

.domain-bim-gijbels-be {
}

@media screen and (max-width: 750px) {
    .domain-bim-gijbels-be .page__title {
        position:relative;
        bottom: 0px;
    }

    .domain-bim-gijbels-be .page__title h1 {
        background: none;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (min-width: 750px) and (max-width:960px) {
    .domain-bim-gijbels-be .page__title {
        bottom:100px;
    }

    .domain-bim-gijbels-be .page__date,.domain-bim-gijbels-be .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .domain-bim-gijbels-be .project-full__branch,.domain-bim-gijbels-be .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner .domain-bim-gijbels-be .page__date,.domain-bim-gijbels-be #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .domain-bim-gijbels-be .project-full__branch,.domain-bim-gijbels-be #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .domain-bim-gijbels-be .page__date {
        bottom: 35px;
    }
}

@media screen and (min-width: 960px) {
    .domain-bim-gijbels-be .page__title {
        bottom:200px;
        left: 40px;
    }

    .domain-bim-gijbels-be .page__date,.domain-bim-gijbels-be .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .domain-bim-gijbels-be .project-full__branch,.domain-bim-gijbels-be .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner .domain-bim-gijbels-be .page__date,.domain-bim-gijbels-be #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .domain-bim-gijbels-be .project-full__branch,.domain-bim-gijbels-be #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .domain-bim-gijbels-be .page__date {
        bottom: 155px;
        padding: 0px;
    }
}

@media screen and (max-width: 750px) {
    .domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .page__title {
        position:relative;
        bottom: 0px;
    }

    .domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .page__title h1 {
        background: none;
        margin-left: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 860px) and (max-width:960px) {
    .domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .page__title {
        left:5px;
        max-width: 90%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: 20px;
    }

    .domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .page__title h1 {
        padding: 5px;
    }

    .domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .project-full__branch,.domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .page__date {
        left: 20px;
        max-width: 90%;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        line-height: 1em;
    }
}

@media screen and (min-width: 960px) {
    .domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .page__title {
        left:20px;
        max-width: 90%;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .project-full__branch,.domain-bim-gijbels-be.node-type-nieuws #block-ds-extras-nieuws-banner .page__date {
        left: 20px;
        max-width: 90%;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        line-height: 1em;
    }
}

@media screen and (max-width: 750px) {
    .domain-bim-gijbels-be.node-type-project #block-ds-extras-project-banner .page__title {
        position:relative;
        bottom: 0px;
    }

    .domain-bim-gijbels-be.node-type-project #block-ds-extras-project-banner .page__title h1 {
        background: none;
        margin-left: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 750px) and (max-width:960px) {
    .domain-bim-gijbels-be.node-type-project #block-ds-extras-project-banner .page__title {
        left:20px;
        max-width: 90%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .domain-bim-gijbels-be.node-type-project #block-ds-extras-project-banner .project-full__branch {
        left: 20px;
        max-width: 90%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        line-height: 1em;
    }
}

@media screen and (min-width: 960px) {
    .domain-bim-gijbels-be.node-type-project #block-ds-extras-project-banner .page__title {
        left:20px;
        max-width: 90%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .domain-bim-gijbels-be.node-type-project #block-ds-extras-project-banner .project-full__branch {
        left: 20px;
        max-width: 90%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        line-height: 1em;
    }
}

.page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date,.page__leesmeer {
    font-weight: 300;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
}

@media screen and (min-width: 960px) {
    .page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date,.page__leesmeer {
        font-size:2.6666666667em;
        bottom: 300px;
    }

    .node-type-project .page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .node-type-project .project-full__branch,.node-type-project #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .node-type-project .page__date,.node-type-project .page__leesmeer {
        bottom: 140px;
    }
}

@media screen and (max-width: 960px) {
    .page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date,.page__leesmeer {
        font-size:1.3333333333em;
        bottom: 150px;
    }

    .node-type-project .page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .node-type-project .project-full__branch,.node-type-project #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .node-type-project .page__date,.node-type-project .page__leesmeer {
        bottom: 0px;
    }
}

@media screen and (max-width: 750px) {
    .page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,#block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__date,.page__leesmeer {
        bottom:20px;
    }

    .node-type-project .page__date,.node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .node-type-project .project-full__branch,.node-type-project #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .node-type-project .page__date,.node-type-project .page__leesmeer {
        display: none;
    }
}

.page__group-top {
    margin-bottom: 17px;
    margin-top: 23px;
}

@media screen and (max-width: 750px) {
    .page__group-top {
        display:none;
    }
}

.field-name-eventnewsbackoverview a,.field-name-eventnext a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8666666667em;
    letter-spacing: 1.5px;
}

.field-name-eventnewsbackoverview {
    float: left;
    font-weight: 500;
    background: #00A9E1;
    color: #fff;
    border: 1px solid #00A9E1;
}

.field-name-eventnewsbackoverview a {
    padding: 6px 12px;
    display: block;
    color: #fff;
}

.field-name-eventnewsbackoverview a:hover {
    color: #fff;
}

@media screen and (max-width: 750px) {
    .field-name-eventnewsbackoverview {
        display:none;
    }
}

.field-name-eventnext {
    float: left;
    background: #fff;
    border: 1px solid #00A9E1;
    color: #00A9E1;
    text-transform: uppercase;
    border-left: none;
}

.field-name-eventnext a {
    display: block;
    padding: 6px 12px 6px;
}

.page__box {
    z-index: 1;
}

@media screen and (min-width: 750px) {
    .page__box {
        position:absolute;
        width: 560px;
        left: 0px;
        top: calc(45%);
        bottom: 75px;
        background: rgba(66,66,66,0.95);
        padding: 26px 31px;
    }

    .page__box * {
        text-align: left;
    }

    .page__box .page__title {
        margin-bottom: 15px;
    }

    .page__box .page__title h1 {
        background: none;
        padding: 0;
        color: #00A9E1;
        font-size: 40px;
    }

    .page__box .page__bekijkvideo {
        text-align: right;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        margin-top: 10px;
    }

    .page__box .page__bekijkvideo a {
        color: #fff;
    }
}

@media screen and (max-width: 960px) {
    .page__box {
        top:auto;
        bottom: 0;
    }
}

@media screen and (max-width: 750px) {
    .page__box {
        background:#00A9E1;
        color: #ffffff;
        text-align: center;
    }
}

.page__box .page__title + .page__teasertekst {
    margin-top: -10px;
}

@media screen and (max-width: 750px) {
    .page__box .page__title + .page__teasertekst {
        margin-top:-20px;
    }
}

.page__box .page__teasertekst + .page__leesmeer {
    margin-top: 10px;
}

.page__box .page__title,.page__box .page__date,.page__box .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__box .project-full__branch,.page__box .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner .page__box .page__date,.page__box #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__box .project-full__branch,.page__box #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .page__box .page__date {
    position: static;
}

.page__box .page__leesmeer {
    float: left;
    position: static;
    background: none;
}

.page__box .page__bekijkvideo {
    float: right;
    text-indent: 0;
    position: static;
}

.page__box .page__bekijkvideo a:after {
    display: none;
}

@media screen and (max-width: 750px) {
    .page__box .page__leesmeer {
        float:none;
        margin-top: 0;
    }

    .page__box .page__teasertekst + .page__leesmeer {
        margin: 5px 0 0 0;
    }
}

.page__teasertekst {
    color: #ffffff;
    font-size: 1.7333333333em;
    line-height: 32px;
    margin-bottom: 30px;
}

.page__box .page__teasertekst {
    margin: 0;
}

.page__leesmeer,.page__bekijkvideo {
    font-size: 0.8666666667em;
    text-transform: uppercase;
    font-family: "robotoregular";
    letter-spacing: 1px;
}

.page__leesmeer a,.page__bekijkvideo a {
    -webkit-transition: opacity 0.2s cubic-bezier(0.42,0,0.58,1);
    -o-transition: opacity 0.2s cubic-bezier(0.42,0,0.58,1);
    transition: opacity 0.2s cubic-bezier(0.42,0,0.58,1);
    display: block;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
}

.page__leesmeer a:hover,.page__bekijkvideo a:hover {
    opacity: 0.8;
}

.page__video .ytplayer-player {
    position: static;
}

.page__video video {
    max-width: 100%;
    width: 100%;
    display: block;
}

@media screen and (min-width: 1285px) {
    .page__videocontainer {
        margin:0 -100%;
    }

    .page__videocontainer .page__title,.page__videocontainer .page__date,.page__videocontainer .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__videocontainer .project-full__branch,.page__videocontainer .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner .page__videocontainer .page__date,.page__videocontainer #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__videocontainer .project-full__branch,.page__videocontainer #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .page__videocontainer .page__date {
        left: 78px;
    }
}

@media screen and (max-width: 1285px) {
    .page__videocontainer {
        margin:0 -30px;
    }

    .page__videocontainer .page__title,.page__videocontainer .page__date,.page__videocontainer .node-type-project #block-ds-extras-project-banner .project-full__branch,.node-type-project #block-ds-extras-project-banner .page__videocontainer .project-full__branch,.page__videocontainer .node-type-project #block-ds-extras-project-banner .page__date,.node-type-project #block-ds-extras-project-banner .page__videocontainer .page__date,.page__videocontainer #block-ds-extras-nieuws-banner .project-full__branch,#block-ds-extras-nieuws-banner .page__videocontainer .project-full__branch,.page__videocontainer #block-ds-extras-nieuws-banner .page__date,#block-ds-extras-nieuws-banner .page__videocontainer .page__date {
        left: 30px;
    }
}

.page__videocontainer .page__video {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.overlay {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

.dienst-full__content h2 {
    color: #00A9E1;
}

@media screen and (max-width: 750px) {
    .dienst-full__content {
        max-height:460px;
        margin-top: 20px;
        overflow-y: hidden;
        position: relative;
    }

    .dienst-full__content:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0px;
        background-image: url(/sites/all/themes/gijbels_main/images/white-trans-overlay.png?v=2);
        background-repeat: repeat-x;
        background-position: left bottom;
        width: 100%;
        height: 172px;
    }

    .dienst-full__content.no-limits {
        max-height: none;
    }

    .dienst-full__content.no-limits:after {
        display: none;
    }
}

@media screen and (min-width: 750px) {
    .dienst-full__paragraph {
        margin-bottom:95px;
    }
}

.projectteasers__title {
    margin-bottom: 30px;
}

@media screen and (min-width: 750px) {
    .projectteasers__title {
        float:left;
    }
}

.projectteasers__title h2 {
    color: #00A9E1;
    margin-bottom: 0;
}

@media screen and (min-width: 750px) {
    .projectteasers__cta {
        float:right;
    }
}

.projectteasers__projecten {
    clear: both;
}

@media screen and (max-width: 750px) {
    .paragraaf-content-project-teasers > div {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .projectteasers__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .projectteasers__cta {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .projectteasers__cta a {
        text-align: center;
        display: block;
    }

    .projectteasers__projecten {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .dienst-full__paragraph:empty {
        margin: 0;
    }
}

.node-dienst.view-mode-teaser-klein {
    position: relative;
    text-align: center;
    overflow: visible;
    width: 100%;
    overflow: hidden;
    height: 460px;
}

@media screen and (min-width: 860px) {
    .node-dienst.view-mode-teaser-klein {
        width:50%;
        float: left;
    }
}

@media screen and (min-width: 1100px) {
    .node-dienst.view-mode-teaser-klein {
        width:25%;
    }
}

@media screen and (max-width: 1300px) {
    .node-dienst.view-mode-teaser-klein .dienst-intro {
        margin-right:10px;
        margin-left: 10px;
    }
}

.node-dienst.view-mode-teaser-klein > a {
    display: block;
    width: 100%;
    height: 100%;
}

.node-dienst.view-mode-teaser-klein img {
    max-width: none;
    width: 100%;
    float: left;
}

.node-dienst.view-mode-teaser-klein a {
    color: #fff;
}

.node-dienst.view-mode-teaser-klein h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: "robotoregular";
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
    margin: 0 0 26px 0;
    padding: 0 10px;
    margin-top: 0px;
}

@media screen and (min-width: 1100px) {
    .node-dienst.view-mode-teaser-klein h3 {
        font-size:18px;
        line-height: 20px;
    }
}

.node-dienst.view-mode-teaser-klein .row-2 {
    padding-top: 40px;
}

.dienst-teaserklein__list .node-dienst {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.dienst-teaserklein__list .node-dienst:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 100;
}

.dienst-teasergroot__list .node-dienst .dienst-button {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.dienst-teasergroot__list .node-dienst:hover .dienst-button {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 100;
}

.dienst-teaserklein__list .node-dienst,.dienst-teasergroot__list .node-dienst {
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.dienst-teaserklein__list .dienst-image-overlay,.dienst-teasergroot__list .dienst-image-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.dienst-teaserklein__list .dienst-intro,.dienst-teasergroot__list .dienst-intro {
    margin: 40px;
    margin-top: 120px;
    height: 230px;
    position: relative;
}

.dienst-teaserklein__list .dienst-button-wrapper,.dienst-teasergroot__list .dienst-button-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
}

.dienst-teaserklein__list .dienst-button,.dienst-teasergroot__list .dienst-button {
    cursor: pointer;
    color: #00A9E1;
    font-size: 0.6666666667em;
    border: none;
    min-width: 265px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
}

.dienst-teaserklein__list .dienst-button:hover,.dienst-teasergroot__list .dienst-button:hover {
    border: none;
}

.dienst-teaserklein__list .node-dienst:nth-child(even) .dienst-image-overlay,.dienst-teasergroot__list .node-dienst:nth-child(even) .dienst-image-overlay {
    background: #60B770;
    opacity: 0.6;
}

.dienst-teaserklein__list .node-dienst:nth-child(even):hover .dienst-image-overlay,.dienst-teasergroot__list .node-dienst:nth-child(even):hover .dienst-image-overlay {
    background: #2F2F2F;
    opacity: 0.4;
}

.dienst-teaserklein__list .node-dienst:nth-child(even) .dienst-button,.dienst-teasergroot__list .node-dienst:nth-child(even) .dienst-button {
    background: #fff url(/sites/all/themes/gijbels_main/images/arrow-right-green.svg) no-repeat 96% center;
    background-size: 15px 11px;
    color: #60B770;
}

.dienst-teaserklein__list .node-dienst:nth-child(even):hover .dienst-button,.dienst-teasergroot__list .node-dienst:nth-child(even):hover .dienst-button {
    background: #60B770 url(/sites/all/themes/gijbels_main/images/arrow-right-white.svg) no-repeat 96% center;
    color: #fff;
    background-size: 15px 11px;
}

.dienst-teaserklein__list .node-dienst:nth-child(odd) .dienst-image-overlay,.dienst-teasergroot__list .node-dienst:nth-child(odd) .dienst-image-overlay {
    background: #00A9E1;
    opacity: 0.6;
}

.dienst-teaserklein__list .node-dienst:nth-child(odd):hover .dienst-image-overlay,.dienst-teasergroot__list .node-dienst:nth-child(odd):hover .dienst-image-overlay {
    background: #2F2F2F;
    opacity: 0.4;
}

.dienst-teaserklein__list .node-dienst:nth-child(odd) .dienst-button,.dienst-teasergroot__list .node-dienst:nth-child(odd) .dienst-button {
    background: #fff url(/sites/all/themes/gijbels_main/images/arrow-right-blue.svg) no-repeat 96% center;
    background-size: 15px 11px;
    color: #00A9E1;
}

.dienst-teaserklein__list .node-dienst:nth-child(odd):hover .dienst-button,.dienst-teasergroot__list .node-dienst:nth-child(odd):hover .dienst-button {
    background: #00A9E1 url(/sites/all/themes/gijbels_main/images/arrow-right-white.svg) no-repeat 96% center;
    color: #fff;
    background-size: 15px 11px;
}

.dienst-teasergroot__list {
    margin-top: 45px;
}

.dienst-teasergroot__list .dienst-wrapper,.dienst-teasergroot__list .view-mode-teaser-klein > a {
    min-height: 340px;
    overflow: visible;
}

.dienst-teasergroot__list .dienst-wrapper {
    margin-bottom: 90px;
}

.dienst-teasergroot__list .dienst-wrapper:first-of-type .row-2:before {
    display: none !important;
}

.dienst-teasergroot__list .dienst-wrapper:nth-child(odd) .row-2 {
    background: #00A9E1;
}

.dienst-teasergroot__list .dienst-wrapper:nth-child(odd) .row-2 .dienst-button {
    background: #fff url(/sites/all/themes/gijbels_main/images/arrow-right-blue.svg) no-repeat 96% center;
    background-size: 15px 11px;
    color: #00A9E1;
}

.dienst-teasergroot__list .dienst-wrapper:nth-child(odd) .row-2:before {
    content: "\A";
    border: solid #60B770;
    border-width: 0 40px 40px 0;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    top: -20px;
    left: 160px;
}

.dienst-teasergroot__list .dienst-wrapper:nth-child(even) .row-2 {
    background: #60B770;
}

.dienst-teasergroot__list .dienst-wrapper:nth-child(even) .row-2 .dienst-button {
    background: #fff url(/sites/all/themes/gijbels_main/images/arrow-right-green.svg) no-repeat 96% center;
    background-size: 15px 11px;
    color: #60B770;
}

.dienst-teasergroot__list .dienst-wrapper:nth-child(even) .row-2:before {
    content: "\A";
    border: solid #00A9E1;
    border-width: 0 40px 40px 0;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    top: -20px;
    left: 160px;
}

.dienst-teasergroot__list .view-mode-teaser-klein {
    width: 100%;
    clear: both;
    height: auto;
    overflow: visible;
}

.dienst-teasergroot__list .view-mode-teaser-klein .row-2 {
    width: 360px;
    height: 430px;
    left: 50%;
    position: absolute;
    top: -45px;
    -webkit-transform: translate(-50%,0px);
    -ms-transform: translate(-50%,0px);
    transform: translate(-50%,0px);
}

.dienst-teasergroot__list .view-mode-teaser-klein .row-2 .dienst-intro {
    margin-top: 100px;
}

.header__top .block {
    float: right;
}

.header__top ul.menu {
    font-size: 0.8666666667em;
}

.header__top ul.menu a {
    color: #00A9E1;
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
    -o-transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
    transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
}

.header__top ul.menu a#highlighted-white {
    color: #fff;
    background: #00A9E1;
    padding: 0 10px;
    text-transform: uppercase;
}

.header__top ul.menu a#highlighted-white:hover {
    color: #00A9E1;
    background: #fff;
}

.header__top ul.menu a:hover {
    color: #fff;
}

.header__top ul.menu li {
    float: left;
    margin-right: 10px;
}

.menu-mlid-1673 a,.menu-mlid-1674 a {
    background: url(/sites/all/themes/gijbels_main/images/chat-blue.svg) no-repeat right 3px;
    background-size: 13px 13px;
    padding-right: 18px;
}

@media screen and (max-width: 750px) {
    .menu-mlid-1673,.menu-mlid-1674 {
        display:none !important;
    }
}

@media screen and (max-width: 750px) {
    #block-menu-menu-top-menu {
        padding:12px 0 7px;
        border-top: 1px solid rgba(170,170,170,0.2);
        border-bottom: 1px solid rgba(170,170,170,0.2);
    }
}

.paragraaf-content-call-to-action a {
    display: block;
    height: 100%;
    background: #00A9E1;
    text-decoration: none;
}

.paragraaf-content-call-to-action a:hover {
    background: #0091c1;
}

.paragraaf-content-call-to-action .field-type-image {
    overflow: hidden;
}

.paragraaf-content-call-to-action .row-2 {
    font-family: "robotolight";
    color: #fff;
    text-align: center;
    line-height: 21px;
}

@media screen and (min-width: 750px) {
    .paragraaf-content-call-to-action .row-2 {
        padding:42px 30px 20px 30px;
    }
}

@media screen and (max-width: 750px) {
    .paragraaf-content-call-to-action .row-2 {
        padding:25px 20px;
    }
}

.field-name-field-cta-titel {
    font-size: 1.4em;
}

@media screen and (min-width: 750px) {
    .field-name-field-cta-titel {
        margin-bottom:20px;
    }
}

@media screen and (max-width: 750px) {
    .field-name-field-cta-tekst {
        display:none;
    }
}

.paragraaf-content-cta-banner.view-mode-default {
    background: none;
    position: relative;
    margin-bottom: 40px;
}

.paragraaf-content-cta-banner.view-mode-default:last-child {
    margin-bottom: 0;
}

.paragraaf-content-cta-banner.view-mode-default.hovercolor-yellow:hover .row-2 {
    background-color: #eddf00;
}

.paragraaf-content-cta-banner.view-mode-default.hovercolor-orange:hover .row-2 {
    background-color: #ff7700;
}

.paragraaf-content-cta-banner.view-mode-default:hover .row-2 {
    background: #00a9e1;
}

.paragraaf-content-cta-banner.view-mode-default:hover .field-name-field-ctab-knop {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 100;
}

.paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-titel {
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    line-height: 29px;
    position: relative;
    margin-top: 35px;
    margin-left: 25px;
    margin-right: 25px;
}

@media screen and (max-width: 750px) {
    .paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-titel {
        font-size:20px;
    }
}

@media screen and (max-width: 1100px) {
    .paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-titel {
        margin-top:20px;
    }
}

.paragraaf-content-cta-banner.view-mode-default .row-2 {
    background: #00a9e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.paragraaf-content-cta-banner.view-mode-default .row-2:after {
    display: none;
}

.paragraaf-content-cta-banner.view-mode-default a {
    text-decoration: none;
}

.paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-tekst {
    padding: 0 40px;
    line-height: 22px;
}

.paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-knop {
    background: #ffffff;
    margin: 0 auto 20px;
    width: 85%;
    position: static;
    color: #00A9E1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-knop:hover {
    color: #00A9E1;
}

@media screen and (min-width: 1100px) {
    .paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-knop {
        bottom:35px;
    }
}

@media screen and (max-width: 1100px) {
    .paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-knop {
        bottom:20px;
    }
}

@media screen and (max-width: 750px) {
    .paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-knop {
        padding:7px 10px;
    }
}

.node-werknemer-testimonial.node-teaser {
    text-align: center;
}

.node-werknemer-testimonial.node-teaser h2 {
    font-size: 1.2em;
    color: #60B770;
    margin: 0;
}

.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-functie {
    line-height: 20px;
}

.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-linkedin {
    margin-top: 6px;
}

.node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-video {
    margin-top: 40px;
    position: relative;
}

.view-werknemer-testimonials.view-display-id-content_callback_1 h2 {
    text-align: center;
    color: #60B770;
    margin-bottom: 10px;
}

.view-werknemer-testimonials.view-display-id-content_callback_1 .owl-nav {
    top: 40px;
}

.view-werknemer-testimonials.view-display-id-content_callback_1 .owl-nav > div {
    position: absolute;
    width: 26px;
    height: 48px;
    background: url(/sites/all/themes/gijbels_main/images/green-arrow-right.svg);
}

@media screen and (max-width: 750px) {
    .view-werknemer-testimonials.view-display-id-content_callback_1 .owl-nav > div {
        width:16px;
        height: 16px;
        background: url(/sites/all/themes/gijbels_main/images/green-arrow-right2.svg) no-repeat;
    }
}

.view-werknemer-testimonials.view-display-id-content_callback_1 .owl-prev {
    left: calc(50% - 140px);
}

.view-werknemer-testimonials.view-display-id-content_callback_1 .owl-next {
    left: calc(50% + 140px);
}

.field-name-field-wntestimonial-profielfoto img {
    border-radius: 50%;
}

.job-overview h2,.job-overview h3 {
    color: #00A9E1;
}

.job-overview h2 {
    font-size: 2.1333333333em;
}

.job-overview h3 {
    font-size: 1.5333333333em;
}

@media screen and (max-width: 860px) {
    .job-overview h3 {
        margin-bottom:10px;
    }
}

.job-overview p {
    margin: 0;
}

.job-overview a {
    font-size: 1.2em;
    text-decoration: none;
}

.page-node-2784 .paragraph:not(:last-child) > .paragraphs-item-1-kolom.parbg-gray,.page-node-2446 .paragraph:not(:last-child) > .paragraphs-item-1-kolom.parbg-gray {
    padding: 30px;
}

@media screen and (min-width: 860px) {
    .page-node-2784 .paragraph:not(:last-child) > .paragraphs-item-1-kolom.parbg-gray,.page-node-2446 .paragraph:not(:last-child) > .paragraphs-item-1-kolom.parbg-gray {
        padding:50px 100% 60px;
    }
}

@media screen and (min-width: 860px) {
    .job-overview__left,.job-overview__right {
        width:48.9583333333%;
    }
}

@media screen and (min-width: 860px) {
    .job-overview__left {
        float:left;
    }
}

@media screen and (max-width: 860px) {
    .job-overview__left {
        margin-bottom:15px;
    }
}

@media screen and (min-width: 860px) {
    .job-overview__right {
        float:right;
    }
}

@media screen and (max-width: 860px) {
    .job-overview__spontaan {
        margin-top:20px;
    }
}

.job-overview__spontaan a {
    color: #60B770;
}

.node-vacature.view-mode-full h1 {
    font-size: 2em;
    color: #00A9E1;
}

@media screen and (max-width: 750px) {
    .node-vacature.view-mode-full h1 {
        text-align:center;
    }
}

.node-vacature.view-mode-full > .row-1 {
    padding: 20px 0 18px;
}

@media screen and (max-width: 750px) {
    .node-vacature.view-mode-full > .row-1 {
        display:none;
    }
}

.node-vacature.view-mode-full .field-name-dummyreadmore,.node-vacature.view-mode-full .field-name-dummyreadmore2 {
    text-align: center;
    position: relative;
    top: -35px;
    cursor: pointer;
}

.node-vacature.view-mode-full .field-name-vacature-form {
    display: none;
}

.field-name-field-vacature-profiel,.field-name-field-vacature-overjob {
    margin-bottom: 50px;
    max-height: 210px;
    overflow-y: hidden;
    position: relative;
}

.field-name-field-vacature-profiel .label-above,.field-name-field-vacature-overjob .label-above {
    font-size: 1.4em;
    color: #00A9E1;
    margin-bottom: 10px;
}

.field-name-field-vacature-profiel p,.field-name-field-vacature-overjob p {
    font-family: "robotoregular";
}

.field-name-field-vacature-profiel:after,.field-name-field-vacature-overjob:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-image: url(/sites/all/themes/gijbels_main/images/gray-trans-overlay.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 100%;
    height: 80px;
}

.field-name-field-vacature-profiel.no-limits,.field-name-field-vacature-overjob.no-limits {
    max-height: none;
}

.field-name-field-vacature-profiel.no-limits:after,.field-name-field-vacature-overjob.no-limits:after {
    display: none;
}

@media screen and (max-width: 750px) {
    .field-name-field-vacature-profiel,.field-name-field-vacature-overjob {
        text-align:center;
    }

    .field-name-field-vacature-profiel ul,.field-name-field-vacature-overjob ul {
        text-align: left;
    }
}

.node-jobsnippet.view-mode-full .row-1 > .field {
    position: relative;
}

@media screen and (min-width: 750px) {
    .node-jobsnippet.view-mode-full .row-1 > .field:after {
        background:url(/sites/all/themes/gijbels_main/images/timeline-job.svg) no-repeat left top;
        width: 80px;
        height: 70px;
        position: absolute;
        top: calc(50% - 70px);
        display: block;
        content: '';
        left: calc(50% - 40px);
    }

    .node-jobsnippet.view-mode-full .row-1 > .field:before {
        width: 1px;
        height: 100%;
        position: absolute;
        left: calc(50% - 1px);
        display: block;
        content: ' ';
        background: #00A9E1;
    }

    .node-jobsnippet.view-mode-full .row-1 > .field:first-child:before {
        top: 50%;
    }

    .node-jobsnippet.view-mode-full .row-1 > .field:first-child:after {
        background: url(/sites/all/themes/gijbels_main/images/timeline-people.svg) no-repeat left top;
    }

    .node-jobsnippet.view-mode-full .row-1 > .field:last-child:after {
        background: url(/sites/all/themes/gijbels_main/images/timeline-quote.svg) no-repeat left top;
    }

    .node-jobsnippet.view-mode-full .row-1 > .field > .field-items {
        display: block;
        padding-bottom: 60px;
        display: table;
        width: 100%;
    }

    .node-jobsnippet.view-mode-full .row-1 > .field > .field-items:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .node-jobsnippet.view-mode-full .row-1 > .field > .field-items > .field-item {
        text-align: center;
        width: 50%;
        display: table-cell;
        vertical-align: middle;
    }

    .node-jobsnippet.view-mode-full .row-1 > .field > .field-items > .field-item .entity {
        max-width: 390px;
        margin: 0 auto 0 0;
    }

    .node-jobsnippet.view-mode-full .row-1 > .field > .field-items > .field-item:last-child .entity {
        margin: 0 0 0 auto;
    }
}

.node-jobsnippet.view-mode-full .field-name-solliciteer-nu {
    text-align: center;
}

.node-jobsnippet.view-mode-full .field-name-solliciteer-nu span {
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    .node-jobsnippet.view-mode-full .row-1 {
        margin-bottom:20px;
    }
}

.field-name-field-jobsnip-imvid-titel,.field-name-field-jobsnippet-titel {
    font-size: 1.8666666667em;
    color: #00A9E1;
    line-height: 34px;
    margin-bottom: 8px;
}

.field-name-field-jobsnippet-knop {
    margin-top: 15px;
}

@media screen and (max-width: 750px) {
    .jobsnippet-item-tekst {
        margin:15px 0;
    }

    .field-name-field-jobsnippet-titel {
        text-align: center;
        font-size: 19px;
        line-height: 25px;
    }
}

@media screen and (min-width: 750px) {
    .entity-jobsnippet-item.jobsnippet-item-tekst-image-video .group-left {
        width:51.2820512821%;
        float: right;
    }

    .entity-jobsnippet-item.jobsnippet-item-tekst-image-video .group-right {
        background: #ffffff;
        padding: 14px 25px;
        float: left;
        width: 48.7179487179%;
    }
}

@media screen and (max-width: 750px) {
    .entity-jobsnippet-item.jobsnippet-item-tekst-image-video .group-right {
        padding:11px 21px 25px;
        background: #00A9E1;
        color: #fff;
    }

    .entity-jobsnippet-item.jobsnippet-item-tekst-image-video .group-right a {
        color: #fff;
    }
}

.entity-jobsnippet-item.jobsnippet-item-tekst-image-video .field-name-field-jobsnip-imvid-titel {
    font-size: 1.0666666667em;
    font-family: "robotoregular";
    line-height: 21px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0,169,225,0.2);
    margin-bottom: 12px;
}

@media screen and (max-width: 750px) {
    .entity-jobsnippet-item.jobsnippet-item-tekst-image-video .field-name-field-jobsnip-imvid-titel {
        color:#fff;
        text-align: center;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
}

.entity-jobsnippet-item.jobsnippet-item-tekst-image-video .field-name-field-jobsnip-imvid-tekst {
    font-size: 0.9333333333em;
    line-height: 20px;
    text-align: left;
}

.entity-jobsnippet-item.jobsnippet-item-tekst-image-video li {
    padding-left: 29px;
    margin-bottom: 5px;
}

@media screen and (min-width: 750px) {
    .entity-jobsnippet-item.jobsnippet-item-tekst-image-video li {
        background:url(/sites/all/themes/gijbels_main/images/blue-vink.svg) no-repeat left 5px;
    }
}

@media screen and (max-width: 750px) {
    .entity-jobsnippet-item.jobsnippet-item-tekst-image-video li {
        background:url(/sites/all/themes/gijbels_main/images/white-vink.svg) no-repeat left 5px;
    }
}

.entity-jobsnippet-item.jobsnippet-item-tekst-image-video img {
    display: block;
}

#block-gijbels-page-page-contactperson {
    min-width: 183px;
    position: fixed;
    z-index: 102;
    right: 20px;
    bottom: 80px;
}

@media screen and (max-width: 750px) {
    #block-gijbels-page-page-contactperson {
        right:10px;
    }
}

#block-gijbels-page-page-contactperson .content-minimized {
    color: #fff;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    font-size: 0.8666666667em;
    font-family: "robotoregular";
}

#block-gijbels-page-page-contactperson .content-minimized a {
    padding: 11px 17px 12px 44px;
    border-radius: 40px;
    display: block;
    background: url(/sites/all/themes/gijbels_main/images/white-question.svg) no-repeat left 16px top 14px;
    background-color: #555555;
    color: #fff;
    text-decoration: none;
    width: 170px;
}

@media screen and (max-width: 750px) {
    #block-gijbels-page-page-contactperson .content-minimized a {
        text-indent:-9999px;
        width: 36px;
        background-position: center center;
        border-radius: 50%;
        padding: 4px 30px 5px 5px;
    }
}

#block-gijbels-page-page-contactperson .content {
    z-index: 3;
    position: relative;
    right: -220px;
    -webkit-transition: right cubic-bezier(0,0,0.58,1) 0.3s;
    -o-transition: right cubic-bezier(0,0,0.58,1) 0.3s;
    transition: right cubic-bezier(0,0,0.58,1) 0.3s;
}

#block-gijbels-page-page-contactperson.maximize .content {
    right: 0;
}

#block-gijbels-page-page-contactperson .close {
    display: block;
    right: 3px;
    bottom: 205px;
    position: absolute;
    width: 28px;
    height: 28px;
    background: url(/sites/all/themes/gijbels_main/images/blue-cross.svg) no-repeat center center;
    background-size: 50%;
    text-indent: -9999px;
    z-index: 103;
}

.node-contactpersoon.view-mode-widget {
    width: 183px;
    background: #fff;
    padding: 15px 0 0 0;
    text-align: center;
    -webkit-box-shadow: 0px 0px 15px #79796A;
    box-shadow: 0px 0px 15px #79796A;
}

.node-contactpersoon.view-mode-widget .row-1 {
    margin-bottom: 13px;
}

.node-contactpersoon.view-mode-widget .row-2 {
    margin-bottom: 7px;
}

.node-contactpersoon.view-mode-widget .field-name-title,.node-contactpersoon.view-mode-widget .field-name-field-contact-functie {
    color: #858585;
    font-family: "robotoregular";
    line-height: 20px;
}

.node-contactpersoon.view-mode-widget .field-name-field-contact-telefoon {
    color: #00A9E1;
    font-size: 0.8666666667em;
    font-family: "robotomedium";
}

.node-contactpersoon.view-mode-widget .field-name-field-contact-email,.node-contactpersoon.view-mode-widget .field-name-contact-chat {
}

.node-contactpersoon.view-mode-widget .field-name-field-contact-email a,.node-contactpersoon.view-mode-widget .field-name-contact-chat a {
    display: block;
    text-indent: -9999px;
}

.node-contactpersoon.view-mode-widget .field-name-field-contact-email {
    border-right: 1px solid rgba(0,169,225,0.2);
}

.node-contactpersoon.view-mode-widget .field-name-field-contact-email a {
    background: url(/sites/all/themes/gijbels_main/images/blue-mail2.svg) no-repeat center center;
    background-size: 20px 16px;
    width: 93px;
    height: 27px;
}

.node-contactpersoon.view-mode-widget .field-name-contact-chat a {
    text-indent: 0;
}

.paragraaf-content-contactpersonen {
    padding: 40px 0;
    background: #60B770;
    color: #fff;
}

.paragraaf-content-contactpersonen .field-item {
    margin-bottom: 20px;
}

.paragraaf-content-contactpersonen a {
    color: #fff;
    text-decoration: underline;
}

.paragraaf-content-contactpersonen a:hover {
    color: #fff;
}

.paragraaf-content-contactpersonen .entity-inner {
    max-width: 960px;
    margin: 0 auto;
}

.paragraaf-content-contactpersonen .field-name-field-ct-titel {
    text-align: center;
}

@media screen and (min-width: 750px) {
    .paragraaf-content-contactpersonen .field-name-field-ct-titel {
        font-size:2.5333333333em;
        margin-bottom: 60px;
        line-height: 45px;
    }
}

@media screen and (max-width: 750px) {
    .paragraaf-content-contactpersonen .field-name-field-ct-titel {
        font-size:24px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 750px) {
    .paragraaf-content-contactpersonen .field-name-field-ct-personen .field-item {
        display:inline-block;
        width: 33%;
        vertical-align: top;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 750px) {
    .node-contactpersoon.view-mode-teaser {
        text-align:center;
    }
}

@media screen and (min-width: 750px) {
    .node-contactpersoon.view-mode-teaser .group-left {
        width:90px;
    }
}

@media screen and (max-width: 750px) {
    .node-contactpersoon.view-mode-teaser .group-left {
        float:none;
        width: auto;
    }
}

.node-contactpersoon.view-mode-teaser .group-right {
    float: none;
    width: auto;
}

@media screen and (min-width: 750px) {
    .node-contactpersoon.view-mode-teaser .group-right {
        margin-left:110px;
    }
}

.node-contactpersoon.view-mode-teaser .field-name-field-contact-functie {
    font-size: 1.2em;
    margin-bottom: 5px;
}

.node-contactpersoon.view-mode-teaser .field-name-title,.node-contactpersoon.view-mode-teaser .field-name-field-contact-telefoon,.node-contactpersoon.view-mode-teaser .field-name-field-contact-email {
    line-height: 20px;
}

.region-footer-top {
    margin-bottom: 75px;
}

@media screen and (max-width: 750px) {
    .region-footer-top {
        margin-bottom:20px;
    }
}

@media screen and (min-width: 750px) {
    .region-footer-top .block-menu,.region-footer-top .block-menu-block {
        float:left;
        width: 25%;
    }
}

@media screen and (max-width: 750px) {
    .region-footer-top .block-menu,.region-footer-top .block-menu-block {
        margin-bottom:15px;
    }

    .region-footer-top .block-menu#block-menu-menu-footer-menu-2,.region-footer-top .block-menu-block#block-menu-menu-footer-menu-2 {
        display: none;
    }
}

.region-footer-top h2 {
    color: #777777;
    font-size: 1.2em;
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .region-footer-top h2 {
        margin-bottom:5px;
    }
}

.region-footer-top ul.menu {
    text-transform: uppercase;
    font-family: "robotoregular";
    font-size: 0.8666666667em;
    line-height: 23px;
}

@media screen and (max-width: 750px) {
    .region-footer-bottom .block-menu {
        text-align:center;
    }

    .region-footer-bottom .block-menu > div {
        display: inline-block;
    }
}

.region-footer-bottom h2 {
    color: #777777;
    font-size: 1.2em;
    margin-bottom: 5px;
}

.region-footer-bottom li {
    float: left;
    margin-right: 15px;
}

@media screen and (min-width: 750px) {
    .footer-bottom__col {
        float:left;
        width: 33%;
    }

    .footer-bottom__col a {
        padding: 0;
    }
}

.block-kickstart-searchblockredirect {
    margin-right: 10px;
    position: relative;
}

@media screen and (min-width: 750px) {
    .block-kickstart-searchblockredirect h2 {
        font-size:0.8666666667em;
        cursor: pointer;
        color: #00A9E1;
        text-decoration: none;
        -webkit-transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
        -o-transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
        transition: color 0.2s cubic-bezier(0.42,0,0.58,1);
        margin: 0;
        line-height: 27px;
    }

    .block-kickstart-searchblockredirect h2:hover {
        color: #fff;
    }
}

@media screen and (max-width: 750px) {
    .block-kickstart-searchblockredirect h2 {
        display:none;
    }
}

@media screen and (min-width: 750px) {
    .block-kickstart-searchblockredirect .content {
        position:absolute;
        opacity: 0;
        right: -27px;
        top: -6000px;
        z-index: 666;
        background: #fff;
        padding: 15px;
        text-align: right;
        width: 435px;
        -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.5);
        box-shadow: 0 4px 15px rgba(0,0,0,0.5);
        -webkit-transition: opacity 0.3s cubic-bezier(0.42,0,0.58,1);
        -o-transition: opacity 0.3s cubic-bezier(0.42,0,0.58,1);
        transition: opacity 0.3s cubic-bezier(0.42,0,0.58,1);
    }

    .block-kickstart-searchblockredirect .content:after {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-bottom: 10px solid #ffffff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px;
        right: 38px;
    }
}

@media screen and (min-width: 750px) {
    .block-kickstart-searchblockredirect .form-item {
        display:inline-block;
        margin: 0 5px 0 0;
    }
}

@media screen and (min-width: 750px) {
    .block-kickstart-searchblockredirect .form-text {
        width:250px;
    }
}

@media screen and (max-width: 750px) {
    .block-kickstart-searchblockredirect .form-text {
        width:100%;
    }
}

@media screen and (min-width: 750px) {
    .block-kickstart-searchblockredirect .form-submit {
        padding:13px 32px 11px 32px;
    }
}

@media screen and (max-width: 750px) {
    .block-kickstart-searchblockredirect .form-submit {
        background:url(/sites/all/themes/gijbels_main/images/gray-search.svg) no-repeat center center;
        background-size: 20px 20px;
        width: 45px;
        height: 40px;
        padding: 0;
        display: block;
        text-indent: -999px;
        position: absolute;
        top: 0px;
        right: 0;
    }
}

.block-kickstart-searchblockredirect.focus .content {
    top: 42px;
    opacity: 1;
}

.i18n-fr .block-kickstart-searchblockredirect .content {
    width: 450px;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .timeline-row {
        padding:0 0 25px 0;
    }

    .timeline-vertical .timeline-row .item {
        padding: 0 20px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .timeline-vertical .timeline-row .item.clearfix,.timeline-vertical .timeline-row .admin-tabs ul.item,.admin-tabs .timeline-vertical .timeline-row ul.item,.timeline-vertical .timeline-row .whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .item.form-type-radios:after,.whatshappening__list .gijbels_newsletter_item .newsletter_clone_inner .timeline-vertical .timeline-row .item.form-type-radios:after,.timeline-vertical .timeline-row .header__top ul.item.menu,.header__top .timeline-vertical .timeline-row ul.item.menu,.timeline-vertical .timeline-row .item.region-footer-top,.timeline-vertical .timeline-row .item.region-footer-bottom,.timeline-vertical .timeline-row .region-footer-bottom ul.item.menu,.region-footer-bottom .timeline-vertical .timeline-row ul.item.menu,.timeline-vertical .timeline-row .block-menu-block .menu-name-main-menu ul.item.menu,.block-menu-block .menu-name-main-menu .timeline-vertical .timeline-row ul.item.menu {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.timeline-vertical__top {
    text-align: center;
    margin-top: 21px;
    margin-bottom: 21px;
}

.timeline-vertical__content.parbg-gray {
    margin-bottom: 0;
}

@media screen and (max-width: 750px) {
    .timeline-vertical__content.parbg-gray {
        padding:0;
        margin: 0 -30px;
    }
}

.timeline-vertical__bottom {
    text-align: center;
    margin-top: 21px;
}

.timeline-vertical__bottom p {
    margin-top: 20px;
    font-size: 1.4em;
    color: #00A9E1;
}

.timeline-vertical {
    margin-top: 40px;
    margin-bottom: 70px;
}

.timeline-vertical.timeline--method {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .timeline-vertical.timeline--method .item {
        text-align:center;
    }
}

.timeline-vertical.timeline--method .timeline-row:last-child:before {
    height: calc(100% + 165px);
}

@media screen and (min-width: 750px) {
    .timeline-vertical.timeline--method .timeline-vertical__bottom {
        margin:0px;
        z-index: 10;
        position: relative;
        padding-top: 80px;
        background: url(/sites/all/themes/gijbels_main/images/arrow-down-blue.svg) no-repeat 49.65% 63px;
        background-size: 30px 30px;
    }
}

.timeline-vertical .item__title {
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item__title {
        margin-bottom:6px;
        margin-top: 10px;
    }
}

.timeline-vertical .item__title h3 {
    font-size: 1.4em;
    color: #00A9E1;
    margin-bottom: 0;
}

.timeline-vertical .item--image {
    text-align: center;
    position: relative;
}

.timeline-vertical .item--image .item__image {
    text-align: center;
}

.timeline-vertical .item--image .item__image img {
    display: inline-block;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item--image .item__image {
        max-width:160px;
        margin: 0 auto;
    }
}

.timeline-vertical .item--image .item__title {
    position: absolute;
    bottom: 25px;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item--image .item__title {
        display:none;
    }
}

.timeline-vertical .item--image h3 {
    font-size: 1em;
    text-transform: uppercase;
    background: #00A9E1;
    font-family: "robotomedium";
    display: inline-block;
    color: #fff;
    padding: 0 4px;
    letter-spacing: 1px;
}

.timeline-vertical .item--cta {
    text-align: center;
}

.timeline-vertical .item--cta h3 {
    font-size: 1.8666666667em;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item--cta h3 {
        font-size:21px;
    }
}

.timeline-vertical .item--cta .item__cta p {
    color: #00A9E1;
    font-family: "robotoregular";
    font-size: 1.4em;
}

.timeline-vertical .item__text {
    margin-bottom: 22px;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item__text {
        margin-bottom:0;
    }
}

.timeline-vertical .item__button {
    display: inline-block;
}

.timeline-vertical .item {
    position: relative;
}

@media screen and (min-width: 750px) {
    .timeline-vertical .item .group-left {
        width:49.3670886076%;
        float: left;
    }
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item .group-left {
        margin-bottom:10px;
    }

    .timeline-vertical .item .group-left img {
        margin: 0 auto;
    }
}

@media screen and (min-width: 750px) {
    .timeline-vertical .item .group-right {
        background:#ffffff;
        float: right;
        width: 50.1265822785%;
        padding: 11px 21px 25px;
        position: relative;
    }
}

.timeline-vertical .item .group-right .item__title h3 {
    font-size: 1.0666666667em;
    font-family: "robotoregular";
    border-bottom: 1px solid rgba(0,169,225,0.2);
    margin-bottom: 12px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item .group-right .item__title h3 {
        max-width:70%;
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 10px;
        margin: 0 auto;
    }
}

.timeline-vertical img {
    display: block;
}

.timeline-vertical .item__play {
    text-align: center;
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    right: 0;
    margin: auto;
    width: 48px;
    height: 48px;
}

.timeline-vertical .item__play a {
    background: url(/sites/all/themes/gijbels_main/images/blue-play.svg) no-repeat left top;
    background-size: 50px 50px;
    display: inline-block;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item__play {
        top:80px;
    }

    .timeline-vertical .item__play a {
        background-image: url(/sites/all/themes/gijbels_main/images/video-play.svg?v=2);
    }
}

.timeline-vertical .item--icon {
    text-align: center;
}

@media screen and (max-width: 750px) {
    .timeline-vertical .item--icon {
        display:none;
    }
}

.timeline-row {
    position: relative;
}

@media screen and (min-width: 750px) {
    .timeline-row {
        display:table;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .timeline-row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 -30px;
        padding: 40px 30px;
    }

    .timeline-row .item--image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .timeline-row .item--cta {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media screen and (max-width: 750px) and (min-width:750px) {
    .timeline-row:first-child {
        padding-top:0;
    }
}

@media screen and (max-width: 750px) {
    .timeline--contact .timeline-row:nth-child(even) {
        background:#f9f9f9;
    }

    .timeline-row:nth-child(even) {
        background: #ffffff;
    }
}

@media screen and (min-width: 750px) {
    .timeline-row:not(:last-child) {
        padding-bottom:80px;
    }
}

@media screen and (min-width: 750px) {
    .timeline-row .item {
        width:41.1458333333%;
        display: table-cell;
        vertical-align: middle;
    }

    .timeline-row .item:nth-child(2) {
        width: 17.7083333333%;
        text-align: center;
    }
}

@media screen and (min-width: 750px) {
    .timeline-row:before {
        width:1px;
        height: 100%;
        position: absolute;
        left: calc(50% - 3px);
        display: block;
        content: ' ';
        top: 0;
        background: #00A9E1;
    }
}

.timeline-row:first-child:before {
    top: calc(50% - 15px);
}

.timeline-row:last-child:before {
    height: calc(50% - 15px);
}

.timeline--method .timeline-row:first-child:before {
    top: -72px;
    height: calc(100% + 72px);
}

.timeline--method .timeline-row:last-child:before {
    bottom: -85px;
    height: calc(100% + 85px);
}

@media screen and (max-width: 750px) {
    .view-gijbels-faq.view-display-id-content_callback_1 .view-filters {
        display:none;
    }
}

.view-gijbels-faq.view-display-id-content_callback_1 .views-exposed-form {
    border-right: 1px solid #BEB400;
    margin-bottom: 60px;
    padding-right: 20px;
}

.view-gijbels-faq.view-display-id-content_callback_1 .view-content {
    background: #fff;
}

.view-gijbels-faq.view-display-id-content_callback_1 .views-row {
    border-bottom: 1px solid #f3f3f3;
}

@media screen and (min-width: 750px) {
    .view-gijbels-faq.view-display-id-content_callback_1 .views-row {
        padding:15px 50px 14px 0;
    }
}

@media screen and (max-width: 750px) {
    .view-gijbels-faq.view-display-id-content_callback_1 .views-row {
        padding:15px 0px 14px 0;
    }
}

.view-gijbels-faq.view-display-id-content_callback_1 .faq-select-item {
    display: inline-block;
    border-right: 1px solid #BEB400;
    position: relative;
}

.view-gijbels-faq.view-display-id-content_callback_1 .faq-select-item:first-child {
    border-left: 1px solid #BEB400;
}

.view-gijbels-faq.view-display-id-content_callback_1 .faq-select-item:before,.view-gijbels-faq.view-display-id-content_callback_1 .faq-select-item:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.view-gijbels-faq.view-display-id-content_callback_1 .faq-select-item:before {
    background: url(/sites/all/themes/gijbels_main/images/arrow-right-blue.svg) no-repeat left top;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    bottom: 5px;
}

.view-gijbels-faq.view-display-id-content_callback_1 .faq-select-item:after {
    background: url(/sites/all/themes/gijbels_main/images/ruit.svg) no-repeat left top;
    width: 75px;
    height: 75px;
    top: -2px;
    z-index: 0;
}

.view-gijbels-faq.view-display-id-content_callback_1 .views-widget-custom_cat_select {
    font-size: 1.4em;
    float: left;
}

.view-gijbels-faq.view-display-id-content_callback_1 .views-widget-custom_cat_select .faq-select-item a {
    display: block;
    background-repeat: no-repeat;
    background-position: center 19px;
    background-size: 35px 35px;
    text-align: center;
    width: 135px;
    vertical-align: top;
    text-decoration: none;
    color: #515151;
    padding: 80px 0 44px 0;
    position: relative;
    z-index: 1;
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.view-gijbels-faq.view-display-id-content_callback_1 .views-widget-custom_cat_select .faq-select-item a.tid-676 {
    background-position: center 22px;
    background-size: 22px 22px;
}

.view-gijbels-faq.view-display-id-content_callback_1 .views-widget-custom_cat_select .faq-select-item a.tid-678 {
    background-size: 40px 40px;
}

.view-gijbels-faq.view-display-id-content_callback_1 .views-widget-custom_cat_select .faq-select-item a:hover {
    background-color: rgba(255,255,255,0.3);
}

.view-gijbels-faq.view-display-id-content_callback_1 .views-widget-contactus,.view-gijbels-faq.view-display-id-content_callback_1 .views-widget-filter-combine {
    margin-left: 595px;
}

.view-gijbels-faq.view-display-id-content_callback_1 .faq-reset-item {
    margin-top: 30px;
    text-align: right;
    font-size: 14px;
}

.view-gijbels-faq.view-display-id-content_callback_1 .faq-reset-item a {
    text-decoration: none;
    font-size: 1em;
}

.view-gijbels-faq.view-display-id-content_callback_1 .form-submit {
    display: block;
    opacity: 0;
    padding: 0;
    margin: 0;
    height: 0;
}

.node-faq-item.view-mode-teaser {
    cursor: pointer;
}

.node-faq-item.view-mode-teaser .field-name-field-faq-categorie {
    width: 90px;
    float: left;
    text-indent: -9999px;
}

.node-faq-item.view-mode-teaser .field-name-field-faq-categorie > div {
    height: 35px;
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 25px 25px;
}

.node-faq-item.view-mode-teaser .field-name-field-faq-categorie > div.tid-676 {
    background-size: 16px 16px;
}

@media screen and (max-width: 750px) {
    .node-faq-item.view-mode-teaser .field-name-field-faq-categorie {
        display:none;
    }
}

.node-faq-item.view-mode-teaser .field-name-title {
    color: #00A9E1;
    background: url(/sites/all/themes/gijbels_main/images/arrow-right-blue.svg) no-repeat left 6px;
    background-size: 18px 18px;
    font-size: 1.2em;
}

.node-faq-item.view-mode-teaser .field-name-title,.node-faq-item.view-mode-teaser .field-name-field-faq-antwoord {
    padding-left: 30px;
}

@media screen and (min-width: 750px) {
    .node-faq-item.view-mode-teaser .field-name-title,.node-faq-item.view-mode-teaser .field-name-field-faq-antwoord {
        margin-left:90px;
    }
}

.node-faq-item.view-mode-teaser .field-name-field-faq-antwoord {
    height: 27px;
    overflow: hidden;
}

.node-faq-item.view-mode-teaser .field-name-field-faq-antwoord p:first-child {
    margin-top: 0;
}

.node-faq-item.view-mode-teaser.open .field-name-field-faq-antwoord {
    height: auto;
}

.faq-contact-us {
    font-size: 1.2em;
    margin-bottom: 23px;
}

.views-widget-filter-combine .form-text {
    width: 100%;
    background: url(/sites/all/themes/gijbels_main/images/gray-search.svg) no-repeat right 10px top 11px;
    background-size: 17px 17px;
}

.tid-676 {
    background-image: url(/sites/all/themes/gijbels_main/images/zandloper.svg);
}

.tid-677 {
    background-image: url(/sites/all/themes/gijbels_main/images/budget.svg);
}

.tid-678 {
    background-image: url(/sites/all/themes/gijbels_main/images/hoed.svg);
}

.tid-679 {
    background-image: url(/sites/all/themes/gijbels_main/images/zandloper.svg);
}

.tid-689 {
    background-image: url(/sites/all/themes/gijbels_main/images/algemeen.svg);
}

.node-faq-item.view-mode-teaser_alt h3 {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.node-faq-item.view-mode-teaser_alt a {
    display: block;
    text-decoration: none;
    padding: 0 0 0 32px;
    background: url(/sites/all/themes/gijbels_main/images/arrow-right-blue2.svg) no-repeat left 4px;
    background-size: 22px auto;
}

#block-gijbels-faq-faq-interessante-links {
    padding-top: 50px;
}

#block-gijbels-faq-faq-interessante-links h2 {
    color: #00A9E1;
}

#block-menu-menu-bim-homepage-menu a {
    background: url(/sites/all/themes/gijbels_main/images/yellow-arrow-right.svg?v=2) no-repeat left 5px;
    background-size: 20px 20px;
    text-decoration: none;
    color: #555555;
    display: inline-block;
    padding-left: 30px;
}

#block-menu-menu-bim-homepage-menu a:hover {
    background-color: rgba(234,220,0,0.3);
}

@media screen and (max-width: 750px) {
    #block-menu-menu-bim-homepage-menu {
        display:block;
        padding: 0 30px;
        margin: 10px 0 0 0;
    }

    #block-menu-menu-bim-homepage-menu li {
        font-size: 15px;
        padding: 10px 10px;
        margin-bottom: 10px;
        text-align: left;
    }

    #block-menu-menu-bim-homepage-menu a {
        background-position: left 7px;
        background-size: 16px 16px;
        padding-left: 25px;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media screen and (max-width: 1100px) {
    .story {
        font-size:13px;
    }
}

@media screen and (max-width: 750px) {
    .story {
        font-size:12px;
    }
}

.story__next {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    height: 30px;
    z-index: 999;
}

.story__next a {
    background: url(/sites/all/themes/gijbels_main/images/arrow-down-white.svg) no-repeat center top;
    display: block;
    text-indent: -9999px;
    height: 30px;
}

.entity-story-item:first-child .story__next,.entity-story-item:last-child .story__next {
    display: none;
}

@media screen and (max-width: 1100px) {
    .story__sidebar {
        width:80px;
    }
}

@media screen and (max-width: 750px) {
    .story__sidebar {
        margin-left:-80px;
        position: absolute;
        height: 100%;
        z-index: 10;
        background: #ffffff;
        -webkit-transition: margin 0.5s;
        -o-transition: margin 0.5s;
        transition: margin 0.5s;
    }

    .menu-open .story__sidebar {
        margin-left: 0px;
    }
}

@media screen and (min-width: 1100px) {
    .story__sidebar {
        width:110px;
    }
}

@media screen and (min-width: 750px) {
    .story__sidebar {
        float:left;
    }
}

.story__back {
    position: absolute;
    z-index: 6;
    top: 35px;
    left: 50px;
    font-family: "robotoregular";
    font-size: 0.8em;
    letter-spacing: 1px;
}

.story__back a {
    background: url(/sites/all/themes/gijbels_main/images/arrow-back-white.svg) no-repeat 12px 14px #555555;
    padding: 11px 20px 11px 44px;
    display: block;
    border-radius: 22px;
    text-decoration: none;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .story__back {
        left:-30px;
    }

    .story__back a {
        background-position: 8px 10px;
        background-size: 17px 16px;
        padding: 4px 12px 3px 34px;
        border-radius: 9px;
        font-size: 13px;
    }
}

@media screen and (max-width: 750px) {
    .menu-open .story__back {
        left:30px;
    }
}

.story__nav {
    font-family: "robotobold";
}

@media screen and (max-width: 1100px) {
    .story__nav {
        padding:0px 24px;
    }
}

@media screen and (min-width: 1100px) {
    .story__nav {
        padding:0 39px;
    }
}

.story__nav li {
    position: relative;
    text-align: center;
    margin-bottom: 35px;
}

.story__nav li:before {
    width: 22px;
    height: 22px;
    border: 1px solid #a2a39d;
    position: absolute;
    top: 3px;
    left: 5px;
    content: " ";
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.story__nav li:before {
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.story__nav li.active:before,.story__nav li.done:before,.story__nav li:hover:before {
    background: #00a9e1;
    border-color: #00a9e1;
}

.story__nav li.active a,.story__nav li.done a,.story__nav li:hover a {
    color: #ffffff;
}

.story__nav li.done:after {
    background: #00a9e1;
}

.story__nav li:after {
    width: 1px;
    height: 34px;
    position: absolute;
    left: 50%;
    display: block;
    content: ' ';
    top: 28px;
    background: #d7d8cc;
}

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

.story__nav li.media a {
    background: url(/sites/all/themes/gijbels_main/images/play-gray.svg) no-repeat center center;
    text-indent: -9999px;
}

.story__nav li.media.active a,.story__nav li.media.done a {
    background-image: url(/sites/all/themes/gijbels_main/images/play-white.svg);
}

.story__nav a {
    display: block;
    position: relative;
    z-index: 10;
    text-decoration: none;
    color: #a2a39d;
}

.story__share {
    position: relative;
    font-family: "robotobold";
    font-size: 0.8em;
    letter-spacing: 1px;
    position: absolute;
    bottom: 50px;
    width: 80px;
}

.story__share:before {
    width: 55px;
    height: 55px;
    border: 1px solid #f4f4f2;
    position: absolute;
    top: -13px;
    left: 12px;
    content: " ";
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width: 1100px) {
    .story__share {
        margin:0 15px;
    }
}

@media screen and (max-width: 750px) {
    .story__share ul a,.story__share li:first-child,.story__share li:last-child {
        padding-left:0px;
        padding-right: 0px;
        width: 45px;
        text-indent: -9999px;
    }
}

.story__share a {
    color: #a2a39d;
    text-decoration: none;
}

.story__share > a {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 9px;
}

.story__share > a:before {
    width: 40px;
    height: 40px;
    border: 1px solid #e3e4dc;
    position: absolute;
    top: -6px;
    left: 10px;
    content: " ";
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.story__share ul {
    display: none;
    position: fixed;
    left: 80px;
    bottom: 0px;
    z-index: 666;
}

@media screen and (min-width: 1100px) {
    .story__share ul {
        left:100px;
    }
}

.story__share ul li {
    border-color: #a2a39d;
    background: #ffffff;
}

.story__share ul li:last-child {
    border-color: #a2a39d;
}

.story__share ul li:last-child a {
    padding: 6px 18px 8px 40px;
}

.story__share ul a {
    color: #a2a39d;
}

.story__mute,.story__mobilemenu {
    width: 38px;
    height: 38px;
    position: fixed;
    top: 40px;
    z-index: 11;
}

.story__mute a,.story__mobilemenu a {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #464645;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    display: block;
    text-decoration: none;
}

.story__mute a.soundoff,.story__mobilemenu a.soundoff {
    background-image: url(/sites/all/themes/gijbels_main/images/mute_nosound.svg);
}

@media screen and (max-width: 750px) {
    .story__mute,.story__mobilemenu {
        width:30px;
        height: 30px;
        top: 10px;
    }
}

.story__mute {
    right: 35px;
    display: none;
}

.story__mute a {
    background-image: url(/sites/all/themes/gijbels_main/images/mute.svg);
    background-size: 15px 15px;
}

@media screen and (max-width: 750px) {
    .story__mute {
        right:10px;
    }

    .story__mute a {
        background-size: 12px 12px;
    }
}

.story__mute.show {
    display: block;
}

.story__mobilemenu {
    left: 10px;
}

@media screen and (min-width: 750px) {
    .story__mobilemenu {
        display:none;
    }
}

.story__mobilemenu a {
    background-image: url(/sites/all/themes/gijbels_main/images/white-mobile-menu.svg);
    background-size: 15px 15px;
}

@media screen and (max-width: 1100px) {
    .story__content {
        margin-left:80px;
    }
}

@media screen and (max-width: 750px) {
    .story__content {
        margin-left:0;
    }
}

@media screen and (min-width: 1100px) {
    .story__content {
        margin-left:110px;
    }
}

.node-story.view-mode-full img {
    display: block;
}

.node-story.view-mode-full .entity,.node-story.view-mode-full .row-1,.node-story.view-mode-full .field-name-field-cover-afbeelding {
    width: 100%;
    height: 100%;
}

.node-story.view-mode-full .entity {
    overflow: hidden;
}

.node-story.view-mode-full .entity.overlay-volledig:before,.node-story.view-mode-full .entity.overlay-half:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    height: 100%;
}

.node-story.view-mode-full .entity.overlay-volledig:before {
    background: url(/sites/all/themes/gijbels_main/images/overlay-full.png) repeat left top;
}

.node-story.view-mode-full .entity.overlay-half:before {
    background: url(/sites/all/themes/gijbels_main/images/overlay-half.png) repeat-x left top;
}

.node-story.view-mode-full .row-2,.node-story.view-mode-full .row-3 {
    position: relative;
    z-index: 11;
    color: #fff;
    -webkit-transform: translate3d(0,0,0);
}

.node-story.view-mode-full .row-2 {
    opacity: 0;
    -webkit-transition: opacity 1s,top 1s;
    -o-transition: opacity 1s,top 1s;
    transition: opacity 1s,top 1s;
    top: 150px;
}

.node-story.view-mode-full .fp-completely.story__next {
    opacity: 1;
}

.node-story.view-mode-full .fp-completely .row-2 {
    opacity: 1;
    top: 0;
}

.node-story.view-mode-full .field-name-field-logo {
    margin-bottom: 55px;
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .field-name-field-logo {
        margin-bottom:25px;
    }
}

.node-story.view-mode-full .field-name-field-logo img {
    margin: 0 auto;
}

.node-story.view-mode-full .field-name-field-titel {
    font-size: 3.3333333333em;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .field-name-field-titel {
        font-size:27px;
    }
}

.node-story.view-mode-full .field-name-field-tekst {
    font-size: 1.2em;
    line-height: 1.6em;
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .field-name-field-tekst {
        font-size:14px;
    }
}

.node-story.view-mode-full .field-name-field-cta-skip-to-video {
    margin-top: 30px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .field-name-field-cta-skip-to-video {
        margin-top:15px;
    }
}

.node-story.view-mode-full .field-name-field-cta-skip-to-video span {
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .field-name-field-cta-skip-to-video span {
        font-size:11px;
        padding: 1px 11px;
    }
}

.node-story.view-mode-full .field-name-field-cta-scroll {
    cursor: pointer;
    margin-top: 30px;
    text-align: center;
    width: 100%;
    font-size: 0.8666666667em;
    font-family: "robotoregular";
    padding-top: 20px;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .field-name-field-cta-scroll {
        margin-top:15px;
    }
}

.node-story.view-mode-full .field-name-field-cta-scroll span {
    padding: 1px 5px;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.node-story.view-mode-full .field-name-field-cta-scroll:hover span {
    background: #00a9e1;
}

.node-story.view-mode-full .field-name-field-quote {
    font-size: 2.6666666667em;
    line-height: 1.3333333333em;
    letter-spacing: 3px;
    margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .field-name-field-quote {
        font-size:22px;
        line-height: 29px;
        margin-bottom: 10px;
    }
}

.node-story.view-mode-full .story-item-intro .row-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.node-story.view-mode-full .story-item-intro .row-2 {
    max-width: 675px;
    margin: auto;
    text-align: center;
}

@media screen and (max-width: 675px) {
    .node-story.view-mode-full .story-item-intro .row-2 {
        padding:0 20px;
    }
}

@media screen and (max-width: 1100px) {
    .node-story.view-mode-full .story-item-tekst .row-2 {
        padding-top:30px;
        padding-bottom: 30px;
        margin-left: 50px;
        padding-right: calc(100% - 600px);
    }
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .story-item-tekst .row-2 {
        padding:40px 20px 90px;
        margin-left: 0;
    }
}

@media screen and (min-width: 1100px) {
    .node-story.view-mode-full .story-item-tekst .row-2 {
        padding:50px 0;
        margin-left: 100px;
        padding-right: calc(100% - 600px);
    }
}

.node-story.view-mode-full .story-item-tekst .field-name-field-body {
    line-height: 32px;
    font-size: 1.3333333333em;
}

@media screen and (max-width: 750px) {
    .node-story.view-mode-full .story-item-tekst .field-name-field-body {
        line-height:25px;
        font-size: 15px;
    }
}

.node-story.view-mode-full .story-item-tekst .row-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.node-story.view-mode-full .field-name-field-cover-video {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    background: transparent !important;
    overflow: hidden;
}

.node-story.view-mode-full .field-name-field-cover-video span {
    display: none;
}

.node-story.view-mode-full .field-name-field-cover-video div,.node-story.view-mode-full .field-name-field-cover-video iframe {
    width: 100%;
    height: 100%;
}

.node-story.view-mode-full .story-item-video .field-name-field-video {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    background: transparent;
    overflow: hidden;
    background-size: 69px 69px;
    -webkit-filter: drop-shadow(0px 3px 9px #000);
    filter: drop-shadow(0px 3px 9px #000);
}

.node-story.view-mode-full .story-item-video .field-name-field-video span {
    display: none;
}

.node-story.view-mode-full .story-item-video .field-name-field-video div,.node-story.view-mode-full .story-item-video .field-name-field-video iframe {
    width: 100%;
    height: 100%;
}

.node-story.view-mode-full .story-item-video .field-name-field-video .ytplayer-player {
    width: 100% !important;
    height: 100% !important;
    position: static;
}

.node-story.view-mode-full .story-item-video .field-name-field-video:after {
    background: url(/sites/all/themes/gijbels_main/images/video-play.svg?v=2) left top no-repeat;
    width: 69px;
    height: 69px;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-filter: drop-shadow(0px 3px 9px #000);
    filter: drop-shadow(0px 3px 9px #000);
}

.node-story.view-mode-full .story-item-video .field-name-field-video.triggered {
    background: none;
}

.node-story.view-mode-full .story-item-video .field-name-field-video.triggered:after {
    display: none;
}

.node-story.view-mode-full .story-item-video.autoplay-1 .field-name-field-video:after {
    display: none;
}

@media screen and (min-width: 1100px) {
    .node-story.view-mode-full .story-item-tekst .slimScrollDiv .row-2 {
        padding-top:100px;
        padding-bottom: 200px;
    }
}

.ytplayer-player {
    position: absolute;
    top: 0;
    z-index: -1;
}

.field-name-field-storyteasers-titel,.field-name-field-storyteasers-subtitel {
    color: #52b870;
    text-align: center;
}

.story-item-story-teasers {
    margin: 0 auto;
    max-width: 1185px;
}

.story-item-story-teasers .field-name-field-storyteasers-titel {
    font-size: 2.5333333333em;
    line-height: 35px;
    margin-bottom: 15px;
}

.story-item-story-teasers .field-name-field-storyteasers-subtitel {
    font-size: 1.4em;
    margin-bottom: 50px;
}

.node-story.node-teaser {
    position: relative;
    height: 310px;
    overflow: hidden;
    margin-bottom: 40px;
}

.node-story.node-teaser a {
    text-decoration: none;
    display: block;
}

.node-story.node-teaser a:hover .field-name-field-afbeelding {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 0.7;
}

.node-story.node-teaser .field-name-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

.node-story.node-teaser .field-name-title h2 {
    margin-bottom: 0;
}

.node-story.node-teaser .field-name-title:after {
    position: absolute;
    width: 145px;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #9bd0ac;
    display: block;
    content: '';
}

.node-story.node-teaser .field-name-field-stoy-call-to-action {
    font-family: "robotoregular";
    line-height: 23px;
}

.node-story.node-teaser .field-name-field-afbeelding img {
    height: 100%;
    max-width: none;
}

.node-story.node-teaser .row-2 {
    text-align: center;
    background: rgba(83,184,112,0.85);
    color: #fff;
    position: relative;
    max-width: 320px;
    margin: 0 auto;
    padding: 30px 50px 0;
    height: 310px;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.node-story.node-teaser:nth-child(2) .row-2 {
    color: #52b870;
    background: rgba(255,255,255,0.9);
}

.node-story.node-teaser:nth-child(2) .field-name-title:after {
    background: #b9e1c2;
}

.node-story.node-teaser:nth-child(3) .row-2 {
    background: rgba(0,169,225,0.9);
}

.node-story.node-teaser:nth-child(3) .field-name-title:after {
    background: #66cbed;
}

.story__readmore,.story__readless {
    position: absolute;
    z-index: 666;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 30px;
}

.story__readmore a,.story__readless a {
    width: 60px;
    height: 30px;
    background: url(/sites/all/themes/gijbels_main/images/arrow-down-white.svg) no-repeat center top;
    display: block;
    text-indent: -9999px;
}

.story__readless a {
    background-image: url(/sites/all/themes/gijbels_main/images/arrow-up-white.svg);
    background-size: 33px 33px;
}

.slimScrollBar {
    display: none !important;
}

.pageload-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
    left: 0;
    visibility: hidden;
}

.pageload-overlay.show {
    visibility: visible;
}

.pageload-overlay svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.pageload-overlay svg path {
    fill: #fff;
}

.pageload-overlay::after,.pageload-overlay::before {
    visibility: hidden;
    opacity: 0;
}

@-webkit-keyframes moveRight {
    to {
        -webkit-transform: translateX(20px);
    }
}

@keyframes moveRight {
    to {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-webkit-keyframes moveLeft {
    to {
        -webkit-transform: translateX(-20px);
    }
}

@keyframes moveLeft {
    to {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.pageload-loading.pageload-overlay::after,.pageload-loading.pageload-overlay::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.animation::after,.pageload-overlay::after,.preloader::after,.animation::before,.pageload-overlay::before,.preloader::before {
    content: '';
    position: fixed;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    border-radius: 50%;
    z-index: 1000;
    -webkit-transition: opacity 0.15s,visibility 0s 0.15s;
    -o-transition: opacity 0.15s,visibility 0s 0.15s;
    transition: opacity 0.15s,visibility 0s 0.15s;
}

.animation::after,.pageload-overlay::after,.preloader::after {
    background: #6cc88a;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-animation: moveRight 0.6s linear infinite alternate;
    animation: moveRight 0.6s linear infinite alternate;
}

.animation::before,.pageload-overlay::before,.preloader::before {
    background: #4fc3f7;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-animation: moveLeft 0.6s linear infinite alternate;
    animation: moveLeft 0.6s linear infinite alternate;
}

.preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none;
}

.preloader:after,.preloader:before {
    position: absolute;
}

.search-results > li {
    margin-bottom: 25px;
}

.search-results h3 {
    margin-bottom: 5px;
}

.search-api-page-results h2 {
    margin-top: 20px;
}

#habla_window_div {
    margin: 0 !important;
}

#habla_topbar_div,#habla_offline_message_span,#habla_link_div {
    display: none !important;
}

#habla_window_div .habla_offline_submit_input {
    background: #00A9E1 none repeat scroll 0 0 !important;
}

#chat-wrapper > div {
    margin: 0;
    padding: 25px 0 0;
    left: 0px;
    top: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 15px #79796A;
    box-shadow: 0px 0px 15px #79796A;
}

#block-gijbels-page-page-contactperson > .content {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flipper {
    position: absolute;
    bottom: 235px;
}

#block-gijbels-page-page-contactperson .node-contactpersoon,#block-gijbels-page-page-contactperson #chat-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}

#block-gijbels-page-page-contactperson #chat-wrapper {
    left: -217px;
}

#block-gijbels-page-page-contactperson .node-contactpersoon {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}

#block-gijbels-page-page-contactperson #chat-wrapper {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    opacity: 0;
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}

#block-gijbels-page-page-contactperson > .content.flip .node-contactpersoon {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}

#block-gijbels-page-page-contactperson > .content.flip #chat-wrapper {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    opacity: 1;
}

#chat-end-chat {
    font-size: 12px;
    padding-left: 5px;
}

#olark-wrapper .olark-launch-button {
    z-index: 1000 !important;
}

#block-gijbels-page-page-contactperson.maximize .content-minimized {
    right: -220px;
    -webkit-transition: right 0.3s cubic-bezier(0,0,0.58,1) 0s;
    -o-transition: right 0.3s cubic-bezier(0,0,0.58,1) 0s;
    transition: right 0.3s cubic-bezier(0,0,0.58,1) 0s;
}

#olark-wrapper .olark-launch-button {
    padding-left: 50px !important;
    background-repeat: no-repeat !important;
    background-position: 11px 10px !important;
    background-size: 40px 40px !important;
}

#olark-wrapper .olark-launch-button svg {
    display: none !important;
}

.captcha {
    border: none;
    padding: 0;
    margin: 0;
    clear: both;
}

.captcha .fieldset-description {
    line-height: 20px;
}

.callback_voordenken {
    margin: 0 auto;
    height: 400px;
    overflow: hidden;
}

.callback_voordenken .paragraaf-content-tekst {
    padding: 80px;
}

.callback_voordenken .paragraaf-content-tekst #button {
    background: #fff;
    color: #00A9E1;
}

@media screen and (max-width: 1100px) {
    .callback_voordenken {
        height:auto;
    }

    .callback_voordenken .paragraaf-content-tekst {
        padding: 40px;
    }
}

@media screen and (max-width: 860px) {
    .callback_voordenken .group-left {
        display:none;
    }

    .callback_voordenken .group-right {
        width: 100% !important;
    }
}

.view-gijbels-projects-interesting-links {
    margin-bottom: 25px;
}

.view-gijbels-projects-interesting-links ul li a {
    font-size: 16px !important;
    color: #fff;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
}

.view-gijbels-projects-interesting-links ul li a:hover {
    color: #fff;
}

.paragraaf-subitem-tegel-met-icoon {
    max-width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    color: #ffffff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.paragraaf-subitem-tegel-met-icoon img {
    vertical-align: middle;
}

.paragraaf-subitem-tegel-met-icoon a {
    text-decoration: none;
    display: block;
    height: 100%;
}

.paragraaf-subitem-tegel-met-icoon .field-name-title {
    margin-bottom: 20px;
}

.paragraaf-subitem-tegel-met-icoon h3 {
    font-family: "robotobold";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 24px;
    color: #ffffff;
}

.paragraaf-subitem-tegel-met-icoon .row-1 {
    z-index: 1;
}

.paragraaf-subitem-tegel-met-icoon .row-1:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #00A9E1;
    display: block;
    content: '';
    visibility: visible;
    opacity: 0.8;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.paragraaf-subitem-tegel-met-icoon .row-2 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 27px;
    max-width: 100%;
    z-index: 2;
    position: relative;
}

.paragraaf-subitem-tegel-met-icoon .row-2 > .field {
    width: 100%;
}

.paragraaf-subitem-tegel-met-icoon .field-name-field-tegelicoon-achtergrond {
    height: 100%;
    overflow: hidden;
}

.paragraaf-subitem-tegel-met-icoon .field-name-field-tegelicoon-achtergrond img {
    width: 100%;
}

.paragraaf-subitem-tegel-met-icoon .field-name-field-tegelicoon-icoon {
    margin-bottom: 20px;
}

.paragraaf-subitem-tegel-met-icoon .field-name-field-tegelicoon-icoon img {
    margin: 0 auto;
}

.paragraaf-subitem-tegel-met-icoon .field-name-field-tegelicoon-tekst {
    font-size: 14px;
    line-height: 26px;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    color: #ffffff;
    margin-bottom: 20px;
}

.paragraaf-subitem-tegel-met-icoon .field-name-field-tegelicoon-link {
    margin-top: auto;
    font-family: "robotobold";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.67px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #01B1E7 !important;
    background-size: 15px 11px;
    padding: 19px 55px 19px 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.paragraaf-subitem-tegel-met-icoon .field-name-field-tegelicoon-link:hover {
    background-color: #01B1E7;
    color: #ffffff !important;
}

.paragraaf-subitem-tegel-met-icoon:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 100;
}

.paragraaf-subitem-tegel-met-icoon:hover .row-1:after,.paragraaf-subitem-tegel-met-icoon:hover .field-name-field-tegelicoon-tekst {
    opacity: 0;
}

.paragraaf-content-tekst.color.color-gray,.paragraaf-content-tekst.color.color-blue,.paragraaf-content-tekst.color.color-green {
    padding: 39px 32px;
}

.paragraaf-content-tekst.color.color-gray {
    color: #363636;
}

.paragraaf-content-tekst.color.color-blue {
    color: #ffffff;
}

.paragraaf-content-tekst ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.paragraaf-content-tekst li:not(:last-child) {
    margin-bottom: 20px;
}

.paragraaf-subitem-tegel {
    height: 100%;
}

.paragraaf-subitem-tegel a,.paragraaf-subitem-tegel img {
    display: block;
}

.paragraaf-subitem-tegel a {
    height: 100%;
}

.paragraaf-subitem-tegel img {
    width: 100%;
}

.paragraaf-subitem-tegel h3 {
    font-size: 1.3333333333em;
    margin: 0;
    line-height: 21px;
}

.paragraaf-subitem-tegel a {
    text-decoration: none;
}

@media screen and (max-width: 460px) {
    .paragraaf-subitem-tegel .field-name-field-tegel-afbeelding {
        display:none;
    }
}

.paragraaf-subitem-tegel .field-name-title {
    height: 100%;
    text-align: left;
    position: relative;
    background: #00A9E1;
    color: #ffffff;
    -webkit-transition: background cubic-bezier(0.42,0,0.58,1) 0.2s;
    -o-transition: background cubic-bezier(0.42,0,0.58,1) 0.2s;
    transition: background cubic-bezier(0.42,0,0.58,1) 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    min-height: 56px;
    padding: 7px 25% 7px 8%;
}

.paragraaf-content-faq-items-filter h2 {
    color: #00A9E1;
}

@media screen and (min-width: 751px) {
    .field-name-field-icoontegels .field-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%;
    }
}

.field-name-field-icoontegels .field-item {
    margin-bottom: 10px;
}

@media screen and (min-width: 1101px) {
    .field-name-field-icoontegels .field-item {
        width:33.33%;
    }
}

@media screen and (max-width: 1100px) and (min-width:751px) {
    .field-name-field-icoontegels .field-item {
        width:50%;
    }
}

@media screen and (min-width: 461px) {
    .field-name-field-tegels .field-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.field-name-field-tegels .field-item {
    margin-bottom: 22px;
}

@media screen and (min-width: 861px) {
    .field-name-field-tegels .field-item {
        width:31.7708333333%;
        margin-right: 2.2916666667%;
    }

    .field-name-field-tegels .field-item:nth-child(3n+3) {
        margin-right: 0;
    }
}

@media screen and (max-width: 750px) {
    .field-name-field-tegels .field-item {
        margin-bottom:2px;
    }
}

@media screen and (max-width: 860px) and (min-width:461px) {
    .field-name-field-tegels .field-item {
        width:48%;
        margin-right: 4%;
    }

    .field-name-field-tegels .field-item:nth-child(2n+2) {
        margin-right: 0;
    }
}

.field-name-javascriptbacktooverview {
    margin-bottom: 10px;
    font-weight: 500;
    color: #fff;
}

.field-name-javascriptbacktooverview a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8666666667em;
    letter-spacing: 1.5px;
    padding: 6px 12px;
    display: inline-block;
    color: #fff;
    background: #00A9E1;
    border: 1px solid #00A9E1;
}

.field-name-javascriptbacktooverview a:hover {
    color: #fff;
}

.view-faq-items-op-filter .views-row:not(:last-child) {
    margin-bottom: 8px;
}

.logo {
    display: block;
    float: left;
    width: 165px;
    -webkit-transition: width 0.2s;
    -o-transition: width 0.2s;
    transition: width 0.2s;
}

.logo img {
    width: 100%;
    height: auto;
}

@media screen and (min-width: 750px) {
    .nav-fixed .logo {
        width:100px;
    }
}

@media screen and (max-width: 750px) {
    .front .logo {
        position:absolute;
        top: 40px;
        left: 50%;
        margin-left: -85px;
    }
}

.block-menu-block .menu-name-main-menu ul.menu {
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.block-menu-block .menu-name-main-menu ul.menu a {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.block-menu-block .menu-name-main-menu ul.menu a.active-trail,.block-menu-block .menu-name-main-menu ul.menu a:hover {
    background: #00A9E1;
}

@media screen and (min-width: 750px) {
    .block-menu-block .menu-name-main-menu ul.menu {
        font-size:0.9333333333em;
    }

    .block-menu-block .menu-name-main-menu ul.menu a {
        padding: 0 2px 1px 4px;
    }

    .block-menu-block .menu-name-main-menu ul.menu li {
        float: left;
    }

    .block-menu-block .menu-name-main-menu ul.menu li:not(:last-child) {
        margin-right: 19px;
    }
}

.header__top {
    background: #2F2F2F;
}

@media screen and (max-width: 750px) {
    .header__top {
        display:none;
    }
}

.header__top .block-block {
    margin-right: 20px;
    font-size: 1.0666666667em;
    color: #00A9E1;
    font-family: "robotoregular";
}

.header__middle {
    position: relative;
    z-index: 100;
    -webkit-transition: padding 0.2s,background-color 0.2s ease-in-out;
    -o-transition: padding 0.2s,background-color 0.2s ease-in-out;
    transition: padding 0.2s,background-color 0.2s ease-in-out;
}

@media screen and (max-width: 750px) {
    .header__middle {
        display:none;
    }
}

@media screen and (min-width: 750px) {
    .header__middle {
        padding:16px 0 12px;
    }

    .no-content-top .header__middle {
        position: absolute;
        left: 0;
        z-index: 102;
        right: 0;
        top: 27px;
    }

    .nav-fixed .header__middle {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 102;
        right: 0;
        background: #555555;
    }
}

@media screen and (max-width: 750px) {
    .header__bottom .container,.header__bottom .paragraph > .entity.color > div,.header__bottom .parbg-gray > div,.header__bottom .parbg-blue > div {
        padding:0;
    }
}

@media screen and (min-width: 750px) {
    .nav-fixed .header__bottom {
        background:#555555;
        padding-top: 120px;
    }
}

@media screen and (max-width: 1285px) {
    .header__bottom .container,.header__bottom .paragraph > .entity.color > div,.header__bottom .parbg-gray > div,.header__bottom .parbg-blue > div {
        padding:0;
    }
}

.nav-fixed .no-content-top .header__bottom {
    background: none;
    padding: 0;
}

.content-top-set .header__middle {
    background: #555555;
}

@media screen and (max-width: 750px) {
    .not-front .no-content-top .header__bottom {
        margin-bottom:15px;
    }
}

@media screen and (min-width: 750px) {
    .region-header-middle {
        float:right;
        text-align: right;
        width: calc(100% - 220px);
        padding: 28px 0 0 0;
        -webkit-transition: padding 0.2s ease-in-out;
        -o-transition: padding 0.2s ease-in-out;
        transition: padding 0.2s ease-in-out;
    }

    .region-header-middle > div {
        vertical-align: top;
        display: inline-block;
    }

    .nav-fixed .region-header-middle {
        padding: 10px 0 28px;
    }
}

@media screen and (max-width: 1150px) {
    .region-header-middle {
        padding:18px 0 0 0;
    }

    .nav-fixed .region-header-middle {
        padding: 0;
    }
}

.region-header-bottom {
    position: relative;
}

.region-footer-bottom {
    font-size: 0.8666666667em;
}

.content__top {
    background: #00A9E1;
    color: #ffffff;
}

.content__top h1 {
    font-size: 2.6666666667em;
}

@media screen and (min-width: 750px) {
    .content__top {
        padding:20px 0 18px 0;
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 750px) {
    .content__top {
        padding:18px 0 18px 0;
        margin-bottom: 15px;
    }

    .content__top h1 {
        font-size: 38px;
    }
}

.content__top h1 {
    margin-bottom: 7px;
}

.content__top p {
    margin: 0;
}

.content__top .projectcount {
    line-height: 22px;
    display: inline-block;
}

.front .banner__fulls .owl-nav {
    top: auto;
    bottom: 110px;
}

@media screen and (min-width: 750px) {
    .front .banner__fulls .owl-nav {
        display:none;
    }
}

.front .region__container {
    background: #f3f3f3;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 300;
    font-family: "Roboto", Sans-serif;
}
h2{
    color: #00A9E1;
}
.project-teaser__title h2{
    color: #FFF;
}
p{
    font-weight: 300;
    color: #000;
    font-size: 15px;
    line-height: 27px;
    font-family: "Roboto", Sans-serif;
}
.elementor-152359 .elementor-element.elementor-element-7968284 #breadcrumb{
    display: none;
}
.twocol-inner{
    display: flex;
}
p strong,b, strong{
    font-weight: 400;
}
label,.project-full__architect{
    font-weight: 400;
}
label{
    width: fit-content;
    margin-bottom: 0px;
    font-size: 1.1333333333em;
}
.field-name-socialshare ul {
    border: 1px solid rgba(0,169,225,0.2);
    display: flex;
    align-items: center;
}
.project-full__architect{
    display: flex;
    align-items: center;
}
.project-teaser__bottom:after {
    background: #0091c1 url(/wp-content/uploads/2023/08/white_arrow_right.svg) no-repeat scroll center center/21px 16px;
}
.button-arrow {
    background: #ffffff url(/wp-content/uploads/2023/08/arrow-right-blue2.svg) no-repeat right 19px center;
    
}
.paragraaf-content-tekst li {
    background: url(/wp-content/uploads/2023/08/opsomming-blue.svg) no-repeat left 2px;
}
.field-item.even {
    margin-top: 6px;
}
.project-teaser__bottom{
    padding: 12px 25% 12px 8%;
}
.entity.color-blue h2, .entity.color-blue a, .entity.color-green h2, .entity.color-green a {
    font-family: "Roboto", Sans-serif;
}
.entity.color-blue h2, .entity.color-blue a, .entity.color-green h2, .entity.color-green a {
    color: #fff;
    font-weight: 300;
    text-align: center;
}
.view-id-gijbels_soortgelijke_projecten .project-teaser__list .project-teaser__bottom{
    min-height: 90px;
}
 .banner_single_projects .content p{
    width: fit-content !important;
    white-space: nowrap;
}
.paragraaf-content-tekst li{
    padding-left: 50px;
}
.elementor-152359 .elementor-element.elementor-element-7968284 #breadcrumb {
    display: block;
    background: #F3F3F3;
    color: #000;
    display: flex;
    font-weight: 300;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.elementor-152359 .elementor-element.elementor-element-7968284 #breadcrumb a{
    color: #000 !important;
}
#breadcrumb .divider:after{
    border-left: 5px solid #00A9E1;
    top: 6px;
    left: 8px;
}
.field-item.even{
    margin-top: 0px;
}
.field-name-eventnext a {
    display: block;
    padding: 10px 12px 10px;
}
.field-name-eventnewsbackoverview a {
    padding: 10px 12px;
    display: block;
    color: #fff;
}
.wt-rows.entity.entity-paragraaf-content.paragraaf-content-call-to-action.view-mode-default.clearfix {
    margin-top: 0px;
}
.elementor-152359 .elementor-element.elementor-element-7968284 p{
    line-height: 27px !important;
}
@media screen and (max-width: 1024px){
    .banner_single_projects{
        margin-top: 0px;
    }
    .paragraphs-item-1-kolom{
        padding: 0px !important;
    }
    h1{
            font-size: 40px !important;
    }
    .banner_single_projects img{
        height: 380px !important;
        object-fit: cover;
    }
    .elementor-152359 .elementor-element.elementor-element-7968284 .twocol-inner{
        flex-wrap:wrap;
    }
    .group-left{
        width: 100% !important;
        margin-right: 0px !important;
    }
    .group-right{
        width: 100% !important;
        margin-left: 0px !important;
    }
    ul.project-teaser__list {
        margin-bottom: 80px;
    }
    .paragraaf-content-tekst li{
        padding-left: 60px;
    }
    .paragraphs-item-1-kolom{
        padding: 4px;
    }
    .paragraph > .entity.color, .parbg-gray, .parbg-blue, .project-full__about, .page-node.node-type-dienst .paragraaf-content-testimonials, .dienst-full__content, .node-vacature.view-mode-full > .row-2{
        padding: 30px;
    }
    .container, .paragraph > .entity.color > div, .parbg-gray > div, .parbg-blue > div, .content__top .container{
        padding: 10px;
    }
    .banner_single_projects .in .content {
        padding: 10px;
    }
    .banner_single_projects .in .content p{
        margin-left: 0px !important;
    }
}
.rtecenter {
    text-align: center;
}
.paragraaf-content-tekst.color.color-blue p, .paragraaf-content-tekst.color.color-blue span, .paragraaf-content-tekst.color.color-blue div{
    color: #FFF !important;
}
.button-arrow{
    font-family: "Roboto", Sans-serif !important;
    font-weight: 300 !important;
}
.button, .mobile-readmore a, .field-name-eventnewsbackoverview2 a, .field-name-field-3col-knop a, .paragraphs-full-width .paragraaf-content-tekst #button, .discover-all-link, .pager-load-more a, .projectteasers__cta a, .dienst-teaserklein__list .dienst-button, .dienst-teasergroot__list .dienst-button, .node-vacature.view-mode-full .field-name-dummyreadmore span, .node-vacature.view-mode-full .field-name-dummyreadmore2 span, .field-name-field-jobsnippet-knop a, .page-node-2465 a.open-chat, .page-node-2602 a.open-chat, .page-node-2453 a.open-chat, .page-node-2724 a.open-chat, .callback_voordenken .paragraaf-content-tekst #button, .button-color-2, .button-color-3, .node-evenement.view-mode-full .field-name-eventnewsbackoverview2 a, .testimonial-teaser__readmore a, .node-werknemer-testimonial.node-teaser .field-name-field-wntestimonial-linkedin a, .cta-button, .form-submit, .news-teaser__readmore, .event-teaser__readmore, .view-gijbels-projecten.view-display-id-content_callback_1 .views-submit-button .form-submit, body .page__bekijkvideo a, .node-jobsnippet.view-mode-full .field-name-solliciteer-nu span, .cta-button-color-2, .field-name-eventregistrationenrollnow a, .cta-button-secondary, .cta-button-secondary-color-2{
    font-family: "Roboto", Sans-serif !important;
    font-weight: 400 !important;
}
.entity.color-blue, .entity.color-green p{
    color: #FFFFFF !important;
}
.video__video.frame-show {
    z-index: 999;
    position: fixed;
    top: 20px;
    text-align: center;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
}
.video__video.frame-show::after{
    content: "";
    display: block;
    position: fixed;
    z-index: 9;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100vh;
}
.video__video.frame-show iframe{
    z-index: 99;
}
.close-video{
    background: url(/wp-content/uploads/2023/09/cross.svg) 50% 100% no-repeat !important;
    background-size: 30px auto !important;
    cursor: pointer;
    z-index: 99;
}
.paragraaf-content-video .video__overlay{
    background: #363636 url(/wp-content/uploads/2023/09/icon-play.svg) no-repeat scroll center 65% !important;
        padding-top: 15%;
}
.paragraaf-content-call-to-action a {
    display: block;
    height: 100%;
    background: #eadc00;
    text-decoration: none;
}
.overlaycolor-blue .field-name-field-overlay-color, .overlaycolor-green .field-name-field-overlay-color{
     background-color: transparent !important; 
}
.field.field-name-field-overlay-color::after{
        content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}
.paragraaf-content-afbeelding:hover .field-name-field-overlay-color::after{
    opacity: 1 !important;
}
.elementor p a{
    text-decoration: underline;
}
.white-button, .read-more.read__more__dummy .dummyreadmore, .paragraaf-content-cta-banner.view-mode-default .field-name-field-ctab-knop, .node-story.view-mode-full .field-name-field-cta-skip-to-video span{
    font-family: 'roboto' !important;
}
.elementor .button-arrow{
    text-decoration: none !important;
}
.elementor-152359 .elementor-element.elementor-element-7968284 p span{
    font-family: 'roboto' !important;
}/* End custom CSS */