.custom-style-form-success-message {
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    border-color: #489843;
    color: #489843;
    background-color: rgba(72, 152, 67, .2);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    background-repeat: no-repeat
}

.custom-style-form-error-message {
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    border-color: #d44422;
    color: #d44422;
    background-color: rgba(212, 68, 34, .2);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    background-repeat: no-repeat
}

.custom-style-body, body {
    font-family: "Exo 2";
    color: #666;
    font-size: 16px;
    line-height: 1.5;
    background-repeat: no-repeat
}

.custom-style-h1 {
    font-size: 35px;
    line-height: 42px;
    font-family: "Exo 2";
    color: #00263c;
    font-weight: 600;
    background-repeat: no-repeat
}

@media only screen and (max-width: 500px) {
    .custom-style-h1 {
        font-size: 28px;
        line-height: 35px
    }
}

.custom-style-h2 {
    font-size: 30px;
    line-height: 42px;
    font-style: normal;
    color: #004772;
    font-weight: 600;
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .custom-style-h2 {
        font-size: 20px;
        line-height: 25px
    }
}

.custom-style-h3 {
    font-size: 19px;
    line-height: 22px;
    font-family: "Exo 2";
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background-repeat: no-repeat
}

.custom-style-text {
    color: #00263c;
    font-family: "Exo 2";
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    background-repeat: no-repeat
}

.custom-style-link, a {
    color: #f39e05;
    font-weight: 700;
    background-repeat: no-repeat
}

.custom-style-link:hover, .custom-style-link-hover, a:hover {
    text-decoration: none
}

.custom-style-button {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #004c78;
    background-color: #004c78;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 75px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    line-height: 21px;
    background-size: 25% 25%;
    background-repeat: no-repeat
}

.custom-style-button:hover, .custom-style-button-hover {
    border-color: #004772;
    background-color: #fff;
    color: #004772
}

.custom-style-button::after {
    width: 30px;
    position: absolute;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/DeTollenaere__Beeldmerk.svg);
    background-position: 100% 50%;
    margin-left: 25px;
    margin-top: -5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease
}

.custom-style-button:hover::after {
    -webkit-transform: rotate(550deg);
    transform: rotate(550deg);
    transition: 0.5s ease
}

@media only screen and (max-width: 425px) {
    .custom-style-button {
        padding-left: 7px;
        padding-right: 50px
    }

    .custom-style-button::after {
        width: 30px;
        position: absolute;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/DeTollenaere__Beeldmerk.svg);
        background-position: 100% 50%;
        margin-left: 12px;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.5s ease
    }
}

.custom-style-form-text-field {
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    background-color: #fff;
    color: #666;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    background-repeat: no-repeat
}

.custom-style-form-text-field:focus, .custom-style-form-text-field-focus {
    border-color: #004772;
    color: #004772
}

.custom-style-form-text-field {
    box-shadow: none !important
}

.custom-style-form-list-field {
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    background-color: #fff;
    color: #666;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 30px;
    background-repeat: no-repeat
}

.custom-style-form-list-field:focus, .custom-style-form-list-field-focus {
    border-color: #004772;
    color: #004772
}

.custom-style-form-list-field {
    box-shadow: none !important
}

.custom-style-form-button {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #004c78;
    background-color: #004c78;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 75px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    line-height: 21px;
    background-size: 25% 25%;
    background-repeat: no-repeat
}

.custom-style-form-button:hover, .custom-style-form-button-hover {
    border-color: #004772;
    background-color: #fff;
    color: #004772
}

.custom-style-form-button::after {
    width: 30px;
    position: absolute;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/DeTollenaere__Beeldmerk.svg);
    background-position: 100% 50%;
    margin-left: 25px;
    margin-top: -5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease
}

.custom-style-form-button:hover::after {
    -webkit-transform: rotate(550deg);
    transform: rotate(550deg);
    transition: 0.5s ease
}

@media only screen and (max-width: 425px) {
    .custom-style-form-button {
        padding-left: 7px;
        padding-right: 50px
    }

    .custom-style-form-button::after {
        width: 30px;
        position: absolute;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/DeTollenaere__Beeldmerk.svg);
        background-position: 100% 50%;
        margin-left: 12px;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.5s ease
    }
}

.custom-style-navigation:hover, .custom-style-navigation-hover {
    color: #f39e05
}

.topnav .custom-style-navigation > .Nav-item:last-child a {
    color: #F39E05
}

.custom-style-navigation {
    width: calc(100% + 12px);
    box-shadow: 768px 0 0 0 #FFF
}

.custom-style-navigation-item:hover, .custom-style-navigation-item-hover {
    width: 100%;
    background-size: cover;
    background-image: url(../images/nav.svg);
    text-align: center;
    background-position: 50% 50%
}

.custom-style-navigation-item {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-family: "Exo 2";
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/Detollenaere_home2_normal.svg?1594286743);
    background-size: cover;
    font-weight: 600;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-responsive-navigation-toggle-button {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background-repeat: no-repeat
}

.custom-style-responsive-navigation-toggle-button:hover, .custom-style-responsive-navigation-toggle-button-hover {
    color: #fff
}

.custom-style-responsive-navigation-toggle-button:active, .custom-style-responsive-navigation-toggle-button-active {
    color: #fff
}

.custom-style-responsive-navigation-toggle-button:focus, .custom-style-responsive-navigation-toggle-button-focus {
    color: #fff
}

.custom-style-slider-previous-arrow {
    border-radius: 100%;
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/DeTollenaere__links.svg?1593766820);
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    background-color: #004c78;
    background-repeat: no-repeat;
    background-position: 0% 50%
}

.custom-style-slider-previous-arrow:hover, .custom-style-slider-previous-arrow-hover {
    background-color: #004772
}

.custom-style-slider-previous-arrow {
    top: calc(50% - 50px)
}

.custom-style-slider-next-arrow {
    border-radius: 100px;
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/DeTollenaere__rechts.svg?1593766820);
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    background-color: #004c78;
    background-repeat: no-repeat;
    background-position: 0% 50%
}

.custom-style-slider-next-arrow:hover, .custom-style-slider-next-arrow-hover {
    background-color: #eef1f3
}

.custom-style-slider-next-arrow {
    top: calc(50% - 50px)
}

.custom-style-slider-next-arrow {
    top: calc(50%)
}

.custom-style-cookie-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #000;
    color: #fff;
    padding-top: 30px;
    background-repeat: no-repeat
}

.custom-style-cookie-bar-text {
    font-size: 13px;
    line-height: 22px;
    background-repeat: no-repeat
}

@media screen and (min-width: 768px) {
    .custom-style-cookie-bar-text {
        padding-right: 50px
    }
}

.custom-style-cookie-bar-button {
    border-radius: 5px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    background-color: #fff;
    margin-right: 50px;
    background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
    .custom-style-cookie-bar-button {
        text-align: center !important;
        display: block;
        width: 100%;
        margin: 30px 0 0
    }
}

.custom-style-1 {
    text-align: center;
    background-repeat: no-repeat
}

.custom-style-2 {
    text-align: left;
    background-repeat: no-repeat
}

.custom-style-3 {
    text-align: right;
    background-repeat: no-repeat
}

.custom-style-4 {
    float: left
}

.custom-style-5 {
    float: right
}

.custom-style-6 {
    clear: both
}

.custom-style-7 {
    margin: 0 auto
}

.custom-style-8 {
    font-weight: 700
}

.custom-style-9 {
    font-size: 18px;
    background-repeat: no-repeat
}

.custom-style-10 {
    font-size: 16px;
    background-repeat: no-repeat
}

.custom-style-11 {
    color: #fff;
    background-repeat: no-repeat
}

.custom-style-12 {
    color: #000;
    background-repeat: no-repeat
}

.custom-style-13 {
    color: #d44422;
    background-repeat: no-repeat
}

.custom-style-14 {
    color: #359fe3;
    background-repeat: no-repeat
}

.custom-style-15 {
    color: #489843;
    background-repeat: no-repeat
}

.custom-style-16, .custom-style-16 a, .custom-style-16 a span {
    color: #FFF
}

.custom-style-17 {
    background-color: #000;
    background-repeat:
}

.custom-style-18 {
    background-color: #fff;
    background-repeat: no-repeat
}

.custom-style-19 {
    background-color: #c5c5c5;
    background-repeat: no-repeat
}

.custom-style-20 {
    background-color: #d44422;
    background-repeat: no-repeat
}

.custom-style-21 {
    background-color: #359fe3;
    background-repeat:
}

.custom-style-22 {
    background-color: #489843;
    background-repeat: no-repeat
}

.custom-style-23 {
    pointer-events: none
}

.custom-style-24 {
    cursor: pointer
}

.custom-style-25 {
    cursor: default
}

.custom-style-26 {
    display: block
}

.custom-style-27 {
    display: inline
}

.custom-style-28 {
    display: inline-block
}

.custom-style-29 > .Row {
    margin-bottom: 4px
}

.custom-style-30 > .Row {
    margin-bottom: 0
}

.custom-style-31 {
    overflow: hidden
}

