/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  
	Author     :  
	Author URI : 

====================================================

	TOC
	
	1. PRIMARY STYLES
	2. COMMONS FOR PAGE DESIGN
	3. HEADER
	4. INTRO SECTION
	5. PORFOLIO SECTION
	6. ABOUT SECTION
	7. EXPERIENCE SECTION 
	8. EDUCATION SECTION
	9. COUNTER SECTION
	10. FOOTER
     
====================================================

  

/* ---------------------------------
1. Agenda
--------------------------------- */
@import "https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800";

.fr-file::before {
    position: relative;
    content: "\1F4CE";
    font-weight: normal;
    margin-right: 10px;
}

sup {
    vertical-align: super;
    font-size: smaller;
    line-height: normal;
}

.font14 p {
    font-size: 14px;
}

#subOfferContainer p {
    line-height: 1.4
}

#benefit-container {
    margin-top:20px;
}
.offer-benefit-left {
    float: left;
    width: 55%;
}
.subscribe-background {
    background: #fbfbfb;
}
.offer-box {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-fill-paars-medium {
    text-align: center;
    font-size: 16px;
    background: #121212;
    border-radius: 3px;
    color: #fff;
}
.font-fs-sb {
font-weight:bold;

}

.line-height1-4 {
    line-height: 1.5 !important;
}
.font12 {
    font-size: 12px !important;
}
.offer-benefit-right img { 
    position: absolute;
    margin-left: -35px;
}
.offer-benefits-div {
    min-height: 180px
}

#subOfferContainer .bg-paars {
    background: #01A531 !important;
}

#subOfferContainer .subscribefullpurple {
    background: #F2F7F9;
}

@media only screen and (min-width:740px) {
    .offer-benefit-text {
        margin-left: -16px;
    }
}
@media only screen and (max-width: 740px) {
     
    .order-mobile-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }


    .subscribtion-create-container .plr-sm-30, .subscribtion-create-container.plr-sm-30 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .offer-benefit-left {
        width: 64% !important;
    }
    .offer-benefit-right {
        width: 36% !important
    }
    .offer-benefit-right img {
        max-width: 120px !important;
        margin-left: 0px;
        margin-top:-10px !important;
    }

    .offer-benefits-div {
        min-height: unset
    }

        .offer-benefits-div .font16 {
            font-size: 14px !important;
        }

}

    .offer-terms .error {
        color: darkred;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .offer-benefit-left .font-fsr, .offer-benefit-left .col-sm-4 {
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .offer-benefit-right {
        float: right;
        width: 44%;
    }

    .offer-inactive {
        color: #828789 !important;
    }


    .offer-discountperiod-text {
        font-size: 14px;
    }

    @keyframes spinner-border {
        to {
            transform: rotate(360deg);
        }
    }

    #onderschriftfoto p {
        display: inline !important;
        font-size: 13px;
        margin-bottom: 5px;
        line-height: 1.2;
        margin-top: 5px;
        display: block;
    }


    .font11 {
        font-size: 11px;
    }

    .font16 {
        font-size: 16px !important;
    }

    .font18 {
        font-size: 18px !important;
    }

    .font35 {
        font-size: 35px;
    }

    .font25 {
        font-size: 25px;
    }

    .font30 {
        font-size: 30px;
    }
    
    .font34 {
        font-size: 34px;
    }
    
    .font40 {
        font-size: 40px;
    }

    .font50 {
        font-size: 50px !important;
    }

    .font20 {
        font-size: 20px;
    }

    .spinner-border {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        vertical-align: text-bottom;
        border: .25em solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        animation: spinner-border .75s linear infinite;
    }

    .hitsbox a {
        background: #373737;
        border-radius: 6px;
        vertical-align: middle;
    }

    .hitsbox a {
        max-width: none !important;
    }

    #registerform .error {
        font-size: 14px
    }

    @keyframes spinner-grow {
        0% {
            transform: scale(0);
        }

        50% {
            opacity: 1;
        }
    }

    .spinner-grow {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        animation: spinner-grow .75s linear infinite;
    }


    .col-sm-autofit {
        -webkit-box-flex: 0;
        -ms-flex: 1;
        flex: 1;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }



    .modal {
        z-index: 9999999 !important;
    }
.modal-body { 
    max-height: 80vh;
    overflow-y: auto;
}
    .min-h-66 {
        min-height: 66px;
    }

    .nowrap {
        white-space: nowrap;
    }

    #inzetafbeelding img {
        max-width: 100%;
    }


    .autocompleteresults {
        position: relative;
        background: #fff;
        width: 100%;
        min-height: 20px;
        position: absolute;
        background: #fff;
        top: 52px;
        border: 1px solid #d3d0d0 !important;
        border-radius: 2px;
        z-index: 99;
    }

        .autocompleteresults .result a {
            padding: 10px;
            color: #7f7f7f;
        }

        .autocompleteresults .result h3 {
            color: #000;
            font-size: 14px;
            margin-bottom: 2px !important;
            font-weight: bold;
        }

        .autocompleteresults .result strong {
            color: #444444;
        }

        .autocompleteresults .result {
            border-top: solid 1px #ccc;
        }

    .g-recaptcha iframe {
        display: block;
        min-height: unset !important;
    }


    .ClearLayoutContent .ml-230, .ClearLayoutContent .ml-sm-15, .ClearLayoutContent .mr-sm-15 .ClearLayoutContent .mr-100,
    .ClearLayoutContent .mtb-50 {
        margin: 0px !important;
        padding: 0px !important;
    }

.inarticle-related-image {
    background-size: cover !important;
    background-position: center;
}

    .bg-inarticle-related p {
        margin-top: 0px !important;
    }

    .fr-video {
        width: 100%;
    }

    .cookiescript_adjust {
        min-width: 215px !important;
    }

    .cookiescript_accept {
        background-color: #3dc53c;
    }

    .cookiescript_adjust {
        background-color: #fff;
        margin-top: 10px;
        color: #000 !important;
        text-shadow: none !important;
        border: 2px solid #5d5858 !important;
        padding: 13px 8px !important;
        font-weight: normal !important;
        margin-right: 10px;
    }

    .cookiescript_accept, .cookiescript_adjust {
        border-radius: 5px;
        border: 0px;
        font-size: 14px;
        padding: 15px 10px;
        font-weight: bold;
        cursor: pointer;
        color: rgb(255, 255, 255);
        transition: 0.25s;
        text-shadow: rgb(0, 0, 0) 0px 0px 2px;
        white-space: nowrap;
    }

    #consentcontainer label {
        display: block;
    }

    #consentcontainer, .cookies-information {
        padding-top: 16px !important;
    }

        .cookies-information img {
            height: 60px;
            margin: 0 auto;
            margin-bottom: 10px;
            width: auto !important;
            float: right;
        }

    #cookiescript_wrapper {
        margin: 0px 10px;
        font-size: 13px;
        font-weight: normal;
        color: rgb(255, 255, 255);
        font-family: Arial, sans-serif;
        line-height: 23px;
        letter-spacing: normal;
        max-width: 1000px;
        margin: 0 auto;
    }

