﻿body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #000001;
}

img {
    height: auto;
    max-width: 100%;
}

table {
    border-spacing: 0 !important;
    border: none;
}

td {
    cellpadding: 0px;
    border-spacing: 0px;
}

tr {
    cellpadding: 0px;
    border-spacing: 0px;
}
/* client-specific styles */
#outlook a {
    padding: 0;
}
/* Force Outlook to provide a "view in browser" message */
.ReadMsgBody {
    width: 100%;
}

.ExternalClass {
    width: 100%;
}
    /* Force Hotmail to display emails at full width */
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
        line-height: 100%;
    }
/* Force Hotmail to display normal line spacing */
body, table, td, a {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* Prevent WebKit and Windows mobile changing default text sizes */
table, td {
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
}
/* Remove spacing between tables in Outlook 2007 and up */
img {
    -ms-interpolation-mode: bicubic;
}
/* Allow smoother rendering of resized image in Internet Explorer */

@font-face {
    font-family: 'Open Sans';
    src: url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Light.eot');
    src: url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Light.woff') format('woff'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Light.ttf') format('truetype'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Medium.eot');
    src: url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Medium.woff') format('woff'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Medium.ttf') format('truetype'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Medium.svg#OpenSans-Medium') format('svg'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Regular.eot');
    src: url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Regular.woff') format('woff'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Regular.ttf') format('truetype'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'), url('https://communicatie.ep.nl/templates/Newsletter/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: 400;
}

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.text a {
    color: #F98237 !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

a {
    text-decoration: none;
    color: inherit;
    font-family: inherit !important;
}

p {
    padding: 0px !important;
    margin: 0px !important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    color: #04A64A;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

ul {
    margin: 0;
    padding: 0 15px;
}

.rounded-start-15,
.rounded-start-15 img {
    border-radius: 15px 0 0 15px;
}

.rounded-end-15,
.rounded-end-15 img {
    border-radius: 0 15px 15px 0;
}

@media screen and (max-width:640px) {
    .resp-width,
    .resp-img img {
        width: 100% !important;
        height: auto !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .resp-width-95 {
        width: 95% !important;
        height: auto !important;
    }

    .resp-width-90 {
        width: 90% !important;
        height: auto !important;
    }

    .resp-width-85 {
        width: 85% !important;
        height: auto !important;
    }

    .resp-width-75 {
        width: 75% !important;
        height: auto !important;
    }

    .resp-width-60 {
        width: 60% !important;
        height: auto !important;
    }

    .auto-width {
        width: auto !important;
        height: auto !important;
    }

    .resp-height {
        height: auto !important;
    }

    .resp-height-3-prod-title {
        height: 120px !important;
        word-break: break-all;
    }

    .resp-width-46 {
        width: 46% !important;
        height: auto !important;
    }

    .auto-width {
        width: auto !important;
    }

    .mobile {
        display: block !important;
        height: auto !important;
        width: 100% !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    #mobile-menu img,
    .desktop {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        visibility: hidden;
    }

    u ~ div .wrapper {
        min-width: 100vw;
    }

    div > u ~ div .wrapper {
        min-width: 100%;
    }

    .column {
        display: block !important;
        width: 100% !important;
    }

    .align-left {
        text-align: left !important;
    }

    .align-center {
        text-align: center !important;
    }

    .align-right {
        text-align: right !important;
    }

    .no-padding {
        padding: 0 !important;
    }

    .no-sidepadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .check-pad {
        padding-top: 4px !important;
    }

    .padding-10 {
        padding: 10px !important;
    }

    .imgtxt-title {
        font-size: 16px !important;
        line-height: 24px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .imgtxt-txt {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #MessageViewBody .fallback-menu {
        display: block !important;
        height: auto !important;
        width: 100% !important;
        visibility: visible !important;
        overflow: visible !important;
        min-width: 100% !important;
    }

    u + .body .fallback-menu {
        display: block !important;
        height: auto !important;
        width: 100% !important;
        visibility: visible !important;
        overflow: visible !important;
        min-width: 100% !important;
    }

    #MessageViewBody .fallback-disabled-mob,
    #MessageViewBody .slider label img,
    #MessageViewBody .slider label,
    u + .body .fallback-disabled-mob {
        display: none !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }

    #MessageViewBody .slider-item {
        width: 46% !important;
    }

    #MessageViewBody #category-slide-wrapper .slider-item, u + .body #category-slide-wrapper .slider-item {
        padding-bottom: 10px !important;
    }

    .padding-bottom-10 {
        padding-bottom: 10px;
    }
}

@media screen and (max-width:480px) {
    .slider-item {
        width: 130px !important;
    }

        .slider-item img {
            width: 75% !important;
            height: auto !important;
        }

    .resp-mobile {
        width: 100% !important;
        height: auto !important;
    }

    .mob-column {
        display: block !important;
        width: 100% !important;
    }
}

/* hamburger menu */
#mobile-menu {
    max-height: 0 !important;
    overflow: hidden !important;
    -moz-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    -webkit-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
}

@media screen and (max-width: 600px) {

    @supports (position: absolute) {
        .mobile-button {
            display: block !important;
            height: auto !important;
            width: 100% !important;
            visibility: visible !important;
            overflow: visible !important;
        }
    }

    /* hamburger menu */
    #trigger:checked + #mobile-menu {
        max-height: 235px !important;
    }

        #trigger:checked + #mobile-menu img {
            display: table !important;
            max-height: none !important;
            line-height: normal !important;
            float: none !important;
            width: unset !important;
            height: auto !important;
            visibility: visible !important;
        }
}

/* category slider */
[class~="x_support-slider"] {
    width: 100% !important;
    min-width: 100% !important;
}

u + .body .support-slider {
    width: 100% !important;
    min-width: 100% !important;
}

@supports (position: absolute) {
    .support-slider {
        width: 1210px !important;
        min-width: 1210px !important;
    }

    .fallback-disabled {
        display: table-cell !important;
    }

    #MessageViewBody .slider input, #MessageViewBody .slider label, #MessageViewBody .slider label img,
    u + .body .slider label img, u + .body .slider label,
    meta ~ * .slider input, meta ~ * .slider label, meta ~ * .slider label img,
    u + .body .fallback-disabled {
        display: none !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }


    #category-trigger-1:checked ~ table #category-slide-1 {
        left: -605px;
    }

    #category-trigger-2:checked ~ table #category-slide-1 {
        left: 0px;
    }

    #category-trigger-1:checked ~ label.category-trigger-icon-1
    #category-trigger-1:checked ~ label.category-trigger-icon-4,
    #category-trigger-2:checked ~ label.category-trigger-icon-2,
    #category-trigger-2:checked ~ label.category-trigger-icon-3,
    #category-trigger-2:checked ~ label.category-trigger-icon-4 {
        display: none;
    }

    #category-trigger-1:checked ~ label.category-trigger-icon-2,
    #category-trigger-2:checked ~ label.category-trigger-icon-1 {
        display: block !important;
    }

    #category-trigger-2:checked ~ label.category-trigger-icon-2,
    #category-trigger-1:checked ~ label.category-trigger-icon-1 {
        display: block !important;
        opacity: .25 !important;
        pointer-events: none !important;
    }

    #brands-trigger-1:checked ~ table #brands-slide-1 {
        left: -605px;
    }

    #brands-trigger-2:checked ~ table #brands-slide-1 {
        left: 0px;
    }

    #brands-trigger-1:checked ~ label.brands-trigger-icon-1
    #brands-trigger-1:checked ~ label.brands-trigger-icon-4,
    #brands-trigger-2:checked ~ label.brands-trigger-icon-2,
    #brands-trigger-2:checked ~ label.brands-trigger-icon-3,
    #brands-trigger-2:checked ~ label.brands-trigger-icon-4 {
        display: none;
    }

    #brands-trigger-1:checked ~ label.brands-trigger-icon-2,
    #brands-trigger-2:checked ~ label.brands-trigger-icon-1 {
        display: block !important;
    }

    #brands-trigger-2:checked ~ label.brands-trigger-icon-2,
    #brands-trigger-1:checked ~ label.brands-trigger-icon-1 {
        display: block !important;
        opacity: .25 !important;
        pointer-events: none !important;
    }
    /* Carousel styling */
    #thumb-2:checked ~ table #image-1,
    #thumb-3:checked ~ table #image-1,
    #thumb-4:checked ~ table #image-1,
    #thumb-5:checked ~ table #image-1 {
        display: none !important;
    }

    #thumb-2:checked ~ table #image-2,
    #thumb-3:checked ~ table #image-3,
    #thumb-4:checked ~ table #image-4,
    #thumb-5:checked ~ table #image-5 {
        display: block !important;
    }

    #thumb-1:checked ~ table .label-1,
    #thumb-2:checked ~ table .label-2,
    #thumb-3:checked ~ table .label-3,
    #thumb-4:checked ~ table .label-4,
    #thumb-5:checked ~ table .label-5 {
        border: 2px solid #04A64A !important;
    }
}

