/*<?php header("Content-type: text/css; charset: UTF-8"); ?>*/
@import url('https://fonts.googleapis.com/css?family=Material+Icons');/*|Iceberg|Maven+Pro:400,500,700,900');*/

@font-face {
    font-family: "Ernestine W01 Regular";
    src: url("../fonts/ff-ernestine/5563737/c029224e-6f2e-45a6-b742-cedf65e1a2cc.eot");
    src: url("../fonts/ff-ernestine/5563737/c029224e-6f2e-45a6-b742-cedf65e1a2cc.eot") format("eot"),
        url("../fonts/ff-ernestine/5563737/5cbd57f9-c5e9-4780-a70c-7ed8d5534365.woff2") format("woff2"),
        url("../fonts/ff-ernestine/5563737/d8c18cc0-360f-43f7-a567-2660d5c4077f.woff") format("woff"),
        url("../fonts/ff-ernestine/5563737/f5b07f98-f613-4eba-af42-48431b8c6086.ttf") format("truetype");
}

@font-face {
    font-family: "Ernestine W05 Bold";
    src: url("../fonts/ff-ernestine/5561402/b7348589-948b-48b6-aaff-0374f05a2a2a.eot");
    src: url("../fonts/ff-ernestine/5561402/b7348589-948b-48b6-aaff-0374f05a2a2a.eot") format("eot"),
        url("../fonts/ff-ernestine/5561402/e7acdb26-4511-4296-8524-0851ef9a0152.woff2") format("woff2"),
        url("../fonts/ff-ernestine/5561402/cc414be7-d6cb-4032-8570-3ef47d35107d.woff") format("woff"),
        url("../fonts/ff-ernestine/5561402/c6c56b46-f17f-4f5c-ac33-545210898401.ttf") format("truetype");
}

.font-ernestine-w01-regular{
    font-family: "Ernestine W01 Regular";
}

.font-ernestine-w05-bold{
    font-family: "Ernestine W05 Bold";
    letter-spacing: 0.5px;
}

:root{
    --nav-lang-bg: #ec6608;
    --nav-lang-txt: white;
    --nav-txt: #ec6608;
    --nav-bg: white;
    --button-txt: white;
    --button-bg: #00a12f;
    --button-focus: #008000;
    --pc-button-bg: #00a12f;
    --pc-button-txt: white;
    --pc-button-focus: #008000;
    --pc-header : #00a12f;
    --headers-txt: #00a12f;
    --hr: #00a12f;
    --section-bg-odd: white;
    --section-bg-even: #cde3bb;
    --footer-txt: white;
    --footer-bg: #00a12f;
    --planning-part-done: green;
    --faq-block-header:  rgba(205, 227, 187, 0.2);

    --gd-orange: #ec6608;
    --gd-lightblue: #add8e6;
    --gd-blue: #36bcee;
    --gd-darkblue: #00365f;
}



/* set foreground colors */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    color: var(--headers-txt);
}

html { -webkit-font-smoothing: antialiased;scroll-behavior: smooth;}

.scroll-offset {
    margin-top : -500px;
}

body {
     font-family: "Ernestine W01 Regular";
     font-size: 16px;
     transition: none;
 }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,b,strong {
    font-family: "Ernestine W05 Bold" !important;
    font-weight:unset !important;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 20px; }
.h4 { font-size: 18px; }
h2.lg, .h2.lg, h3.lg, .h3.lg { font-size: 46px; margin-bottom: 20px; }


hr {
    border-color: var(--hr);
}