#cookieconsent {
    padding-top: 10px;
    background-color: #fff;
    padding: 20px;
    z-index: 214748361;
    position: sticky;
    border-bottom: 6px solid #0071a0;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.3), inset 0px 1px 1px 0 rgba(255,255,255,0.6);
    -moz-box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.3),inset 0px 1px 1px 0 rgba(255,255,255,0.6);
    z-index: 999999;
    position: fixed;
    padding: 10px 0px;
    width: 100%;
    left: 0px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    letter-spacing: normal;
    font-family: Arial, sans-serif;
    box-shadow: #847c7c 0 0 40px;
    top: 0px;
    max-width: 100%;
    border-right: 0px solid #0071a0 !important;
    max-height: 100%;
    overflow-y: auto;
}

    .cookie-title {
        font-size: 22px;
        display: block;
        color: #000;
        line-height: 1.3;
        margin-bottom: 5px;
    }

    .cookies-information {
        padding: 0 20px;
        color: #868585;
        font-size: 13px;
        margin-bottom: 4px;
    }


    .consentbutton {
        display: inline-block;
        max-width: 46%;
        min-width: 100px;
        text-align: center;
    }

    @media only screen and (max-width: 740px) {
        .cookies-information {
            text-align: center;
        }

            .cookies-information img {
                float: none;
            }

        #cookieconsent {
            border-right: 0px !important;
        }

        #consentcontainer {
            border-right: 0px solid #0071a0 !important;
        }

        .consenttxt {
            display: none;
            text-align: left;
        }

        .consentmore {
            display: block;
            text-align: left;
        }

        .cookie-title {
            text-align: left;
            clear: both;
        }
    }



    @media only screen and (min-width: 740px) {

        .cookies-information, #consentcontainer {
            padding-left: 100px;
            margin-left: 0px !important;
        }

        .consentmore {
            display: none;
        }
    }



    @media only screen and (min-width: 1200px) {


        .cookies-information, #consentcontainer {
            padding-left: 0px;
            margin-left: 0px !important;
        }
    }



    .subscribecheckbox, .subscribefullpurple {
        cursor: pointer;
    }


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

    /* voor het inlog oogje! */
    .loginbox .pad {
        position: relative;
    }

    :root {
        --info-color: #0099CC;
    }

    .btn-toggle-pass {
        border: none;
        position: absolute;
        top: 11px;
        background: transparent;
        right: 0;
    }

    .loginbox .btn-toggle-pass {
        right: 8px;
    }

    .loginbox .fa-eye {
        font-size: 14px !important;
    }

    .smalleye .btn-toggle-pass {
        top: 8px !important;
    }

    .btn-toggle-pass.active {
        color: var(--info-color);
    }


    .roundinputs label {
        position: absolute;
        top: -20px;
    }

    .roundinputs .brder-grey {
        border-radius: 3px;
    }

    .roundinputs .mb-10 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }


    #nav {
    }


    .fa-user-plus {
        font-size: 20px !important;
    }

    #registerform .open {
        background-color: #d52b1e;
    }

    .tagcontainer {
        display: none; /**/
    }

    #extranew {
        margin-bottom: 10px;
    }

    .sharelist .fa {
    }

    .dplay-block {
        overflow: visible;
    }

    .more-link {
        display: block;
        margin-top: 20px;
        text-align: center;
        background: #079ed8;
        color: #fff;
        padding: 5px 5px;
    }


    .premiumlabel {
        background: #f15b3a;
        color: #fff !important;
        position: absolute;
        top: -3px;
        left: 0px;
        width: 20px;
    }

    .exclusiefLabel > span {
        display: inline-block;
        padding: 5px 5px 10px 5px;
        font-size: 14px;
        font-weight: bold !important;
    }

    .exclusiefLabel > span {
        color: transparent !important;
    }

    .exclusiefLabel {
        background: none;
        border-radius: 0;
        color: #333;
        font-size: 14px;
        line-height: 4px;
        margin-right: 10px;
        padding: 5px;
        z-index: 99;
    }

        .exclusiefLabel:before {
            border-bottom: 29px solid transparent;
            border-left: 8px solid transparent;
            content: "";
            display: block;
            height: 0;
            position: absolute;
            right: -8px;
            top: 0;
            width: 0;
        }

        .exclusiefLabel:before {
            content: "";
            width: 44px;
            height: 100px;
            background-image: url(https://pubblestorage.blob.core.windows.net/16c0059b/content/wn/Icoon-extra.png) !important;
            background-size: contain;
            background-repeat: no-repeat !important;
        }

    .marktpleincontainer a div.collagefoto {
        width: 49% !important;
    }

    .marktpleincontainer a {
        display: inline;
    }

    .martkitem {
        margin-bottom: 10px;
    }

    .articlelink a {
        color: #ff4e22 !important;
    }

    .price {
        display: block;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .prijssticker {
        background-color: #000;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
        padding: 3px;
        position: relative;
        top: 3px;
    }

    .martkitem .datelink {
        font-weight: 300;
    }

    .collagefoto {
        height: 121px;
        width: 100% !important;
    }

    .collagefoto, .collagefotosmal {
        background-color: #ccc;
        background-size: cover;
        float: left;
        margin: 1px;
    }

    .collagefotosmal {
        height: 80px;
        width: 32.4%;
    }

    #rightcont .pad {
        margin-bottom: 40px;
    }

    .collagetekst {
        color: #000;
        font-size: 14px;
    }


    .c2 img {
        margin-bottom: 10px
    }

    .c2 {
        margin-top: 10px
    }

    #underArticle {
        text-align: center;
        width: 100%;
    }

    .adUnderArticle a {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        display: block;
        margin-bottom: 15px;
        padding-bottom: 30px;
        padding-top: 30px;
        width: 100%;
    }

    .adUnderArticle img {
        max-height: 500px;
        max-width: 100%;
        width: auto;
    }


    .adposition {
        min-height: 250px;
    }


    .meta {
        color: #8c8c8c;
        font-size: 14px !important;
    }

    #content .highlighter {
        background: #000 !important;
    }

    #content h1 {
        font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
        line-height: 1.2 !important;
        color: #000;
        font-size: 32px;
        font-weight: 800 !important;
        margin-bottom: 5px;
    }

    #content p {
        margin-bottom: 1em;
    }


    .mobileonly-inline {
        display: none;
    }

    .mobileonly {
        display: none;
    }

    .specialinput {
        transition: border-bottom 100ms ease;
        display: inline;
        margin-right: 16px;
        width: 100%;
        padding: 0;
        margin-bottom: 1rem;
        box-shadow: none;
        appearance: none;
        outline: none;
        background-color: transparent;
        border-style: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        height: 38px;
    }


    .logocontainer.desktoponly {
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .desktoponly {
        display: block;
    }

    #ggs-switch {
        width: 24px;
    }

    .ggs-switchBar {
        background: #1191fc;
        background-color: #000 !important;
        border-radius: 2px;
        height: 4px;
        margin-bottom: 3px;
    }


    #article-etalage
    h4, h3 {
        line-height: 1.3;
    }

    .article-header {
        font-family: "Open Sans",Helvetica,Arial,sans-serif !important;
    }

        .article-header b {
            font-weight: 800 !important;
        }

    .commentcounter {
        font-size: 12px !important;
    }

    .ion-chatbubbles {
        font-size: 16px !important;
        margin-right: 0px !important;
    }

    social-follow .service {
        font-size: 13px;
        font-weight: 500;
    }

    .social-follow .facebook {
        background: #4263a9;
    }

    .paperHolder .open, .paperHolder button {
        width: 200px !important;
        margin: 0 auto !important;
        margin-top: 5px !important;
        margin-bottom: 0 !important;
    }

    .open {
        background: none !important;
        background-color: #00aeef !important;
        border: 0;
        border-radius: 4px;
        color: #fff !important;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 700 !important;
        margin-bottom: 7px !important;
        margin-left: 0;
        padding: 12px;
        text-align: center;
        transition: background-color .3s ease;
    }



    /* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */
    .lazy {
    }

    .lazy {
        opacity: 0;
        transition: opacity 1s;
    }

    .lazyImg {
        opacity: 0;
        transition: opacity 1s;
    }

    .highlighter {
        background: #888;
        border-radius: 5px;
        color: #fff;
        font-weight: 700;
        margin-left: 0px !important;
        margin-top: 5px;
        padding: 2px 6px;
    }


    #article-etalage .highlighter {
        left: 6px;
        padding: 6px 6px;
        position: absolute;
        top: 4px;
        z-index: 99;
    }

    #article-etalage .highlighter {
        background: #000 !important;
        border-radius: 5px;
        color: #fff;
        font-weight: 700;
        margin-left: 5px;
        margin-top: 5px;
        padding: 2px 6px;
    }

    .featured-grid .image-link {
        display: block;
        position: absolute;
        overflow: hidden;
        background: #ccc;
        min-height: 386px;
    }


    .fade-bg b {
        font-weight: 800 !important;
    }

    .fade-bg h3 {
        line-height: 1.2 !important;
        font-size: 37px !important;
        text-shadow: 0 -1px 1px #2c2c2c !important;
    }

    .fade-bg h4 {
        font-weight: 800 !important;
        line-height: 1.2;
        font-size: 18px;
        text-shadow: 0 -1px 1px #2c2c2c;
        margin-bottom: 0px !important
    }

    .fade-bg a {
        position: relative;
    }

    .fade-bg .color-white {
        z-index: 9;
    }

    .fade-bg:after {
        background: linear-gradient(to bottom,rgba(0,0,0,0) 60%,#000 92%);
        width: 100%;
        height: 100%;
        content: ' ';
        position: absolute;
        z-index: -1;
        opacity: .9;
    }


    .bg-grad-layer-9:after {
        background: linear-gradient(to bottom,rgba(0,0,0,0) 60%,#000 92%);
        width: 100%;
        height: 100%;
        content: ' ';
        position: absolute;
        z-index: -1;
        opacity: .6;
    }






    @font-face {
        font-family: "Ionicons";
        font-display: fallback;
        src: url("https://storage.pubble.nl/assets/fonts/ionicons.eot?v=2.0.0");
        src: url("https://storage.pubble.nl/assets/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("https://storage.pubble.nl/assets/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("https://storage.pubble.nl/assets/fonts/ionicons.woff?v=2.0.0") format("woff"), url("https://storage.pubble.nl/assets/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
        font-weight: normal;
        font-style: normal;
    }



    .ion-chatbubbles:before {
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ion-chatbubbles:before {
        content: "\f11f";
    }


    #bigphoto:after, .smallphoto:after {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,#000 80%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(80%,#000));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#000 80%);
        background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,#000 80%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,#000 80%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 80%);
    }




    .c-bg-Dark-Gray {
        background-color: #2d2c2d !important;
        padding: 50px 0;
    }

    html {
        font-size: 100%;
        overflow-x: hidden;
        width: 100%;
        margin: 0px;
        padding: 0px;
        touch-action: manipulation;
    }

    body {
        font-size: 14px;
        font-family: 'Open Sans', Helvetica,Arial,sans-serif;
        width: 100%;
        height: 100%;
        margin: 0;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        word-wrap: break-word;
        overflow-x: hidden;
        color: #333;
    }

    h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, inpot, button {
        margin: 0;
        padding: 0;
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 1.5;
        font-weight: inherit;
    }

    h1, h2, h3 {
        font-family: 'Source Sans Pro',sans-serif,Arial;
    }

    .font-premium-streamers {
        font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
    }

    .font-w800 {
        line-height: 1.2;
        font-weight: 800;
    }

    .articleBody::first-letter {
        font-family: Georgia,Cambria,"Times New Roman",Times,serif;
        font-style: normal;
        font-weight: 800;
        padding-right: 8px;
        font-size: 64px;
        line-height: .8em;
        text-transform: uppercase;
        float: left;
    }




    p {
        line-height: 1.7;
        font-size: 17px;
        font-weight: 400;
        color: #555;
    }

    .headingtextkop p {
        font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
        line-height: 1.2 !important;
        font-size: 32px !important;
        font-weight: 800 !important;
        color: #121212 !important;
    }


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

    h2 {
        font-size: 32px;
        line-height: 1.1;
    }

    h3 {
        font-size: 1.7em;
    }

    h4 {
        font-size: 1.3em;
    }

    h5 {
        font-size: 1.1em;
    }

    h6 {
        font-size: .85em;
    }


    .chapeau-bold-article {
        color: #d52b1e;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: bold;
        font-size: 35px;
        letter-spacing: 1px;
    }

    .chapeau-bold-article-m {
        font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
        font-weight: bold !important;
        font-size: 35px;
        letter-spacing: 1px;
    }

    button {
        display: inline-block;
    }


    a, button {
        display: inline-block;
        text-decoration: none;
        color: inherit;
        line-height: 1.3;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .c2 a, p a, .font16 a,
    .c2 span, p span, .font16 span {
        display: inline;
    }


    .orange-hover:focus, .orange-hover:active, .orange-hover:hover {
        background: #ff4e22;
        color: #fff;
    }

    .facebook-bg span {
        font-size: 10px;
    }

    .facebook-bg {
        background: #3b5998;
        color: #fff;
    }

    .twitter-bg {
        background: #00abf0;
        color: #fff;
    }

    .whatsapp-bg {
        background: #5cbe4a;
        color: #fff;
    }

    .mail-bg {
        background: #666;
        color: #fff;
    }

    .no-hover:focus, .no-hover:active, .no-hover:hover,
    .no-hover button:focus, .no-hover button:active, .no-hover button:hover {
        text-decoration: none;
        color: #ffffff !important;
    }

    a:focus, a:active, a:hover,
    button:focus, button:active, button:hover,
    a b.light-color:hover {
        text-decoration: none;
        color: #39aeef;
    }



    b {
        font-weight: 700;
    }

    div img {
        width: 100%;
    }

    li {
        list-style: none;
        display: inline-block;
        line-height: 1.6;
        font-size: .9em;
    }

    span {
        display: inline-block;
    }

    button {
        outline: 0;
        border: 0;
        background: none;
        cursor: pointer;
    }

    .icon {
        font-size: 1.1em;
        display: inline-block;
        line-height: inherit;
    }

    [class^="icon-"]:before, [class*=" icon-"]:before {
        line-height: inherit;
    }

    b.max-bold {
        font-weight: 700;
    }

    input:focus,
    textarea:focus {
        outline-color: #F9B500;
    }

    ::placeholder {
        color: #ccc;
    }

    :-ms-input-placeholder {
        color: #ccc;
    }

    ::-ms-input-placeholder {
        color: #ccc;
    }


    /* RESPONSIVE */

    @media only screen and (min-width: 767px) {
        .dekstop-float-right {
            float: right !important;
        }

        .desktop-float-left {
            float: left !important;
        }

    }



    @media only screen and (max-width: 767px) {

        .text-left-mobile {
            text-align: left !important;
        }

        #inzetafbeelding {
            margin-top: 0px !important;
        }

        .dekstop-float-right {
            float: none !important;
            display: block;
            clear: both;
        }

        .container {
            padding: 0px !important;
        }

        section {
            padding-top: 10px !important;
        }

        #navcontainer {
            margin-bottom: 0px !important;
        }

        #article-etalage h4 {
            font-size: 1em; /*2e laag etalage*/
        }

        .commentcounter {
            font-size: 10px !important;
        }


        .mobileonly-inline {
            display: inline !important;
        }

        .mobileonly {
            display: block !important;
        }

        .desktoponly {
            display: none !important;
        }

        .logocontainer {
            max-width: 50% !important;
            width: 50% !important;
            margin: 0 auto;
            padding-top: 8px;
        }

        .logo {
            width: 100%;
            margin-top: 10px;
        }

        #navcontainer {
            height: 52px;
            background: #fff !important;
            border-bottom: 1px solid #eaeaea !important;
            border-top: 0px solid #eaeaea !important;
            border-bottom-width: 1px !important;
            position: relative;
        }

        #mobilenav {
            display: block !important;
            height: 42px;
            line-height: 42px;
            padding-top: 8px;
            position: absolute;
            top: 8px;
            padding-left: 8px;
        }

        #nav {
            display: none;
        }

        p {
            line-height: 1.4;
        }

        h1 {
            font-size: 3.8em;
        }

        h2 {
            font-size: 2em;
        }

        h3 {
            font-size: 1.6em;
        }

        h4 {
            font-size: 1.3em;
        }
    }

    @media only screen and (max-width: 575px) {

        body {
            font-size: 14px;
        }
    }



    /* ---------------------------------
3. HEADER
--------------------------------- */

    header {
        position: relative;
        text-align: center;
        z-index: 1000;
        font-weight: 600;
    }

        header i {
            font-size: 1.1em;
        }


        /* BOTTOM HEADER */

        header:after {
            content: '';
            clear: both;
        }

        header .logo {
            float: left;
            margin: 18px 0;
        }

            header .logo img {
                height: 100%;
                width: auto;
                max-height: 50px;
            }


        header .main-menu {
            float: right;
        }

        header ul.main-menu > li > a {
            height: 100%;
            line-height: 80px;
            padding: 0px 15px;
        }


        /* SEARCH AREA */

        header .right-area {
            float: right;
            height: 100%;
            line-height: 70px;
            margin-left: 15px;
            padding: 5px;
        }

        header .src-icn,
        header .close-icn {
            display: none;
        }

            header .src-icn.active,
            header .close-icn.active {
                display: block;
            }

        header .src-form {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 15px;
            right: 45px;
            z-index: 1;
            max-width: 0;
            overflow: hidden;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

            header .src-form.active {
                max-width: 3000px;
            }


            header .src-form form {
                height: 100%;
            }

            header .src-form input {
                display: block;
                width: 100%;
                height: 100%;
                padding: 0 15px 0 75px;
                font-size: 1.4em;
                border: 0px solid #ccc;
                background: #f7f5f8;
                outline: 0;
                -webkit-transition: all .0s;
                transition: all .0s;
            }

                header .src-form input:focus {
                    background: #f1f2f1;
                }

            header .src-form button {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 60px;
                background: #eee;
            }




        /* HAMBURGER ICON */

        header .menu-nav-icon {
            display: inline-block;
            font-size: 30px;
            line-height: 60px;
            display: none;
            cursor: pointer;
        }


        /* DROPDOWN MENU STYLING */

        header .main-menu li.drop-down {
            position: relative;
            text-align: left;
        }

            header .main-menu li.drop-down > ul.drop-down-menu {
                display: none;
                position: absolute;
                top: 60px;
                left: 0;
                min-width: 180px;
                box-shadow: 0px 3px 10px rgba(0,0,0,.3);
                background: #fff;
            }

                header .main-menu li.drop-down > ul.drop-down-menu li {
                    display: block;
                    border-top: 1px solid #ddd;
                }

                    header .main-menu li.drop-down > ul.drop-down-menu li > a {
                        display: block;
                        padding: 17px 20px;
                    }

        header .main-menu li i {
            margin-left: 10px;
        }


        /* DROPDOWN HOVER */

        header .main-menu li.drop-down a.mouseover + ul.drop-down-menu {
            display: block;
            animation: full-opacity-anim .2s forwards;
        }


    @keyframes full-opacity-anim {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }



    /* RESPONSIVE */

    @media only screen and (max-width: 992px) {

        header .logo {
            height: 16px;
            margin: 32px 0;
        }

        header ul.main-menu > li > a {
            padding: 0 5px;
        }
    }


    @media only screen and (max-width: 767px) {

        header .logo {
            height: 16px;
            margin: 22px 0;
        }

        header .right-area {
            line-height: 50px;
        }


        /* MAIN MENU */

        header .main-menu {
            display: none;
            position: absolute;
            top: 60px;
            left: 0;
            right: 0;
            float: none;
            opacity: 0;
            z-index: 1;
            height: auto;
            text-align: left;
            background: #fff;
        }

            header .main-menu.visible-menu {
                display: block;
                box-shadow: 0 4px 20px -10px rgba(0,0,0,.4);
                animation: full-opacity-anim .2s forwards ease;
            }



            header .main-menu > li {
                display: block;
            }

        header ul.main-menu > li > a {
            display: block;
            height: auto;
            line-height: 1;
            padding: 15px;
            border-top: 1px solid #eee;
        }


        /* HAMBURGER ICON */


        header .menu-nav-icon {
            display: block;
        }


        /* DROPDOWN  */

        header .main-menu li.drop-down > ul.drop-down-menu {
            position: static;
            box-shadow: none;
        }

            header .main-menu li.drop-down > ul.drop-down-menu li {
                border-top: 1px solid #eee;
            }

        header .main-menu li.drop-down > ul.drop-down-inner li:first-child {
            border-top: 1px solid #ddd;
        }

        /* DROPDOWN HOVER */

        header .main-menu li.drop-down > ul.drop-down-menu li a {
            padding-left: 25px;
        }

        header .main-menu li.drop-down > ul.drop-down-inner li a {
            padding-left: 35px;
        }

        .chapeau-bold-article {
            color: #d52b1e;
            font-family: 'Source Sans Pro', sans-serif;
            font-weight: bold;
            font-size: 20px;
            letter-spacing: 1px;
            padding-bottom: 20px;
        }
    }

    @media only screen and (max-width: 575px) {

        header ul.main-menu > li > a {
            padding: 15px;
        }


        /* HAMBURGER ICON */

        .menu-nav-icon {
            float: right;
        }
    }

    @media only screen and (max-width: 359px) {

        header .heading-wrapper {
            padding: 30px 20px 20px;
        }

        header .info .icon {
            font-size: 25px;
        }

        header .info .right-area {
            margin-left: 35px;
        }
    }



    /* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */

    .dplay-tbl {
        display: table;
        height: 100%;
        width: 100%;
    }

    .dplay-tbl-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .oflow-hidden {
        overflow: hidden;
    }

    .oflow-visible {
        overflow: visible;
    }

    .dplay-none {
        display: none;
    }

    .dplay-block {
        display: block;
    }

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

    .opacty-1 {
        opacity: .1;
    }

    .opacty-2 {
        opacity: .2;
    }

    .opacty-3 {
        opacity: .3;
    }

    .opacty-4 {
        opacity: .4;
    }

    .opacty-5 {
        opacity: .5;
    }

    .opacty-6 {
        opacity: .6;
    }

    .opacty-7 {
        opacity: .7;
    }



    /* POSITION */

    .pos-relative {
        position: relative;
        z-index: 1;
    }

    .abs-tlr {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .abs-blr {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .abs-tl {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .abs-br {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

    .abs-tbr {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

    .abs-tblr {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .z--1 {
        z-index: -1;
    }


    /* ALIGNMENT */

    .float-left {
        float: left !important;
    }

    .float-right {
        float: right !important;
    }

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


    /* LINE HEIGHT */

    .lh-1 {
        line-height: 1.0;
    }

    .lh-1-4 {
        line-height: 1.4;
    }


    .lh-30 {
        line-height: 30px;
    }

    .lh-35 {
        line-height: 35px;
    }

    .lh-40 {
        line-height: 40px;
    }


    /* FONTS */

    .font-7 {
        font-size: .7em;
    }

    .font-75 {
        font-size: .75em;
    }

    .font-8 {
        font-size: .8em;
    }

    .font-85 {
        font-size: .85em;
    }

    .font-9 {
        font-size: .9em;
    }

    .font-11 {
        font-size: 1.1em;
    }

    .font-12 {
        font-size: 1.2em;
    }

    .font-13 {
        font-size: 1.3em;
    }

    .font-14 {
        font-size: 1.4em;
    }

    .font14 {
        font-size: 14px;
    }

    .font15 {
        font-size: 15px;
    }


    .font-20 {
        font-size: 2em;
    }

    .font-55 {
        font-size: 55px;
    }

    .text-shadow-black {
               text-shadow: 0 -1px 1px #2c2c2c;
    }



    /* RESPONSIVE */

    @media only screen and (max-width: 767px) {
        .float-sm-left {
            float: left !important;
        }

        .float-sm-right {
            float: right !important;
        }

        .float-sm-none {
            float: none !important;
        }

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

        .font-sm-13 {
            font-size: 1.3em;
        }
        
        
        .font-sm10 {
            font-size: 10px !important;
        }
        
        .font-sm11 {
            font-size: 11px !important;
        }

        .font-sm12 {
            font-size: 12px !important;
        }

        .font-sm14 {
            font-size: 14px !important;
        }


        .font-sm-18 {
            font-size: 18px;
        }
        .font-sm-28 {
            font-size: 28px;
        }
        .font-w800 {
            line-height: 1.5;
            font-weight: 800;
        }
        
  
        .headingtextkop p {
            font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
            line-height: 1.5 !important;
            font-size: 18px !important;
            font-weight: 800 !important;
            color: #121212 !important;
        }


        .articleBody, .articleBody p {
            font-family: 'Source Sans Pro', sans-serif !important;
            font-size: 17px !important;
            line-height: 1.6;
            margin-top: 5px;
            letter-spacing: 0.6px;
        }



        .font-sm-35 {
            font-size: 35px;
        }
    }


    /* COLOR */

    .color-white {
        color: #fff;
    }

    .color-green {
        color: #36D98A;
    }

    .color-ash {
        color: #aaa;
    }

    .color-ccc {
        color: #ccc;
    }

    .color-grey {
        color: #ccc;
    }

    .color-primary {
        color: #F9B500;
    }

    .color-black {
        color: #111;
    }

    .color-lite-black {
        color: #888;
    }

    .color-red {
        color: #d52b1e;
    }

    .color-color-zwart-1 {
        color: #000000 !important;
    }


    /* BACKGROUND COLOR*/


    .bg-e192 {
        background-color: #eae0e0 !important;
        background: #191919;
    }

    .bg-inarticle-related {
        background-color: #f6f6f6;
        background: #f6f6f6;
    }


    .bg-191 {
        background-color: #191919 !important;
        background: #191919;
    }
    
    .bg-000 {
        background-color: #000000 !important;
        background: #000000;
    }


    .bg-199 {
        background-color: #cfcfcf !important;
        background: #cfcfcf;
    }

    .bg-primary {
        background: #F9B500 !important;
    }

    .bg-Platinum {
        background: #F9B500 !important;
    }

    .bg-grey {
        background: #EBEBEB !important;
    }

    .bg-grf8 {
        background: #f8f8f8 !important;
    }


    .bg-wit {
        background: #ffffff !important;
    }




    /* BACKGROUND IMAGE */

    .img-bg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .bg-map {
        background-size: cover;
    }

    .bg-1 {
        background-size: cover;
    }

    .bg-2 {
        background-size: cover;
    }

    .bg-3 {
        background-size: cover;
    }

    .bg-4 {
        background-size: cover;
    }

    .bg-5 {
        background-size: cover;
    }

    .bg-6 {
        background-size: cover;
    }



    .bg-layer-4:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        opacity: .4;
        background: #111;
    }

    .bg-layer-7:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        opacity: .7;
        background: #111;
    }




    /* RESPONSIVE */

    @media only screen and (max-width: 767px) {

        .bg-sm-color-6 {
            background: rgba(0,0,0,.6);
        }

        .bg-sm-color-7 {
            background: rgba(0,0,0,.7);
        }
    }


    /* BORDER */

    .brder-grey {
        border: 1px solid #ccc;
    }

    .brder-greyhover:hover {
        border: 1px solid #ccc;
    }


    .brder-t-grey {
        border-top: 1px solid #ccc;
    }

    .brder-b-grey {
        border-bottom: 1px solid #ccc;
    }

    .brder-b2-grey {
    }


        .brder-b2-grey:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 150px;
            width: 181px;
            height: 1px;
            background: #ccc;
            z-index: 1;
        }



    .brder-tr-grey {
        border: 1px solid #ccc;
        border-bottom: 0;
        border-top: 0;
    }


    .brder-tlr-grey {
        border: 1px solid #ccc;
        border-bottom: 0;
    }

    .brder-blr-grey {
        border: 1px solid #ccc;
        border-top: 0;
    }

    .brdr-ash-1 {
        height: 1px;
        background: #aaa;
    }

    .brdr-ash-5 {
        height: 1px;
        background: #DEEAF1;
    }


    .btm-border-grey {
        border-bottom: 1px solid #eee;
    }

    .btm-r-grey {
        border-right: 1px solid #eee;
    }
    
   .brdr-black {
    height: 1px;
    background: #000000;
    }



    /* LINK STYLING	 */

    .link-brdr-btm-primary {
        position: relative;
        padding-bottom: 5px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        .link-brdr-btm-primary:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: #F9B500;
            -webkit-transition: all .2s;
            transition: all .2s;
            -webkit-transform-origin: right;
            transform-origin: right;
        }

        .link-brdr-btm-primary:hover {
            -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
        }

            .link-brdr-btm-primary:hover:after {
                -webkit-transform: scale(0);
                transform: scale(0);
            }


    /* BUTTON STYLING */

    .btn-brdr-primary {
        text-align: center;
        height: 45px;
        line-height: 43px;
        border: 1px solid #d52b1e;
        color: #d52b1e;
        border-radius: 2px;
    }

        .btn-brdr-primary:hover {
            background: #fffff;
            color: #000;
        }

    .btn-brdr-grey {
        text-align: center;
        height: 45px;
        line-height: 43px;
        border: 1px solid #ccc;
        line-height: 1;
        border-radius: 2px;
    }

        .btn-brdr-grey:hover {
            border: 1px solid #F9B500;
            background: #F9B500;
            color: #000;
        }

    .btn-fill-primary {
        text-align: center;
        height: 45px;
        line-height: 43px;
        border: 1px solid #F9B500;
        background: #F9B500;
        border-radius: 2px;
        color: #111;
    }

        .btn-fill-primary:hover {
            background: none;
        }

    .btn-fill-blue {
        text-align: center;
        height: 45px;
        line-height: 43px;
        border: 1px solid #00aeef;
        background: #00aeef;
        border-radius: 2px;
        color: #ffffff;
    }


    .btn-fill-grey {
        text-align: center;
        height: 45px;
        line-height: 43px;
        border: 1px solid #ccc;
        background: #ccc;
        border-radius: 2px;
        color: #111;
    }

        .btn-fill-grey:hover {
            border: 1px solid #F9B500;
            background: none;
            color: #000;
        }


    .btn-b-md {
        font-size: .9em;
        height: 35px;
        line-height: 35px;
    }

    .btn-b-sm {
        font-size: .9em;
        height: 30px;
        line-height: 28px;
    }


    /* FORM INPUT STYLING */

    .nwsltr-primary-1 {
        position: relative;
    }

        .nwsltr-primary-1 input {
            height: 45px;
            display: block;
            width: 100%;
            padding: 0 65px 0 20px;
            border: 1px solid #d52b1e;
        }

        .nwsltr-primary-1 button {
            position: absolute;
            top: 1px;
            bottom: 1px;
            right: 1px;
            width: 45px;
            text-align: center;
            background: #d52b1e;
            color: #000;
        }

            .nwsltr-primary-1 button i {
                font-size: 1.3em;
            }

            .nwsltr-primary-1 button:hover {
                background: #000;
                color: #fff;
            }


    /* FORM INPUT STYLING */

    .nwsltr-grey-1 {
        position: relative;
    }

        .nwsltr-grey-1 input {
            height: 45px;
            display: block;
            width: 100%;
            padding: 0 65px 0 20px;
            border: 1px solid #EBEBEB;
            position: absolute;
        }

        .nwsltr-grey-1 button {
            position: absolute;
            top: 1px;
            bottom: 1px;
            right: 1px;
            width: 45px;
            text-align: center;
            color: #000;
        }

            .nwsltr-grey-1 button i {
                font-size: 1.3em;
            }

            .nwsltr-grey-1 button:hover {
                background: #000;
                color: #fff;
            }

    .form-block input,
    .form-block textarea {
        display: block;
        width: 100%;
    }

    .form-bold input,
    .form-bold textarea {
        font-weight: 700;
    }

    .form-plr-15 input,
    .form-plr-15 textarea {
        padding: 0 15px;
    }

    .form-h-35 input {
        height: 35px;
    }

    .form-h-40 input {
        height: 40px;
    }

    .form-h-45 input {
        height: 45px;
    }

    .form-mb-20 input,
    .form-mb-20 textarea {
        margin-bottom: 20px;
    }

    .form-brdr-grey input,
    .form-brdr-grey textarea {
        border: 1px solid #ccc;
    }

    .form-brdr-lite-white input,
    .form-brdr-lite-white textarea {
        border: 1px solid #ddd;
    }

    .form-brdr-b-grey input,
    .form-brdr-b-grey textarea {
        outline: 0;
        border: 0px;
        border-bottom: 1px solid #ccc;
    }

        .form-brdr-b-grey input:focus,
        .form-brdr-b-grey textarea:focus {
            border-bottom: 1px solid #F9B500;
        }



    /* SIDED SECTION */

    .sided-70 {
        position: relative;
    }

    .sided-100 {
        position: relative;
    }


    .sided-70 .s-left {
        position: absolute;
        top: 0;
        left: 0;
        height: 70px;
        width: 70px;
    }

        .sided-70 .s-left.rounded img {
            border-radius: 70px;
            overflow: hidden;
        }

    .sided-70 .s-right {
        min-height: 70px;
    }


    .sided-100 .s-left {
        position: absolute;
        top: 0;
        left: 0;
        height: 100px;
        width: 100px;
    }

        .sided-100 .s-left.rounded img {
            border-radius: 100px;
            overflow: hidden;
        }

    .sided-100 .s-right {
        min-height: 100px;
    }


    /* FLOAT LEFT RIGHT	 */

    .float-left-right {
        overflow: hidden;
    }

        .float-left-right ul:first-child {
            float: left;
        }

        .float-left-right ul:last-child {
            float: right;
        }


    /* RESPONSIVE */

    @media only screen and (max-width: 767px) {

        .float-left-right {
            text-align: center;
        }

            .float-left-right ul:first-child,
            .float-left-right ul:last-child {
                float: none;
            }
    }

    /* ACCRODIAN */

    .accordian:first-child {
        border-top: 1px solid #ccc;
    }

    .accordian .a-title {
        padding: 15px 50px 15px 25px;
        display: block;
        position: relative;
        border: 1px solid #ccc;
        border-top: 0;
    }

        .accordian .a-title i {
            position: absolute;
            top: 50%;
            right: 0;
            color: #F9B500;
            width: 50px;
            text-align: center;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .accordian .a-body {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        .accordian .a-body.active,
        #editor1 .accordian .a-body {
            max-height: 1000px;
        }

    .a-body-inner {
        padding: 25px 40px 25px 25px;
        border: 1px solid #ccc;
        border-top: 0;
    }



    /* INDIVIDUAL STYLING */

    section {
        padding: 35px 0;
    }

    .p-title {
        position: relative;
        padding-bottom: 8px;
        margin-bottom: 20px;
        margin-top: -10px;
    }

        .p-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ccc;
        }

        .p-title:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #d52b1e;
            z-index: 1;
        }


    .p-title-meest-gelezen {
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

        .p-title-meest-gelezen:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ccc;
        }

        .p-title-meest-gelezen:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 80px;
            height: 5px;
            background: #00aeef;
            z-index: 1;
        }


    .p-title-extra {
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

        .p-title-extra:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ccc;
        }

        .p-title-extra:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 80px;
            height: 5px;
            background: #d52b1e;
            z-index: 1;
        }


    .p-title-laatste-nieuws {
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

        .p-title-laatste-nieuws:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ccc;
        }

        .p-title-laatste-nieuws:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 80px;
            height: 5px;
            background: #ccc;
            ;
            z-index: 1;
        }

    .bijschrift-infobar {
        color: #bfbcbe;
        float: right;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 1px !important;
        line-height: 1.2;
        text-align: right;
        margin-bottom: 25px;
        margin-top: 20px;
    }


    /*too not interfer with mobile*/
    @media (min-width:576px) {
        .line-height1-2 {
            line-height: 1.2 !important;
        }
       
        .line-height-26 {
            line-height: 26px !important;
        }


        .line-height-29 {
            line-height: 29px !important;
        }
    }


    .articleBody, .articleBody p {
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 19px;
        line-height: 1.5;
        margin-top: 5px;
        letter-spacing: 0.6px;
    }

    .fa-envelope {
        position: relative !important;
        width: auto !important;
    }

    .articleBody p {
        margin: 25px 0;
        color: #000;
    }

    .articleBody a {
        font-weight: 500;
        color: #d52b1e !important;
    }


    .articleBody h2 {
        font-weight: bold;
        margin-bottom: .5rem;
    }

    .us_comment, .us_mail, div[class*=us_comment] {
        background-color: #666;
    }

    .section-heading {
        font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
        font-size: 30px;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: -20px !important;
    }


    .articleBody h2 {
        font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
        font-size: 30px;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: -20px !important;
    }


    .special_container {
        background: #eeeeee;
        border: 1px solid #cccccc;
        padding: 5px 10px;
        border: 1px solid #ececec !important;
        font: 'Source Sans Pro',sans-serif !important;
        margin-bottom: 25px !important;
    }



    .quote-primary {
        padding: 10px 20px;
        border-left: 2px solid #d52b1e;
    }

    /* Sharer */

    .us_wrapper .us_button .us_share {
        margin-top: 8px !important;
    }

    .us_wrapper a {
        color: #fff !important;
        text-decoration: none !important;
        border: none;
    }

    .us_wrapper .us_button {
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
    }

    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    div.pad div.dossierdiv:nth-child(odd), .activiteit:nth-child(even) {
        background-color: #f8f8f8;
        overflow: hidden;
    }

    div[class*=us_facebook] {
        background-color: #3b5998;
    }

    div[class*=us_google] {
        background-color: #D95232;
    }

    div[class*=us_print] {
        background-color: #a4a4a4;
    }

    div[class*=us_twitter] {
        background-color: #00ABF0;
    }

    div[class*=whatsappshare] {
        background-color: #5cbe4a;
    }

    .us_wrapper .us_button {
        text-align: center;
        width: 62px;
        display: inline-block;
        line-height: 24px;
        margin-bottom: 3px !important;
        white-space: nowrap;
        height: 24px;
        overflow: hidden;
    }



    @media print {

        header.masthead {
            margin-bottom: 0px !important;
        }

        .bijschrift-infobar {
            float: none !important;
        }

        #infobar {
            width: 75% !important;
            float: none !important;
            position: relative !important;
        }

        .streamer {
            margin-left: 0px !important;
        }

        header .masthead .post-heading h1 {
            font-size: 42px;
        }

        .post-heading {
            max-width: 75% !important;
            font-size: 120%;
        }

        .articleBody, p {
            font-size: 120% !important;
        }


        #barcontainer, #mm-3, #mm-2, #mm-4 {
            display: none !important;
        }

        .post-heading {
            padding: 0px !important;
        }

        .container, .ml-auto, .mx-auto {
            margin: 10px !important;
        }
    }




    /* WIDTH/HEIGHT */

    .w-auto {
        width: auto !important;
    }

    .h-auto {
        height: auto !important;
    }

    .w-10 {
        width: 10% !important;
    }

    .w-20 {
        width: 20% !important;
    }

    .w-30 {
        width: 30% !important;
    }
    
    .w-35 {
        width: 35% !important;
    }


    .w-40 {
        width: 40% !important;
    }

    .w-50 {
        width: 50% !important;
    }

    .w-60 {
        width: 60% !important;
    }

    .w-70 {
        width: 70% !important;
    }

    .w-80 {
        width: 80% !important;
    }

    .w-90 {
        width: 90% !important;
    }

    .w-100 {
        width: 100% !important;
    }

    .w-100-max {
        max-width: 100% !important;
    }


    .w-1-4 {
        width: 25% !important;
    }

    .w-1-3 {
        width: 33.33% !important;
    }

    .w-2-3 {
        width: 66.666% !important;
    }

    .w-3-4 {
        width: 75% !important;
    }

    .h-10 {
        height: 10% !important;
    }

    .h-20 {
        height: 20% !important;
    }

    .h-30 {
        height: 30% !important;
    }

    .h-40 {
        height: 40% !important;
    }

    .h-50 {
        height: 50% !important;
    }

    .h-60 {
        height: 60% !important;
    }

    .h-70 {
        height: 70% !important;
    }

    .h-80 {
        height: 80% !important;
    }

    .h-90 {
        height: 90% !important;
    }

    .h-100 {
        height: 100% !important;
    }

    .h-1-4 {
        height: 25% !important;
    }

    .h-1-3 {
        height: 33.33% !important;
    }

    .h-2-3 {
        height: 100.000% !important;
    }

    .h-3-4 {
        height: 75% !important;
    }

    .h-100vh {
        height: 100vh !important;
    }

    .wh-50x {
        height: 50px;
        width: 50px !important;
    }

    .wh-90x {
        height: 90px;
        width: 90px !important;
    }


    .wh-100x {
        height: 100px;
        width: 100px !important;
    }



    .wh-150x {
        height: 150px;
        width: 150px !important;
    }

    .wh-160x {
        height: 160px;
        width: 160px !important;
    }

    .wh-180x {
        height: 180px;
        width: 180px;
    }

    .wh-200x {
        height: 200px;
        width: 200px;
    }

    .wh-240x {
        height: 240px;
        width: 240px !important;
    }



    .w-30x {
        width: 30px !important;
    }

    .w-50x {
        width: 50px !important;
    }

    .w-60x {
        width: 60px !important;
    }

    .w-70x {
        width: 70px !important;
    }

    .w-80x {
        width: 80px !important;
    }


    .w-100x {
        width: 100px !important;
    }

    .w-150x {
        width: 150px !important;
    }

    .w-165x {
        width: 165px !important;
    }

    .w-200x {
        width: 200px !important;
    }
    
    .w-230x {
        width: 230px !important;
    }


    .w-260x {
        width: 260px !important;
    }

    .w-290x {
        width: 290px !important;
    }


    .w-300x {
        width: 300px !important;
    }

    .w-325x {
        width: 325px !important;
    }

    .w-350x {
        width: 350px !important;
    }


    .w-400x {
        width: 400px !important;
    }

    .w-450x {
        width: 450px !important;
    }

    .w-500x {
        width: 500px !important;
    }

    .w-550x {
        width: 550px !important;
    }


    .w-600x {
        width: 600px !important;
    }

    .w-700x {
        width: 700px !important;
    }

    .w-800x {
        width: 800px !important;
    }

    .w-900x {
        width: 900px !important;
    }
    
    .w-1000x {
        width: 1000px !important;
    }

    
    .h-40x {
        height: 40px !important;
    }

    .h-50x {
        height: 50px !important;
    }

    .h-60x {
        height: 60px !important;
    }
    
    .h-80x {
        height: 80px !important;
    }
    
    .h-90x {
        height: 90px !important;
    }


    .h-100x {
        height: 100px !important;
    }

    .h-130x {
        height: 130px !important;
    }

    .h-150x {
        height: 150px !important;
    }
    
    .h-160x {
        height: 160px !important;
    }


    .h-180x {
        height: 180px !important;
    }


    .h-200x {
        height: 200px !important;
    }
    
    .h-215x {
        height: 215px !important;
    }


    .h-250x {
        height: 250px !important;
    }

    .h-280x {
        height: 280px !important;
    }


    .h-300x {
        height: 300px !important;
    }
    
     .h-350x {
        height: 350px !important;
    }


    .h-400x {
        height: 400px !important;
    }
    
     .h-435x {
        height: 435px !important;
    }

    
    .h-440x {
        height: 440px !important;
    }

    .h-450x {
        height: 450px !important;
    }

    .h-500x {
        height: 500px !important;
    }

    .h-600x {
        height: 600px !important;
    }

    .h-700x {
        height: 700px !important;
    }

    .h-800x {
        height: 800px !important;
    }

    .h-900x {
        height: 900px !important;
    }

    .min-h-20x {
        min-height: 20px !important;
    }

    .min-h-100x {
        min-height: 100px !important;
    }


    .min-h-130x {
        min-height: 130px !important;
    }
    
    .min-h-250x {
        min-height: 250px !important;
    }

   .min-h-200x {
        min-height: 200px !important;
    }


    .min-h-70x {
        min-height: 70px !important;
    }

    .min-h-90x {
        min-height: 90px !important;
    }

    .max-h-100x {
        max-height: 100px !important;
    }
    
    .max-h-180x {
        max-height: 180px !important;
    }

    
    .max-h-200x {
        max-height: 200px !important;
    }


    .max-h-250x {
        max-height: 250px !important;
    }


    /* RESPONSIVE */

    @media only screen and (max-width: 767px) {

        .w-sm-auto {
            width: auto !important;
        }

        .h-sm-auto {
            height: auto !important;
        }

        .w-sm-10 {
            width: 10% !important;
        }

        .w-sm-15 {
            width: 15% !important;
        }


        .w-sm-20 {
            width: 20% !important;
        }

        .w-sm-30 {
            width: 30% !important;
        }

        .w-sm-35 {
            width: 35% !important;
        }

        .w-sm-40 {
            width: 40% !important;
        }

        .w-sm-50 {
            width: 50% !important;
        }

        .w-sm-60 {
            width: 60% !important;
        }

        .w-sm-65 {
            width: 65% !important;
        }


        .w-sm-70 {
            width: 70% !important;
        }

        .w-sm-80 {
            width: 80% !important;
        }

        .w-sm-85 {
            width: 85% !important;
        }


        .w-sm-90 {
            width: 90% !important;
        }

        .w-sm-100 {
            width: 100% !important;
        }

        .w-sm-1-4 {
            width: 25% !important;
        }

        .w-sm-1-3 {
            width: 33.33% !important;
        }

        .w-sm-2-3 {
            width: 66.666% !important;
        }

        .w-sm-3-4 {
            width: 75% !important;
        }

        .h-sm-10 {
            height: 10% !important;
        }

        .h-sm-20 {
            height: 20% !important;
        }

        .h-sm-30 {
            height: 30% !important;
        }

        .h-sm-40 {
            height: 40% !important;
        }

        .h-sm-50 {
            height: 50% !important;
        }

        .h-sm-60 {
            height: 60% !important;
        }

        .h-sm-70 {
            height: 70% !important;
        }

        .h-sm-80 {
            height: 80% !important;
        }

        .h-sm-90 {
            height: 90% !important;
        }

        .h-sm-100 {
            height: 100% !important;
        }

        .h-sm-1-4 {
            height: 25% !important;
        }

        .h-sm-1-3 {
            height: 33.33% !important;
        }

        .h-sm-2-3 {
            height: 66.666% !important;
        }

        .h-sm-3-4 {
            height: 75% !important;
        }

        .h-sm-100vh {
            height: 100vh !important;
        }

        .wh-sm-100x {
            height: 100px !important;
            width: 100px !important;
        }

        .wh-sm-140x {
            height: 140px;
            width: 140px !important;
        }

        .wh-sm-160x {
            height: 160px;
            width: 160px !important;
        }

        .wh-sm-150x {
            height: 150px;
            width: 150px !important;
        }
        
        .wh-sm-170x {
            height: 170px;
            width: 170px !important;
        }

        
        .wh-sm-180x {
            height: 180px;
            width: 180px !important;
        }


        .w-sm-20x {
            width: 20px !important;
        }

        .w-sm-70x {
            width: 70px !important;
        }

        .w-sm-100x {
            width: 100px !important;
        }

        .w-sm-130x {
            width: 130px !important;
        }

        .w-sm-150x {
            width: 150px !important;
        }
        
        .w-sm-180x {
            width: 180px !important;
        }

        .w-sm-200x {
            width: 200px !important;
        }

        .w-sm-300x {
            width: 300px !important;
        }

        .w-sm-400x {
            width: 400px !important;
        }

        .w-sm-500x {
            width: 500px !important;
        }

        .w-sm-600x {
            width: 600px !important;
        }

        .w-sm-700x {
            width: 700px !important;
        }

        .w-sm-800x {
            width: 800px !important;
        }

        .w-sm-900x {
            width: 900px !important;
        }

        .h-sm-0x {
            height: 0px !important;
        }

        .h-sm-10x {
            height: 10px !important;
        }

        .h-sm-50x {
            height: 50px !important;
        }


        .h-sm-100x {
            height: 100px !important;
        }


        .h-sm-110x {
            height: 110px !important;
        }


        .h-sm-140x {
            height: 140px !important;
        }

        .h-sm-150x {
            height: 150px !important;
        }


        .h-sm-200x {
            height: 200px !important;
        }

        .h-sm-300x {
            height: 300px !important;
        }

        .h-sm-400x {
            height: 400px !important;
        }

        .h-sm-500x {
            height: 500px !important;
        }

        .h-sm-600x {
            height: 600px !important;
        }

        .h-sm-700x {
            height: 700px !important;
        }

        .h-sm-800x {
            height: 800px !important;
        }

        .h-sm-900x {
            height: 900px !important;
        }

        .min-h-100x {
            min-height: 100px !important;
        }

        .sm-min-h-120x {
            min-height: 120px !important;
        }

        .sm-pd-10 {
            padding-left: 10px;
            padding-right: 10px;
        }

        .sm-pd-5 {
            padding-right: 5px;
            padding-left: 5px;
        }

        .sm-pd-15 {
            padding-right: 15px;
            padding-left: 15px;
        }

        .sm-min-h-100x {
            min-height: 100px !important;
        }

        .sm-min-h-115x {
            min-height: 115px !important;
        }

        .sm-min-h-105x {
            min-height: 105px !important;
        }
    }


    /* LIST */

    .list-disc > li > a {
        list-style-type: disc;
    }

    .list-disc > li {
        list-style-type: disc;
    }

    .list-block > li {
        display: block;
    }

    .list-relative > li {
        position: relative;
    }

    .list-a-block > li > a {
        display: block;
    }

    .list-btm-border-white > li {
        border-bottom: 1px solid #fff;
    }

    .list-btm-border-grey > li {
        border-bottom: 1px solid #eee;
        ;
    }

    .list-a-bg-grey > li > a {
        background: #EBEBEB;
    }


    .list-a-bg-red > li > a {
        background: #d52b1e;
        color: #ffffff;
    }


    .list-a-br-2 > li > a {
        border-radius: 2px;
    }

    .list-a-hw-radial-35 > li > a {
        height: 35px;
        width: 35px;
        border-radius: 35px;
        line-height: 35px;
    }