.custom-style-32::before, .custom-style-32::after {
    content: '"'
}

.custom-style-33 {
    text-shadow: 1px 1px 3px rgba(55, 55, 55, .6)
}

.custom-style-34 {
    text-shadow: 1px 1px 5px #555
}

.custom-style-35 {
    text-shadow: 0 0 12px #555
}

.custom-style-36 {
    text-shadow: 1px 1px 2px #000, 0 0 5px #000
}

.custom-style-37 {
    margin-top: 15px;
    margin-bottom: 15px;
    background-repeat: no-repeat
}

.custom-style-38 {
    margin:;
    margin-top: 30px;
    margin-bottom: 30px;
    background-repeat: no-repeat
}

.custom-style-39 {
    margin-top: 45px;
    margin-bottom: 45px;
    background-repeat: no-repeat
}

.custom-style-40 {
    margin-top: 60px;
    margin-bottom: 60px;
    background-repeat: no-repeat
}

.custom-style-41 {
    margin-top: 75px;
    margin-bottom: 75px;
    background-repeat: no-repeat
}

.custom-style-42 {
    margin-top: 90px;
    margin-bottom: 90px;
    background-repeat: no-repeat
}

.custom-style-43 {
    mix-blend-mode: multiply
}

.custom-style-44 {
    mix-blend-mode: overlay
}

.custom-style-45 {
    mix-blend-mode: hard-light
}

.custom-style-46 {
    z-index: 0
}

.custom-style-47 {
    z-index: 1
}

.custom-style-48 {
    z-index: 2
}

.custom-style-49 {
    z-index: 5
}

.custom-style-50 {
    z-index: 105
}

.custom-style-51 {
    position: relative
}

.custom-style-52 {
    position: fixed
}

.custom-style-53, .custom-style-53 textarea {
    resize: none
}

.custom-style-54 {
    background-repeat: repeat
}

.custom-style-55 {
    width: 100%
}

.custom-style-56 {
    display: none
}

.custom-style-59 {
    color: #c5c5c5;
    background-repeat: no-repeat
}

.custom-style-60 {
    color: #919191;
    background-repeat: no-repeat
}

.custom-style-61 .shuttle-Element--button {
    text-align: center
}

.custom-style-62 > .Row {
    width: calc((100% - 40px) / 3);
    margin-bottom: 20px
}

@media (max-width: 1023px) {
    .custom-style-62 > .Row {
        width: calc((100% - 36px) / 2) !important
    }
}

@media (max-width: 767px) {
    .custom-style-62 > .Row {
        width: 100% !important
    }
}

.custom-style-64 {
    overflow: hidden;
    padding: 12px 0;
    background: #F1F1F1;
    transition: all 120ms ease-in-out 0s
}

.custom-style-64 {
    opacity: 0
}

.expanded {
    max-height: 20000px;
    transition: all 120ms ease-in-out 0s
}

.shut {
    max-height: 44px;
    transition: all 120ms ease-in-out 0s
}

.custom-style-65 {
    background: #D7D7D7;
    padding: 0 12px 12px;
    cursor: pointer
}

.custom-style-66 {
    padding: 12px 16px
}

.custom-style-67 {
    font-size: 96px;
    background-repeat: no-repeat
}

.custom-style-68 {
    font-size: 34px;
    background-repeat: no-repeat
}

.custom-style-69 {
    padding-top: 15px;
    padding-bottom: 15px;
    background-repeat: no-repeat
}

.custom-style-70 {
    font-size: 11px;
    background-repeat: no-repeat
}

.custom-style-71 {
    font-size: 12px;
    background-repeat: no-repeat
}

.custom-style-72 {
    font-size: 13px;
    background-repeat: no-repeat
}

.custom-style-73 {
    font-size: 14px;
    background-repeat: no-repeat
}

.custom-style-74 {
    font-size: 15px;
    background-repeat: no-repeat
}

@media screen and (min-width: 768px) {
    .custom-style-75 {
        position: relative;
        left: 120px;
        height: 30px;
        transition: all 225ms ease-in-out 0s
    }

    .custom-style-75:hover {
        left: 0;
        transition: all 225ms ease-in-out 0s
    }
}

@media screen and (min-width: 900px) and (max-width: 1080px) {
    .custom-style-75, .custom-style-75:hover {
        left: -20%;
        width: 160px
    }
}

@media screen and (min-width: 768px) and (max-width: 899px) {
    .custom-style-75, .custom-style-75:hover {
        left: -50%;
        width: 160px
    }
}

.custom-style-76 {
    padding-left: 7px;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #fff;
    background-repeat: no-repeat
}

@media screen and (max-width: 768px) {
    .custom-style-76 {
        border-left: 0 solid #000;
        padding-left: 0
    }
}

.custom-style-77 {
    text-decoration: underline;
    background-repeat: no-repeat
}

@-webkit-keyframes vidshift {
    0% {
        -webkit-transform: translate(-100px) scale(1.2);
        transform: translate(-100px) scale(1.2)
    }
    50% {
        -webkit-transform: translate(100px) scale(1.2);
        transform: translate(100px) scale(1.2)
    }
    100% {
        -webkit-transform: translate(-100px) scale(1.2);
        transform: translate(-100px) scale(1.2)
    }
}

@keyframes vidshift {
    0% {
        -webkit-transform: translate(-100px) scale(1.2);
        transform: translate(-100px) scale(1.2)
    }
    50% {
        -webkit-transform: translate(100px) scale(1.2);
        transform: translate(100px) scale(1.2)
    }
    100% {
        -webkit-transform: translate(-100px) scale(1.2);
        transform: translate(-100px) scale(1.2)
    }
}

.custom-style-78 {
    -webkit-animation: vidshift 10000ms ease-in-out 0s infinite;
    animation: vidshift 10000ms ease-in-out 0s infinite
}

.custom-style-79 {
    font-style: italic;
    background-repeat: no-repeat
}

.custom-style-80 {
    background-color: #268cce;
    background-repeat: no-repeat
}

.custom-style-81 {
    color: #268cce;
    background-repeat: no-repeat
}

.custom-style-82 {
    white-space: nowrap
}

.custom-style-84 {
    text-transform: uppercase;
    background-repeat: no-repeat
}

.custom-style-85 {
    text-transform: lowercase;
    background-repeat: no-repeat
}

.custom-style-86 .Form-item--action.u-hidden {
    display: block !important
}

.custom-style-87 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.custom-style-88 .shuttle-Element--button, .custom-style-88 .custom-style-form-button {
    text-align: center
}

.custom-style-88 .custom-style-form-button {
    display: block;
    margin: 0 auto
}

.custom-style-89 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.custom-style-90 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.custom-style-91 {
    background: linear-gradient(to right, #F00, #FF0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.custom-style-92 {
    display: none
}

.iphone .custom-style-92, .ipad .custom-style-92, .ipod .custom-style-92, .ios .custom-style-92 {
    display: block !important
}

.custom-style-93 {
    display: block
}

.iphone .custom-style-93, .ipad .custom-style-93, .ipod .custom-style-93, .ios .custom-style-93 {
    display: none !important
}

.custom-style-94 {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    pointer-events: none
}

@media screen and (max-width: 600px) {
    .custom-style-95 .Grid > div:not(:first-child) {
        padding-top: 0 !important
    }
}

.custom-style-96 > .Container > .Row > [class^="Grid"] [class*="u-size"] {
    width: auto !important
}

.custom-style-96 > .Row > .wrap-Grid > [class^="Grid"] [class*="u-size"] {
    width: auto !important
}

.custom-style-96 > .Row > [class^="Grid"] [class*="u-size"] {
    width: auto !important
}

.custom-style-96 > .wrap-Grid > [class^="Grid"] > .Grid-cell {
    width: auto !important
}

.custom-style-96 > div > .Row > div > .Grid > .Grid-cell {
    width: auto !important
}

.custom-style-97 .Form-label {
    border: 1px solid #000;
    position: relative;
    padding: 4px 6px;
    font-size: 12px;
    transition: all 125ms ease-in-out 0s
}

.custom-style-97 .Form-controls {
    position: absolute;
    top: 0;
    padding: 0;
    width: 100%;
    height: 95%
}

.custom-style-97 .Form-controls input {
    width: inherit;
    height: inherit;
    opacity: 0;
    cursor: pointer
}

.custom-style-97 .Form-item:hover .Form-label {
    background: #ED2D26;
    color: #FFF !important;
    border: 1px solid #ED2D26;
    transition: all 125ms ease-in-out 0s
}

.custom-style-97 [class*="u-size"] {
    cursor: pointer
}

@media screen and (min-width: 1024px) and (max-width: 1056px) {
    .custom-style-98 {
        padding: 0 20px;
        background-clip: padding-box
    }
}

.custom-style-99 {
    background-color: #919191;
    background-repeat: no-repeat
}

.custom-style-100 .Form-label {
    border: 1px solid #000;
    position: relative;
    padding: 4px 6px;
    font-size: 12px;
    transition: all 125ms ease-in-out 0s
}

.custom-style-100 .Form-controls {
    position: absolute;
    top: 0;
    padding: 0;
    width: 100%;
    height: 95%
}

.custom-style-100 .Form-controls input {
    width: inherit;
    height: inherit;
    opacity: 0;
    cursor: pointer
}

.custom-style-100 .Form-item:hover .Form-label {
    background: #ED2D26;
    color: #FFF !important;
    border: 1px solid #ED2D26;
    transition: all 125ms ease-in-out 0s
}

.custom-style-100 [class*="u-size"] {
    cursor: pointer
}

.custom-style-101 {
    display: block
}

@media screen and (max-width: 330px) {
    .custom-style-101 {
        display: none
    }
}

.custom-style-102 {
    display: none
}

@media screen and (max-width: 330px) {
    .custom-style-102 {
        display: block
    }
}

.custom-style-103 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -20px;
    margin-left: -20px
}