img {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

p {
    font-family: "Ernestine W01 Regular";
}

.padded-p{
    padding:20px;
    border-radius: 4px;
}

.table-text-vcenter td{
    vertical-align: middle !important;
}

.table-grid-white th, .table-grid-white td{
    border-top: 2px solid white;
    border-right: 2px solid white;
}

.table-grid-white th{
    background-color: var(--gd-orange) ;
    color: white;
    font-family: 'Ernestine W05 Bold';
}

.table-grid-white td{
    color:var(--gd-darkblue);
    font-family: 'Ernestine W05 Bold';
}

.table-grid-white tr:nth-child(even) {
    background-color: var(--gd-lightblue);
}

.table-grid-white tr:nth-child(odd) {
    background-color: aliceblue;
}


.rounded{
    border-radius: 8px;
}

.box-shadow {
    box-shadow: 0 7px 7px grey;
}

.underlined-double{
    border-bottom: 4px double;
}

.nowrap{
    white-space: nowrap;
}

.overflow-horizontal{
    overflow:auto;
    overflow-y: hidden;
}

.btn {
    font-family: "Ernestine W05 Bold";
}

.btn.btn-default {
    border-color: var(--gd-orange) !important;
    color: var(--gd-orange);
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
    background-color: var(--button-focus);
    color: white;
}

.btn.btn-primary {
    background-color: var(--button-bg);
    border:none;
    white-space:normal;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background-color: var(--button-focus) !important;
}

.btn.btn-link {
    color: var(--gd-blue);
}

.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link:focus {
    color: var(--button-bg) !important;
}

.btn.btn-centered{
    margin: 0 auto;
    display: block;
    max-width: fit-content;
}

.btn-menu-top{
    margin-top: 15px;
    z-index: 99;
    height: 44px;
}

.h-with-link a {
    color: var(--gd-orange);
}

.h-with-link a:hover,
.h-with-link a:active,
.h-with-link a:focus {
    color: var(--gd-orange);
}

.white {
    color: #fff;
}

.gd-orange{
    color: var(--gd-orange) !important;
}
.gd-bg-orange{
    background-color: var(--gd-orange) !important;
}

.gd-darkblue{
    color:var(--gd-darkblue) !important;
}

.gd-bg-darkblue{
    background-color:var(--gd-darkblue) !important;
}

.gd-bg-blue{
    background-color: var(--gd-blue);
}

.gd-blue{
    color: var(--gd-blue);
}

.gd-lightblue{
     color: var(--gd-lightblue);
}

.gd-bg-lightblue{
    background-color: var(--gd-lightblue);
}

.bg-lightblue{
    background-color:lightblue;
}

.bg-gd-33-66-blue-white{
    background: linear-gradient( to right, #1A213A 0%, #174160 33%, white 33%, white 100% );
}

.bg-gd-grad-blue{
    background: linear-gradient( to right, #1A213A 0%, #174160 100% );
}


.gd-blue-bold{
    color: var(--gd-blue);
    font-weight: bold;
}

.gd-purple{
    color: #ec008d !important;
}

.fix-no-breadcrumb{
    margin-top:-58px;
}

.green-bold{
    color: green;
    font-weight: bold;
}

.grey{
    color:grey;
}

.break-space{
    white-space: break-spaces !important;
}

.narrow-flex-10pct{
    padding: 20px 10%;
}

#phonebanner {
    position: relative;
    float: right;
    top: 6px;
    color:white;
    margin-right: 11px;

}

#covidbanner{
    position: fixed;
    background-color: var(--gd-darkblue);
    font-family: Ernestine Pro Bold;
    z-index: 10;
    width: 100%;
    height: 35px;
}

#hoera50procent-inprogressbar {
    position: absolute;
    max-width: 158px;
    margin-left: -42px;
    top:0;
}

#hoera50procent-inbanner {
    position: absolute;
    top: 8px;
    max-width: 258px;
    margin-left: 30px;
}

@media (max-width: 1300px){
    #hoera50procent-inbanner {
        top: 145px;
        max-width: 172px;
        margin-left: -147px;
    }
}

@media (max-width:991px) {
    #hoera50procent {
        top: -13px;
        max-width: 145px;
        margin-left: -88px;
    }
    #hoera50procent-inbanner {
        top: 198px;
        max-width: 181px;
        margin-left: 86px;
    }
}

@media (max-width:767px) {
    #hoera50procent {
        top: 0;
        max-width: 160px;
        margin-left: -88px;
    }
    #hoera50procent-inbanner {
        top: 142px;
        max-width: 160px;
        margin-left: 39px;
    }
}

.live-youtube{
    box-shadow: 0 0 10px grey;
    margin-top:20px;
    transition: all 300ms ease;
}

.live-youtube:hover{
    box-shadow: 0 0 23px grey;
    margin-top:10px;
    transition: all 300ms ease;

}