.list-span-hw-radial-36 > li > span {
    height: 36px;
    width: 36px;
    border-radius: 36px;
    line-height: 36px;
}


    .list-a-hw-radial-25 > li > a {
        height: 25px;
        width: 25px;
        border-radius: 25px;
        line-height: 25px;
    }



    .list-a-hvr-primary > li > a:hover {
        background: #F9B500;
        color: #fff;
    }

    .list-a-hvr-blue > li > a:hover {
        background: #00aeef;
        color: #fff;
    }


    /* MARGIN/PADDING */

    .list-a-p-0 > li > a {
        padding: 0px;
    }

    .list-a-p-5 > li > a {
        padding: 5px;
    }

    .list-a-p-10 > li > a {
        padding: 10px;
    }

    .list-a-p-15 > li > a {
        padding: 15px;
    }

    .list-a-p-20 > li > a {
        padding: 20px;
    }

    .list-a-p-25 > li > a {
        padding: 25px;
    }

    .list-a-p-30 > li > a {
        padding: 30px;
    }

    .list-a-plr-0 > li > a {
        padding-left: 0px;
        padding-right: 0px;
    }

    .list-a-plr-5 > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .list-a-plr-10 > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .list-a-plr-15 > li > a {
        padding-left: 14px;
        padding-right: 14px;
    }

    .list-a-plr-20 > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .list-a-plr-25 > li > a {
        padding-left: 25px;
        padding-right: 25px;
    }

    .list-a-plr-30 > li > a {
        padding-left: 30px;
        padding-right: 30px;
    }

    .list-a-pr-0 > li > a {
        padding-right: 0px;
    }

    .list-a-pr-5 > li > a {
        padding-right: 5px;
    }

    .list-a-pr-10 > li > a {
        padding-right: 10px;
    }

    .list-a-pr-15 > li > a {
        padding-right: 15px;
    }

    .list-a-pr-20 > li > a {
        padding-right: 20px;
    }

    .list-a-pr-25 > li > a {
        padding-right: 25px;
    }

    .list-a-pr-30 > li > a {
        padding-right: 30px;
    }

    .list-a-pl-0 > li > a {
        padding-left: 0px;
    }

    .list-a-pl-5 > li > a {
        padding-left: 5px;
    }

    .list-a-pl-10 > li > a {
        padding-left: 10px;
    }

    .list-a-pl-15 > li > a {
        padding-left: 15px;
    }

    .list-a-pl-20 > li > a {
        padding-left: 20px;
    }

    .list-a-pl-25 > li > a {
        padding-left: 25px;
    }

    .list-a-pl-30 > li > a {
        padding-left: 30px;
    }

    .list-a-ptb-0 > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .list-a-ptb-5 > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .list-a-ptb-10 > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .list-a-ptb-15 > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .list-a-ptb-20 > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .list-a-ptb-25 > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .list-a-ptb-30 > li > a {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .list-a-ptb-7 > li > a {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .list-a-ptb-8 > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .list-a-pt-0 > li > a {
        padding-top: 0px;
    }

    .list-a-pt-5 > li > a {
        padding-top: 5px;
    }

    .list-a-pt-10 > li > a {
        padding-top: 10px;
    }

    .list-a-pt-15 > li > a {
        padding-top: 15px;
    }

    .list-a-pt-20 > li > a {
        padding-top: 20px;
    }

    .list-a-pt-25 > li > a {
        padding-top: 25px;
    }

    .list-a-pt-30 > li > a {
        padding-top: 30px;
    }

    .list-a-pb-0 > li > a {
        padding-bottom: 0px;
    }

    .list-a-pb-5 > li > a {
        padding-bottom: 5px;
    }

    .list-a-pb-10 > li > a {
        padding-bottom: 10px;
    }

    .list-a-pb-15 > li > a {
        padding-bottom: 15px;
    }

    .list-a-pb-20 > li > a {
        padding-bottom: 20px;
    }

    .list-a-pb-25 > li > a {
        padding-bottom: 25px;
    }

    .list-a-pb-30 > li > a {
        padding-bottom: 30px;
    }


    .list-li-mlr-0 > li {
        margin-left: 0px;
        margin-right: 0px;
    }

    .list-li-mlr-5 > li {
        margin-left: 5px;
        margin-right: 5px;
    }

    .list-li-mlr-10 > li {
        margin-left: 10px;
        margin-right: 10px;
    }

    .list-li-mlr-15 > li {
        margin-left: 15px;
        margin-right: 15px;
    }

    .list-li-mlr-20 > li {
        margin-left: 20px;
        margin-right: 20px;
    }

    .list-li-mlr-25 > li {
        margin-left: 25px;
        margin-right: 25px;
    }

    .list-li-mlr-30 > li {
        margin-left: 30px;
        margin-right: 30px;
    }

    .list-li-mtb-0 > li {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .list-li-mtb-5 > li {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .list-li-mtb-10 > li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .list-li-mtb-15 > li {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .list-li-mtb-20 > li {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .list-li-mtb-25 > li {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .list-li-mtb-30 > li {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .list-li-mr-0 > li {
        margin-right: 0px;
    }

    .list-li-mr-5 > li {
        margin-right: 5px;
    }

    .list-li-mr-10 > li {
        margin-right: 10px;
    }

    .list-li-mr-15 > li {
        margin-right: 15px;
    }

    .list-li-mr-20 > li {
        margin-right: 20px;
    }

    .list-li-mr-25 > li {
        margin-right: 25px;
    }

    .list-li-mr-30 > li {
        margin-right: 30px;
    }

    .list-li-ml-0 > li {
        margin-left: 0px;
    }

    .list-li-ml-5 > li {
        margin-left: 5px;
    }

    .list-li-ml-10 > li {
        margin-left: 10px;
    }

    .list-li-ml-15 > li {
        margin-left: 15px;
    }

    .list-li-ml-20 > li {
        margin-left: 20px;
    }

    .list-li-ml-25 > li {
        margin-left: 25px;
    }

    .list-li-ml-30 > li {
        margin-left: 30px;
    }

    .list-li-mt-0 > li {
        margin-top: 0px;
    }

    .list-li-mt-5 > li {
        margin-top: 5px;
    }

    .list-li-mt-10 > li {
        margin-top: 10px;
    }

    .list-li-mt-15 > li {
        margin-top: 15px;
    }

    .list-li-mt-20 > li {
        margin-top: 20px;
    }

    .list-li-mt-25 > li {
        margin-top: 25px;
    }

    .list-li-mt-30 > li {
        margin-top: 30px;
    }

    .list-li-mb-0 > li {
        margin-bottom: 0px;
    }

    .list-li-mb-5 > li {
        margin-bottom: 5px;
    }

    .list-li-mb-10 > li {
        margin-bottom: 10px;
    }

    .list-li-mb-15 > li {
        margin-bottom: 15px;
    }

    .list-li-mb-20 > li {
        margin-bottom: 20px;
    }

    .list-li-mb-25 > li {
        margin-bottom: 25px;
    }

    .list-li-mb-30 > li {
        margin-bottom: 30px;
    }


    .list-li-plr-0 > li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .list-li-plr-5 > li {
        padding-left: 5px;
        padding-right: 5px;
    }

    .list-li-plr-10 > li {
        padding-left: 10px;
        padding-right: 10px;
    }

    .list-li-plr-15 > li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .list-li-plr-20 > li {
        padding-left: 20px;
        padding-right: 20px;
    }

    .list-li-plr-25 > li {
        padding-left: 25px;
        padding-right: 25px;
    }

    .list-li-plr-30 > li {
        padding-left: 30px;
        padding-right: 30px;
    }

    .list-li-ptb-0 > li {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .list-li-ptb-5 > li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .list-li-ptb-10 > li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .list-li-ptb-15 > li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .list-li-ptb-20 > li {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .list-li-ptb-25 > li {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .list-li-ptb-30 > li {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .list-li-pr-0 > li {
        padding-right: 0px;
    }

    .list-li-pr-5 > li {
        padding-right: 5px;
    }

    .list-li-pr-10 > li {
        padding-right: 10px;
    }

    .list-li-pr-15 > li {
        padding-right: 15px;
    }

    .list-li-pr-20 > li {
        padding-right: 20px;
    }

    .list-li-pr-25 > li {
        padding-right: 25px;
    }

    .list-li-pr-30 > li {
        padding-right: 30px;
    }

    .list-li-pl-0 > li {
        padding-left: 0px;
    }

    .list-li-pl-5 > li {
        padding-left: 5px;
    }

    .list-li-pl-10 > li {
        padding-left: 10px;
    }

    .list-li-pl-15 > li {
        padding-left: 15px;
    }

    .list-li-pl-20 > li {
        padding-left: 20px;
    }

    .list-li-pl-25 > li {
        padding-left: 25px;
    }

    .list-li-pl-30 > li {
        padding-left: 30px;
    }

    .list-li-pt-0 > li {
        padding-top: 0px;
    }

    .list-li-pt-5 > li {
        padding-top: 5px;
    }

    .list-li-pt-10 > li {
        padding-top: 10px;
    }

    .list-li-pt-15 > li {
        padding-top: 15px;
    }

    .list-li-pt-20 > li {
        padding-top: 20px;
    }

    .list-li-pt-25 > li {
        padding-top: 25px;
    }

    .list-li-pt-30 > li {
        padding-top: 30px;
    }

    .list-li-pb-0 > li {
        padding-bottom: 0px;
    }

    .list-li-pb-5 > li {
        padding-bottom: 5px;
    }

    .list-li-pb-10 > li {
        padding-bottom: 10px;
    }

    .list-li-pb-15 > li {
        padding-bottom: 15px;
    }

    .list-li-pb-20 > li {
        padding-bottom: 20px;
    }

    .list-li-pb-25 > li {
        padding-bottom: 25px;
    }

    .list-li-pb-30 > li {
        padding-bottom: 30px;
    }



    /* RESPONSIVE */

    @media only screen and (max-width: 767px) {

        .list-a-p-sm-0 > li > a {
            padding: 0px;
        }

        .list-a-p-sm-5 > li > a {
            padding: 5px;
        }

        .list-a-p-sm-10 > li > a {
            padding: 10px;
        }

        .list-a-p-sm-15 > li > a {
            padding: 15px;
        }

        .list-a-p-sm-20 > li > a {
            padding: 20px;
        }

        .list-a-p-sm-25 > li > a {
            padding: 25px;
        }

        .list-a-p-sm-30 > li > a {
            padding: 30px;
        }

        .list-a-plr-sm-0 > li > a {
            padding-left: 0px;
            padding-right: 0px;
        }

        .list-a-plr-sm-5 > li > a {
            padding-left: 5px;
            padding-right: 5px;
        }

        .list-a-plr-sm-10 > li > a {
            padding-left: 10px;
            padding-right: 10px;
        }

        .list-a-plr-sm-15 > li > a {
            padding-left: 15px;
            padding-right: 15px;
        }

        .list-a-plr-sm-20 > li > a {
            padding-left: 20px;
            padding-right: 20px;
        }

        .list-a-plr-sm-25 > li > a {
            padding-left: 25px;
            padding-right: 25px;
        }

        .list-a-plr-sm-30 > li > a {
            padding-left: 30px;
            padding-right: 30px;
        }

        .list-a-pr-sm-0 > li > a {
            padding-right: 0px;
        }

        .list-a-pr-sm-5 > li > a {
            padding-right: 5px;
        }

        .list-a-pr-sm-10 > li > a {
            padding-right: 10px;
        }

        .list-a-pr-sm-15 > li > a {
            padding-right: 15px;
        }

        .list-a-pr-sm-20 > li > a {
            padding-right: 20px;
        }

        .list-a-pr-sm-25 > li > a {
            padding-right: 25px;
        }

        .list-a-pr-sm-30 > li > a {
            padding-right: 30px;
        }

        .list-a-pl-sm-0 > li > a {
            padding-left: 0px;
        }

        .list-a-pl-sm-5 > li > a {
            padding-left: 5px;
        }

        .list-a-pl-sm-10 > li > a {
            padding-left: 10px;
        }

        .list-a-pl-sm-15 > li > a {
            padding-left: 15px;
        }

        .list-a-pl-sm-20 > li > a {
            padding-left: 20px;
        }

        .list-a-pl-sm-25 > li > a {
            padding-left: 25px;
        }

        .list-a-pl-sm-30 > li > a {
            padding-left: 30px;
        }

        .list-a-ptb-sm-0 > li > a {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .list-a-ptb-sm-5 > li > a {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .list-a-ptb-sm-10 > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .list-a-ptb-sm-15 > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .list-a-ptb-sm-20 > li > a {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .list-a-ptb-sm-25 > li > a {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .list-a-ptb-sm-30 > li > a {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .list-a-ptb-sm-7 > li > a {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .list-a-ptb-sm-8 > li > a {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .list-a-pt-sm-0 > li > a {
            padding-top: 0px;
        }

        .list-a-pt-sm-5 > li > a {
            padding-top: 5px;
        }

        .list-a-pt-sm-10 > li > a {
            padding-top: 10px;
        }

        .list-a-pt-sm-15 > li > a {
            padding-top: 15px;
        }

        .list-a-pt-sm-20 > li > a {
            padding-top: 20px;
        }

        .list-a-pt-sm-25 > li > a {
            padding-top: 25px;
        }

        .list-a-pt-sm-30 > li > a {
            padding-top: 30px;
        }

        .list-a-pb-sm-0 > li > a {
            padding-bottom: 0px;
        }

        .list-a-pb-sm-5 > li > a {
            padding-bottom: 5px;
        }

        .list-a-pb-sm-10 > li > a {
            padding-bottom: 10px;
        }

        .list-a-pb-sm-15 > li > a {
            padding-bottom: 15px;
        }

        .list-a-pb-sm-20 > li > a {
            padding-bottom: 20px;
        }

        .list-a-pb-sm-25 > li > a {
            padding-bottom: 25px;
        }

        .list-a-pb-sm-30 > li > a {
            padding-bottom: 30px;
        }


        .list-li-mlr-sm-0 > li {
            margin-left: 0px;
            margin-right: 0px;
        }

        .list-li-mlr-sm-5 > li {
            margin-left: 5px;
            margin-right: 5px;
        }

        .list-li-mlr-sm-10 > li {
            margin-left: 10px;
            margin-right: 10px;
        }

        .list-li-mlr-sm-15 > li {
            margin-left: 15px;
            margin-right: 15px;
        }

        .list-li-mlr-sm-20 > li {
            margin-left: 20px;
            margin-right: 20px;
        }

        .list-li-mlr-sm-25 > li {
            margin-left: 25px;
            margin-right: 25px;
        }

        .list-li-mlr-sm-30 > li {
            margin-left: 30px;
            margin-right: 30px;
        }

        .list-li-mtb-sm-0 > li {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .list-li-mtb-sm-5 > li {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .list-li-mtb-sm-10 > li {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .list-li-mtb-sm-15 > li {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .list-li-mtb-sm-20 > li {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .list-li-mtb-sm-25 > li {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .list-li-mtb-sm-30 > li {
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .list-li-mr-sm-0 > li {
            margin-right: 0px;
        }

        .list-li-mr-sm-5 > li {
            margin-right: 5px;
        }

        .list-li-mr-sm-10 > li {
            margin-right: 10px;
        }

        .list-li-mr-sm-15 > li {
            margin-right: 15px;
        }

        .list-li-mr-sm-20 > li {
            margin-right: 20px;
        }

        .list-li-mr-sm-25 > li {
            margin-right: 25px;
        }

        .list-li-mr-sm-30 > li {
            margin-right: 30px;
        }

        .list-li-ml-sm-0 > li {
            margin-left: 0px;
        }

        .list-li-ml-sm-5 > li {
            margin-left: 5px;
        }

        .list-li-ml-sm-10 > li {
            margin-left: 10px;
        }

        .list-li-ml-sm-15 > li {
            margin-left: 15px;
        }

        .list-li-ml-sm-20 > li {
            margin-left: 20px;
        }

        .list-li-ml-sm-25 > li {
            margin-left: 25px;
        }

        .list-li-ml-sm-30 > li {
            margin-left: 30px;
        }

        .list-li-mt-sm-0 > li {
            margin-top: 0px;
        }

        .list-li-mt-sm-5 > li {
            margin-top: 5px;
        }

        .list-li-mt-sm-10 > li {
            margin-top: 10px;
        }

        .list-li-mt-sm-15 > li {
            margin-top: 15px;
        }

        .list-li-mt-sm-20 > li {
            margin-top: 20px;
        }

        .list-li-mt-sm-25 > li {
            margin-top: 25px;
        }

        .list-li-mt-sm-30 > li {
            margin-top: 30px;
        }

        .list-li-mb-sm-0 > li {
            margin-bottom: 0px;
        }

        .list-li-mb-sm-5 > li {
            margin-bottom: 5px;
        }

        .list-li-mb-sm-10 > li {
            margin-bottom: 10px;
        }

        .list-li-mb-sm-15 > li {
            margin-bottom: 15px;
        }

        .list-li-mb-sm-20 > li {
            margin-bottom: 20px;
        }

        .list-li-mb-sm-25 > li {
            margin-bottom: 25px;
        }

        .list-li-mb-sm-30 > li {
            margin-bottom: 30px;
        }


        .list-li-plr-sm-0 > li {
            padding-left: 0px;
            padding-right: 0px;
        }

        .list-li-plr-sm-5 > li {
            padding-left: 5px;
            padding-right: 5px;
        }

        .list-li-plr-sm-10 > li {
            padding-left: 10px;
            padding-right: 10px;
        }

        .list-li-plr-sm-15 > li {
            padding-left: 15px;
            padding-right: 15px;
        }

        .list-li-plr-sm-20 > li {
            padding-left: 20px;
            padding-right: 20px;
        }

        .list-li-plr-sm-25 > li {
            padding-left: 25px;
            padding-right: 25px;
        }

        .list-li-plr-sm-30 > li {
            padding-left: 30px;
            padding-right: 30px;
        }

        .list-li-ptb-sm-0 > li {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .list-li-ptb-sm-5 > li {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .list-li-ptb-sm-10 > li {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .list-li-ptb-sm-15 > li {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .list-li-ptb-sm-20 > li {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .list-li-ptb-sm-25 > li {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .list-li-ptb-sm-30 > li {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .list-li-pr-sm-0 > li {
            padding-right: 0px;
        }

        .list-li-pr-sm-5 > li {
            padding-right: 5px;
        }

        .list-li-pr-sm-10 > li {
            padding-right: 10px;
        }

        .list-li-pr-sm-15 > li {
            padding-right: 15px;
        }

        .list-li-pr-sm-20 > li {
            padding-right: 20px;
        }

        .list-li-pr-sm-25 > li {
            padding-right: 25px;
        }

        .list-li-pr-sm-30 > li {
            padding-right: 30px;
        }

        .list-li-pl-sm-0 > li {
            padding-left: 0px;
        }

        .list-li-pl-sm-5 > li {
            padding-left: 5px;
        }

        .list-li-pl-sm-10 > li {
            padding-left: 10px;
        }

        .list-li-pl-sm-15 > li {
            padding-left: 15px;
        }

        .list-li-pl-sm-20 > li {
            padding-left: 20px;
        }

        .list-li-pl-sm-25 > li {
            padding-left: 25px;
        }

        .list-li-pl-sm-30 > li {
            padding-left: 30px;
        }

        .list-li-pt-sm-0 > li {
            padding-top: 0px;
        }

        .list-li-pt-sm-5 > li {
            padding-top: 5px;
        }

        .list-li-pt-sm-10 > li {
            padding-top: 10px;
        }

        .list-li-pt-sm-15 > li {
            padding-top: 15px;
        }

        .list-li-pt-sm-20 > li {
            padding-top: 20px;
        }

        .list-li-pt-sm-25 > li {
            padding-top: 25px;
        }

        .list-li-pt-sm-30 > li {
            padding-top: 30px;
        }

        .list-li-pb-sm-0 > li {
            padding-bottom: 0px;
        }

        .list-li-pb-sm-5 > li {
            padding-bottom: 5px;
        }

        .list-li-pb-sm-10 > li {
            padding-bottom: 10px;
        }

        .list-li-pb-sm-15 > li {
            padding-bottom: 15px;
        }

        .list-li-pb-sm-20 > li {
            padding-bottom: 20px;
        }

        .list-li-pb-sm-25 > li {
            padding-bottom: 25px;
        }

        .list-li-pb-sm-30 > li {
            padding-bottom: 30px;
        }
    }

    /* RESPONSIVE */

    @media only screen and (max-width: 576px) {

        .list-a-p-xs-0 > li > a {
            padding: 0px;
        }

        .list-a-p-xs-5 > li > a {
            padding: 5px;
        }

        .list-a-p-xs-10 > li > a {
            padding: 10px;
        }

        .list-a-p-xs-15 > li > a {
            padding: 15px;
        }

        .list-a-p-xs-20 > li > a {
            padding: 20px;
        }

        .list-a-p-xs-25 > li > a {
            padding: 25px;
        }

        .list-a-p-xs-30 > li > a {
            padding: 30px;
        }

        .list-a-plr-xs-0 > li > a {
            padding-left: 0px;
            padding-right: 0px;
        }

        .list-a-plr-xs-5 > li > a {
            padding-left: 5px;
            padding-right: 5px;
        }

        .list-a-plr-xs-10 > li > a {
            padding-left: 10px;
            padding-right: 10px;
        }

        .list-a-plr-xs-15 > li > a {
            padding-left: 15px;
            padding-right: 15px;
        }

        .list-a-plr-xs-20 > li > a {
            padding-left: 20px;
            padding-right: 20px;
        }

        .list-a-plr-xs-25 > li > a {
            padding-left: 25px;
            padding-right: 25px;
        }

        .list-a-plr-xs-30 > li > a {
            padding-left: 30px;
            padding-right: 30px;
        }

        .list-a-pr-xs-0 > li > a {
            padding-right: 0px;
        }

        .list-a-pr-xs-5 > li > a {
            padding-right: 5px;
        }

        .list-a-pr-xs-10 > li > a {
            padding-right: 10px;
        }

        .list-a-pr-xs-15 > li > a {
            padding-right: 15px;
        }

        .list-a-pr-xs-20 > li > a {
            padding-right: 20px;
        }

        .list-a-pr-xs-25 > li > a {
            padding-right: 25px;
        }

        .list-a-pr-xs-30 > li > a {
            padding-right: 30px;
        }

        .list-a-pl-xs-0 > li > a {
            padding-left: 0px;
        }

        .list-a-pl-xs-5 > li > a {
            padding-left: 5px;
        }

        .list-a-pl-xs-10 > li > a {
            padding-left: 10px;
        }

        .list-a-pl-xs-15 > li > a {
            padding-left: 15px;
        }

        .list-a-pl-xs-20 > li > a {
            padding-left: 20px;
        }

        .list-a-pl-xs-25 > li > a {
            padding-left: 25px;
        }

        .list-a-pl-xs-30 > li > a {
            padding-left: 30px;
        }

        .list-a-ptb-xs-0 > li > a {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .list-a-ptb-xs-5 > li > a {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .list-a-ptb-xs-10 > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .list-a-ptb-xs-15 > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .list-a-ptb-xs-20 > li > a {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .list-a-ptb-xs-25 > li > a {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .list-a-ptb-xs-30 > li > a {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .list-a-ptb-xs-7 > li > a {
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .list-a-ptb-xs-8 > li > a {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .list-a-pt-xs-0 > li > a {
            padding-top: 0px;
        }

        .list-a-pt-xs-5 > li > a {
            padding-top: 5px;
        }

        .list-a-pt-xs-10 > li > a {
            padding-top: 10px;
        }

        .list-a-pt-xs-15 > li > a {
            padding-top: 15px;
        }

        .list-a-pt-xs-20 > li > a {
            padding-top: 20px;
        }

        .list-a-pt-xs-25 > li > a {
            padding-top: 25px;
        }

        .list-a-pt-xs-30 > li > a {
            padding-top: 30px;
        }

        .list-a-pb-xs-0 > li > a {
            padding-bottom: 0px;
        }

        .list-a-pb-xs-5 > li > a {
            padding-bottom: 5px;
        }

        .list-a-pb-xs-10 > li > a {
            padding-bottom: 10px;
        }

        .list-a-pb-xs-15 > li > a {
            padding-bottom: 15px;
        }

        .list-a-pb-xs-20 > li > a {
            padding-bottom: 20px;
        }

        .list-a-pb-xs-25 > li > a {
            padding-bottom: 25px;
        }

        .list-a-pb-xs-30 > li > a {
            padding-bottom: 30px;
        }


        .list-li-mlr-xs-0 > li {
            margin-left: 0px;
            margin-right: 0px;
        }

        .list-li-mlr-xs-5 > li {
            margin-left: 5px;
            margin-right: 5px;
        }

        .list-li-mlr-xs-10 > li {
            margin-left: 10px;
            margin-right: 10px;
        }

        .list-li-mlr-xs-15 > li {
            margin-left: 15px;
            margin-right: 15px;
        }

        .list-li-mlr-xs-20 > li {
            margin-left: 20px;
            margin-right: 20px;
        }

        .list-li-mlr-xs-25 > li {
            margin-left: 25px;
            margin-right: 25px;
        }

        .list-li-mlr-xs-30 > li {
            margin-left: 30px;
            margin-right: 30px;
        }

        .list-li-mtb-xs-0 > li {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .list-li-mtb-xs-5 > li {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .list-li-mtb-xs-10 > li {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .list-li-mtb-xs-15 > li {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .list-li-mtb-xs-20 > li {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .list-li-mtb-xs-25 > li {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .list-li-mtb-xs-30 > li {
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .list-li-mr-xs-0 > li {
            margin-right: 0px;
        }

        .list-li-mr-xs-5 > li {
            margin-right: 5px;
        }

        .list-li-mr-xs-10 > li {
            margin-right: 10px;
        }

        .list-li-mr-xs-15 > li {
            margin-right: 15px;
        }

        .list-li-mr-xs-20 > li {
            margin-right: 20px;
        }

        .list-li-mr-xs-25 > li {
            margin-right: 25px;
        }

        .list-li-mr-xs-30 > li {
            margin-right: 30px;
        }

        .list-li-ml-xs-0 > li {
            margin-left: 0px;
        }

        .list-li-ml-xs-5 > li {
            margin-left: 5px;
        }

        .list-li-ml-xs-10 > li {
            margin-left: 10px;
        }

        .list-li-ml-xs-15 > li {
            margin-left: 15px;
        }

        .list-li-ml-xs-20 > li {
            margin-left: 20px;
        }

        .list-li-ml-xs-25 > li {
            margin-left: 25px;
        }

        .list-li-ml-xs-30 > li {
            margin-left: 30px;
        }

        .list-li-mt-xs-0 > li {
            margin-top: 0px;
        }

        .list-li-mt-xs-5 > li {
            margin-top: 5px;
        }

        .list-li-mt-xs-10 > li {
            margin-top: 10px;
        }

        .list-li-mt-xs-15 > li {
            margin-top: 15px;
        }

        .list-li-mt-xs-20 > li {
            margin-top: 20px;
        }

        .list-li-mt-xs-25 > li {
            margin-top: 25px;
        }

        .list-li-mt-xs-30 > li {
            margin-top: 30px;
        }

        .list-li-mb-xs-0 > li {
            margin-bottom: 0px;
        }

        .list-li-mb-xs-5 > li {
            margin-bottom: 5px;
        }

        .list-li-mb-xs-10 > li {
            margin-bottom: 10px;
        }

        .list-li-mb-xs-15 > li {
            margin-bottom: 15px;
        }

        .list-li-mb-xs-20 > li {
            margin-bottom: 20px;
        }

        .list-li-mb-xs-25 > li {
            margin-bottom: 25px;
        }

        .list-li-mb-xs-30 > li {
            margin-bottom: 30px;
        }


        .list-li-plr-xs-0 > li {
            padding-left: 0px;
            padding-right: 0px;
        }

        .list-li-plr-xs-5 > li {
            padding-left: 5px;
            padding-right: 5px;
        }

        .list-li-plr-xs-10 > li {
            padding-left: 10px;
            padding-right: 10px;
        }

        .list-li-plr-xs-15 > li {
            padding-left: 15px;
            padding-right: 15px;
        }

        .list-li-plr-xs-20 > li {
            padding-left: 20px;
            padding-right: 20px;
        }

        .list-li-plr-xs-25 > li {
            padding-left: 25px;
            padding-right: 25px;
        }

        .list-li-plr-xs-30 > li {
            padding-left: 30px;
            padding-right: 30px;
        }

        .list-li-ptb-xs-0 > li {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .list-li-ptb-xs-5 > li {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .list-li-ptb-xs-10 > li {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .list-li-ptb-xs-15 > li {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .list-li-ptb-xs-20 > li {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .list-li-ptb-xs-25 > li {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .list-li-ptb-xs-30 > li {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .list-li-pr-xs-0 > li {
            padding-right: 0px;
        }

        .list-li-pr-xs-5 > li {
            padding-right: 5px;
        }

        .list-li-pr-xs-10 > li {
            padding-right: 10px;
        }

        .list-li-pr-xs-15 > li {
            padding-right: 15px;
        }

        .list-li-pr-xs-20 > li {
            padding-right: 20px;
        }

        .list-li-pr-xs-25 > li {
            padding-right: 25px;
        }

        .list-li-pr-xs-30 > li {
            padding-right: 30px;
        }

        .list-li-pl-xs-0 > li {
            padding-left: 0px;
        }

        .list-li-pl-xs-5 > li {
            padding-left: 5px;
        }

        .list-li-pl-xs-10 > li {
            padding-left: 10px;
        }

        .list-li-pl-xs-15 > li {
            padding-left: 15px;
        }

        .list-li-pl-xs-20 > li {
            padding-left: 20px;
        }

        .list-li-pl-xs-25 > li {
            padding-left: 25px;
        }

        .list-li-pl-xs-30 > li {
            padding-left: 30px;
        }

        .list-li-pt-xs-0 > li {
            padding-top: 0px;
        }

        .list-li-pt-xs-5 > li {
            padding-top: 5px;
        }

        .list-li-pt-xs-10 > li {
            padding-top: 10px;
        }

        .list-li-pt-xs-15 > li {
            padding-top: 15px;
        }

        .list-li-pt-xs-20 > li {
            padding-top: 20px;
        }

        .list-li-pt-xs-25 > li {
            padding-top: 25px;
        }

        .list-li-pt-xs-30 > li {
            padding-top: 30px;
        }

        .list-li-pb-xs-0 > li {
            padding-bottom: 0px;
        }

        .list-li-pb-xs-5 > li {
            padding-bottom: 5px;
        }

        .list-li-pb-xs-10 > li {
            padding-bottom: 10px;
        }

        .list-li-pb-xs-15 > li {
            padding-bottom: 15px;
        }

        .list-li-pb-xs-20 > li {
            padding-bottom: 20px;
        }

        .list-li-pb-xs-25 > li {
            padding-bottom: 25px;
        }

        .list-li-pb-xs-30 > li {
            padding-bottom: 30px;
        }
    }

    /* MARGIN */

    .m-5 {
        margin: 5px !important;
    }

    .m-10 {
        margin: 10px !important;
    }

    .m-15 {
        margin: 15px !important;
    }

    .m-20 {
        margin: 20px !important;
    }

    .m-25 {
        margin: 25px !important;
    }

    .m-30 {
        margin: 30px !important;
    }

    .m-40 {
        margin: 40px !important;
    }

    .m-50 {
        margin: 50px !important;
    }

    .mtb-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .mtb-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mtb-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .mtb-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .mtb-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .mtb-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mtb-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mtb-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mb-0 {
        margin-bottom: 0px !important;
    }

    .mb-5 {
        margin-bottom: 5px !important;
    }

    .mb-10 {
        margin-bottom: 10px !important;
    }

    .mb-15 {
        margin-bottom: 15px !important;
    }

    .mb-20 {
        margin-bottom: 20px !important;
    }

    .mb-25 {
        margin-bottom: 25px !important;
    }

    .mb-30 {
        margin-bottom: 30px !important;
    }

    .mb-40 {
        margin-bottom: 40px !important;
    }

    .mb-50 {
        margin-bottom: 50px !important;
    }

    .mb-70 {
        margin-bottom: 70px !important;
    }
    
    .mb-80 {
        margin-bottom: 80px !important;
    }




    .mt-min-50 {
        margin-top: -50px !important;
    }

    .mt-min-140 {
        margin-top: -140px !important;
    }

    .mt-min-50 {
        margin-top: -60px !important;
    }


    .mt-min-40 {
        margin-top: -40px !important;
    }

    .mt-min-45 {
        margin-top: -45px !important;
    }


    .mt-min-20 {
        margin-top: -20px !important;
    }



    .mt-5 {
        margin-top: 5px !important;
    }

    .mt-10 {
        margin-top: 10px !important;
    }

    .mt-15 {
        margin-top: 15px !important;
    }

    .mt-20 {
        margin-top: 20px !important;
    }

    .mt-25 {
        margin-top: 25px !important;
    }

    .mt-30 {
        margin-top: 30px !important;
    }

    .mt-40 {
        margin-top: 40px !important;
    }

    .mt-50 {
        margin-top: 50px !important;
    }
    
    .mt-60 {
        margin-top: 60px !important;
    }

    .mt-80 {
        margin-top: 80px !important;
    }

    .mt-100 {
        margin-top: 100px !important;
    }


    .mt-140 {
        margin-top: 140px !important;
    }

    .mt-160 {
        margin-top: 160px !important;
    }



    .mlr-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mlr-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mlr-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mlr-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mlr-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mlr-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mlr-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .mlr-50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .ml-0 {
        margin-left: 0px !important;
    }


    .ml-5 {
        margin-left: 5px !important;
    }

    .ml-10 {
        margin-left: 10px !important;
    }

    .ml-15 {
        margin-left: 15px !important;
    }

    .ml-20 {
        margin-left: 20px !important;
    }

    .ml-25 {
        margin-left: 25px !important;
    }

    .ml-30 {
        margin-left: 30px !important;
    }

    .ml-40 {
        margin-left: 40px !important;
    }

    .ml-50 {
        margin-left: 50px !important;
    }

    .ml-60 {
        margin-left: 60px !important;
    }

    .ml-70 {
        margin-left: 70px !important;
    }

    .ml-80 {
        margin-left: 80px !important;
    }

    .ml-85 {
        margin-left: 85px !important;
    }

    .ml-90 {
        margin-left: 90px !important;
    }

    .ml-100 {
        margin-left: 100px !important;
    }

    .ml-110 {
        margin-left: 110px !important;
    }

    .ml-115 {
        margin-left: 115px !important;
    }

    .ml-120 {
        margin-left: 120px !important;
    }

    .ml-140 {
        margin-left: 140px !important;
    }

    .ml-160 {
        margin-left: 160px !important;
    }

    .ml-200 {
        margin-left: 200px !important;
    }

    .ml-210 {
        margin-left: 210px;
    }


    .ml-230 {
        margin-left: 230px;
    }



    .mr-0 {
        margin-right: 0px !important;
    }

    .mr-5 {
        margin-right: 5px !important;
    }

    .mr-10 {
        margin-right: 10px !important;
    }

    .mr-15 {
        margin-right: 15px !important;
    }

    .mr-20 {
        margin-right: 20px !important;
    }

    .mr-25 {
        margin-right: 25px !important;
    }

    .mr-30 {
        margin-right: 30px !important;
    }

    .mr-40 {
        margin-right: 40px !important;
    }

    .mr-50 {
        margin-right: 50px !important;
    }

    .mr-70 {
        margin-right: 70px !important;
    }


    .mr-100 {
        margin-right: 100px !important;
    }

    .mr-110 {
        margin-right: 110px !important;
    }

    .mr-115 {
        margin-right: 115px !important;
    }

    .mr-120 {
        margin-right: 120px !important;
    }

    .mr-140 {
        margin-right: 140px !important;
    }


    .m-auto {
        margin: auto;
    }

    .mtb-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .mlr-auto {
        margin-left: auto;
        margin-right: auto;
    }



    /* RESPONSIVE */

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

        .ipadblock {
            display: none !important;
        }
    }


    @media only screen and (max-width: 992px) {


        .stickem, #rightcont {
            display: none !important; /* fixes overlay of the rightcont block */
        }

        .m-md-0 {
            margin: 0px !important;
        }

        .m-md-5 {
            margin: 5px !important;
        }

        .m-md-10 {
            margin: 10px !important;
        }

        .m-md-15 {
            margin: 15px !important;
        }

        .m-md-20 {
            margin: 20px !important;
        }

        .m-md-25 {
            margin: 25px !important;
        }

        .m-md-30 {
            margin: 30px !important;
        }

        .m-md-40 {
            margin: 40px !important;
        }

        .m-md-50 {
            margin: 50px !important;
        }

        .mtb-md-0 {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

        .mtb-md-5 {
            margin-top: 5px !important;
            margin-bottom: 5px !important;
        }

        .mtb-md-10 {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        .mtb-md-15 {
            margin-top: 15px !important;
            margin-bottom: 15px !important;
        }

        .mtb-md-20 {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
        }

        .mtb-md-25 {
            margin-top: 25px !important;
            margin-bottom: 25px !important;
        }

        .mtb-md-30 {
            margin-top: 30px !important;
            margin-bottom: 30px !important;
        }

        .mtb-md-40 {
            margin-top: 40px !important;
            margin-bottom: 40px !important;
        }

        .mtb-md-50 {
            margin-top: 50px !important;
            margin-bottom: 50px !important;
        }

        .mb-md-0 {
            margin-bottom: 0px !important;
        }

        .mb-md-5 {
            margin-bottom: 5px !important;
        }

        .mb-md-10 {
            margin-bottom: 10px !important;
        }

        .mb-md-15 {
            margin-bottom: 15px !important;
        }

        .mb-md-20 {
            margin-bottom: 20px !important;
        }

        .mb-md-25 {
            margin-bottom: 25px !important;
        }

        .mb-md-30 {
            margin-bottom: 30px !important;
        }

        .mb-md-40 {
            margin-bottom: 40px !important;
        }

        .mb-md-50 {
            margin-bottom: 50px !important;
        }

        .mt-md-0 {
            margin-top: 0px !important;
        }

        .mt-md-5 {
            margin-top: 5px !important;
        }

        .mt-md-10 {
            margin-top: 10px !important;
        }

        .mt-md-15 {
            margin-top: 15px !important;
        }

        .mt-md-20 {
            margin-top: 20px !important;
        }

        .mt-md-25 {
            margin-top: 25px !important;
        }

        .mt-md-30 {
            margin-top: 30px !important;
        }

        .mt-md-40 {
            margin-top: 40px !important;
        }

        .mt-md-50 {
            margin-top: 50px !important;
        }

        .mlr-md-0 {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        .mlr-md-5 {
            margin-left: 5px !important;
            margin-right: 5px !important;
        }

        .mlr-md-10 {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }

        .mlr-md-15 {
            margin-left: 15px !important;
            margin-right: 15px !important;
        }

        .mlr-md-20 {
            margin-left: 20px !important;
            margin-right: 20px !important;
        }

        .mlr-md-25 {
            margin-left: 25px !important;
            margin-right: 25px !important;
        }

        .mlr-md-30 {
            margin-left: 30px !important;
            margin-right: 30px !important;
        }

        .mlr-md-40 {
            margin-left: 40px !important;
            margin-right: 40px !important;
        }

        .mlr-md-50 {
            margin-left: 50px !important;
            margin-right: 50px !important;
        }

        .ml-md-0 {
            margin-left: 0px !important;
        }

        .ml-md-5 {
            margin-left: 5px !important;
        }

        .ml-md-10 {
            margin-left: 10px !important;
        }

        .ml-md-15 {
            margin-left: 15px !important;
        }

        .ml-md-20 {
            margin-left: 20px !important;
        }

        .ml-md-25 {
            margin-left: 25px !important;
        }

        .ml-md-30 {
            margin-left: 30px !important;
        }

        .ml-md-40 {
            margin-left: 40px !important;
        }

        .ml-md-50 {
            margin-left: 50px !important;
        }

        .ml-md-60 {
            margin-left: 60px !important;
        }

        .ml-md-70 {
            margin-left: 70px !important;
        }

        .ml-md-80 {
            margin-left: 80px !important;
        }

        .ml-md-85 {
            margin-left: 85px !important;
        }

        .ml-md-90 {
            margin-left: 90px !important;
        }

        .ml-md-100 {
            margin-left: 100px !important;
        }

        .ml-md-110 {
            margin-left: 110px !important;
        }

        .ml-md-115 {
            margin-left: 115px !important;
        }

        .ml-md-120 {
            margin-left: 120px !important;
        }

        .mr-md-0 {
            margin-right: 0px !important;
        }

        .mr-md-5 {
            margin-right: 5px !important;
        }

        .mr-md-10 {
            margin-right: 10px !important;
        }

        .mr-md-15 {
            margin-right: 15px !important;
        }

        .mr-md-20 {
            margin-right: 20px !important;
        }

        .mr-md-25 {
            margin-right: 25px !important;
        }

        .mr-md-30 {
            margin-right: 30px !important;
        }

        .mr-md-40 {
            margin-right: 40px !important;
        }

        .mr-md-50 {
            margin-right: 50px !important;
        }

        .mr-md-100 {
            margin-right: 100px !important;
        }

        .mr-md-110 {
            margin-right: 110px !important;
        }

        .mr-md-115 {
            margin-right: 115px !important;
        }

        .mr-md-120 {
            margin-right: 120px !important;
        }

        .m-md-auto {
            margin: auto;
        }

        .mtb-md-auto {
            margin-top: auto;
            margin-bottom: auto;
        }

        .mlr-md-auto {
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media only screen and (max-width: 767px) {

        .m-sm-0 {
            margin: 0px !important;
        }

        .m-sm-5 {
            margin: 5px !important;
        }

        .m-sm-10 {
            margin: 10px !important;
        }

        .m-sm-15 {
            margin: 15px !important;
        }

        .m-sm-20 {
            margin: 20px !important;
        }

        .m-sm-25 {
            margin: 25px !important;
        }

        .m-sm-30 {
            margin: 30px !important;
        }

        .m-sm-40 {
            margin: 40px !important;
        }

        .m-sm-50 {
            margin: 50px !important;
        }

        .mtb-sm-0 {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

        .mtb-sm-5 {
            margin-top: 5px !important;
            margin-bottom: 5px !important;
        }

        .mtb-sm-10 {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        .mtb-sm-15 {
            margin-top: 15px !important;
            margin-bottom: 15px !important;
        }

        .mtb-sm-20 {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
        }

        .mtb-sm-25 {
            margin-top: 25px !important;
            margin-bottom: 25px !important;
        }

        .mtb-sm-30 {
            margin-top: 30px !important;
            margin-bottom: 30px !important;
        }

        .mtb-sm-40 {
            margin-top: 40px !important;
            margin-bottom: 40px !important;
        }

        .mtb-sm-50 {
            margin-top: 50px !important;
            margin-bottom: 50px !important;
        }

        .mb-sm-0 {
            margin-bottom: 0px !important;
        }

        .mb-sm-5 {
            margin-bottom: 5px !important;
        }

        .mb-sm-10 {
            margin-bottom: 10px !important;
        }

        .mb-sm-15 {
            margin-bottom: 15px !important;
        }

        .mb-sm-20 {
            margin-bottom: 20px !important;
        }

        .mb-sm-25 {
            margin-bottom: 25px !important;
        }

        .mb-sm-30 {
            margin-bottom: 30px !important;
        }

        .mb-sm-40 {
            margin-bottom: 40px !important;
        }

        .mb-sm-50 {
            margin-bottom: 50px !important;
        }
        
        .mb-sm-60 {
            margin-bottom: 60px !important;
        }


        .mb-sm-70 {
            margin-bottom: 70px !important;
        }


        .mt-sm-0 {
            margin-top: 0px !important;
        }

        .mt-sm-5 {
            margin-top: 5px !important;
        }

        .mt-sm-10 {
            margin-top: 10px !important;
        }

        .mt-sm-15 {
            margin-top: 15px !important;
        }

        .mt-sm-20 {
            margin-top: 20px !important;
        }

        .mt-sm-25 {
            margin-top: 25px !important;
        }

        .mt-sm-30 {
            margin-top: 30px !important;
        }

        .mt-sm-40 {
            margin-top: 40px !important;
        }

        .mt-sm-50 {
            margin-top: 50px !important;
        }
        
         .mt-sm-60 {
            margin-top: 60px !important;
        }


        .mt-sm-70 {
            margin-top: 70px !important;
        }

        .mt-sm-100 {
            margin-top: 100px !important;
        }

        .mt-sm-130 {
            margin-top: 130px !important;
        }


        .mlr-sm-0 {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        .mlr-sm-5 {
            margin-left: 5px !important;
            margin-right: 5px !important;
        }

        .mlr-sm-10 {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }

        .mlr-sm-15 {
            margin-left: 15px !important;
            margin-right: 15px !important;
        }

        .mlr-sm-20 {
            margin-left: 20px !important;
            margin-right: 20px !important;
        }

        .mlr-sm-25 {
            margin-left: 25px !important;
            margin-right: 25px !important;
        }

        .mlr-sm-30 {
            margin-left: 30px !important;
            margin-right: 30px !important;
        }

        .mlr-sm-40 {
            margin-left: 40px !important;
            margin-right: 40px !important;
        }

        .mlr-sm-50 {
            margin-left: 50px !important;
            margin-right: 50px !important;
        }

        .ml-sm-0 {
            margin-left: 0px !important;
        }

        .ml-sm-5 {
            margin-left: 5px !important;
        }

        .ml-sm-10 {
            margin-left: 10px !important;
        }

        .ml-sm-15 {
            margin-left: 15px !important;
        }

        .ml-sm-20 {
            margin-left: 20px !important;
        }

        .ml-sm-25 {
            margin-left: 25px !important;
        }

        .ml-sm-30 {
            margin-left: 30px !important;
        }

        .ml-sm-40 {
            margin-left: 40px !important;
        }

        .ml-sm-50 {
            margin-left: 50px !important;
        }

        .ml-sm-60 {
            margin-left: 60px !important;
        }

        .ml-sm-70 {
            margin-left: 70px !important;
        }

        .ml-sm-80 {
            margin-left: 80px !important;
        }

        .ml-sm-85 {
            margin-left: 85px !important;
        }

        .ml-sm-90 {
            margin-left: 90px !important;
        }

        .ml-sm-100 {
            margin-left: 100px !important;
        }

        .ml-sm-110 {
            margin-left: 110px !important;
        }

        .ml-sm-120 {
            margin-left: 120px !important;
        }

        .ml-sm-130 {
            margin-left: 130px !important;
        }

        .ml-sm-160 {
            margin-left: 160px !important;
        }


        .ml-sm-180 {
            margin-left: 180px !important;
        }

        .mr-sm-0 {
            margin-right: 0px !important;
        }

        .mr-sm-5 {
            margin-right: 5px !important;
        }

        .mr-sm-10 {
            margin-right: 10px !important;
        }

        .mr-sm-15 {
            margin-right: 15px !important;
        }

        .mr-sm-20 {
            margin-right: 20px !important;
        }

        .mr-sm-25 {
            margin-right: 25px !important;
        }

        .mr-sm-30 {
            margin-right: 30px !important;
        }

        .mr-sm-40 {
            margin-right: 40px !important;
        }

        .mr-sm-50 {
            margin-right: 50px !important;
        }

        .mr-sm-100 {
            margin-right: 100px !important;
        }

        .mr-sm-110 {
            margin-right: 110px !important;
        }

        .mr-sm-120 {
            margin-right: 120px !important;
        }

        .m-sm-auto {
            margin: auto;
        }

        .mtb-sm-auto {
            margin-top: auto;
            margin-bottom: auto;
        }

        .mlr-sm-auto {
            margin-left: auto;
            margin-right: auto;
        }
       
        .mtb-sm-n50 {
            margin-top: -50px !important;
            margin-bottom: -50px !important;
        }

        
    }

@media only screen and (max-width: 576px) {

    .mt-min-40 {
        margin-top: -20px !important;
    }

    .m-xs-0 {
        margin: 0px !important;
    }

    .m-xs-5 {
        margin: 5px !important;
    }

    .m-xs-10 {
        margin: 10px !important;
    }

    .m-xs-15 {
        margin: 15px !important;
    }

    .m-xs-20 {
        margin: 20px !important;
    }

    .m-xs-25 {
        margin: 25px !important;
    }

    .m-xs-30 {
        margin: 30px !important;
    }

    .m-xs-40 {
        margin: 40px !important;
    }

    .m-xs-50 {
        margin: 50px !important;
    }

    .mtb-xs-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .mtb-xs-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .mtb-xs-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mtb-xs-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .mtb-xs-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .mtb-xs-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .mtb-xs-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mtb-xs-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mtb-xs-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mb-xs-0 {
        margin-bottom: 0px !important;
    }

    .mb-xs-5 {
        margin-bottom: 5px !important;
    }

    .mb-xs-10 {
        margin-bottom: 10px !important;
    }

    .mb-xs-15 {
        margin-bottom: 15px !important;
    }

    .mb-xs-20 {
        margin-bottom: 20px !important;
    }

    .mb-xs-25 {
        margin-bottom: 25px !important;
    }

    .mb-xs-30 {
        margin-bottom: 30px !important;
    }

    .mb-xs-40 {
        margin-bottom: 40px !important;
    }

    .mb-xs-50 {
        margin-bottom: 50px !important;
    }

    .mt-xs-0 {
        margin-top: 0px !important;
    }

    .mt-xs-5 {
        margin-top: 5px !important;
    }

    .mt-xs-10 {
        margin-top: 10px !important;
    }

    .mt-xs-15 {
        margin-top: 15px !important;
    }

    .mt-xs-20 {
        margin-top: 20px !important;
    }

    .mt-xs-25 {
        margin-top: 25px !important;
    }

    .mt-xs-30 {
        margin-top: 30px !important;
    }

    .mt-xs-40 {
        margin-top: 40px !important;
    }

    .mt-xs-50 {
        margin-top: 50px !important;
    }

    .mlr-xs-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mlr-xs-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mlr-xs-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mlr-xs-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mlr-xs-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mlr-xs-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mlr-xs-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mlr-xs-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .mlr-xs-50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .ml-xs-0 {
        margin-left: 0px !important;
    }

    .ml-xs-5 {
        margin-left: 5px !important;
    }

    .ml-xs-10 {
        margin-left: 10px !important;
    }

    .ml-xs-15 {
        margin-left: 15px !important;
    }

    .ml-xs-20 {
        margin-left: 20px !important;
    }

    .ml-xs-25 {
        margin-left: 25px !important;
    }

    .ml-xs-30 {
        margin-left: 30px !important;
    }

    .ml-xs-40 {
        margin-left: 40px !important;
    }

    .ml-xs-50 {
        margin-left: 50px !important;
    }

    .ml-xs-60 {
        margin-left: 60px !important;
    }

    .ml-xs-70 {
        margin-left: 70px !important;
    }

    .ml-xs-80 {
        margin-left: 80px !important;
    }

    .ml-xs-85 {
        margin-left: 85px !important;
    }

    .ml-xs-90 {
        margin-left: 90px !important;
    }

    .ml-xs-100 {
        margin-left: 100px !important;
    }

    .ml-xs-110 {
        margin-left: 110px !important;
    }

    .ml-xs-120 {
        margin-left: 120px !important;
    }

    .mr-xs-0 {
        margin-right: 0px !important;
    }

    .mr-xs-5 {
        margin-right: 5px !important;
    }

    .mr-xs-10 {
        margin-right: 10px !important;
    }

    .mr-xs-15 {
        margin-right: 15px !important;
    }

    .mr-xs-20 {
        margin-right: 20px !important;
    }

    .mr-xs-25 {
        margin-right: 25px !important;
    }

    .mr-xs-30 {
        margin-right: 30px !important;
    }

    .mr-xs-40 {
        margin-right: 40px !important;
    }

    .mr-xs-50 {
        margin-right: 50px !important;
    }

    .mr-xs-100 {
        margin-right: 100px !important;
    }

    .mr-xs-110 {
        margin-right: 110px !important;
    }

    .mr-xs-120 {
        margin-right: 120px !important;
    }

    .m-xs-auto {
        margin: auto;
    }

    .mtb-xs-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    .mlr-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }
}


/* PADDING */

.p-0 {
    padding: 0px !important;
}

.p-5 {
    padding: 5px !important;
}


.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-50 {
    padding: 50px !important;
}

.p-60 {
    padding: 60px !important;
}

.p-70 {
    padding: 70px !important;
}

.p-80 {
    padding: 80px !important;
}

.p-90 {
    padding: 90px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}


.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}


.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pr-5 {
    padding-right: 5px !important;
}


.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-55 {
    padding-right: 55px !important;
}


.pr-60 {
    padding-right: 60px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.ptb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.ptb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ptb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ptb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.ptb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.ptb-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.ptb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.ptb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.ptb-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.ptb-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.ptb-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.ptb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.ptb-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.plr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.plr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.plr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.plr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.plr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.plr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.plr-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.plr-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.plr-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.plr-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.plr-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.plr-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.plr-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.plr-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
}



/* RESPONSIVE */

@media only screen and (max-width: 992px) {

    .p-md-0 {
        padding: 0px !important;
    }

    .p-md-5 {
        padding: 5px !important;
    }

    .p-md-10 {
        padding: 10px !important;
    }

    .p-md-15 {
        padding: 15px !important;
    }

    .p-md-20 {
        padding: 20px !important;
    }

    .p-md-25 {
        padding: 25px !important;
    }

    .p-md-30 {
        padding: 30px !important;
    }

    .p-md-40 {
        padding: 40px !important;
    }

    .p-md-50 {
        padding: 50px !important;
    }

    .p-md-60 {
        padding: 60px !important;
    }

    .p-md-70 {
        padding: 70px !important;
    }

    .p-md-80 {
        padding: 80px !important;
    }

    .p-md-90 {
        padding: 90px !important;
    }

    .pt-md-0 {
        padding-top: 0px !important;
    }

    .pt-md-5 {
        padding-top: 5px !important;
    }

    .pt-md-10 {
        padding-top: 10px !important;
    }

    .pt-md-15 {
        padding-top: 15px !important;
    }

    .pt-md-20 {
        padding-top: 20px !important;
    }

    .pt-md-25 {
        padding-top: 25px !important;
    }

    .pt-md-30 {
        padding-top: 30px !important;
    }

    .pt-md-40 {
        padding-top: 40px !important;
    }

    .pt-md-50 {
        padding-top: 50px !important;
    }

    .pt-md-60 {
        padding-top: 60px !important;
    }

    .pt-md-70 {
        padding-top: 70px !important;
    }

    .pt-md-80 {
        padding-top: 80px !important;
    }

    .pt-md-90 {
        padding-top: 90px !important;
    }

    .pb-md-0 {
        padding-bottom: 0px !important;
    }

    .pb-md-5 {
        padding-bottom: 5px !important;
    }

    .pb-md-10 {
        padding-bottom: 10px !important;
    }

    .pb-md-15 {
        padding-bottom: 15px !important;
    }

    .pb-md-20 {
        padding-bottom: 20px !important;
    }

    .pb-md-25 {
        padding-bottom: 25px !important;
    }

    .pb-md-30 {
        padding-bottom: 30px !important;
    }

    .pb-md-40 {
        padding-bottom: 40px !important;
    }

    .pb-md-50 {
        padding-bottom: 50px !important;
    }

    .pt-md-60 {
        padding-bottom: 60px !important;
    }

    .pt-md-70 {
        padding-bottom: 70px !important;
    }

    .pt-md-80 {
        padding-bottom: 80px !important;
    }

    .pt-md-90 {
        padding-bottom: 90px !important;
    }

    .pl-md-0 {
        padding-left: 0px !important;
    }

    .pl-md-5 {
        padding-left: 5px !important;
    }

    .pl-md-10 {
        padding-left: 10px !important;
    }

    .pl-md-15 {
        padding-left: 15px !important;
    }

    .pl-md-20 {
        padding-left: 20px !important;
    }

    .pl-md-25 {
        padding-left: 25px !important;
    }

    .pl-md-30 {
        padding-left: 30px !important;
    }

    .pl-md-40 {
        padding-left: 40px !important;
    }

    .pl-md-50 {
        padding-left: 50px !important;
    }

    .pl-md-60 {
        padding-left: 60px !important;
    }

    .pl-md-70 {
        padding-left: 70px !important;
    }

    .pl-md-80 {
        padding-left: 80px !important;
    }

    .pl-md-90 {
        padding-left: 90px !important;
    }

    .pr-md-0 {
        padding-right: 0px !important;
    }

    .pr-md-5 {
        padding-right: 5px !important;
    }

    .pr-md-10 {
        padding-right: 10px !important;
    }

    .pr-md-15 {
        padding-right: 15px !important;
    }

    .pr-md-20 {
        padding-right: 20px !important;
    }

    .pr-md-25 {
        padding-right: 25px !important;
    }

    .pr-md-30 {
        padding-right: 30px !important;
    }

    .pr-md-40 {
        padding-right: 40px !important;
    }

    .pr-md-50 {
        padding-right: 50px !important;
    }

    .pr-md-60 {
        padding-right: 60px !important;
    }

    .pr-md-70 {
        padding-right: 70px !important;
    }

    .pr-md-80 {
        padding-right: 80px !important;
    }

    .pr-md-90 {
        padding-right: 90px !important;
    }

    .ptb-md-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .ptb-md-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .ptb-md-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .ptb-md-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .ptb-md-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .ptb-md-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .ptb-md-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .ptb-md-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .ptb-md-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .ptb-md-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .ptb-md-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .ptb-md-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .ptb-md-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .plr-md-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .plr-md-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .plr-md-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .plr-md-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .plr-md-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .plr-md-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .plr-md-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .plr-md-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .plr-md-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .plr-md-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .plr-md-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .plr-md-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .plr-md-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
       
}

@media only screen and (max-width: 767px) {

    .exclusiefLabel {
        left: 8px;
        top: 0px;
    }


    .p-sm-0 {
        padding: 0px !important;
    }

    .p-sm-5 {
        padding: 5px !important;
    }

    .p-sm-10 {
        padding: 10px !important;
    }

    .p-sm-15 {
        padding: 15px !important;
    }

    .p-sm-20 {
        padding: 20px !important;
    }

    .p-sm-25 {
        padding: 25px !important;
    }

    .p-sm-30 {
        padding: 30px !important;
    }

    .p-sm-40 {
        padding: 40px !important;
    }

    .p-sm-50 {
        padding: 50px !important;
    }

    .p-sm-60 {
        padding: 60px !important;
    }

    .p-sm-70 {
        padding: 70px !important;
    }

    .p-sm-80 {
        padding: 80px !important;
    }

    .p-sm-90 {
        padding: 90px !important;
    }

    .pt-sm-0 {
        padding-top: 0px !important;
    }

    .pt-sm-5 {
        padding-top: 5px !important;
    }

    .pt-sm-10 {
        padding-top: 10px !important;
    }

    .pt-sm-15 {
        padding-top: 15px !important;
    }

    .pt-sm-20 {
        padding-top: 20px !important;
    }

    .pt-sm-25 {
        padding-top: 25px !important;
    }

    .pt-sm-30 {
        padding-top: 30px !important;
    }

    .pt-sm-40 {
        padding-top: 40px !important;
    }

    .pt-sm-50 {
        padding-top: 50px !important;
    }

    .pt-sm-60 {
        padding-top: 60px !important;
    }

    .pt-sm-70 {
        padding-top: 70px !important;
    }

    .pt-sm-80 {
        padding-top: 80px !important;
    }

    .pt-sm-90 {
        padding-top: 90px !important;
    }

    .pb-sm-0 {
        padding-bottom: 0px !important;
    }

    .pb-sm-5 {
        padding-bottom: 5px !important;
    }

    .pb-sm-10 {
        padding-bottom: 10px !important;
    }

    .pb-sm-15 {
        padding-bottom: 15px !important;
    }

    .pb-sm-20 {
        padding-bottom: 20px !important;
    }

    .pb-sm-25 {
        padding-bottom: 25px !important;
    }

    .pb-sm-30 {
        padding-bottom: 30px !important;
    }

    .pb-sm-40 {
        padding-bottom: 40px !important;
    }

    .pb-sm-50 {
        padding-bottom: 50px !important;
    }

    .pt-sm-60 {
        padding-bottom: 60px !important;
    }

    .pt-sm-70 {
        padding-bottom: 70px !important;
    }

    .pt-sm-80 {
        padding-bottom: 80px !important;
    }

    .pt-sm-90 {
        padding-bottom: 90px !important;
    }

    .pl-sm-0 {
        padding-left: 0px !important;
    }

    .pl-sm-5 {
        padding-left: 5px !important;
    }

    .pl-sm-10 {
        padding-left: 10px !important;
    }

    .pl-sm-15 {
        padding-left: 15px !important;
    }

    .pl-sm-20 {
        padding-left: 20px !important;
    }

    .pl-sm-25 {
        padding-left: 25px !important;
    }

    .pl-sm-30 {
        padding-left: 30px !important;
    }

    .pl-sm-40 {
        padding-left: 40px !important;
    }

    .pl-sm-50 {
        padding-left: 50px !important;
    }

    .pl-sm-60 {
        padding-left: 60px !important;
    }

    .pl-sm-70 {
        padding-left: 70px !important;
    }

    .pl-sm-80 {
        padding-left: 80px !important;
    }

    .pl-sm-90 {
        padding-left: 90px !important;
    }

    .pr-sm-0 {
        padding-right: 0px !important;
    }

    .pr-sm-5 {
        padding-right: 5px !important;
    }

    .pr-sm-10 {
        padding-right: 10px !important;
    }

    .pr-sm-15 {
        padding-right: 15px !important;
    }

    .pr-sm-20 {
        padding-right: 20px !important;
    }

    .pr-sm-25 {
        padding-right: 25px !important;
    }

    .pr-sm-30 {
        padding-right: 30px !important;
    }

    .pr-sm-40 {
        padding-right: 40px !important;
    }

    .pr-sm-50 {
        padding-right: 50px !important;
    }

    .pr-sm-60 {
        padding-right: 60px !important;
    }

    .pr-sm-70 {
        padding-right: 70px !important;
    }

    .pr-sm-80 {
        padding-right: 80px !important;
    }

    .pr-sm-90 {
        padding-right: 90px !important;
    }

    .ptb-sm-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .ptb-sm-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .ptb-sm-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .ptb-sm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .ptb-sm-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .ptb-sm-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .ptb-sm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .ptb-sm-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .ptb-sm-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .ptb-sm-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .ptb-sm-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .ptb-sm-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .ptb-sm-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .plr-sm-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .plr-sm-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .plr-sm-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .plr-sm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .plr-sm-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .plr-sm-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .plr-sm-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .plr-sm-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .plr-sm-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .plr-sm-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .plr-sm-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .plr-sm-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .plr-sm-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
}

@media only screen and (max-width: 576px) {

    .p-xs-0 {
        padding: 0px !important;
    }

    .p-xs-5 {
        padding: 5px !important;
    }

    .p-xs-10 {
        padding: 10px !important;
    }

    .p-xs-15 {
        padding: 15px !important;
    }

    .p-xs-20 {
        padding: 20px !important;
    }

    .p-xs-25 {
        padding: 25px !important;
    }

    .p-xs-30 {
        padding: 30px !important;
    }

    .p-xs-40 {
        padding: 40px !important;
    }

    .p-xs-50 {
        padding: 50px !important;
    }

    .p-xs-60 {
        padding: 60px !important;
    }

    .p-xs-70 {
        padding: 70px !important;
    }

    .p-xs-80 {
        padding: 80px !important;
    }

    .p-xs-90 {
        padding: 90px !important;
    }

    .pt-xs-0 {
        padding-top: 0px !important;
    }

    .pt-xs-5 {
        padding-top: 5px !important;
    }

    .pt-xs-10 {
        padding-top: 10px !important;
    }

    .pt-xs-15 {
        padding-top: 15px !important;
    }

    .pt-xs-20 {
        padding-top: 20px !important;
    }

    .pt-xs-25 {
        padding-top: 25px !important;
    }

    .pt-xs-30 {
        padding-top: 30px !important;
    }

    .pt-xs-40 {
        padding-top: 40px !important;
    }

    .pt-xs-50 {
        padding-top: 50px !important;
    }

    .pt-xs-60 {
        padding-top: 60px !important;
    }

    .pt-xs-70 {
        padding-top: 70px !important;
    }

    .pt-xs-80 {
        padding-top: 80px !important;
    }

    .pt-xs-90 {
        padding-top: 90px !important;
    }

    .pb-xs-0 {
        padding-bottom: 0px !important;
    }

    .pb-xs-5 {
        padding-bottom: 5px !important;
    }

    .pb-xs-10 {
        padding-bottom: 10px !important;
    }

    .pb-xs-15 {
        padding-bottom: 15px !important;
    }

    .pb-xs-20 {
        padding-bottom: 20px !important;
    }

    .pb-xs-25 {
        padding-bottom: 25px !important;
    }

    .pb-xs-30 {
        padding-bottom: 30px !important;
    }

    .pb-xs-40 {
        padding-bottom: 40px !important;
    }

    .pb-xs-50 {
        padding-bottom: 50px !important;
    }

    .pt-xs-60 {
        padding-bottom: 60px !important;
    }

    .pt-xs-70 {
        padding-bottom: 70px !important;
    }

    .pt-xs-80 {
        padding-bottom: 80px !important;
    }

    .pt-xs-90 {
        padding-bottom: 90px !important;
    }

    .pl-xs-0 {
        padding-left: 0px !important;
    }

    .pl-xs-5 {
        padding-left: 5px !important;
    }

    .pl-xs-10 {
        padding-left: 10px !important;
    }

    .pl-xs-15 {
        padding-left: 15px !important;
    }

    .pl-xs-20 {
        padding-left: 20px !important;
    }

    .pl-xs-25 {
        padding-left: 25px !important;
    }

    .pl-xs-30 {
        padding-left: 30px !important;
    }

    .pl-xs-40 {
        padding-left: 40px !important;
    }

    .pl-xs-50 {
        padding-left: 50px !important;
    }

    .pl-xs-60 {
        padding-left: 60px !important;
    }

    .pl-xs-70 {
        padding-left: 70px !important;
    }

    .pl-xs-80 {
        padding-left: 80px !important;
    }

    .pl-xs-90 {
        padding-left: 90px !important;
    }

    .pr-xs-0 {
        padding-right: 0px !important;
    }

    .pr-xs-5 {
        padding-right: 5px !important;
    }

    .pr-xs-10 {
        padding-right: 10px !important;
    }

    .pr-xs-15 {
        padding-right: 15px !important;
    }

    .pr-xs-20 {
        padding-right: 20px !important;
    }

    .pr-xs-25 {
        padding-right: 25px !important;
    }

    .pr-xs-30 {
        padding-right: 30px !important;
    }

    .pr-xs-40 {
        padding-right: 40px !important;
    }

    .pr-xs-50 {
        padding-right: 50px !important;
    }

    .pr-xs-60 {
        padding-right: 60px !important;
    }

    .pr-xs-70 {
        padding-right: 70px !important;
    }

    .pr-xs-80 {
        padding-right: 80px !important;
    }

    .pr-xs-90 {
        padding-right: 90px !important;
    }

    .ptb-xs-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .ptb-xs-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .ptb-xs-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .ptb-xs-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .ptb-xs-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .ptb-xs-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .ptb-xs-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .ptb-xs-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .ptb-xs-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .ptb-xs-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .ptb-xs-70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .ptb-xs-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .ptb-xs-90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .plr-xs-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .plr-xs-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .plr-xs-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .plr-xs-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .plr-xs-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .plr-xs-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .plr-xs-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .plr-xs-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .plr-xs-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .plr-xs-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .plr-xs-70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .plr-xs-80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .plr-xs-90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
}


.extranew_subscribe a:hover {
    color: #f26531;
}




/* navMenu */

input:not([type="checkbox"]):not([type="radio"]):not(.actionbutton),
textarea,
select {
    transition: border-bottom 100ms ease;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
    box-shadow: none;
    /*appearance: none;*/ /* breaks the arrow down in nd service forms, why */
    outline: none;
    background-color: transparent;
    border-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    height: 38px;
}

.designcontent {
    border: 1px solid #00aeef;
}

.c-border-article {
    padding-bottom: 5px;
    padding-top: 10px;
    border: 3px solid #d52b1e;
}

.streamer {
    font-family: Cambria,Georgia,"Open Sans",Helvetica,Arial,sans-serif !important;
    color: #121212;
}

.streamer {
    width: 300px !important;
    margin-left: -60px !important;
    margin-top: 20px;
}


.body-tekst-black {
    color: #212529;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin: 10px 0;
    margin-top: 5px;
}

.body-tekst-black p {
    color: #212529;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin: 10px 0;
    margin-top: 5px;
}

#nav ul li {
    line-height: 15px;
    margin-left: 0 !important;
    margin-right: 8px !important;
    float: left;
}

#nav ul li a {
    font-family: Arial;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

#nav ul li a, .highlighter, .smallphotometa {
    text-transform: uppercase;
}

#nav ul li, #nieuwscontent li, .archiefkrantlink, .newspad, .smallphoto .newspad, .topcenter h1 {
    display: block;
}

#navMenu {
    background-color: #00aeef;
    color: #FFF;
    font-size: 10px;
    line-height: 15px;
    text-align: left;
    text-transform: uppercase;
    z-index: 99999999999;
    height: 42px;
}

#navMenu .homebutton span {
    padding-left: 38px;
}

#navMenu > ul {
    background: #00aeef;
    color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}

#navMenu > ul li {
    display: inline;
    zoom: 1;
}

#navMenu > ul li a {
    color: #ffffff;
    display: block;
    font-size: 12px;
    padding: 15px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    text-shadow: none;
    transition: background-color .1s ease;
}

.sub-menu > li a {
    padding: 8px !important;
}


#navMenu > ul li a.active {
    background: #440074;
    color: #fff;
    text-shadow: none;
}

#navMenu > ul li a:hover, #navMenu > ul li a.active {
    color: #ffffff;
}

#navMenu > ul li.has-sub {
    position: relative;
    z-index: 999;
}

#navMenu > ul li.has-sub > a {
    background-image: url(https://storage.pubble.nl/assets/images/caret.png);
    background-position: 100% -270%;
    background-repeat: no-repeat;
}

#navMenu > ul li.has-sub > a.active, #navMenu > ul li.has-sub > a:hover {
    color: #00aeef;
}

#navMenu > ul li.has-sub ul {
    background: #00aeef;
    border: 1px solid #888;
    border-bottom: 3px solid #888;
    border-top: 0 none;
    color: #fff;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 250px;
    margin-top: -4px
}

#navMenu > ul li.has-sub ul li {
    display: block;
    width: 100%;
}

#navMenu > ul li.right {
    float: right;
}

#navcontainer {
    background-color: #00aeef;
    border: 0;
    color: #000;
    width: 100%;
    z-index: 999 !important;
    margin-bottom: 14px;
}

    #navcontainer a {
        color: #333;
    }


.adUnderArticle-extra1 img {
    max-height: 155px;
    max-width: 100%;
    width: auto;
}


.adUnderArticle-extra3 img {
    max-height: 212px;
    max-width: 100%;
    width: auto;
}

.adUnderbedrijven img {
    max-height: 260px;
    max-width: 100%;
    width: auto;
}

.adUnderbedrijvenlogo img {
    max-height: 130px;
    max-width: 100%;
    width: auto;
}

@media only screen and (min-width: 766px) {

    #navMenu > ul li.mobileonly {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {

    #navMenu > ul li.mobileonly {
        display: block !important;
    }

    #extranew {
        height: 106px !important;
    }

    .extranew_subscribe {
        margin-top: 10px;
    }

    .adUnderArticle-extra1-sm img {
        max-height: none !important;
        max-width: 100%;
        width: auto;
    }

    .adUnderArticle-extra3-sm img {
        max-height: none !important;
        max-width: 100%;
        width: auto;
    }

    .adUnderbedrijven img {
        max-height: 95px;
        max-width: 100%;
        width: auto;
    }
}

/* krant-onder-artikel */
.krant-onder-artikel .h-banner-krant {
    max-height: 135px !important;
    max-width: 100%;
    width: auto;
    height: auto !important;
}

.krant-onder-web .h-banner-krant {
    max-height: 200px !important;
    max-width: 100%;
    width: auto;
    height: auto !important;
}



/* Bedrijvengids */


.bg-Bedrijvengids {
    background: #cccccc;
}


.btn-brdr-bedrijvengids {
    text-align: center;
    height: 45px;
    line-height: 43px;
    border: 1px solid #dbdbdb;
    color: #000;
    border-radius: 2px;
    width: 300px;
    margin: auto;
}

.btn-fill-bedrijvengids {
    text-align: center;
    height: 35px;
    line-height: 35px;
    border: 1px solid #f9b500;
    background: #f9b500;
    border-radius: 2px;
    color: #111;
}

.btn-fill-bedrijvengids:hover {
    background: none;
}


.button-Bedrijvengids {
    background: #000000;
    color: #fff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700 !important;
    margin-bottom: 7px !important;
    margin-left: 0;
    padding: 12px;
    text-align: center;
    transition: background-color .3s
}

.button-Bedrijvengids:hover {
    background: #000000;
    color: #fff;
}


.box-shadow {
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
    
.bedrijfsgegevensbox li {
list-style: disc;
display: list-item;
line-height: 1.6;
font-size: .9em;
margin-left: 20px;
margin-bottom: 5px;
}

.bedrijfsgegevensbox ul {
    margin-top: 5px;
    margin-bottom: 5px;
}


    /* */

.hyphensauto {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}