.custom-style-103 > .Grid-widgetInnerCell {
    padding-top: 20px;
    padding-left: 20px;
    width: calc(100% / 3)
}

.custom-style-103 .Masonry-box {
    position: relative;
    overflow: hidden
}

.custom-style-103 .Masonry-label:not([data-label=""]) {
    position: absolute;
    padding: 8px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase
}

.custom-style-103 .Masonry-label[data-label="new"] {
    bottom: 0;
    left: 0;
    width: 45px;
    height: 45px
}

.custom-style-103 .Masonry-label[data-label="in progress"] {
    top: 0;
    right: 0;
    width: 70px;
    height: 50px
}

.custom-style-103 .Masonry-label:not([data-label=""])::before {
    content: '';
    position: absolute;
    z-index: 2
}

.custom-style-103 .Masonry-label[data-label="new"]::before {
    bottom: -120px;
    left: -120px;
    width: 170px;
    height: 185px;
    background-color: #e52e3d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.custom-style-103 .Masonry-label[data-label="in progress"]::before {
    top: -210px;
    right: -120px;
    width: 270px;
    height: 258px;
    background-color: #3c3c3b;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg)
}

.custom-style-103 .Masonry-innerLabel {
    display: block;
    position: relative;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.custom-style-103 .Masonry-media {
    position: relative;
    text-align: center;
    background-color: #000
}

@media (max-width: 767px) {
    .custom-style-103 > .Grid-widgetInnerCell {
        width: 50%
    }
}

@media (max-width: 499px) {
    .custom-style-103 {
        height: auto !important
    }

    .custom-style-103 > .Grid-widgetInnerCell {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .custom-style-104 > .Container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.custom-style-106 {
    font-weight: 400;
    background-repeat: no-repeat
}

.custom-style-107 {
    font-weight: 300;
    background-repeat: no-repeat
}

.custom-style-108 br {
    display: none
}

.custom-style-109 strong {
    font-weight: normal !important
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .custom-style-110 > .Container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.custom-style-111 {
    font-size: 25px;
    line-height: 30px;
    font-style: normal;
    color: #f39e05;
    font-weight: 600;
    font-family: "Exo 2";
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .custom-style-111 {
        font-size: 20px;
        line-height: 25px
    }
}

.custom-style-111::before {
    content: '';
    width: 70px;
    margin-top: 60px;
    position: absolute;
    border-bottom: 2px solid #f39e05
}

@media only screen and (max-width: 767px) {
    .custom-style-111 {
        font-size: 20px;
        line-height: 25px
    }

    .custom-style-111::before {
        content: '';
        width: 50px;
        margin-top: 37px;
        position: absolute;
        border-bottom: 2px solid #f39e05
    }
}

.custom-style-112 {
    background-color: #00263c;
    background-repeat: no-repeat
}

.custom-style-113 {
    background-color: #004c78;
    background-repeat: no-repeat
}

.custom-style-114 {
    font-family: "Exo 2";
    color: #fff;
    font-size: 19px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 500;
    background-repeat: no-repeat
}

@media only screen and (max-width: 1024px) {
    .custom-style-114 {
        font-size: 17px
    }
}

.custom-style-115 {
    padding: 25px;
    min-height: 320px;
    background-repeat: no-repeat
}

.custom-style-116 {
    min-height: 45px;
    background-repeat: no-repeat
}

.custom-style-117 {
    background-color: #00263c;
    background-repeat: no-repeat
}

.custom-style-118 {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 12px;
    padding-top: 5px;
    padding-bottom: 7px;
    width: 100%;
    text-align: center;
    background-repeat: no-repeat
}

.custom-style-118:active, .custom-style-118-active {
    background-image: url(../images/nav.svg);
    background-size: cover
}

.custom-style-119 {
    background-color: #eef1f3;
    background-repeat: no-repeat
}

.custom-style-120 {
    color: #f39e05;
    background-repeat: no-repeat
}

.custom-style-121 {
    background-image: url(../images/pilootbril_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-122 {
    background-image: url(../images/Sumo_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-123 {
    padding-bottom: calc((100vh - 530px) / 4);
    padding-top: calc((100vh - 530px) / 4)
}

.custom-style-124 {
    min-height: calc(100vh);
    padding-bottom: calc((100vh - 530px) / 4);
    padding-top: calc((100vh - 530px) / 4)
}

.custom-style-125 {
    background-image: url(../images/Sumo_nieuw.jpg);
    background-repeat: no-repeat
}

.custom-style-125 {
    min-height: calc(100vh);
    padding-bottom: calc((100vh - 530px) / 3);
    padding-top: calc((100vh - 530px) / 3)
}

.custom-style-125 {
    mix-blend-mode: multiply
}

.custom-style-126 {
    padding-bottom: calc((100vh - 530px) / 4);
    padding-top: calc((100vh - 530px) / 4)
}

.custom-style-127 {
    background-image: url(../images/pilootbril_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.custom-style-128 {
    background-image: url(../images/pilootbril.png);
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.custom-style-128 {
    min-height: calc(100vh);
    padding-bottom: calc((100vh - 530px) / 3);
    padding-top: calc((100vh - 530px) / 3)
}

.custom-style-129 {
    max-width: 435px;
    background-repeat: no-repeat
}

.custom-style-130 {
    padding: 30px;
    min-height: 280px;
    background-repeat: no-repeat
}

@media only screen and (max-width: 900px) {
    .custom-style-130 {
        padding-left: 10px;
        padding-right: 10px
    }
}

.custom-style-131 {
    min-height: 60px;
    background-repeat: no-repeat
}

.custom-style-132 {
    min-height: 100px;
    background-repeat: no-repeat
}

.custom-style-133 {
    background-image: url(../images/jobs_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-133 {
    min-height: calc(100vh - 250px)
}

.custom-style-134 {
    font-family: "Exo 2";
    text-transform: uppercase;
    font-size: 19px;
    line-height: 22px;
    color: #004c78;
    font-weight: 600;
    background-repeat: no-repeat
}

.custom-style-135 {
    font-family: "Exo 2";
    text-transform: uppercase;
    font-size: 19px;
    line-height: 22px;
    color: #f39e05;
    font-weight: 600;
    background-repeat: no-repeat
}

.custom-style-136 {
    line-height: 28px;
    background-repeat: no-repeat
}

.custom-style-137 {
    max-width: 560px;
    background-repeat: no-repeat
}

.custom-style-138 {
    font-size: 15px;
    font-family: "Exo 2";
    font-weight: 500;
    color: #fff;
    line-height: 15px;
    background-repeat: no-repeat
}

.custom-style-138:hover, .custom-style-138-hover {
    color: #f39e05
}

.custom-style-139 {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-repeat: no-repeat
}

.custom-style-139:hover .hoverOrange {
    color: #f39e05
}

.custom-style-140 {
    font-family: "Exo 2";
    font-size: 21px;
    color: #004c78;
    line-height: 27px;
    font-weight: 600;
    background-repeat: no-repeat
}

.custom-style-141 {
    min-height: 85px;
    background-repeat: no-repeat
}

.custom-style-142 {
    color: #f39e05;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0% 50%
}

.custom-style-142:hover, .custom-style-142-hover {
    text-decoration: underline
}

.custom-style-142:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    margin-left: -10px;
    border-radius: 100%;
    margin-top: 5px;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    transition: 0.2s ease;
    background-image: url(https://shuttle-storage.s3.amazonaws.com/tollenaere/icons%20detollenaere/pijltje_links.svg?1594286743);
    background-repeat: no-repeat
}

.custom-style-142:hover::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 100%;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: 0.3s ease
}

.custom-style-143 {
    box-shadow: 0 3px 6px #00000029
}

.custom-style-144 {
    color: #004c78;
    font-family: "Exo 2";
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    background-repeat: no-repeat
}

.custom-style-145 {
    min-height: 107px;
    background-repeat: no-repeat
}

.custom-style-146 {
    height: 876px;
    background-repeat: no-repeat
}

.custom-style-147 {
    max-width: 510px;
    background-repeat: no-repeat
}

.custom-style-148 {
    background-color: #fff;
    padding-top: 35px;
    padding-left: 25px;
    padding-bottom: 35px;
    padding-right: 35px;
    background-repeat: no-repeat
}

.custom-style-149 {
    font-size: 25px;
    line-height: 42px;
    font-style: normal;
    color: #004772;
    font-weight: 600;
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .custom-style-149 {
        font-size: 20px;
        line-height: 25px
    }
}

.custom-style-150 {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/beelden%20detollenaere/bg.png?1594216977);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.custom-style-151 {
    color: #004c78;
    background-repeat: no-repeat
}

.custom-style-152 {
    color: #f39e05;
    font-family: "Exo 2";
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    background-repeat: no-repeat
}

.custom-style-153 {
    font-family: "Exo 2";
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    color: #f39e05;
    text-transform: uppercase;
    background-repeat: no-repeat
}

.custom-style-154 {
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 35px;
    padding-right: 25px;
    min-height: 320px;
    background-repeat: no-repeat
}

@media only screen and (max-width: 1024px) {
    .custom-style-154 {
        padding-left: 10px;
        padding-right: 10px
    }
}

.custom-style-155 {
    max-width: 1024px;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat
}

.custom-style-156 {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #004c78;
    background-color: #004c78;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 75px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    line-height: 21px;
    background-size: 20px 20px;
    position: fixed;
    width: 250px;
    left: 80%;
    background-repeat: no-repeat
}

.custom-style-156:hover, .custom-style-156-hover {
    border-color: #004772;
    background-color: #fff;
    color: #004772
}

.custom-style-156::after {
    width: 30px;
    position: absolute;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/DeTollenaere__Beeldmerk.svg);
    background-position: 100% 50%;
    margin-left: 25px;
    margin-top: -5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease
}

.custom-style-156:hover::after {
    -webkit-transform: rotate(550deg);
    transform: rotate(550deg);
    transition: 0.5s ease
}

@media only screen and (max-width: 425px) {
    .custom-style-156 {
        padding-left: 7px;
        padding-right: 50px
    }

    .custom-style-156::after {
        width: 30px;
        position: absolute;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/DeTollenaere__Beeldmerk.svg);
        background-position: 100% 50%;
        margin-left: 12px;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.5s ease
    }
}

.custom-style-156 {
    left: calc((100vw / 2) + 525px)
}

@media only screen and (max-width: 1500px) and (min-width: 1412px) {
    .custom-style-156 {
        padding-left: 5px;
        width: 180px;
        padding-right: 40px
    }

    .custom-style-156:after {
        margin-left: 10px
    }
}

@media only screen and (max-width: 1412px) and (min-width: 1294px) {
    .custom-style-156 {
        padding-left: 5px;
        width: 130px;
        padding-right: 5px;
        background-image: none
    }

    .custom-style-156:after {
        background-image: none
    }
}

@media only screen and (max-width: 1294px) {
    .custom-style-156 {
        display: none
    }
}

.custom-style-157 {
    font-family: "Exo 2";
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #004c78;
    background-repeat: no-repeat
}

.custom-style-158 {
    width: 100%;
    height: 237px;
    background-size: 85% 200px;
    padding-left:;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-158:hover, .custom-style-158-hover {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/DeTollenaere__download.svg?1593766820);
    background-color: #00263c;
    background-size: 80% 70px
}

.custom-style-158 {
    box-shadow: 0 3px 6px #00000029
}

.custom-style-158:hover .icoontje {
    opacity: 0
}

@media only screen and (max-width: 767px) {
    .custom-style-158 {
        min-height: 150px;
        height: auto;
        padding-bottom: 10px
    }
}

.custom-style-159 {
    padding-right: 70px;
    padding-top: 15px;
    padding-bottom: 35px;
    z-index: 0;
    margin-left: -20px;
    background-repeat: no-repeat
}

@media only screen and (max-width: 7670px) {
    .custom-style-159 {
        padding-right: 15px
    }
}

.custom-style-160 {
    color: #fff;
    font-size: 40px;
    font-family: "Exo 2";
    text-align: center;
    z-index: 2;
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/Detollenaere_oranje.svg?1594286743);
    padding-right: 25px;
    margin-left: -50px;
    padding-left: 15px;
    background-size: cover;
    width: 93px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

@media only screen and (max-width: 767px) {
    .custom-style-160 {
        font-size: 20px;
        line-height: 32px;
        width: 38px;
        margin-left: -15px;
        padding-left: 7px;
        padding-right: 20px
    }
}

.custom-style-161 {
    border-radius: 100%;
    color: #f39e05;
    background-color: #666;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 2px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    background-repeat: no-repeat
}

.custom-style-162 {
    font-size: 56px;
    color: #f39e05;
    line-height: 70px;
    font-weight: 500;
    background-repeat: no-repeat
}

.custom-style-163 {
    font-style: normal;
    background-color: #f39e05;
    background-repeat: no-repeat
}

.custom-style-164 {
    border-radius: 100%;
    width: 167px;
    height: 167px;
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/beelden%20detollenaere/persoon1.jpg?1593766848);
    background-size: cover;
    margin-top: -52px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media only screen and (max-width: 600px) {
    .custom-style-164 {
        height: 100px;
        width: 100px
    }
}

.teamIcons {
    background-color: #fff;
    color: #fff
}

.teamVoornaam {
    font: 16px/30px Exo 2;
    font-weight: 800;
    letter-spacing: 0;
    color: #F39E05
}

.teamAchternaam {
    font: 16px/30px Exo 2;
    font-weight: 800;
    letter-spacing: 0;
    color: #00263C
}

.teamFunctie {
    text-align: center;
    font: Medium 16px/21px Exo 2;
    letter-spacing: 0;
    color: #004C78
}

.custom-style-165:hover .teamVoornaam {
    color: #fff
}

.custom-style-165:hover .teamFunctie {
    color: #fff
}

.custom-style-165:hover .teamIcons {
    color: #F39E05
}

.custom-style-165:hover {
    background-color: #F39E05
}

@media only screen and (max-width: 1024px) {
    .custom-style-165 {
        background-color: #F39E05
    }

    .teamVoornaam {
        font: 16px/30px Exo 2;
        font-weight: 800;
        letter-spacing: 0;
        color: #fff
    }

    .teamAchternaam {
        font: 16px/30px Exo 2;
        font-weight: 800;
        letter-spacing: 0
    }

    .teamFunctie {
        text-align: center;
        font: Medium 16px/21px Exo 2;
        letter-spacing: 0;
        color: #004C78
    }

    .teamIcons {
        background-color: #fff;
        color: #004C78
    }
}

.custom-style-166 {
    max-height: 167px;
    background-repeat: no-repeat
}

.custom-style-167 {
    color: #00263c;
    font-family: "Exo 2";
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    background-repeat: no-repeat
}

.custom-style-167 {
    color: #00263C !important
}

.custom-style-168 {
    min-height: 290px;
    background-repeat: no-repeat
}

.custom-style-169 {
    margin-left: -70px;
    background-repeat: no-repeat
}

.custom-style-170 {
    color: #f39e05;
    background-repeat: no-repeat;
    background-position: 0% 50%
}

.custom-style-170:hover, .custom-style-170-hover {
    text-decoration: underline
}

.custom-style-170:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-top: 7px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: 0.2s ease;
    background-image: url(https://shuttle-storage.s3.amazonaws.com/tollenaere/icons%20detollenaere/pijltje_rechts.svg?1594286743);
    background-repeat: no-repeat
}

.custom-style-170:hover::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    transition: 0.3s ease
}

.custom-style-171 {
    color: #f39e05;
    background-repeat: no-repeat
}

.custom-style-171:hover, .custom-style-171-hover {
    text-decoration: underline
}

.custom-style-172 {
    color: #f39e05;
    font-weight: 600;
    background-repeat: no-repeat
}

.custom-style-172:hover, .custom-style-172-hover {
    text-decoration: underline
}

.custom-style-174 {
    color: #00263c;
    font-weight: 700;
    background-repeat: no-repeat
}

.custom-style-174:hover, .custom-style-174-hover {
    text-decoration: none;
    color: #f39e05
}

.custom-style-175 {
    padding-left: 55px;
    padding-top: 45px;
    padding-right: 55px;
    min-height: 475px;
    background-repeat: no-repeat
}

@media only screen and (max-width: 950px) {
    .custom-style-175 {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.custom-style-176 {
    height: 454px;
    background-repeat: no-repeat
}

.custom-style-177 {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/Detollenaere_contact.svg?1594286743);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.custom-style-178 {
    margin-left: calc((100vw - 1024px) / 2)
}

.custom-style-179 {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #004c78;
    background-color: #004c78;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 75px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    line-height: 21px;
    background-size: 25% 25%;
    background-repeat: no-repeat
}

.custom-style-179:hover, .custom-style-179-hover {
    border-color: #004772;
    background-color: #fff;
    color: #004772
}

.custom-style-179::after {
    width: 30px;
    position: absolute;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/DeTollenaere__Beeldmerk.svg);
    background-position: 100% 50%;
    margin-left: 25px;
    margin-top: -5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease
}

.custom-style-179:hover::after {
    -webkit-transform: rotate(550deg);
    transform: rotate(550deg);
    transition: 0.5s ease
}

@media only screen and (max-width: 425px) {
    .custom-style-179 {
        padding-left: 7px;
        padding-right: 50px
    }

    .custom-style-179::after {
        width: 30px;
        position: absolute;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/DeTollenaere__Beeldmerk.svg);
        background-position: 100% 50%;
        margin-left: 12px;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.5s ease
    }
}

.custom-style-179 {
    left: calc((100vw / 2) + 525px)
}

@media only screen and (min-width: 1501px) {
    .custom-style-179 {
        display: none
    }
}

.custom-style-180 {
    color: #f39e05;
    font-weight: 700;
    background-repeat: no-repeat
}

.custom-style-180:hover, .custom-style-180-hover {
    color: #004772
}

.custom-style-181 {
    max-width: 150px;
    background-repeat: no-repeat
}

.custom-style-182 {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/beelden%20detollenaere/verloop%20%281%29.png?1594216925);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 100%
}

.custom-style-183 {
    background-image: none;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-183 {
    background: rgb(0, 41, 63);;
    box-shadow: 0 3px 6px #00000029
}

.custom-style-184 {
    height: 35px;
    line-height: 33px
}

.custom-style-184 .nav {
    width: 400px;
    background-repeat: no-repeat;
    display: block;
    text-align: right;
    float: right;
    margin-right: 24px
}

.custom-style-185 {
    padding-top: 129px;
    padding-bottom: 190px;
    padding-left: 70px;
    background-color: #00263c;
    min-height: 687px;
    background-repeat: no-repeat
}

.custom-style-185 {
    padding-right: calc((100vw - 1024px) / 2)
}

.custom-style-186 {
    padding-top: 27px;
    padding-bottom: 27px;
    text-align: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #004c78;
    background-repeat: no-repeat
}

.custom-style-186:active, .custom-style-186-active {
    color: #fff
}

.custom-style-186:focus, .custom-style-186-focus {
    color: #004772
}

.custom-style-187 {
    padding-top: 27px;
    padding-bottom: 27px;
    text-align: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background-repeat: no-repeat
}

.custom-style-187:active, .custom-style-187-active {
    color: #fff
}

.custom-style-187:focus, .custom-style-187-focus {
    color: #004772
}

.nav-item {
    background-color: #00263c
}

.custom-style-188 {
    padding-top: 27px;
    padding-bottom: 27px;
    text-align: center;
    width: 100%;
    padding-left: 40px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    background-repeat: no-repeat
}

.custom-style-188:active, .custom-style-188-active {
    color: #fff
}

.custom-style-188:focus, .custom-style-188-focus {
    color: #004772
}

.custom-style-188:hover, .custom-style-188-hover {
    color: #004772
}

.custom-style-189 {
    min-width: 250px;
    background-repeat: no-repeat
}

.custom-style-190 {
    background-color: #fff;
    height: 79px;
    background-repeat: no-repeat
}

.custom-style-190 {
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg)
}

.custom-style-191 {
    -webkit-transform: skew(20deg);
    transform: skew(20deg)
}

.custom-style-192 {
    BACKGROUND-COLOR: #fff;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg)
}

.custom-style-193 {
    background-color: #eef1f3;
    width: 100%;
    height: 192px;
    background-repeat: no-repeat
}

.custom-style-193:hover, .custom-style-193-hover {
    background-color: #00263c
}

.custom-style-193:hover .gereedschapNaam {
    color: #fff;
    transition: 300ms ease-in-out
}

.custom-style-193:hover .gereedschapIcon {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 300ms ease-in-out
}

.custom-style-193:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 300ms ease-in-out
}

.gereedschapNaam {
    transition: 700ms ease-in-out
}

.gereedschapIcon {
    transition: 700ms ease-in-out
}

.custom-style-193 {
    transition: 700ms ease-in-out
}

.custom-style-194 {
    color: #d44422;
    background-repeat: no-repeat
}

.custom-style-194 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.custom-style-195 {
    color: #00263c;
    text-transform: uppercase;
    font-family: "Exo 2";
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    background-repeat: no-repeat
}

.custom-style-196 {
    min-height: 942px;
    width: 100%;
    background-image: url(../images/Sumo_bg.jpg);
    background-repeat: no-repeat
}

.custom-style-197 {
    height: 942px;
    background-repeat: no-repeat
}

@media screen and (min-width: 768px) {
    .custom-style-197 {
        margin-top: -2px
    }
}

.custom-style-198 {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/Detollenaere_home1_normal.svg?1594286743);
    background-size: cover;
    width: 80px;
    height: 36px;
    text-align: center;
    font-size: 18px;
    line-height: 19px;
    color: #fff;
    padding-top: 8px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-199 {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/Detollenaere_home1_active.svg?1594286743);
    background-size: cover;
    width: 80px;
    height: 36px;
    text-align: center;
    font-size: 18px;
    line-height: 19px;
    color: #fff;
    padding-top: 8px;
    font-weight: 600;
    background-repeat:;
    background-position: 50% 50%
}

.custom-style-200 {
    margin-left: calc((100vw - 1024px) / 2)
}

.custom-style-201 {
    background-image: url(../images/Sumo_nieuw.jpg);
    height: 942px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.custom-style-201 {
    mix-blend-mode: multiply;
    background-position: calc((100vw / 2) - 500px) 50%
}

.custom-style-202 {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/beelden%20detollenaere/verloop.png?1594216925);
    background-size: cover;
    width: 100%;
    height: 942px;
    background-repeat: no-repeat;
    background-position: 50% 100%
}

.custom-style-203::after {
    content: "";
    z-index: -1;
    position: absolute;
    background: #FFF;
    width: 100%;
    height: 100%;
    left: 20px
}

@media screen and (min-width: 1146px) and (max-width: 1270px) {
    .custom-style-203 .Nav-itemTarget {
        padding-left: 12px;
        padding-right: 12px
    }
}

.custom-style-204 {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/Detollenaere_home2_active.svg?1594286743);
    background-size: cover;
    width: 80px;
    height: 36px;
    text-align: center;
    font-size: 18px;
    line-height: 19px;
    color: #fff;
    padding-top: 8px;
    font-weight: 600;
    background-repeat:;
    background-position: 50% 50%
}

.custom-style-205 {
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/icons%20detollenaere/Detollenaere_home2_normal.svg?1594286743);
    background-size: cover;
    width: 80px;
    height: 36px;
    text-align: center;
    font-size: 18px;
    line-height: 19px;
    color: #fff;
    padding-top: 8px;
    font-weight: 600;
    background-repeat:;
    background-position: 50% 50%
}

.custom-style-206 {
    background-image: url(../images/nav.svg);
    padding-top: 5px;
    padding-bottom: 5px;
    background-size: cover;
    padding-left: 20px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-207 {
    padding-top: 11px;
    padding-bottom: 11px;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    background-size: cover;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-207:active, .custom-style-207-active {
    text-align: center;
    background-color: #00263c;
    color: #fff
}

.custom-style-207:focus, .custom-style-207-focus {
    background-color: #00263c
}

.custom-style-207:hover, .custom-style-207-hover {
    color: #f39e05
}

.custom-style-207:hover {
    background-color: #004c78 !important
}

.custom-style-207[href*="pricefight"] {
    background: transparent
}

.custom-style-207[href*="pricefight"]::before {
    content: "";
    background: #F39E05;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    z-index: -1;
    -webkit-transform: skew(-19deg);
    transform: skew(-19deg);
    transition: all 200ms ease-in-out 0s
}

.custom-style-207[href*="pricefight"]:hover::before {
    background: #FFF;
    transition: all 200ms ease-in-out 0s
}

.custom-style-208 {
    color: #f39e05;
    text-transform: uppercase;
    font-size: 11px;
    background-repeat: no-repeat
}

.custom-style-208:focus, .custom-style-208-focus {
    background-image: none
}

.custom-style-208:active, .custom-style-208-active {
    background-image: none
}

.custom-style-209 {
    width: 100%;
    height: 40px;
    background-repeat: no-repeat
}

.custom-style-210 {
    font-size: 11px;
    font-family: "Exo 2";
    font-weight: 700;
    color: #f39e05;
    text-transform: uppercase;
    background-repeat: no-repeat
}

.custom-style-211 {
    background: linear-gradient(90deg, rgba(0, 41, 63, 1) 0%, rgba(0, 46, 73, 1) 28%, rgba(0, 76, 120, 1) 72%, rgba(0, 76, 120, 1) 100%)
}

.orange .Nav-item {
    margin-right: -2px;
    padding-left: 0;
    padding-right: 0
}

.custom-style-212::after {
    content: "";
    z-index: -1;
    position: absolute;
    background: none !important;
    width: 100%;
    height: 100%;
    left: 20px
}

@media screen and (max-width: 1150px) {
    .custom-style-212 .Nav-itemTarget {
    }

    .custom-style-212 {
        display: none
    }
}

.orange .custom-style-212 .Nav-itemTarget::before {
    background: #F39E05 !important
}

.orange .custom-style-212 .Nav-itemTarget:hover::before {
    background: #00263C !important
}

.orange .custom-style-212 .Nav-itemTarget:hover {
    color: #FFF
}

.orange .custom-style-212 .Nav-itemTarget {
    padding: 27px 30px 27px 40px
}

.orange a i {
    font-size: 22px;
    position: absolute;
    -webkit-transform: translateY(-1px) translateX(-18px);
    transform: translateY(-1px) translateX(-18px)
}

.custom-style-213 {
    BACKGROUND-COLOR: #f39e05 !IMPORTANT
}

.custom-style-214 {
    background-color: #004c78;
    color: #fff;
    font-family: "Exo 2";
    text-transform: uppercase;
    font-size: 15px;
    line-height: 17px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    background-repeat: no-repeat
}

.custom-style-214:hover, .custom-style-214-hover {
    color: #f39e05;
    font-weight: 600;
    padding-top:;
    padding-left:;
    padding-bottom:
}

.custom-style-214:active, .custom-style-214-active {
    color: #f39e05
}

@media screen and (max-width: 767px) {
    .custom-style-214::before {
        background-color: #01446A !important
    }

    .custom-style-214[href*='pricefight'] {
        background-color: #F39E05;
        color: #FFF;
        transition: all 200ms ease-in-out 0s
    }

    .custom-style-214[href*='pricefight']:hover {
        background-color: #FFF;
        color: #F39E05;
        transition: all 200ms ease-in-out 0s
    }
}

.custom-style-215 {
    position: absolute;
    width: 100vw;
    left: calc(0px - (100vw / 12 * 5) - 3px);
    top: 39px;
    padding: 12px 20px;
    text-align: center;
    background: #FFF
}

.custom-style-216 .Button::after {
    content: none
}

.custom-style-217 {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #004c78;
    background-color: #004c78;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 75px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    line-height: 21px;
    background-size: 25% 25%;
    background-repeat: no-repeat
}

.custom-style-217:hover, .custom-style-217-hover {
    border-color: #004772;
    background-color: #fff;
    color: #004772
}

.custom-style-217::after {
    width: 30px;
    position: absolute;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/DeTollenaere__Beeldmerk.svg);
    background-position: 100% 50%;
    margin-left: 25px;
    margin-top: -5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease
}

.custom-style-217:hover::after {
    -webkit-transform: rotate(550deg);
    transform: rotate(550deg);
    transition: 0.5s ease
}

@media only screen and (max-width: 425px) {
    .custom-style-217 {
        padding-left: 7px;
        padding-right: 50px
    }

    .custom-style-217::after {
        width: 30px;
        position: absolute;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/DeTollenaere__Beeldmerk.svg);
        background-position: 100% 50%;
        margin-left: 12px;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.5s ease
    }
}

.custom-style-217::after {
    content: none
}

.custom-style-217 {
    padding: 16px 12px;
    color: #F39E05;
    transition: all 200ms ease-in-out 0s
}

.custom-style-217:hover {
    border: 1px solid #FFF;
    transition: all 200ms ease-in-out 0s
}

.custom-style-218 {
    max-width: 608px;
    background-repeat: no-repeat
}

@media only screen and (max-width: 1400px) and (min-width: 1270px) {
    .custom-style-218 {
        width: 550px
    }
}

@media only screen and (max-width: 1269px) and (min-width: 1024px) {
    .custom-style-218 {
        width: 500px
    }
}

@media only screen and (max-width: 1024px) {
    .custom-style-218 {
        width: auto
    }
}

.custom-style-219 {
    mix-blend-mode: multiply
}

.custom-style-220 {
    background-image: url(../images/Sumo_bg.jpg);
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-222 {
    max-width: 500px;
    background-repeat: no-repeat
}

.custom-style-223 {
    max-width: 255px;
    background-repeat: no-repeat
}

.custom-style-224 {
    margin-top: -25px;
    background-repeat: no-repeat
}

.custom-style-225 {
    margin-top: -48px;
    background-repeat: no-repeat
}

.custom-style-226 {
    min-height: 80px;
    background-repeat: no-repeat
}

.custom-style-227 {
    min-height: 429px;
    background-repeat: no-repeat
}

.custom-style-228 {
    padding: 7px;
    background-repeat: no-repeat
}

.custom-style-229 {
    background-color: #eef1f3;
    width: 100%;
    height: auto;
    padding-left: 7px;
    padding-right: 7px;
    background-repeat: no-repeat
}

.custom-style-229:hover, .custom-style-229-hover {
    background-color: #00263c
}

.custom-style-229:hover .gereedschapNaam {
    color: #fff;
    transition: 300ms ease-in-out
}

.custom-style-229:hover .gereedschapIcon {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 300ms ease-in-out
}

.custom-style-229:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 300ms ease-in-out
}

.gereedschapNaam {
    transition: 700ms ease-in-out
}

.gereedschapIcon {
    transition: 700ms ease-in-out
}

.custom-style-229 {
    transition: 700ms ease-in-out
}

.custom-style-229:hover .gereedschapNaam {
    color: #fff;
    transition: 300ms ease-in-out
}

.custom-style-229:hover .gereedschapIcon {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 300ms ease-in-out
}

.custom-style-229:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 300ms ease-in-out
}

.gereedschapNaam {
    transition: 700ms ease-in-out
}

.gereedschapIcon {
    transition: 700ms ease-in-out
}

.custom-style-229 {
    transition: 700ms ease-in-out
}

.custom-style-230 {
    margin-left: -165px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat
}

.custom-style-230 {
    position: absolute;
    width: 90vw;
    padding: 12px 20px;
    text-align: center;
    background: #FFF
}

.custom-style-231 {
    font-size: 13px;
    text-transform: uppercase;
    color: #f39e05;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-decoration: underline;
    background-repeat: no-repeat
}

.custom-style-232 {
    color: #00263c;
    font-family: "Exo 2";
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    background-repeat: no-repeat
}

.custom-style-232:hover, .custom-style-232-hover {
    color: #f39e05
}

@media only screen and (max-width: 1438px) {
    .custom-style-233 {
        width: 430px
    }
}

.custom-style-234 {
    max-width: 320px;
    background-repeat: no-repeat
}

.custom-style-235 {
    max-width: 155px;
    background-repeat: no-repeat
}

.custom-style-236 {
    min-height: 250px;
    background-repeat: no-repeat
}

.custom-style-237 {
    font-size: 30px;
    line-height: 34px;
    font-family: "Exo 2";
    color: #00263c;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    background-repeat: no-repeat
}

@media only screen and (max-width: 500px) {
    .custom-style-237 {
        font-size: 28px;
        line-height: 35px
    }
}

.custom-style-238 {
    min-height: calc(100vh - 300px)
}

.custom-style-239 {
    color: #004772;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: 0% 50%
}

.custom-style-239:hover, .custom-style-239-hover {
    text-decoration: underline;
    color: #f39e05
}

.custom-style-239:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-top: 7px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: 0.2s ease;
    background-image: url(https://shuttle-storage.s3.amazonaws.com/tollenaere/icons%20detollenaere/pijltje_rechts.svg?1594286743);
    background-repeat: no-repeat
}

.custom-style-239:hover::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    transition: 0.3s ease
}

.custom-style-239:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-top: 3px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: 0.2s ease;
    background-image: url(https://shuttle-storage.s3.amazonaws.com/tollenaere/icons%20detollenaere/pijltje_rechts.svg?1594286743);
    background-repeat: no-repeat
}

.custom-style-239:hover::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    transition: 0.3s ease
}

.custom-style-240 {
    background-image: url(../images/Sumo_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-240 > div {
    mix-blend-mode: multiply
}

.custom-style-241 {
    padding-left: 15px;
    padding-right: 12px;
    padding-bottom: 15px;
    padding-top: 1px;
    background-repeat: no-repeat
}

.custom-style-242 {
    font-family: "Exo 2";
    font-size: 18px;
    color: #004772;
    line-height: 22px;
    font-weight: 600;
    font-style: normal;
    background-repeat: no-repeat
}

.custom-style-243 {
    text-decoration: underline;
    font-family: "Exo 2";
    font-weight: 300;
    color: #f39e05;
    background-repeat: no-repeat
}

.custom-style-243:hover, .custom-style-243-hover {
    font-weight: 400
}

.custom-style-244 {
    background-color: #fff;
    background-repeat: no-repeat
}

.custom-style-245 {
    color: #004c78;
    text-align: left;
    font-size: 18px;
    background-repeat: no-repeat
}

.custom-style-245:hover, .custom-style-245-hover {
    color: #f39e05
}

.custom-style-246 {
    font-family: "Exo 2";
    font-size: 30px;
    color: #f39e05;
    line-height: 27px;
    font-weight: 600;
    text-transform: uppercase;
    background-repeat: no-repeat
}

.custom-style-247 {
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    background-repeat: no-repeat
}

.custom-style-248 {
    mix-blend-mode: multiply
}

.custom-style-249 {
    background-image: url(../images/Sumo_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-250 {
    background-color: rgba(255, 255, 255, .54);
    background-repeat: no-repeat
}

.custom-style-251 {
    font-size: 16px;
    line-height: 20px;
    background-repeat: no-repeat
}

.custom-style-252 {
    font-family: "Exo 2";
    font-size: 17px;
    font-weight: 500;
    color: #00263c;
    background-repeat: no-repeat
}

.custom-style-253 {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #004c78;
    background-color: #004c78;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 75px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    line-height: 21px;
    background-size: 25% 25%;
    width: 100%;
    background-repeat: no-repeat
}

.custom-style-253:hover, .custom-style-253-hover {
    border-color: #004772;
    background-color: #fff;
    color: #004772
}

.custom-style-253::after {
    width: 30px;
    position: absolute;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/DeTollenaere__Beeldmerk.svg);
    background-position: 100% 50%;
    margin-left: 25px;
    margin-top: -5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease
}

.custom-style-253:hover::after {
    -webkit-transform: rotate(550deg);
    transform: rotate(550deg);
    transition: 0.5s ease
}

@media only screen and (max-width: 425px) {
    .custom-style-253 {
        padding-left: 7px;
        padding-right: 50px
    }

    .custom-style-253::after {
        width: 30px;
        position: absolute;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/DeTollenaere__Beeldmerk.svg);
        background-position: 100% 50%;
        margin-left: 12px;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.5s ease
    }
}

.custom-style-253::after {
    width: 30px;
    position: absolute;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/DeTollenaere__Beeldmerk.svg);
    background-position: 100% 50%;
    margin-left: 50px;
    margin-top: -5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease
}

.custom-style-253:hover::after {
    -webkit-transform: rotate(550deg);
    transform: rotate(550deg);
    transition: 0.5s ease
}

@media only screen and (max-width: 425px) {
    .custom-style-253 {
        padding-left: 7px;
        padding-right: 50px
    }

    .custom-style-253::after {
        width: 30px;
        position: absolute;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/DeTollenaere__Beeldmerk.svg);
        background-position: 100% 50%;
        margin-left: 12px;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.5s ease
    }
}

.custom-style-254 {
    max-width: 328px;
    background-repeat: no-repeat
}

.custom-style-255 {
    padding-left: 40px;
    padding-right: 40px;
    background-repeat: no-repeat
}

.custom-style-256 {
    width: 330px;
    background-repeat: no-repeat
}

.custom-style-257 {
    margin-bottom: 5px;
    background-repeat: no-repeat
}

.custom-style-258 {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #f39e05;
    background-color: #f39e05;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 75px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    line-height: 21px;
    background-size: 25% 25%;
    background-repeat: no-repeat
}

.custom-style-258:hover, .custom-style-258-hover {
    border-color: #004772;
    background-color: #fff;
    color: #004772
}

.custom-style-258::after {
    width: 30px;
    position: absolute;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/DeTollenaere__Beeldmerk.svg);
    background-position: 100% 50%;
    margin-left: 25px;
    margin-top: -5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease
}