@media screen and (min-width: 480px) {
    .responsive-popup {
        height: 0px !important;
    }
}

@media screen and (max-width: 480px) {
    .slider-item {
        width: 130px !important;
    }

        .slider-item img {
            width: 75% !important;
            height: auto !important;
        }
    /* category slider */
    #category-category-slide-1 {
        width: 100%;
    }

    #category-trigger-1:checked ~ table #category-slide-1,
    #category-trigger-4:checked ~ table #category-slide-1 {
        left: -285px;
    }

    #category-trigger-3:checked ~ table #category-slide-1,
    #category-trigger-6:checked ~ table #category-slide-1 {
        left: -565px;
    }

    #category-trigger-2:checked ~ table #category-slide-1 {
        left: 0px;
    }

    #category-trigger-5:checked ~ table #category-slide-1 {
        left: -850px;
    }

    #category-trigger-1:checked ~ label.category-trigger-icon-1,
    #category-trigger-3:checked ~ label.category-trigger-icon-3,
    #category-trigger-5:checked ~ label.category-trigger-icon-5,
    #category-trigger-4:checked ~ label.category-trigger-icon-4 {
        display: none;
    }

    #category-trigger-1:checked ~ label.category-trigger-icon-3,
    #category-trigger-1:checked ~ label.category-trigger-icon-2,
    #category-trigger-3:checked ~ label.category-trigger-icon-4,
    #category-trigger-3:checked ~ label.category-trigger-icon-5,
    #category-trigger-4:checked ~ label.category-trigger-icon-1,
    #category-trigger-5:checked ~ label.category-trigger-icon-6,
    #category-trigger-6:checked ~ label.category-trigger-icon-4,
    #category-trigger-6:checked ~ label.category-trigger-icon-5 {
        display: block !important;
    }

    #category-trigger-2:checked ~ label.category-trigger-icon-4,
    #category-trigger-5:checked ~ label.category-trigger-icon-5 {
        display: block !important;
        opacity: .25 !important;
        pointer-events: none !important;
    }
    /* brands slider */
    #brands-brands-slide-1 {
        width: 100%;
    }

    #brands-trigger-1:checked ~ table #brands-slide-1,
    #brands-trigger-4:checked ~ table #brands-slide-1 {
        left: -285px;
    }

    #brands-trigger-3:checked ~ table #brands-slide-1,
    #brands-trigger-6:checked ~ table #brands-slide-1 {
        left: -565px;
    }

    #brands-trigger-2:checked ~ table #brands-slide-1 {
        left: 0px;
    }

    #brands-trigger-5:checked ~ table #brands-slide-1 {
        left: -850px;
    }

    #brands-trigger-1:checked ~ label.brands-trigger-icon-1,
    #brands-trigger-3:checked ~ label.brands-trigger-icon-3,
    #brands-trigger-5:checked ~ label.brands-trigger-icon-5,
    #brands-trigger-4:checked ~ label.brands-trigger-icon-4 {
        display: none;
    }

    #brands-trigger-1:checked ~ label.brands-trigger-icon-3,
    #brands-trigger-1:checked ~ label.brands-trigger-icon-2,
    #brands-trigger-3:checked ~ label.brands-trigger-icon-4,
    #brands-trigger-3:checked ~ label.brands-trigger-icon-5,
    #brands-trigger-4:checked ~ label.brands-trigger-icon-1,
    #brands-trigger-5:checked ~ label.brands-trigger-icon-6,
    #brands-trigger-6:checked ~ label.brands-trigger-icon-4,
    #brands-trigger-6:checked ~ label.brands-trigger-icon-5 {
        display: block !important;
    }

    #brands-trigger-2:checked ~ label.brands-trigger-icon-4,
    #brands-trigger-5:checked ~ label.brands-trigger-icon-5 {
        display: block !important;
        opacity: .25 !important;
        pointer-events: none !important;
    }
    /* popup stlying */
    .responsive-popup {
        width: 100% !important;
        border-radius: 15px !important;
    }

    .mobile-popup {
        height: 400px !important;
    }

    .popup-closed {
        width: 30px !important;
        height: 30px !important;
    }

    .popup-payoff {
        font-size: 32px !important;
        line-height: 36px !important;
    }

    .responsive-background {
        width: 100% !important;
        background-size: cover !important;
        background-position-x: center !important;
    }

    .reset-background {
        background: none !important;
        background-image: none !important;
    }

    #popup-1,
    #popup-2,
    #popup-3 {
        top: 10% !important;
        left: 0% !important;
        max-height: 90% !important;
        margin: 5% !important;
        overflow: hidden !important;
        width: 90% !important;
    }
}

/* popup styling */
#popup-1,
#popup-2,
#popup-3 {
    display: none;
    background: #ffffff;
    width: 80%;
    height: auto;
    max-height: 80%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -moz-transition: visibility 0s, opacity 0.15s linear;
    -o-transition: visibility 0s, opacity 0.15s linear;
    -webkit-transition: visibility 0s, opacity 0.15s linear;
    transition: visibility 0s, opacity 0.15s linear;
}

#popup-trigger-1:checked ~ #popup-1,
#popup-trigger-2:checked ~ #popup-2,
#popup-trigger-3:checked ~ #popup-3 {
    display: table !important;
    visibility: visible;
    opacity: 1;
}

#popup-trigger-1:checked ~ #popup-label-2,
#popup-trigger-1:checked ~ #popup-label-3,
#popup-trigger-2:checked ~ #popup-label-1,
#popup-trigger-2:checked ~ #popup-label-3,
#popup-trigger-3:checked ~ #popup-label-1,
#popup-trigger-3:checked ~ #popup-label-2 {
    opacity: .5 !important;
    pointer-events: none !important;
}

@supports (position: absolute) {
    #popup-label-1,
    #popup-label-2,
    #popup-label-3 {
        display: block !important;
    }
}