.no-select{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.font-large{
    font-size: large !important;
}

.font-larger{
    font-size: larger !important;
}

.font-smaller{
    font-size: smaller !important;
}

.font-small{
    font-size: small;
}

footer {
    background-color: var(--gd-orange);
    padding: 20px 0;
    font-size: smaller;
    color: #fff;
}

footer .logo {
    width: 200px;
    height: 124px;
    margin-bottom: 20px;
    display: block;
}

.logo-gd-top, .logo-gd-bottom{
    transform: translate(-404px,-375px);
}

footer .logo-gd-top,footer .logo-gd-bottom, footer .logo-gd-brand-glas, footer .logo-gd-brand-draad, footer .logo-gd-location{
    fill: white;
}

.logo-gd-brand-glas, .logo-gd-brand-draad{
    font-size: 50px;
    font-family: "Ernestine W05 Bold";
}

.logo-gd-location {
    font-size:18px;
    font-family: "Ernestine W01 Regular";
    text-transform: uppercase;
}


footer a, footer p{
    color: white;
}

footer a:hover{
    color: var(--gd-blue);
}

footer .h4{
    margin-top:10px;
}

footer .h4, footer .btn{
    text-transform:uppercase ;
    color: #fff;
}

footer .footer-logo{
    height: 66px;
    margin-bottom: 20px;
    width: 260px
}

footer .footer-address{
    margin-left:80px;
}

footer .flex-item-1-3:last-child .btn{
    background: white;
    color:gray;
    padding:5px 25px !important;
}

footer .flex-item-1-3:last-child .btn:hover{
    color: black;
}

footer .socials-icon{
    width:2.5em;
    padding:5px;
}

footer .socials-item{
    color: #fff;
    margin-bottom: 0;
    height: 40px;
}


footer ul.horizontal-list { float: right; }
footer ul.horizontal-list li::before { content: ''; display: inline-block; width: 2px; height: 11px; margin: 0 15px; background-color: #fff; }
footer ul.horizontal-list li:first-child::before { width: 0; height: 0; margin: 0; }
footer ul.horizontal-list li a { display: inline-block; color: #fff; font-weight: 500; }


.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    padding: 10px;
    grid-gap: 20px;
}

.grid-item {
    border: 1px solid lightblue;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
}

.flex-container {
    /*margin: 0 74px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.flex-wrap { display: flex; align-items: stretch; justify-content: space-between; margin-left: -15px; margin-right: -15px; }
.flex-wrap.flex-center { justify-content: center; }
.flex-wrap.flex-left { justify-content: left; }
.flex-item-1-1 { flex-basis: 100%; margin-left: 15px; margin-right: 15px; }
.flex-item-1-2 { flex-basis: calc(50% - 30px); margin-left: 15px; margin-right: 15px; }
.flex-item-1-2-wider-left { flex-basis: calc(50%); margin-left: 0; padding-right: 5px; }
.flex-item-1-2-wider-right { flex-basis: calc(50%); padding-left: 5px; margin-top:150px}

.flex-item-1-3 { flex-basis: calc(33.33% - 30px); margin-left: 15px; margin-right: 15px; }
.flex-item-2-3 { flex-basis: calc(66.66% - 30px); margin-left: 15px; margin-right: 15px; }
.flex-item-1-4 { flex-basis: calc(25% - 30px); margin-left: 15px; margin-right: 15px; }
.half-size{width:50%;}


.flex-item-padded { padding-left: 10%; padding-right: 10%; }

.flex-item {
    /*max-width: 200px;
    border: 1px solid;
    text-align: center;
    padding: 20px;
    display: inline-block;*/

    flex: 0 0 calc(16.66% - 20px);
    background: white;
    padding: 20px;
    margin: 10px;
    border-radius: 10px;
    border: 1px solid lightgrey;
}

.provider-item-white{
    padding: 0 40px 15px 40px;
    background: white !important;
}

.provider-copy{
    padding: 20px;
    margin: 40px 0 50px 0;
    background: #c9eafb;
    border: 2px solid lightblue;
}

.exclamation{
    float: left;
    margin-right: 15px;
}

.flex-item-inner{
    height: 175px;
    text-align: center;
    width: 128px;
}

.flex-item:hover {
    background: #F0F0F0;
}

.pagination .page-numbers {
    border-color: var(--gd-orange);
    color: var(--gd-orange);
}

.pagination .page-numbers.current {
    background-color: var(--gd-orange);
}

.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .page-numbers:active {
    background-color: rgba(236, 102, 8, 0.2);
}

#home-postcode-check {
    background-color: var(--gd-orange);
    padding: 30px 0 0 30px;
}

#map-section #map-overlay {
    border-color: var(--gd-orange);
    background-color: var(--gd-orange);
}

#map-section #map-overlay #details {
    background-color: var(--gd-blue);
}

#map-section #map-overlay .progress .progress-bar {
    background-color: var(--gd-blue);
}


.block-pros,
.block-faq,
.block-poll,
.block-signup-check {
    border-color: var(--gd-orange);
}

.faq-block {
    border-color: var(--gd-orange);
}

.faq-block .faq-block-header {
    background-color: var(--faq-block-header);
}

.faq-block ul.vert-list li {
    border-color: var(--gd-orange);
}


.section-bg-odd{
    background-color: var(--section-bg-odd);
    padding-top:80px;
    padding-bottom:80px;
}

.section-bg-even{
    background-color: var(--section-bg-even);
}

section.section-padding { padding-top: 50px; padding-bottom: 50px; }
section:last-of-type.section-padding { padding-bottom: 60px; }

.section-padding ul,
.faq-block ul,
.faq-block > ul.vert-list ul {
    list-style: none;
    padding-left:0;
}

.section-padding ul > li,
.section-padding ul.vert-list > li,
.faq-block ul > li,
.faq-block ul.vert-list > li {
    padding-left: 18px;
}

.section-padding ul > li:before,
.section-padding ul.vert-list > li:before,
.faq-block ul > li:before,
.faq-block ul.vert-list > li:before {
    position: relative;
    left: auto;
    top: auto;
    border-radius: 0;
    background-color: transparent;
    background-image: url("/alg-linked/images/bullet_rekam.svg");
    content: "";
    height: 1em;
    width: 1em;
    display: block;
    float: left;
    margin: 5px 0 0 -22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}



/*special backgrounds*/
.left-orange-right-blue {background: linear-gradient(to right, var(--gd-orange) 0%, var(--gd-orange) 50%, var(--gd-lightblue) 50%, var(--gd-lightblue) 100%); }
.left-orange-right-blue .flex-wrap>div:nth-child(1) * {color:whitesmoke};


.left-blue-right-orange {background: linear-gradient(to right, var(--gd-blue) 0%, var(--gd-blue) 50%, var(--gd-orange) 50%, var(--gd-orange) 100%); }


.faq-block > ul.vert-list > li:before {
    margin-left: -3px;
}


.form-control {
    border-color: var(--gd-blue);
}

.form-label {
    color: var(--gd-orange);
}

.pc-check {
    border-color: var(--gd-orange);
}

.isp-card {
    border-color: var(--gd-orange);
}

.isp-card .tel,
.isp-card .callback {
    color: var(--gd-orange);
}

.isplist {
    margin: 0 auto;
    image-rendering: optimizeQuality;
    background:white;
    padding: 20px
}