.custom-style-258:hover::after {
    -webkit-transform: rotate(550deg);
    transform: rotate(550deg);
    transition: 0.5s ease
}

@media only screen and (max-width: 425px) {
    .custom-style-258 {
        padding-left: 7px;
        padding-right: 50px
    }

    .custom-style-258::after {
        width: 30px;
        position: absolute;
        height: 30px;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/DeTollenaere__Beeldmerk.svg);
        background-position: 100% 50%;
        margin-left: 12px;
        margin-top: -5px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: 0.5s ease
    }
}

.custom-style-259:hover .titeltje {
    color: #f39e05
}

.custom-style-260 {
    left: -35px;
    background-repeat: no-repeat
}

.custom-style-261 {
    padding-left: 40px;
    background-repeat: no-repeat
}

.custom-style-262 {
    mix-blend-mode: multiply
}

.custom-style-263 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background-repeat: no-repeat
}

.custom-style-264 {
    color: #f39e05;
    font-family: "Exo 2";
    font-weight: 600;
    font-size: 18px;
    background-repeat: no-repeat
}

.custom-style-265 {
    font-size: 35px;
    line-height: 42px;
    font-family: "Exo 2";
    color: #00263c;
    font-weight: 600;
    background-repeat: no-repeat
}

@media only screen and (max-width: 500px) {
    .custom-style-265 {
        font-size: 28px;
        line-height: 35px
    }
}

.custom-style-266 {
    background-image: url(../images/Sumo_bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-267 {
    background-image: url(../images/Sumo.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-267 {
    mix-blend-mode: multiply;
    background-position: calc((100vw / 2) - 500px) 50%
}

.custom-style-268 {
    background-image: url(../images/jobs_bg.jpg);
    background-repeat: no-repeat
}

.custom-style-269 {
    position: fixed;
    background-color: #eef1f3;
    top: 15px;
    right: 0;
    background-repeat: no-repeat
}

.custom-style-269 {
    box-shadow: 1px 3px 5px grey;
    margin-top: 100px
}

@media only screen and (max-width: 1151px) {
    .custom-style-269 {
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .custom-style-269 {
        left: 0;
        margin-top: 0
    }
}

.custom-style-270 {
    font-family: "Exo 2";
    color: #fff;
    text-transform: none;
    background-color: #00263c;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
    padding-bottom: 13px;
    max-width: 220px;
    min-width: 220px;
    text-align: left;
    font-weight: 400;
    background-repeat: no-repeat
}

.custom-style-271 {
    border-radius: 100%;
    border-color: transparent;
    border-width: 4px;
    border-style: solid;
    width: 250px;
    height: 250px;
    background-image: url(https://dpyxfisjd0mft.cloudfront.net/tollenaere/beelden%20detollenaere/persoon1.jpg?1593766848);
    background-size: cover;
    margin-top: -52px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-271:hover, .custom-style-271-hover {
    border-color: #f39e05;
    border-width: 4px;
    border-style: solid
}

@media only screen and (max-width: 600px) {
    .custom-style-271 {
        height: 100px;
        width: 100px
    }
}

.custom-style-271 .hoverOrange {
    color: #f39e05
}

.custom-style-272 {
    min-height: 190px;
    background-repeat: no-repeat
}

.custom-style-273 {
    color: #f39e05;
    background-color: #eef1f3;
    background-repeat: no-repeat
}

.custom-style-273:hover, .custom-style-273-hover {
    color: #00263c
}

.custom-style-274 {
    max-width: 80px;
    background-repeat: no-repeat
}

.custom-style-275 {
    color: transparent;
    background-repeat: no-repeat
}

.custom-style-276:hover .hoverOrange {
    color: #f39e05
}

.custom-style-276:hover .hoverOrangeBorder {
    border: 2px solid #f39e05
}

.custom-style-276 .hoverOrangeBorder {
    border: 2px solid #fff
}

.custom-style-277 {
    background-image: url(../images/Sumo_nieuw.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.custom-style-277 {
    mix-blend-mode: multiply;
    background-position: calc((100vw / 2) - 500px) 50%
}

.custom-style-277 {
    mix-blend-mode: multiply;
    background-position: calc((100vw / 2) - 700px) 50%
}

.custom-style-278 {
    z-index: -20;
    background-repeat: no-repeat
}

.custom-style-279 {
    padding-right: 280px;
    background-repeat: no-repeat
}

.custom-style-280 {
    width: 100%;
    font-family: "Exo 2";
    text-transform: none;
    color: #fff;
    background-color: #f39e05;
    min-width: 220px;
    font-weight: 400;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    background-repeat: no-repeat
}

.custom-style-281 {
    min-height: 385px;
    background-repeat: no-repeat
}

.custom-style-282 {
    border-bottom-color: #f39e05;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    max-width: 50px;
    background-repeat: no-repeat
}

.custom-style-283 {
    color: #f39e05;
    background-repeat: no-repeat
}

.custom-style-284 {
    font-family: "Exo 2";
    text-decoration: underline;
    color: #004c78;
    font-weight: 400;
    background-repeat: no-repeat
}

.custom-style-284:hover, .custom-style-284-hover {
    color: #f39e05
}

.custom-style-285 {
    font-family: "Exo 2";
    text-decoration: underline;
    color: #f39e05;
    font-weight: 400;
    background-repeat: no-repeat
}

.custom-style-285:hover, .custom-style-285-hover {
    color: #f39e05
}

.color-1 {
    color: #489843
}

.color-1-back {
    background-color: #489843
}

.color-2 {
    color: rgba(72, 152, 67, .2)
}

.color-2-back {
    background-color: rgba(72, 152, 67, .2)
}

.color-3 {
    color: #d44422
}

.color-3-back {
    background-color: #d44422
}

.color-4 {
    color: rgba(212, 68, 34, .2)
}

.color-4-back {
    background-color: rgba(212, 68, 34, .2)
}

.color-5 {
    color: #000
}

.color-5-back {
    background-color: #000
}

.color-6 {
    color: #fff
}

.color-6-back {
    background-color: #fff
}

.color-7 {
    color: #666
}

.color-7-back {
    background-color: #666
}

.color-8 {
    color: #919191
}

.color-8-back {
    background-color: #919191
}

.color-9 {
    color: #c5c5c5
}

.color-9-back {
    background-color: #c5c5c5
}

.color-10 {
    color: #268cce
}

.color-10-back {
    background-color: #268cce
}

.color-11 {
    color: #359fe3
}

.color-11-back {
    background-color: #359fe3
}

.color-12 {
    color: #f39e05
}

.color-12-back {
    background-color: #f39e05
}

.color-13 {
    color: #004c78
}

.color-13-back {
    background-color: #004c78
}

.color-14 {
    color: #00263c
}

.color-14-back {
    background-color: #00263c
}

.color-15 {
    color: #004772
}

.color-15-back {
    background-color: #004772
}

.color-16 {
    color: #eef1f3
}

.color-16-back {
    background-color: #eef1f3
}

.color-17 {
    color: rgba(255, 255, 255, .54)
}

.color-17-back {
    background-color: rgba(255, 255, 255, .54)
}

.Container {
    max-width: 1024px
}

@media (max-width: 1023px) {
    .Container {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 767px) {
    .Content--left, .Content--middle, .Content--right, .Side--left, .Side--right {
        width: 100% !important;
        float: none !important
    }

    .Content--left {
        margin-right: 0 !important
    }

    .Content--middle {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .Content--right {
        margin-left: 0 !important
    }
}

@media (min-width: 1024px) {
    .u-lg-hidden {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .u-md-hidden {
        display: none !important
    }
}

@media (max-width: 767px) {
    .u-sm-hidden {
        display: none !important
    }
}

a.Nav-itemTarget.EntityTrigger-1518-0-7.custom-style-214 {
    background-color: #00263c
}

.Nav-itemTarget {
    position: relative;
    z-index: 0
}

.mainnav .Nav-itemTarget::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: #fff;
    z-index: -1
}

@media only screen and (max-width: 1150px) {
    .mainnav .Nav-itemTarget::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: skew(0deg);
        transform: skew(0deg);
        z-index: -1
    }

    .Nav-itemTarget:hover::before {
        background-color: #00263C
    }

    .mainnav .NavWrapper {
        position: absolute;
        width: 100%;
        top: 15px;
        left: calc(0px - ((30vw - 40px) / 12 * 8))
    }

    .mainnav ul {
        background: #FFF;
        text-align: center;
        box-shadow: calc(0px - ((100vw + 42px) / 12) * 5) 0 0 0 #FFF, calc(0px + ((100vw + 42px) / 12) * 5) 0 0 0 #FFF
    }

    .mainnav ul li {
        padding: 10px 0
    }

    .mainnav ul li a {
        background: #004C78 !important;
        color: #FFF
    }

    .mainnav ul li a::before {
        content: none !important
    }
}

.Nav-itemTarget:hover::before {
    background-color: #EEF1F3
}

.Nav-itemTarget.custom-style-186-active::before {
    background-color: #00263c
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotate {
    -webkit-animation: rotating 0.8s linear infinite;
    -ms-animation: rotating 0.8s linear infinite;
    animation: rotating 0.8s linear infinite
}

.rotate2 {
    -webkit-animation: rotating 1.2s linear infinite;
    -ms-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite
}

::-moz-selection {
    color: #000;
    text-shadow: none;
    background-color: rgba(195, 195, 195, .4)
}

::selection {
    color: #000;
    text-shadow: none;
    background-color: rgba(195, 195, 195, .4)
}

::-webkit-input-placeholder {
    color: #004C78
}

::-moz-placeholder {
    color: #004C78
}

:-ms-input-placeholder {
    color: #004C78
}

::placeholder {
    color: #004C78
}

.custom-style-form-list-field {
    color: #004C78
}

* {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

html {
    scroll-behavior: smooth
}

.Page {
    overflow-x: hidden
}

body {
    background-color: #FFF
}

.block {
    display: block
}

.none {
    display: none !important
}

.nomargin {
    margin-bottom: 0
}

.Field-checkbox > span {
    height: 10px !important;
    width: 10px !important;
    margin-left: -20px
}

.Field-checkbox > span::after {
    content: "\f00c";
    color: transparent;
    font: normal normal normal 14px/1 Font Awesome\ 5 Pro;
    border: 1px solid #000;
    padding: 0 1px
}

input[type="checkbox"] {
    margin: 0 !important;
    opacity: 0
}

span.checked {
    height: 10px !important;
    width: 10px !important
}

span.checked::after {
    content: "\f00c";
    color: #000;
    font: normal normal normal 14px/1 Font Awesome\ 5 Pro;
    border: 1px solid #000;
    padding: 0 1px;
    height: 10px !important;
    width: 10px !important
}

.draggable {
    position: absolute;
    z-index: 9;
    background-color: #f1f1f1;
    text-align: center;
    border: 1px solid #d3d3d3
}

.draggablehead {
    padding: 10px;
    cursor: move;
    z-index: 10;
    background-color: #2196F3;
    color: #fff
}

.pswp__bg {
    opacity: 0.7 !important
}

.Form-item--success input, .Form-item--success textarea, .Form-item--success .customSelect {
    border-color: #aeaeae !important
}

.Form-item--success {
    overflow: hidden;
    display: block;
    position: relative
}

.Form-item--success::after {
    content: "";
    position: absolute;
    height: 85%;
    width: 0;
    top: 7.5%;
    left: 140px;
    box-shadow: 0 0 12px 4px #FFF;
    background: #FFF;
    -webkit-transform: skew(-18deg);
    transform: skew(-18deg);
    mix-blend-mode: exclusion;
    opacity: .2;
    pointer-events: none;
    -webkit-animation: success 1s ease-in-out 0s infinite;
    animation: success 1s ease-in-out 0s infinite
}

@-webkit-keyframes success {
    0% {
        left: -10%;
        opacity: .225
    }
    100% {
        left: 110%;
        opacity: 0
    }
}

@keyframes success {
    0% {
        left: -10%;
        opacity: .225
    }
    100% {
        left: 110%;
        opacity: 0
    }
}

.griddy {
    position: fixed;
    z-index: 55555;
    height: 100vh;
    width: 100vw;
    pointer-events: none
}

.griddy .options {
    height: 120px;
    position: relative;
    margin-top: -120px;
    background: #EEE;
    border-bottom: 4px solid #E52;
    transition: all 175ms ease-in-out 0s;
    pointer-events: all
}

.griddy .options.locked {
    margin-top: 0 !important
}

.griddy .options .Field-checkbox {
    padding: 0 16px 0 0
}

.griddy .options .Field-checkbox > span {
    border: 1px solid #000;
    height: 20px;
    width: 20px;
    margin-right: 4px;
    display: inline-block;
    text-align: center;
    line-height: 18px
}

.griddy .options .Field-checkbox > span::after {
    content: "\f00c";
    opacity: 0;
    transition: all 125ms ease-in-out 0s;
    font: normal normal normal 14px/1 Font Awesome\ 5 Pro
}

.griddy .options span.checked::after {
    content: "\f00c";
    opacity: 1;
    transition: all 125ms ease-in-out 0s;
    font: normal normal normal 14px/1 Font Awesome\ 5 Pro
}

.griddy .hub {
    padding-top: 10px
}

.griddy .hub, .griddy .grid {
    margin: 0 auto;
    height: 100vh;
    position: relative;
    top: 0
}

.griddy .lock {
    height: 20px;
    width: 20px;
    cursor: pointer;
    top: 8px;
    position: absolute;
    right: 8px
}

.griddy .lock input {
    position: absolute;
    height: 20px;
    width: 20px
}

.griddy .lock::before {
    text-align: center;
    pointer-events: none;
    position: absolute;
    font: normal normal normal 20px/1 Font Awesome\ 5 Pro
}

.griddy .lock-off::before {
    content: "\f09c"
}

.griddy .lock-on::before {
    content: "\f023"
}

.griddy .hub .title {
    font-size: 18px;
    color: #222
}

.griddy .grid {
    outline: 1px solid rgba(100, 100, 200, .25);
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 767px) {
    .griddy .grid {
    }
}

.griddy .grid .gbar {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    display: inline-block;
    background: rgba(86, 172, 255, .25);
    outline: 1px solid rgba(62, 144, 227, .25)
}

.fps {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.5em;
    padding: .2em .5em;
    mix-blend-mode: difference;
    pointer-events: none;
    z-index: 52;
    text-shadow: 1px 1px 0 #D5D321, -1px 1px 0 #D5D321, 1px -1px 0 #D5D321, -1px -1px 0 #D5D321;
    color: #222
}


/* Mobile version TOLLENAERE-76 */

#element-2243, #element-2258{
    text-align: center;
    font-size: 16px;
}

#element-2244{
    text-align: center;
    margin: 0 auto;
    width: min-content;
}

#widget-2236-0c49bacd056bd7c45ecf48e07aca1751, #widget-2251-899395125a5fe9d056c535ef190e42d0{
     height: calc(50vh);
}


@media (min-width: 481px) and (max-width: 768px) {

img#element-2257, img#element-2242{
    text-align: center;
    width: 60%;
    display: block;
    margin: 0 auto;
}   
}