.rubberstamp{
    border-radius: 10px;
    border: 3px solid darkblue;
    color: darkblue;
    background-color: white;
    position: absolute;
    padding: 10px;
    transform: scale(2.5) rotate(-11deg);
    left: 42%;
    z-index: 3;
    opacity: 0.9;
    margin-top: 76px;
    text-transform: uppercase;
}

.rubberstamp:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/stempelachtergrond.jpg");
    mix-blend-mode: lighten;
}

.modal-body .bootbox-close-button {
    background-color: var(--gd-blue);
}

.show{
    opacity: 1;
}

.blur{
    filter: blur(5px);
}

#mobile-menu {
    background-color: var(--gd-orange);
    z-index: 20;
    position: fixed;
    top: 40px;
    transition: all 500ms ease-in-out;
    /*display: none;*/
    left: calc(-100vw - 60px);
    padding:30px;
    border-radius: 0 0 10px 0;
    border-top:1px solid white;
    box-shadow: 3px 11px 11px lightgrey;
}

#mobile-menu .underlined{
    border-bottom: 1px solid white;
}

#mobile-menu.mm-visible{
    left:0;
    display: block !important;
}
#mobile-menu ul li{
    list-style: none;
    text-transform: uppercase;
    margin-bottom:20px;
}

#mobile-menu ul li a{
    color: white;
}



#navbar { background: white; transition: all 1s ease-in-out; height: 125px;}

#navbar-before-top{
    display:flex;
    padding: 0 20px;
    position: fixed;
    height: 40px;
    background-color: var(--nav-lang-bg);
    width: 100%;
    z-index:19;
}


#navbar-before-top .container{
    justify-content: right;
}

#navbar-before-top .languages {
    margin-right: 20px;
    padding-top:7px;
}

#navbar-before-top .languages *{
    color: var(--nav-lang-txt) !important;
}

#navbar-before-top .languages a.selected {
    border-bottom: 1px solid white;
}
.nav-item .underlined{
    border-bottom: 2px solid;
    padding-bottom: 4px;
}

#navbar-top {
    position:fixed;
    top:40px;
    z-index:18;
    width:100%;
    max-height: 85px; /* to make sure logo flows over */
    background-color: var(--nav-bg);
    border-bottom: 1px solid lightgray;
    box-shadow: 0 1px 5px lightgrey;
}


.logo-to-push {
    width : 300px;
}

.logo-container a {
    transition: all 500ms ease;
}

#navbar-top .container{
    display: flex;
    justify-content: space-between;
}

#navbar ul{ padding-left: 0; }


#navbar .logo-gd-top, #navbar .logo-gd-brand-glas{ fill: var(--gd-blue); }
#navbar .logo-gd-bottom, #navbar .logo-gd-brand-draad{ fill: var(--gd-orange); }
#navbar .logo{
    width: 250px;
    height: 76px;
    display: block;
}

#navbar .logo-to-push img{
    height: 62px;
}

#navbar-top-inner {width:100%;padding: 30px 0px 30px 10px;}
#navbar-top-inner ul#main-nav li a {  font-size: 14px; font-family: "ernestine w05 bold"; text-transform: uppercase; color:var(--nav-txt); }
#navbar-top-inner ul#main-nav li a:hover, #navbar ul#main-nav li a:active, #navbar ul#main-nav li a:focus { text-decoration: none; opacity: 0.75; }

/*#navbar-top-inner ul#main-nav-social li a { padding: 20px 10px; }
#navbar-top-inner ul#main-nav-social li a img { width: 16px; height: 16px; }
#navbar-top-inner ul#main-nav-social li::after { content: ''; position: absolute; top: 0; right: 40px; width: 1px; height: 44px; background-color: #fff; }
#navbar-top-inner ul#main-nav-social li:last-child::after { display: none; }
#navbar-top-inner ul#main-nav-social li a:hover, #navbar #navbar-top #navbar-top-inner ul#main-nav-social li a:focus, #navbar #navbar-top #navbar-top-inner ul#main-nav-social li a:active { opacity: 0.75; }

#navbar-breadcrumb { height: 48px; color: #fff; font-size: 14px; font-weight: 500; display:none;}
#navbar-breadcrumb-inner { padding: 12px 0 0 160px; }
#navbar-breadcrumb-inner a { color: #fff; }*/

a {
    color: var(--gd-blue);
    text-decoration: none !important;
}

a:hover,
a:active,
a:focus {
    color: var(--gd-blue);
}

a.selected {
    color: var(--gd-blue) !important;
}

ul.dash > li::before {
    background-image: none;
    content : "- ";
    margin: -2px 0 0 -20px;
}

ul.asterisk > li::before {
    background-image: none;
    content : "* ";
    padding-right:5px;
    font-size:smaller;
}

ul.asterisk > li{
    font-size:smaller;
    font-style:italic;
    list-style-type: none;
}

p.asterisk::before {
    content : "* ";
    font-size:small;
}


p.asterisk{
    font-size:small;
    font-style:italic;
}

ul.checked{
    list-style-type: none;
}

ul.checked>li{
    padding: 6px 0;
}

ul.checked li::before{
    height: 20px;
    width: 20px;
    background-image: url(../images/icon_check.svg);
    margin: 3px 0 0 -30px;
    display: block;
    content:"";
    background-repeat: no-repeat;
    float:left;
}


#postcode-check #postcode-check-btn {
    border-color: var(--pc-button-bg);
    background-color: var(--pc-button-bg);
    font-family: "Ernestine W05 Bold";
    font-size: 13px;
    display: block;
    position: absolute;
    top: 39.5%;
    left: -122px;
    height: 42px;
    text-align: center;
    width: 200px;
    padding: 10px 8px;
    transform: rotate(-90deg);
    transform-style: preserve-3d;
    border-radius: 3px 3px 0 0;
    color: var(--pc-button-txt);   
}

#postcode-check #postcode-check-btn:hover {
    background-color: var(--pc-button-focus);
}


#postcode-check{
    position: fixed;
    z-index: 99;
    right: -630px;
    top: 50%;
    transform: translateY(-50%);
    width: 630px;
    height: auto;
    min-height: 200px;
    padding: 30px;
    background-color: #eff0f0;
    border: 1px solid var(--gd-blue);
    border-right: 0 none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.mm-opened #postcode-check { display: none; }
#postcode-check.open { right: 0; opacity: 1 !important;}
#postcode-check h2 { margin-top: 0; color: var(--pc-header);}
#postcode-check .form-inline, #home-postcode-check .form-inline { margin-top: 30px; }
#postcode-check .form-control, #home-postcode-check .form-control { width: 90px; font-size: 14px;}
#postcode-check .form-control#address_zipcode , #home-postcode-check .form-control#address_zipcode{ width: 160px; }
#postcode-check .form-group, #home-postcode-check .form-group {display:inline-block;}


#postcode-check #postcode-check-btn:hover { text-decoration: none; }

.sr-only {
   display: none;
}
#home-postcode-check { position: relative; z-index: 9; padding: 30px; margin-bottom: 20px; box-shadow: 0 7px 7px grey; border-radius: 20px; }
#home-postcode-check .form-group { float: left; width: 35%; margin-bottom: 20px; padding-right: 15px; }
#home-postcode-check .form-group:first-of-type { width: 100%; padding-right: 0; }
#home-postcode-check .form-group:last-of-type { width: 30%; padding-right: 0; }
#home-postcode-check .form-group .form-control { display: block; width: 100%; }
#home-postcode-check .form-control { height: 42px; border: 0 none; }
#home-postcode-check .btn { clear: both; padding: 11px 12px 11px 12px; font-size: 14px; }


/* Planning */


#planning { display: flex; flex-wrap: wrap; justify-content: center; margin: 30px -15px 0 -15px; padding: 0 60px; }
#planning .planning-part {
    z-index: 2;
    flex-basis: calc(25% - 30px);
    align-items: center;
    margin: 0 15px;
    position: relative;
    padding: 10px 10px 10px 24px;
    border: 2px solid var(--gd-orange);
    border-radius: 3px;
    background-color: #fff;
    color:grey;
}
.part5 {flex-basis: calc(20% - 30px) !important;}
#planning .planning-part span { display: block; font-size: 14px; }
#planning .planning-part .planning-part-number {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    left: -15px; width: 30px; height: 30px; padding-top: 1px; border-radius: 50%; border: 2px solid #fff;
    background-color: var(--gd-orange);
    color: #fff;
    text-align: center;
}

#planning .planning-line { align-self: center; position: absolute; z-index: 1; height: 4px; width: 100%; background-color: lightgray;}
.planning-table {font-size: 14px;}

#planning-button>tr>td{
    text-align: center;
}

#planning .planning-part.active {
    border-color: var(--planning-part-done);
}

#planning .planning-part.active .planning-part-number {
    background-color: var(--planning-part-done);
}

/* */

.poly-bg {
    background-image: url('../images/bg_blauw_glasdraad_v2.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


@media (max-width: 767px) {
    #navbar-logo {
        width: 150px;
    }
    #navbar #navbar-breadcrumb #navbar-breadcrumb-inner {
        padding-left: 0; /*HV uitgezet omdat in mobile view lange menu items niet leesbaar waren*/
    }
    .btn-menu-top{
        margin-top: 2px;
        padding: 5px 8px 5px 8px !important;
        height: 36px;
    }
}


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






#mobile-menu a {
    font-family: "Ernestine W05 Bold";
}



.embed-container { position: relative; padding-bottom: 56.25%; height: 0; margin-top: 10px; overflow: hidden; max-width: 100%; -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75); }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

i.material-icons { vertical-align: middle; color:white; line-height: 40px;}
img { max-width: 100%; height: auto; }
.wrapper { position: relative; overflow-x: hidden; background-color: #fff; min-height: calc(100vh - 350px);}

.btn {
    padding: 10px 12px 10px 12px;
    font-size: 14px;
    font-weight: 700;
}
.btn-block { display: block; }

.btn.btn-info{
    flex-basis:calc(33% - 10px);
    margin-bottom: 10px;   
}

.btn.btn-info:hover {
    
}



.btn.btn-default {  background-color: #fff; font-size: 16px; }
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {  color: #fff !important; }

#home-header { position: relative; height: 590px; }
#home-header #home-header-inner { position: absolute; bottom: 40px; width: 100%; padding-bottom: 30px; padding-top: 20px; background-color: rgba(0,0,0,0.4); }
#home-header #home-header-inner h1 {
    font-size: 50px;
    text-align: center;

}
#home-header #home-header-inner h1 span { display: block; font-size: 54px; font-weight: 700; }
.news-post { border: 1px solid lightgrey; padding :10px; box-shadow: 0 2px 4px lightgrey; transition: all 100ms; }
.news-post:hover {box-shadow:0 8px 8px lightgrey; border-radius:5px; margin-top:2px;}
.news-post p { margin-bottom: 0; }
.news-thumb { display: block; }
.news-thumb, .news-img { position: relative; height: 150px; margin-bottom: 10px; border-radius: 3px; image-rendering: optimizeQuality; }
.news-img { height: 350px;}
.news-thumb .date-label, .news-img .date-label { position: absolute; top: -1px; left: 20px; display: inline-block; min-width: 50px; padding: 4px 8px 24px 8px; text-align: center; background-color: #fff; font-size: 20px; font-weight: 500; color: var(--gd-orange); line-height: 1; clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%); }
.news-thumb .date-label span, .news-img .date-label span { display: block; }
.news-thumb .date-label span.lg, .news-img .date-label span.lg { font-size: 24px; }
[data-url]:hover{
    cursor: pointer;
}

.isp { display: block; }
.isp img { max-width: 100%; height: auto; }

.block-pros, .block-faq, .block-poll, .block-signup-check { padding: 30px;  border-radius: 3px; background-color: #fff; }
.block-faq ul.vert-list > li > a { color: #454d4a; }
.block-poll .radio { margin-bottom: 14px; }
.block-poll .radio label { font-weight: 500; color: #454d4a }
.block-signup-check { position: relative; margin-top: 30px; }
.block-signup-check:last-of-type { margin-bottom: 30px; }
.block-signup-check h2 { margin-top: 0; }
.block-signup-check h3 { margin-top: 0; padding-right: 70px; font-size: 16px; }
.block-signup-check ul { margin-bottom: 0; padding: 0; list-style-type: none; }
.block-signup-check .sign-up-check-edit { display: block; position: absolute; right: 30px; top: 30px; }
.block-signup-check #fiberglassconnection_postcodechecker_description p:last-of-type { margin-bottom: 0; }

/* Archive blog */

#archive-blog .news-post { margin-bottom: 40px; }

/* Single blog, Page, 404 */

.content h1 { font-size: 30px; margin-top: 30px; margin-bottom: 20px; }
.content h2 { font-size: 26px; margin-bottom: 6px; }
/*.content h3, .content h4, .content h5 { font-size: 16px; margin-bottom: 4px;  }*/
.content h5 { color: #454d4a; font-weight: 500; }
.content img { margin: 15px 0; }

.form-check-label{
    margin-right: 20px;
}
.form-check-input{
    position: relative;
    margin-left: unset;
}

#single-blog, #page, #faq, #form-wrapper, #form-check-wrapper { padding-bottom: 50px; margin-top:30px}
#single-blog .row{
    justify-content: center;
}

/* FAQ */

.faq-block { margin-top: 30px; border: 1px solid var(--gd-orange); border-radius: 3px; }
.faq-block .faq-block-header { padding: 12px 20px;}
.faq-block .faq-block-header h2 { margin: 0; }
.faq-block > ul.vert-list { margin: 0; }
.faq-block > ul.vert-list > li { margin-bottom: 0; padding: 12px 24px; border-top: 1px solid var(--gd-orange); }
.faq-block > ul.vert-list > li:first-child { border-top: 0 none; }
.faq-block > ul.vert-list > li a.grey { display: block; padding-left: 20px; text-decoration: none; }
/*.faq-block > ul.vert-list > li::before { top: 20px; left: 20px; }*/
.faq-block > ul.vert-list > li .btn { display: inline-block; margin-top: 20px; margin-bottom: 20px; }
.faq-block > ul.vert-list > li ul, .faq-block > ul.vert-list > li ol { margin-bottom: 10px; }
/*.faq-block > ul.vert-list ul { list-style-type: disc; }*/
.faq-block > ul.vert-list ul ul, .faq-block > ul.vert-list ol ul {  margin-bottom: 0; }
.faq-block p.no-questions { padding: 12px 24px; margin: 0; font-style: italic; }
.faq-group > li::before {
    background-image: none !important;
}
.faq-group > li{
    margin:0 !important;
    padding:0 !important;
}
.faq-group > li > a{
    padding: 7px;
    margin:0 !important;
}

a[aria-expanded="true"] > img{
    transform: rotate(90deg);
    float: right;
    transition: 300ms;
}
a[aria-expanded="false"] > img{
    float: right;
    transition: 300ms;
}





/* Forms */

form hr { margin-top: 10px; margin-bottom: 20px; }

.form-group { margin-bottom: 20px; }
.form-control { height: 42px; }
.hidden {visibility: hidden;}

.form-label { display: block; font-weight: 700; }
label.checkbox-label { font-weight: 400; }

.pc-check { margin-top: 20px; margin-bottom: 50px; padding: 20px 30px;  border-radius: 3px; }
.pc-check h2 { margin-top: 0; font-weight: 700; }

textarea[name='comments'], textarea[name='message'], textarea[name='object_description'], textarea[name='object_extra_text'], textarea[name='additional_info'] { min-height: 140px; }

/* ISP's */

.isp-card { padding: 20px; margin: 30px 0 0 0; text-align: center;  border-radius: 3px; background-color: #fff; }
.isp-card img { max-height: 85px; }
.isp-card ul { text-align: left; }
.isp-card ul li { margin-bottom: 10px; }

.isp-card .tel { display: block; font-weight: 700; font-size: 18px; vertical-align: middle; }
.isp-card .tel i { margin-right: 4px; font-size: 22px; }
.isp-card .callback { font-weight: 500; }

/* Helper Classes */

.gutter-8.row { margin-right: -4px; margin-left: -4px; }
.gutter-8 > [class^="col-"], .gutter-8 > [class^=" col-"] { padding-right: 4px; padding-left: 4px; }

.gutter-10.row { margin-right: -5px; margin-left: -5px; }
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] { padding-right: 5px; padding-left: 5px; }

.bg-cover { background-position: center center; background-repeat: no-repeat; background-size: cover;image-rendering: optimizeQuality;  }
.bg-contain{ background-position: center center; background-repeat: no-repeat; background-size: contain; }

.margin-0 { margin:0 !important;}
.margin-top-0 { margin-top: 0 !important; }
.margin-top-10 { margin-top: 10px !important;}
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }

.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-left-20 {margin-left:20px !important;}
.margin-right-10 { margin-right:10px !important;}

.padding-top-0 { padding-top: 0 !important; }
.padding-top-10 {padding-top:10px;}
.padding-top-30 { padding-top: 30px !important;}
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-0 {padding: 0 !important;}
.padding-10 {padding: 10px;}
.padding-20 {padding: 20px;}
.col-padding-20 { padding: 0 20px !important;}
@media (min-width: 1400px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

@media(min-width: 1199px){
    .sticky-footer{
        position: fixed;
        bottom:0;
        width: 100%;
    }
}

@media (max-width:1199px) {


    #navbar-logo { width: 230px; }
    #navbar-top-inner ul#main-nav li a { font-size: 13px; }
    #navbar-breadcrumb-inner { padding-left: 250px; }



    #home-postcode-check { padding: 20px; }
    #home-postcode-check .form-inline { margin-top: 15px; }

    #planning { padding: 0 30px; }

    footer .footer-address{
        margin-left:0;
    }
}



@media (min-width: 1080px){
    .container-max-gt1080px {  max-width: 100% !important;  padding: 0;}
}

@media (min-width: 991px){


    .provider-set, .provider-info-tile {
        margin-left: 0 !important;
    }

    .margin-top-120-min991px {margin-top:120px}

    
}



@media (max-width:991px) {

    h2.lg, h3.lg { font-size: 42px; margin-bottom: 15px; }


    .wrapper.wrapper-home { padding-top: 0; }

    #navbar .logo {
        height: 50px;
        margin: 4px 0;
    }

    /*#navbar-logo { width: 190px; }*/
    #navbar {height:100px;}

    #navbar-before-top .container {justify-content: space-between;}

    #navbar-breadcrumb-inner { padding-left: 210px; }

    #navbar-top { position: relative }
    #navbar-top, #navbar-top .container{display:flex;}
    #navbar-top .container{justify-content: center;}
    .logo-to-push {width:83px;}
    .btn-menu-top{ margin-top: 2px; }


    .fix-no-breadcrumb{ margin-top:-18px; }

    .flex-item-padded { padding-left: 0; padding-right: 0; }

    #home-header { height: 400px; }

    #home-header #home-header-inner h1 span { display: block; font-size: 36px; font-weight: 700; }

    #home-postcode-check { margin-bottom: 15px; padding: 20px;  }
    #home-postcode-check h2 { margin-bottom: 20px; }

    #planning { padding: 0; }
    #planning .planning-part { display: flex; z-index: 2; flex-basis: calc(50% - 30px); margin-bottom: 30px; }
    #planning .planning-line { display: none; }

    #map-section #map { width: 100%; }
    #map-section #map-overlay { right: 35px; }
    #map-section #map-overlay .content-top { padding-left: 70px; padding-right: 70px; }
    #map-section #map-overlay span.percentage { left: 0; top: 0; font-size: 34px; }
    #map-section #map-overlay #details { right: -30px; width: 120px; padding: 14px 8px; font-size: 12px;  }

    .faq-block { margin-top: 20px; }
    .faq-block .faq-block-header { padding: 12px 15px; }
    .faq-block .faq-block-header h2 { font-size: 18px; }
    .faq-block ul.vert-list li { padding: 8px 15px; }
    .faq-block ul.vert-list li a.grey { padding-left: 20px; font-size: 14px; }

    footer ul.horizontal-list { clear: both; float: left; margin-top: 15px; }

    .block-pros ul li, .block-faq ul li, .block-poll label { font-size: 14px; }

    section.section-padding { padding-top: 15px; padding-bottom: 15px; }
    .flex-item-1-2, .flex-item-1-3, .flex-item-1-4 { flex-basis: calc(100% - 30px); margin-bottom: 20px; }
    .flex-item-1-2-wider-left, .flex-item-1-2-wider-right {margin-left:15px; margin-right:15px;}
    .flex-item-1-2-wider-right {padding-left:0; margin-bottom:0 !important;}
    .flex-md-1-1 { flex-basis: calc(100% - 30px); margin-bottom: 20px; }
    .flex-md-1-2 { flex-basis: calc(50% - 30px); margin-bottom: 20px; }
    .left-orange-right-blue{background-color:var(--gd-blue)}
    .padding-20-max991px{padding:20px}
    .bg-gd-grad-blue,.bg-gd-33-66-blue-white{
        background:none;
    }
    footer .socials-item{
        height: 50px;
    }


}

@media (max-width:767px) {

    h2, h3 { font-size: 24px !important;}
    h1.lg, h2.lg, h3.lg { font-size: 24px; margin-bottom: 10px; }

    .flex-item-1-2, .flex-item-1-3, .flex-item-1-4 { flex-basis: calc(100% - 30px); margin-bottom: 20px; }
    .flex-xs-1-1 { flex-basis: calc(100% - 30px); margin-bottom: 20px; }

    .flex-sm-1-1 { flex-basis: calc(100% - 30px); margin-bottom: 20px; margin-top:20px;}
    .flex-sm-1-2 { flex-basis: calc(50% - 30px); margin-bottom: 20px; }


    .spacer-xs-sm { clear: both; margin-top: 30px; width: 100%; }

    .narrow-flex-10pct{
        padding:0;
    }

    .fix-no-breadcrumb{
        margin-top:12px;
    }

    #navbar-breadcrumb-inner {
        padding-left: 0; /*HV uitgezet omdat in mobile view lange menu items niet leesbaar waren*/
    }

    #home-postcode-check h2 { font-size: 24px; }
    #home-postcode-check .btn { display: block; width: 100%; }

    #home-header { height: 320px; }
    #home-header #home-header-inner h1 { font-size: 32px; font-weight: 900; }
    #home-header #home-header-inner h1 span { display: block; font-size: 18px; font-weight: 700; }

    .block-pros, .block-faq, .block-poll, .block-signup-check { padding: 20px; }
    .block-signup-check { position: relative; margin-top: 20px; }
    .block-signup-check:last-of-type { margin-bottom: 20px; }
    .block-signup-check .sign-up-check-edit { display: block; position: absolute; right: 20px; top: 15px; }

    #planning { position: relative; padding: 20px 0; }
    #planning .planning-part { display: flex; z-index: 2; flex-basis: calc(100% - 30px); margin-bottom: 30px; }
    #planning .planning-line { display: block; width: 2px; height: 100%; }

    #postcode-check { width: 300px; padding: 20px; border-radius: 0 0 0 4px; right: -300px; opacity: 0.5;}
    #postcode-check h2 { font-size: 22px; }
    #postcode-check .form-inline { margin-top: 20px; }
    #postcode-check .form-control#address_zipcode { width: 255px; }
    #postcode-check .form-control#address_street_nr, #postcode-check .form-control#address_street_nr_addition, #postcode-check .form-control#address_room { float: left; width: 78px; margin-right: 10px; }
    #postcode-check .form-control#address_room { margin-right: 0; }
    #postcode-check .btn { width: 100%; margin-top: 15px; }

    #map-section { padding-right: 10px; }
    #map-section #map, #map-section #map-custom-802, .multiple-map { width: auto; }
    #map-section #map-overlay { left: -5px; top: 10px; right: 5px; }
    #map-section #map-overlay .content-top { padding-left: 55px; padding-right: 100px; font-size: 12px; }
    #map-section #map-overlay span.percentage { font-size: 26px; }
    #map-section #map-overlay span.percentage span.perc-sign { font-size: 22px; }
    #map-section #map-overlay #details { right: -10px; }
    #map-section #map-overlay #details #details-inner { font-size: 12px; }



    .isp { text-align: center; }
    .isp img { max-width: 220px; height: auto; }

    .isp-card { padding: 20px; margin: 0; }

    .faq-block { margin-top: 0; }

    .pc-check { margin-bottom: 30px; padding: 20px 20px 15px 20px; }

    #single-blog, #page, #faq, #form-wrapper, #form-check-wrapper { padding-bottom: 30px; }
    .news-img { height: 200px;}

    .pagination { width: 100%; }
    .pagination .page-numbers { display: none; }
    .pagination .page-numbers.current, .pagination .page-numbers.prev, .pagination .page-numbers.next { display: inline-block; }
    .pagination .page-numbers.prev { float: left; }
    .pagination .page-numbers.next { float: right; }


    footer ul.horizontal-list li { display: block; margin-top: 8px; }
    footer ul.horizontal-list li::before { width: 0; height: 0; margin: 0; }

}


@media (max-width:576px) {
    .flex-item-1-2-wider-right {flex-basis: calc(100%); margin:0;}
}

@media (max-width:480px) {
    #navbar .logo {
        height: 46px;
        margin: 2px 0;
    }
    #navbar {height: 90px;}
    #navbar-before-top .btn {padding: 8px 12px 8px 12px !important;}

    .d-none-480px {
        display: none;
    }
    .font-large{
        font-size: 14px !important;
    }
}