@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700,800);
body { width: 100%; height: 100%; font-family: 'Open Sans', sans-serif; background: #f9f9f9 !important; margin: 0; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
.btn:hover, .btn:active, .btn:focus { color: #8A8A8A; }
h1 { font-weight: 600; font-size: 36px; color: #333333; letter-spacing: 0; line-height: 36px; margin-top: 50px; }
h2 { font-weight: 600; font-size: 24px; color: #0b8d56; line-height: 32px; }
h3 { font-weight: 500; font-size: 20px; color: #0b8d56; line-height: 21px; }
p { font-weight: 400; font-size: 16px; color: #333333; letter-spacing: 0; line-height: 30px; }
li { font-weight: 400; font-size: 16px; color: #333333; letter-spacing: 0; line-height: 38px; }

.arrow-right-li { list-style-image: url(../img/arrow-right.svg); }
.navbar-fixed-top { z-index: 99; }
.navbar-fixed-top .navbar-collapse { max-height: 100%; }
.navbar-default .navbar-toggle { border-color: #fff; top: 2px; left: 16px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #30AC72; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fff; }
.nobullets li { line-height: 30px; }
.normalsize { padding-bottom: 40px; }
.primary-color1 { background: #30AC72; }
.primary-color2 { background: #fb6856; }
.primary-colortext1 { color: #30AC72; }
.primary-colortext2 { color: #fb6856; }
.lightgreen { background: #ECF6F6; }
.zojuist-overgestapt { padding-left: 40px; padding-right: 40px; padding-top: 10px; }
.rating-4 { background-image: url(../img/beoordeling.svg); background-size: contain; background-repeat: no-repeat; height: 30px; display: block; background-position: center; }
.beoordeling { width: 190px; padding-right: 30px; margin-top: -8px; }

@media screen and (max-width:1299px) {
    .beoordeling { width: 150px; padding-right: 30px; margin-top: -8px; }
}

.rating-8 { display: inline-block; text-align: center; margin-top: 10px; margin-bottom: 10px; font-weight: 600; font-size: 16px; }
.klant-overgestapt { margin-top: 10px; }
.border-bottom { border-bottom: 1px #30AC72 solid; padding-bottom: 10px; }
.reviews { margin-top: 0px; padding-left: 40px; padding-right: 40px; padding-top: 10px; }

a { font-weight: 700; color: #30AC72; }
a:focus, a:hover { color: #30AC72; cursor: pointer; }
.whitesection { background: #FFFFFF; box-shadow: 5px 5px 0 0 #E6E6E6; border-radius: 5px; }
.whitesection-cta { padding: 40px; padding-top: 20px; margin-top: 50px !important; }
.whitesection2 { background: #FFFFFF; border-radius: 5px; padding-bottom: 40px; }
.redbutton { background: #fb6856; box-shadow: 0 3px 0 0 #d8540b; border-radius: 4px; color: #fff; padding: 0px 15px; font-size: 14px; font-weight: 600; transition: 0.2s ease }
.redbutton a { color: #fff; font-weight: 500; }
.redbutton a:focus, .redbutton a:hover { text-decoration: none !important; color: white !important; background: #d8540b; }
.greenbutton { background: #30AC72; box-shadow: 0 3px 0 0 #1C7C4F; border-radius: 4px; }
.redctabutton, #gform_submit_button_5 { background: #fb6856; box-shadow: 0 3px 0 0 #d8540b; border-radius: 4px; color: #fff; padding: 10px 20px; font-size: 14px; font-weight: 600; }
.redctabutton:hover, .redctabutton:focus { color: #fff; text-decoration: none; background: #d8540b; }
.redctabutton-calcu { background: #fb6856; box-shadow: 0 3px 0 0 #d8540b; border-radius: 4px; color: #fff; padding: 10px 35px; font-size: 14px; font-weight: 600; margin-left: 15px; position: relative; top: 10px; }
.redctabutton-calcu:hover, .redctabutton-calcu:focus { color: #fff; text-decoration: none; background: #d8540b; }
#gform_submit_button_5:hover, #gform_submit_button_5:focus { color: #fff; text-decoration: none; background: #d8540b; }

.redctabutton, #gform_submit_button_5 { background: #fb6856 !important; box-shadow: 0 3px 0 0 #d8540b !important; border-radius: 4px; color: #fff; padding: 10px 30px; font-size: 14px !important; font-weight: 600; border: none !important; text-shadow: none; line-height: 21px; margin: 10px; width: 200px; }
.gform_wrapper .gform_footer.left_label { margin-left: 32%; width: 100%; }

@media (max-width:767px) {
    .gform_wrapper .gform_footer.left_label { margin-left: 0; }
}

@media (max-width:991px) {
    .gform_wrapper .left_label textarea.small { width: 100%; }
    .gform_wrapper textarea.small { height: 10em; line-height: 26px; }
}

@media (max-width: 767px) {
    p { font-weight: 400; font-size: 14px; color: #333333; letter-spacing: 0; line-height: 28px; }
    .container { padding-left: 25px; padding-right: 25px; }
    .sidebar .redctabutton { margin-left: -15px; margin-right: -15px; }
}

h1 { font-size: 30px; }

/*---Calculator----*/
.calculator { margin-right: 0; margin-left: 0; }
.solar-label { position: absolute; left: 0; font-style: italic; color: white; cursor: pointer; font-size: 14px; margin-top:0; top:0; }

/*-------*/
@media (min-width:992px) {
    .container { width: 944px; }
    .solar-block-input .select-metertype { left: 0; }
    /*.header-bottom .container { width: 100%; }*/
}

@media (min-width: 1300px) {
    .container { width: 1240px; }
}

.navbar { position: relative; margin-bottom: 0; }
.navbar-brand { /*background-image: url(../img/logo2018.svg);*/ width: 345px; height: 100%; }
.navbar-brand img { width: 100%; margin-top: 1px; }
.navbar-header { width: 100%; }

@media (max-width: 991px) {
    .navbar-brand { /*background-image: url(../img/logo2018.svg);*/ width: 295px; background-size: contain; background-repeat: no-repeat; }
}


@media (max-width: 767px) {
  .navbar-brand {
    height: 30px;
    width: 199px;
    margin-right: -50px; }
}

.navbar-collapse { width: 100%; }
.bordertopgreen { border-top: 1px solid #C5E9D8; }

.navbar-default .navbar-collapse { border: none; }

.borderbottomgreen { border-bottom: 1px solid #C5E9D8; }

.navbar-default { background: #ffffff; border: none; z-index:99;}

.admin-bar .header-bottom { margin-top: 32px; }
.header-top { background-color: #30ac72; }
.header-bottom { padding: 10px; }

.navbar,
.navbar .header-top { transition: all 0.3s ease-in-out; }
body.fixed .navbar { position: fixed; }
body.fixed .navbar .header-top { margin-top: -50px; }
body.fixed section.hero { margin-top: 100px; }

/*.maillever { margin-top: 15px; margin-bottom: 15px; }*/
/*.maillever a,
.maillever p { color: #ffffff; }*/
.maillever > p:nth-child(2) { font-size: 13px; margin: 0; }
.maillever a { font-weight: 500; text-decoration: none; }
.maillever .header-top-left img { margin-right: 15px; height: 20px; }
.maillever .header-top-right img { margin-left: 9px; height: 20px; margin-right: 6px; }

.navarrow { height: 15px; padding-left: 5px; position: relative; top: -2px; }
.navmailsub { margin-top: -5px; font-size: 18px; }
.navbar-default .navbar-nav > li > a { font-weight: 500; font-weight: 600; font-size: 15px; color: #000000; letter-spacing: 1.2px; text-transform: uppercase; }

@media (max-width: 991px) {
    .navbar-default .navbar-nav > li > a { font-size: 14px; letter-spacing: 1.1px; padding-right: 10px; }
    .navmailsub { font-size: 13px; }
    .maillever p { font-size: 13px; }
    .redctabutton-calcu { top: 50px; left: -40px; }
}

.lightgreen-header { padding: 20px; margin-top: 35px; background: rgba(48, 172, 114, 0.6); }
.lightgreen-header h1, .lightgreen-header h3, .lightgreen-header h2 { color: white; }
.lightgreen-header h1 { margin-top: 0; color: white !important; text-shadow: 0 0 3px #000; font-size: 33px; font-weight: 700 !important; }

@media (max-width: 1299px) {
    .lightgreen-header h1 { font-size: 18px !important; }
}

@media (max-width: 767px) {
    .lightgreen-header { margin-top: 30px; }
    .navbar-default .navbar-nav > li > a { padding-bottom: 20px; padding-top: 20px; }
}

.navbar-default .navbar-nav > .active > a { color: #30AC72; background: transparent; text-decoration: underline; }
.navbar-default .navbar-nav > .active > a:focus { color: #30AC72; opacity: 0.8; background: transparent; }
.navbar-default .navbar-nav > .active > a:hover { color: #30AC72; opacity: 0.7; background: transparent; }
.navbar-default .navbar-nav a:hover { background: transparent; opacity: 0.7; }

/*.hero img {
    width: 280px;
    position: relative;
    right: -50px;
    top: 50px;
}*/

.page-template-template-landing-exclusief-calculator .hero img { width: 280px; position: relative; right: -50px; top: 112px; }
.hero { background-color: #ECF6F6; height: 400px; position: relative; background-repeat: no-repeat; background-size: cover; }

.nobullets-hero { margin-left: 0; padding: 5px 0; /*list-style-image: url("../img/check.svg");*/ }
.nobullets-hero li { color: #ffffff; text-shadow: 0 0 2px #000; font-weight: 600; display: flex; }
.nobullets-hero li .check { font-size: 24px; margin-right: 8px; }

/*@media (max-width: 991px) {
  .hero img {
    width: 280px;
    position: absolute;
    right: 14vw;
    top: 270px;
}*/

.page-template-template-landing-exclusief-calculator .hero img { width: 280px; position: absolute; right: 14vw; top: 313px; }

@media (max-width: 767px) {
    .hero { height: inherit; padding-bottom: 120px; }
}

/*//////////////////////////////////////////////////
// Calculator page
/////////////////////////////////////////////////// */
section.calculator { margin-bottom: 80px; }

.calculator-container { background: #30AC72; box-shadow: 5px 5px 0 0 #0B8D56; border-radius: 5px; padding-bottom: 20px; }
.calculator-container a.select-stroomtype { color: white !important; font-weight: 700; }

@media screen and (min-width: 992px) { 
	.calculator-container { padding-bottom: 40px; } 
}

.tooltip { position: relative; }
.tooltiptext { visibility: hidden; width: 200px; background-color: white; color: #333; text-align: left; border-radius: 5px; padding: 5px 5px; position: absolute; top: -100px; z-index: 999; text-indent: 0; left:0; }
.tooltiptext:after { content: ""; position: absolute; top: 100%; left: 40%; margin-left: -5px; border-width: 9px; border-style: solid; border-color: white transparent transparent transparent; } 

.select-metertype:hover .tooltiptext { visibility: visible; }
.select-metertype { background-image: url(../img/info-sm.svg); background-position: 1px; background-repeat: no-repeat; text-indent: 22px; }

.strgas { padding-left: 25px; padding-bottom: 13px; padding-top: 9px; padding-right: 10px; margin-top: 5px; text-decoration: underline; cursor: pointer; margin-right: 15px; margin-left: 0px; }

.strgas.active { background-image: url(../img/check-wh.svg); background-repeat: no-repeat; background-position: 6px 14px; text-decoration: none; background-color: #198C57; }

.alleengas.active { background-image: url(../img/check-wh.svg); background-repeat: no-repeat; background-position: 7px 13px; text-decoration: none; background-color: #198C57; }

.stroom { padding-left: 25px; padding-bottom: 13px; padding-top: 9px; padding-right: 20px; margin-top: 5px; margin-left: -20px; text-decoration: underline; cursor: pointer; }
.stroom.active { background-image: url(../img/check-wh.svg); background-repeat: no-repeat; background-position: 7px 13px; text-decoration: none; background-color: #198C57; }

.alleengas { padding-left: 25px; padding-bottom: 13px; padding-top: 9px; padding-right: 20px; margin-top: 0px; margin-left: 0; text-decoration: underline; }

.kies-stroomgas { padding-top: 9px; padding-bottom: 20px; }

@media screen and (max-width: 520px) {
	.select-stroomtype { display: block; }
	.kies-stroomgas { padding-top: 0; text-align: center; }
  	.alleengas { padding-left: 40px; }
  	.stroom, .strgas { padding-left: 20px; padding-bottom: 10px; padding-top: 10px; padding-right: 20px; margin-top: 0px; margin-left: 0; text-decoration: underline; }

  	.strgas.active { width: 100%; text-align: center; background-color: #0B8D56; background-position: 31px 14px; }
  	.stroom.active { width: 100%; text-align: center; background-color: #0B8D56; background-position: 31px 14px; }
  	.alleengas.active { width: 100%; text-align: center; background-color: #0B8D56; background-position: 31px 14px; } 
}

.inline { display: inline-block; }
.inputs { width: 100%; margin-top: 50px; padding-right: 30px; padding-left: 30px; position: relative; }

@media screen and (max-width: 767px) {
    .inputs { margin-right: 0; margin-left: 0; padding-left: 20px; padding-right: 20px; margin-top: 30px; } 
}

.input-styling { background: #FFFFFF; border: 1px solid #DADADA; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.25); border-radius: 3px; height: 40px; width: 100%; padding-left: 10px; }
.select-styling { height: 40px; width: 100%; background: #FFFFFF; border: 1px solid #DADADA; box-shadow: inset 0 -2px 3px 0 rgba(0, 0, 0, 0.25); border-radius: 3px; padding-left: 10px; text-align: left; font-size: 12px; }

input, select, .listname,.listname-meter, .leverancier-block a, .huis-block a, .aantalpers-block a, .woningname, .huidige-lev { font-weight: 400; font-family: "open sans", sans-serif; color: #333; line-height: 28px; font-size: 13px; }
.listname, .listname-meter, .leverancier-block a, .huis-block a, .aantalpers-block a, .woningname { margin-left: 15px; }

.postcode-block { width: 160px; margin-right: 5px; }
  
@media screen and (max-width: 1299px) {
    .postcode-block { width: 100px; } 
}

@media screen and (max-width: 991px) {
    .postcode-block { width: 100%; margin-bottom: 10px; }
}
  
@media screen and (max-width: 767px) {
    .postcode-block { width: 100%; } 
}

@media screen and (max-width: 1299px) {
  	.postcode-block.weet-verbruik { width: 90px; } 
}

@media screen and (max-width: 991px) {
  	.postcode-block.weet-verbruik { width: 100%; margin-bottom: 10px; } 
}

@media screen and (max-width: 767px) {
  .postcode-block.weet-verbruik { width: 100%; } 
}

.postcode-block.weet-verbruik.add-dubbel.add-excl-nacht { width: 75px; }

@media screen and (max-width: 1299px) {
    .postcode-block.weet-verbruik.add-dubbel.add-excl-nacht { width: 70px; font-size: 12px; margin-left:  -20px; } 
}

@media screen and (max-width: 991px) {
    .postcode-block.weet-verbruik.add-dubbel.add-excl-nacht { width: 100%; margin-bottom: 10px; margin-left: 0; } 
}

@media screen and (max-width: 767px) {
    .postcode-block.weet-verbruik.add-dubbel.add-excl-nacht { width: 100%; margin-left:  0; } 
}

.schatting-solar-block { position: relative; }

@media screen and (max-width: 991px) {
    .schatting-solar-block { width: 100%; } 
}


/* ###################################*/
.solar-block { width: 50px; margin-right: 5px; position: relative; }
.solar-img { background-image: url(../img/Solarpanel-2.svg); background-position: 8px; background-repeat: no-repeat; cursor: pointer; width: 44px; height: 23px; position: absolute; left: 0px; top: 7px; }
.solar-btn { width: 100%; position: relative; cursor: pointer; top: 15px; }
.info-icon-calc { width: 20px; display: inline-block; height: 5px; }
.info-solar { position: absolute; top: -6px; }
.solar-btn-tooltip{ left: -77px; top: -110px; }
.tooltip-solar { top: -120px; }
.solar-popup { position: absolute; width: 200px; background: #afdecb; /* padding: 20px; */ padding-top: 25px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; box-shadow: 1px 4px 12px 0px rgba(0,0,0,0.15); border-radius: 5px; z-index: 99; left: -70px; bottom: 40px; display: none; }
.solar-popup.active { display: block; }
.close-popup { background-image: url(../img/cancel.svg); background-position: 3px; background-repeat: no-repeat; background-size: contain; position: absolute; right: 10px; top: 8px; width: 18px; height: 15px; }
.solar-popup:after { content: ""; position: absolute; top: 100%; left: 40%; margin-left: -5px; border-width: 9px; border-style: solid; border-color: #afdecb transparent transparent transparent; }
.solar-popup .select-metertype { color:black; }
.solar-btn.active { background-color: #CDE6FE; }
.solar-block-input { position: relative; width: 100%; display: none; /*margin-top: 16px;*/ }
.solar-block-input.active { display: block; }
.solar-block-input .select-metertype span { margin-left: 22px; }
.solar-block-digital { position: relative; display: none; margin: 12px 0; }
.solar-block-digital.active { display: block; }
.solar-block-digital .label-single,
.solar-block-digital .label-day { display: none; }
.solar-block-digital .label-single.active,
.solar-block-digital .label-day.active { display: block; }
.solar-block-digital .select-metertype > span:first-child { margin-bottom: 4px; display: block; }
.solar-block-digital .select-metertype .tooltip-solar { top: -160px; }


@media screen and (max-width: 1299px) {
    .solar-block { width: 50px; }
    /* .solar-popup { width: 170px; left: -40px; }  */
    .solar-popup { width: 198px; left: -88px; }
    .select-metertype{font-size:12px;}
}

@media screen and (max-width: 991px) {
    .solar-block { width: 50px; /* margin-bottom: 20px; */ margin-top: 20px; }
    .solar-btn-tooltip { left: 0px; top: -110px; }
    .solar-btn-tooltip:after { left: 10%; }   
}

@media screen and (max-width: 767px) {
    .solar-block {
      width: 50px
      margin-top: 20px; } }

.solar-block.weet-verbruik {
  width: 50px }
  @media screen and (max-width: 1299px) {
    .solar-block.weet-verbruik {
      width: 50px;
      margin-right: -50px;

      } }
  @media screen and (max-width: 991px) {
    .solar-block.weet-verbruik {
      
      width: 100%; } }

@media screen and (max-width: 1299px) and (min-width: 992px) {
  .solar-block.weet-verbruik.add-dubbel.add-excl-nacht.onlystroom {
    width: 50px; }
    .solar-popup:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 60%;
    margin-left: -5px;
    border-width: 9px;
    border-style: solid;
    border-color: #afdecb transparent transparent transparent;
  }
  .solar-popup.onlystroom.weet-verbruik.add-dubbel:after {
    content: "";
    position: absolute;
    top: 100%;
    /* left: 40%; */
    margin-left: -5px;
    border-width: 9px;
    border-style: solid;
    border-color: #afdecb transparent transparent transparent;
  }

  .solar-popup.weet-verbruik.add-dubbel {
    
    
    /* width: 170px; */
    
    
    
    /* left: -100px; */
    left: -150px;
    /* top: 70px; */
  }

  .solar-popup.weet-verbruik.gas {
    width: 170px;
    
    left: 0px;
    /* top: -110px */
    }
    .solar-popup.gas:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 35%;
    margin-left: -5px;
    border-width: 9px;
    border-style: solid;
    border-color: #afdecb transparent transparent transparent;
    }
    .solar-popup.weet-verbruik.gas:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -5px;
    border-width: 9px;
    border-style: solid;
    border-color: #afdecb transparent transparent transpare
    }

    .solar-popup.weet-verbruik.add-dubbel.add-excl-nacht.gas:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -5px;
    border-width: 9px;
    border-style: solid;
    border-color: #afdecb transparent transparent transparent;
    }

    
    .solar-popup.weet-verbruik.add-dubbel:after {
    content: "";
    position: absolute;
    /* top: -15%; */
    /* left: 67%; */
    left:86%;
    /* margin-left: -5px; */
    /* border-width: 9px; */
    border-style: solid;
    /* border-color: transparent transparent #afdecb transparent; */
    }

    




     }

#solar {
  background-image: url(../img/Solarpanel-2.svg);
  background-position: 3px;
  background-repeat: no-repeat;
  cursor: pointer;
  text-indent: 28px; }


@media screen and (max-width: 991px) {
    .solar-popup:after { border:none; }
    .solar-block { width: 100%; margin-bottom: -30px; }
    .solar-btn { width: 50px; z-index: 100; margin-bottom: 60px; }
    .solar-popup { position: relative; width: 100%; background: #198c57; height: inherit; margin: 62px 0 0; box-shadow: none; border-radius: none; z-index: 99; left:0; bottom: 40px; }
    .solar-popup label,
    .solar-popup span:not(.tooltiptext) { color: white; }
    .solar-popup .tooltip-solar { left: 40px; }
  	#solar { background-image: none; cursor: pointer; text-indent: 0; }
}

.text-kwh { position: absolute; z-index: 5; font-size: 13px; font-weight: 600; color: #8a8a8a; right: 10px; bottom: 9px; }
 
@media screen and (max-width: 1299px) {
    /* .text-kwh { position: absolute; z-index: 5; font-size: 10px; font-weight: 600; color: #8a8a8a; right: 6px; top: 14px; }  */
}

.select-metertype { font-style: italic; color: white; cursor: pointer; }
.select-metertype .metertype-label { margin-left: 20px; }

.input-info { position: absolute; top: -25px; font-style: italic; color: white; left: 0; }


/* ###################################*/

.metertype-block { width: 250px; margin-right: 5px; position: relative; }

@media screen and (max-width: 1299px) {
    .metertype-block { width: 200px; } 
}

@media screen and (max-width: 991px) {
    .metertype-block { width: 100%; margin-bottom: 20px; margin-top: 20px; } 
}

@media screen and (max-width: 767px) {
    .metertype-block { width: 100%; margin-top: 50px; } 
}

.metertype-block.gas { display: none; }

.metertype-block.weet-verbruik { width: 220px; }
 
@media screen and (max-width: 1299px) {
    .metertype-block.weet-verbruik { width: 200px; } 
}

@media screen and (max-width: 991px) {
    .metertype-block.weet-verbruik { width: 100% !important; margin-top: 20px; } 
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
  	.metertype-block.weet-verbruik.add-dubbel { width: 200px; }
    .metertype-block.weet-verbruik.add-dubbel.dropdown-toggle-icon { display: none; } 
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
  	.metertype-block.weet-verbruik.add-dubbel.add-excl-nacht { width: 189px;font-size: 11px;top: -2px; }
}

/* ###################################*/

.stroom-dag-block { width: 130px; margin-right: 5px; position: relative; display: none; }
  
@media screen and (max-width: 1200px) {
    .stroom-dag-block { width: 100px; } 
}
  
@media screen and (max-width: 991px) {
    .stroom-dag-block { width: 205px; margin-bottom: 10px; } 
}
  
@media screen and (max-width: 767px) {
    .stroom-dag-block { width: 100%; } 
}

.dagdal { position: absolute; top: -22px; color: white; font-weight: 300; font-size: 12px; }

/*
.select-enkelemeter {
  position: absolute;
  top: -25px;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  left: 0; }
  @media screen and (max-width: 991px) {
    .select-enkelemeter {
      margin-left: 0;
      left: 0; } }

.select-dubbelemeter {
  position: absolute;
  top: -25px;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  margin-left: 0px;
  left: 0; }
  @media screen and (max-width: 991px) {
    .select-dubbelemeter {
      margin-left: 0;
      left: 0px; } }
*/
.select-divider { display: none; }
.select-divider.weet-verbruik { position: absolute; top: -25px; left: 90px; color: white; display: block; }
.select-exclnacht { position: absolute; top: -25px; text-decoration: underline; color: white; cursor: pointer; left: 105px; margin-right: -70px; }

#enkelstroom, #dagstroom { background-position: 8px; background-repeat: no-repeat; text-indent: 15px; background-image: url(../img/stroom.png); }
#exclnacht { background-position: 8px; background-repeat: no-repeat; text-indent: 15px; background-image: url(../img/stroom.png); }

.inline-verbruik-block { position: absolute; left: 20px; margin-right: -130px; }
.inline-verbruik-block .radio { display: inline-block; z-index: 95; }
    
@media screen and (max-width: 767px) {
    .inline-verbruik-block .radio { margin-left: 0; display: block; } 
}
    
.inline-verbruik-block .radio label { padding-left: 0; color: white; }
  
@media screen and (max-width: 991px) {
    .inline-verbruik-block { top: 40px; } 
}

.inline-verbruik-block.weet-verbruik { top: 40px; }
  
@media screen and (max-width: 767px) {
    .inline-verbruik-block.weet-verbruik { bottom: 0; top: inherit; position: relative; margin-bottom: 20px; } 
}

@media screen (min-width: 768px) and (max-width: 991px) {
  	.inline-verbruik-block.weet-verbruik.dubbele { top: 45px; } 
}

@media screen and (max-width: 767px) {
  	.inline-verbruik-block.weet-verbruik.dubbele { bottom: 0; top: inherit; position: relative; margin-bottom: 20px; } 
}

.stroom-enkel-block { position: relative; display: none; margin-right: 5px; }
.stroom-nacht-block { position: relative; display: none; margin-right: 5px; }
#nacht { background-position: 8px; background-repeat: no-repeat; text-indent: 15px; background-image: url(../img/stroom.png); }


.stroom-enkel-block.weet-verbruik.enkel-stroom { display: inline-block; width: 180px; }
        
@media screen and (max-width: 1299px) {
    .stroom-enkel-block.weet-verbruik.enkel-stroom{ width: 110px; } 
}

@media screen and (max-width: 991px) {
    .stroom-enkel-block.weet-verbruik.enkel-stroom { width: 330px; margin-bottom: 50px; } 
}


  @media screen and (max-width: 767px) {
    .stroom-enkel-block.weet-verbruik.enkel-stroom {
      width: 100%;
      margin-bottom: 10px; } }


  @media screen and (max-width: 1299px) {
    .stroom-enkel-block.weet-verbruik {
      width: 140px; } }
  @media screen and (max-width: 991px) {
    .stroom-enkel-block.weet-verbruik {
      width: 330px;
      margin-bottom: 50px; } }

  @media screen and (max-width: 767px) {
    .stroom-enkel-block.weet-verbruik {
      width: 100%;
      margin-bottom: 10px; } }

.stroom-enkel-block.onlystroom {
  width: 250px; }
  @media screen and (max-width: 1299px) {
    .stroom-enkel-block.onlystroom {
      width: 175px; }

       @media screen and (max-width: 1299px) {
    .stroom-enkel-block.weet-verbruik.enkel-stroom.onlystroom{
      width: 175px; } } }

.stroom-enkel-block.weet-verbruik.add-excl-nacht {
  display: inline-block;
  width: 130px; }
  @media screen and (max-width: 1299px) {
    .stroom-enkel-block.weet-verbruik.add-excl-nacht {
      width: 90px;
      } }
  @media screen and (max-width: 991px) {
    .stroom-enkel-block.weet-verbruik.add-excl-nacht {
      width: 330px;
      margin-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .stroom-enkel-block.weet-verbruik.add-excl-nacht {
      width: 100%;
      margin-bottom: 10px; } }

.stroom-nacht-block.weet-verbruik {
  display: inline-block;
  width: 120px; }
  @media screen and (max-width: 1299px) {
    .stroom-nacht-block.weet-verbruik {
      width: 85px;
      } }
  @media screen and (max-width: 991px) {
    .stroom-nacht-block.weet-verbruik {
      width: 154px; } }
  @media screen and (max-width: 767px) {
    .stroom-nacht-block.weet-verbruik {
      width: 100%;
      margin-bottom: 30px; } }

.stroom-dag-block.weet-verbruik {
  display: inline-block;
  width: 120px; }
  @media screen and (max-width: 1299px) {
    .stroom-dag-block.weet-verbruik {
      width: 90px;
      } }
  @media screen and (max-width: 991px) {
    .stroom-dag-block.weet-verbruik {
      margin-bottom: 60px;
      width: 180px; } }
  @media screen and (max-width: 767px) {
    .stroom-dag-block.weet-verbruik {
      width: 100%;
      margin-bottom: 30px; } }

.ml40 {
  margin-left: 40px; }

.stroom-excl-block {
  width: 150px;
  margin-right: 5px;
  position: relative;
  display: none; }
  @media screen and (max-width: 991px) {
    .stroom-excl-block {
      width: 205px;
      margin-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    .stroom-excl-block {
      width: 48%;
      margin-right: 0; } }

.stroom-excl-block.weet-verbruik {
  display: inline-block;
  width: 130px; }
  @media screen and (max-width: 1299px) {
    .stroom-excl-block.weet-verbruik {
      width: 100px; } }
  @media screen and (max-width: 991px) {
    .stroom-excl-block.weet-verbruik {
      width: 160px; } }
  @media screen and (max-width: 767px) {
    .stroom-excl-block.weet-verbruik {
      width: 100%;
      margin-right: 0;
      margin-top: 20px;
      } }
  @media screen and (max-width: 1299px) and (min-width: 992px) {
  .stroom-excl-block.weet-verbruik.stroom-all {
  width: 90px;
  }
}
.select-exclnacht {
  display: none; }

.select-exclnacht.weet-verbruik {
  display: block; }

.vergelijk-block {
  position: relative;
  right: 0;
  top: 0;
  padding-top: 0;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 60px;
 }
  @media screen and (max-width: 991px) {
    .vergelijk-block {
      position: relative;
      right: 0;
      top: 0;
      padding-top: 0;
      width: 100%;
      display: block;
      text-align: center;
      margin-top:  20px;
      } }

@media screen and (max-width: 1299px) {
  .vergelijk-block.weetverbruik {
    right: 20px; } }

@media screen and (max-width: 1299px) and (min-width: 992px) {
  .vergelijk-block.inline.weet-verbruik.active {
    position: relative;
    right: 0;
    top: 0;
    padding-top: 0;
    width: 100%;
    text-align: center;
    margin-top: 60px;
    } }

.leverancier-block {
  width: 300px;
  margin-right: 5px; }
  .leverancier-block a {
    margin-left: 5px; }
  @media screen and (max-width: 1299px) {
    .leverancier-block {
      width: 210px; } }
  @media screen and (max-width: 991px) {
    .leverancier-block {
      width: 100%;
      margin-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    .leverancier-block {
      width: 100%;
      padding-right: 0; } }


.leverancier-block.weet-verbruik {
    width: 230px; } 

@media screen and (max-width: 1299px) {
  .leverancier-block.weet-verbruik {
    width: 190px; } }
@media screen and (max-width: 991px) {
  .leverancier-block.weet-verbruik {
    width: 100%;
    margin-bottom: 40px; } }

@media screen and (max-width: 991px) {
  .leverancier-block.weet-verbruik.gas {
    width: 100%;
    margin-bottom: 10px; } }

.leverancier-block.weet-verbruik.add-dubbel {
  width: 230px;
  }
  @media screen and (max-width: 1299px) {
    .leverancier-block.weet-verbruik.add-dubbel {
      width: 180px; } }
  @media screen and (max-width: 991px) {
    .leverancier-block.weet-verbruik.add-dubbel {
      width: 100%;
      margin-bottom: 40px; } }

.leverancier-block.weet-verbruik.add-excl-nacht.add-dubbel {
  width: 200px;
  }
  @media screen and (max-width: 1299px) and (min-width: 992px) {
    .leverancier-block.weet-verbruik.add-excl-nacht.add-dubbel {
      width: 154px;
      font-size: 12px;
      } }
  @media screen and (max-width: 991px) {
    .leverancier-block.weet-verbruik.add-excl-nacht.add-dubbel {
      width: 100%; } }

.leverancier-block.weet-verbruik.add-excl-nacht {
  width: 230px;
  }
  @media screen and (max-width: 1299px) {
    .leverancier-block.weet-verbruik.add-excl-nacht {
      width: 180px;
      } }
  @media screen and (max-width: 991px) {
    .leverancier-block.weet-verbruik.add-excl-nacht {
      width: 100%; } }
/* -----------------------*/
#gas {
  background-image: url(../img/gas.png);
  background-position: 8px;
  background-repeat: no-repeat;
  text-indent: 19px; }

.gas-block {
  width: 200px;
  margin-right: 5px;
  position: relative;
  display: none; }
  @media screen and (max-width: 1299px) {
    .gas-block {
      width: 160px; } }
  

.gas-block.weet-verbruik {
  display: inline-block; }
  @media screen and (max-width: 991px) {
    .gas-block.weet-verbruik {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .gas-block.weet-verbruik {
      margin-bottom: 20px;
      width: 100%; } }



.gas-block.weet-verbruik.add-excl-nacht {
    width: 130px;
}
@media screen and (max-width: 1299px) {
  .gas-block.weet-verbruik.add-excl-nacht {
    width: 100px; } }
@media screen and (max-width: 991px) {
  .gas-block.weet-verbruik.add-excl-nacht {
    width: 147px; } }
@media screen and (max-width: 767px) {
  .gas-block.weet-verbruik.add-excl-nacht {
    width: 100%; } }

.gas-block.weet-verbruik.geengas {
  display: none; }

/* -----------------------*/

.gas-block.weet-verbruik {
    width: 180px;
}

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

.gas-block.weet-verbruik {
    width: 110px;
}
.gas-block.weet-verbruik.active {
  width: 180px;
 }
}

@media (min-width: 768px) and (max-width: 991px) {
    .gas-block.weet-verbruik {
      width: 316px;
      margin-bottom: 10px;
      margin-top:  0px;
      } }
  @media screen and (max-width: 767px) {
    .gas-block {
      margin-top:  20px;
      width: 100%; } }
        @media screen and (max-width: 767px) {
    .gas-block.weet-verbruik {
      width: 100%;
      margin-top: 30px; } }



 .gas-block.weet-verbruik.add-dubbel {
    width: 150px; } 
@media screen and (max-width: 1299px) {
  .gas-block.weet-verbruik.add-dubbel {
    width: 110px; } }
@media screen and (max-width: 991px) {
  .gas-block.weet-verbruik.add-dubbel {
    width: 303px; } }
@media screen and (max-width: 767px) {
  .gas-block.weet-verbruik.add-dubbel {
    width: 100%;
    margin-top: 30px;
    } }

.gas-block.weet-verbruik.add-excl-nacht.add-dubbel {
  width: 120px; }
  @media screen and (max-width: 1299px) {
    .gas-block.weet-verbruik.add-excl-nacht.add-dubbel {
      width: 97px;
      } }
  @media screen and (max-width: 991px) {
    .gas-block.weet-verbruik.add-excl-nacht.add-dubbel {
      width: 135px;
       } }
  @media screen and (max-width: 767px) {
    .gas-block.weet-verbruik.add-excl-nacht.add-dubbel {
      width: 100%;
      margin-top: 30px; } }

.gas-block.weet-verbruik.add-excl-nacht.add-dubbel.active {
  width: 250px; }
  @media screen and (max-width: 1299px) {
    .gas-block.weet-verbruik.add-excl-nacht.add-dubbel.active {
      width: 250px; } }
  @media screen and (max-width: 991px) {
    .gas-block.weet-verbruik.add-excl-nacht.add-dubbel.active {
      width: 100%;
      margin-top: 0px;
      margin-bottom: 10px;
      } }
  @media screen and (max-width: 991px) {
    .gas-block.weet-verbruik.active {
      width: 100%;
      margin-bottom: 50px;
      margin-top: 30px; } }
  @media screen and (max-width: 767px) {
    .gas-block.weet-verbruik.add-excl-nacht.add-dubbel.active {
      width: 100%; } }

.gas-block.weet-verbruik.add-dubbel.active {
  width: 250px; }
  @media screen and (max-width: 1299px) {
    .gas-block.weet-verbruik.add-dubbel.active {
      width: 250px; } }
  @media screen and (max-width: 767px) {
    .gas-block.weet-verbruik.add-dubbel.active {
      width: 100%; } }

.gas-block.weet-verbruik.add-excl-nacht.active {
  width: 250px; }
  @media screen and (max-width: 1299px) {
    .gas-block.weet-verbruik.add-excl-nacht.active {
      width: 250px; } }
    @media screen and (max-width: 1299px) {
    .gas-block.weet-verbruik.add-excl-nacht.active {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .gas-block.weet-verbruik.add-excl-nacht.active {
      width: 100%; } }

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

.inline-verbruik-block.gas {
    top: 70px;
}}

  /* -----------------------*/

.huis-block {
  width: 200px;
  margin-right: 5px; }
  .huis-block a {
    margin-left: 5px; }
  @media screen and (max-width: 1200px) {
    .huis-block {
      width: 170px; } }
  @media screen and (max-width: 991px) {
    .huis-block {
      margin-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    .huis-block {
      width: 100%;
      margin-right: 0; } }

.aantalpers-block {
  width: 300px;
  margin-right: 5px;
  position: relative; }
  .aantalpers-block a {
    margin-left: 5px; }
  @media screen and (max-width: 1299px) {
    .aantalpers-block {
      width: 185px; } }
  @media screen and (max-width: 991px) {
    .aantalpers-block {
      width: 100%;
      margin-bottom: 50px; } }
    @media screen and (max-width: 991px) {
    .aantalpers-block.gas {
      width: 100%;
      margin-bottom: 80px; } }
  @media screen and (max-width: 767px) {
    .aantalpers-block {
      width: 100%;
      margin-right: 0; } }

.vergelijk-block [type=submit] {
  -webkit-appearance: none; }
@media screen and (max-width: 767px) {
  .vergelijk-block {
    text-align: center;
    margin-right: 0;
    width: 100%;
    margin-top: 0px;
    } }

#aantal-personen-select {
  width: 100%; }

.person-icon {
  background-image: url(../img/user.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 6px;
  top: 10px; }
.person-icon.bedrijf {
    background-image: url(../img/building.svg);
}

  .meter-icon {
  background-image: url(../img/metertype.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 23px;
  position: absolute;
  left: 6px;
  top: 10px; }

.dropdown-toggle-icon {
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 16px; }

.home-icon {
  background-image: url(../img/home.svg);
  background-repeat: no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 6px;
  top: 10px; }

.huidige-lev {
  position: relative; }

.inline-radio-block {
  margin: 10px 0 0 5px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px; }

#calculator-form .vergelijk-block{
    padding-top:0px;
  }

.start-submit {
  /*padding-left: 80px;*/
  /*padding-right: 80px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  background: #fb6856;
  box-shadow: 0 3px 0 0 #d8540b;
  border-radius: 4px;
  color: white;
  font-weight: 700;
  transition: 0.2s ease }
  .start-submit:hover {
    color: white;
    background-color: #d8540b;
    text-decoration: none; }

  @media (max-width: 1299px) {
    .start-submit {
    /* padding-left: 15px; */
    /* padding-right: 15px; */
  } }
  @media (max-width: 991px) {
    .start-submit {
      /* width: 30%; */
      display: inline-block;
      margin-top: 0px;
      } }
  @media (max-width: 767px) {
    .start-submit {
      width: 100%;
      padding-left: 12px;
      padding-right: 12px; } }

.stroom-all.geenstroom {
  display: none !important; }

/*-----#############################CALCULATOR################################---*/
.calculatorsection {
  margin-bottom: 50px; }

.calculatorsection-results {
  margin-bottom: 0;
  position: relative;
  /* top: 130px; */
  margin-top: 150px;
  display: none; }

.calculatorsection-results.active {
  display: block; }

@media (max-width: 768px) {
  .calculatorsection {
    margin-bottom: 20px; }

  .normalsizemobile {
    padding-bottom: 40px; }

  .calcu-cta {
    width: 100%;
    text-align: center;
    right: 0; }

  .redctabutton-calcu {
    top: 50px;
    left: 0;
    width: 100%;
    display: block;
    margin-left: 0; } }
.white {
  color: #fff !important; }

.whitebackground {
  background: #fff; }

.calculator {
  position: relative;
  margin-top: -90px; }

.calculatorpadding {
  padding-left: 30px;
  padding-right: 30px; }

/*-----USP---*/
.borderight {
  border-right: 1px solid #30AC72;
  border-left: 1px solid #30AC72; }

.usp .leesmeer {
  padding-top: 20px; }

@media (max-width: 991px) {
  .borderight {
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #30AC72;
    padding-bottom: 20px; }

  .subline {
    border-bottom: 1px solid #30AC72;
    padding-bottom: 20px; } }
.nobullets {
  list-style-image: url("../img/check.svg");
  margin-left: -12px; }

.nobulletsarrow {
  list-style-image: url("../img/arrow-right.svg");
  margin-left: -12px; }

.mailli {
  list-style-image: url("../img/mailsm.png");
  margin-left: -12px; }

.check {
  padding-right: 5px; }

.lineheight20 li {
  line-height: 20px; }

.leesmeer {
  letter-spacing: 1.4px; }

.paddingleft30 {
  padding-left: 30px; }

/*--------Plan -----------*/
.planinside {
  padding-top: 70px;
  z-index: 10;
  padding-bottom: 50px; }

.planblok {
  z-index: 2; }

.linesvg {
  z-index: 1;
  width: 92%;
  margin-bottom: -140px; }

.planblok h2 {
  padding-top: 40px; }

.planblok p {
  padding: 0 40px;
  margin-top: 20px;
  line-height: 26px;
  margin-bottom: 30px; }

@media (max-width: 991px) {
  .planinside {
    padding-top: 30px;
    padding-bottom: 30px; }

  .planblok h2 {
    padding-top: 0; } }
@media (max-width: 768px) {
  .planinside {
    padding-top: 30px;
    padding-bottom: 30px; }

  .planblok h2 {
    padding-top: 0; } }
@media (max-width: 450px) {
  .planblok p {
    padding: 0; }

  .planblok {
    padding: 0; } }
/*--------FAQ -----------*/
.faq .col-md-6 {
  padding-top: 20px; }

.marginbottom40 {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 10px; }

.faq .redbutton {
  width: 260px;
  font-size: 14px;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px; }


  @media (max-width: 767px) {
    .faq .redbutton {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}
  }

.faq .redbutton:hover, .redbutton:focus {
  color: #fff;
  text-decoration: none;
  background: #d8540b; }

.faq .arrow {
  margin-left: 10px;
  margin-right: 10px; }

.faq h4 {
  font-size: 16px;
  margin-bottom: 0; }

.accordion-toggle {
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  margin: 0;
  padding: 15px 0;
  position: relative; }

.accordion-toggle.active:after {
  content: ""; }

.accordion-toggle img:before {
  content: "";
  transform: rotate(-180deg); }

.accordion-toggle.active:before {
  display: none; }

.accordion-content {
  display: none; }

.accordion-toggle.active {
  /*background: #ECF6F6;*/ }

.accordion-titel {
  padding-left: 5px;
  margin-top: -20px; }

.faq .whitesection {
  padding-bottom: 50px;
  padding-right: 30px;
  padding-left: 30px; }

.paddingfaqbox {
  padding: 20px 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px; }

.faq h2 {
  border-bottom: 1px solid #DDDBD5;
  padding-bottom: 15px; }

.faq .collapseTrigger {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #333; }

.faq li {
  border-bottom: 1px solid #DDDBD5;
  margin-right: 50px; }

@media (min-width: 992px) {
  .marginright25 {
    margin-right: 25px; }

  .marginleft25 {
    margin-left: 25px; } }
/* heeft u nog vragen TEXT SECTION */
.contactus {
  padding-top: 40px;
  padding-bottom: 20px;
  margin-bottom: 90px; }

.contactus li { list-style-type: none; }

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

.contactus h2 {
  color: #333;
  font-size: 26px; }

.subtitel {
  font-size: 18px;
  font-weight: 500; }

.chatsvg {
  position: relative; }

.mailicon {
  width: 49px;
  padding-top: 33px;
  margin-right: 75px; }

.contactus h3 {
  font-weight: 700;
  font-size: 20px;
  color: #4C4C4C;
  line-height: 21px; }

.contactus li p {
  margin-top: -10px;
  margin-bottom: -5px; }

.contactus li a img {
  padding-bottom: 4px; }

.contactus li a {
  font-weight: 400;
  font-size: 16px;
  color: #30AC72;
  letter-spacing: 0; }

/*.mailons {
  display: table; }*/

.questionfallback {
  position: relative;
  top: -40px;
  padding-right: 30px; }

.line {
  border-right: 2px solid #30AC72;
  height: 100%;
  right: 50%;
  position: absolute;
  top: -10px; }

.contactus .container {
  height: 100%;
  position: relative; }

.contactus .maillever {
  margin-top: 10px;
  float: none;
  text-align: center; }

.contactus .maillever p {
  font-size: 16px;
  margin-bottom: 20px; }

.contactus .navmailsub {
  padding-bottom: 20px; }

@media (max-width: 991px) {
  .line {
    top: 0px; }

  .contactus h3 {
    font-size: 18px; }

  .contactus {
    padding-top: 10px;
    padding-bottom: 10px; }

  .contactus h2 {
    font-size: 24px;
    padding-top: 10px; }

  .subtitel {
    font-size: 15px;
    margin-top: -10px;
    margin-left: -15px; }

  .mailons {
    margin-left: -15px; }

  .align-right {
    top: -20px; } }
/* SEO TEXT SECTION */
.borderbottomSEO {
  box-shadow: 5px 5px 0 0 #E6E6E6; }

.seotab {
  border: none;
  background: #f9f9f9;
  margin-right: -5px; }

.paddingseo {
  padding: 20px; }

.seo .nav-tabs > li > a {
  background: #30AC72;
  color: #fff;
  margin-right: 5px;
  width: 270px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.seo .nav-tabs > li.active > a {
  border: 1px solid #fff;
  background: #fff;
  color: #333; }

.seo .nav-tabs > li > a:hover {
  border-color: #30AC72;
  background: #228456; }

.seo .nav-tabs > li.active > a:hover {
  border: 1px solid #fff;
  background: #fff; }

#scrollContent {
  height: 186px;
  overflow: auto;
  position: relative; }

.thumbnail {
  position: relative;
  overflow: hidden; }

.caption {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(66, 139, 202, 0.75);
  width: 100%;
  height: 100%;
  padding: 2%;
  display: none;
  text-align: center;
  color: #fff !important;
  z-index: 2; }

@media (max-width: 991px) {
  .seo .nav-tabs > li > a {
    width: 200px; } }
@media (max-width: 767px) {
  .seo .nav-tabs > li {
    display: block;
    width: 100%; }

  .seo .container {
    padding-left: 15px;
    padding-right: 15px; }

  .seotab {
    margin-right: 0; }

  .seo .nav-tabs > li > a {
    width: 100%;
    border-radius: 0px;
    margin-bottom: 3px; } }
/* WIJ VERGELIJKEN ALLE ENERGIELEVERANCIERS CAROUSEL*/
.leveranciers h1 {
  margin-top: 0; }

.paddingbottom40 {
  padding-bottom: 50px; }

.carousel {
  margin-bottom: 0;
  padding: 0 40px 30px 40px; }

/* The controlsy */
.carousel-control {
  height: 40px;
  width: 40px;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  margin-top: 30px; }

/* The indicators */
.carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -10px;
  margin-right: -19px; }

/* The colour of the indicators */
.carousel-indicators li {
  background: #cecece; }

.carousel-indicators .active {
  background: #428bca; }

.thumbnail {
  border-color: #C5E9D8; }

.thumbnail:hover {
  border-color: #30AC72 !important; }

.energyslide .thumbnail {
  width: 220px;
  height: 100px;
  margin-left: 15px;
  margin-right: 15px; }

.energyslide .thumbnail img {
  margin-top: 13px;
  height: 63px; }

@media (max-width: 1299px) {
  .energyslide .thumbnail {
    width: 160px; } }
/*--------- Footer --------- */
footer {
  background: #229A67;
  padding: 20px 0; }

footer h2, footer a {
  color: #fff; }

footer ul {
  margin-left: -40px; }

footer li {
  list-style-type: none; }

footer a {
  font-weight: 500;
  font-size: 14px;
  color: #ECF6F6;
  letter-spacing: 0;
  line-height: 44px; }

footer a:focus, footer a:hover {
  color: #fff;
  text-decoration: none; }

footer .blog ul li a {
  width: 100%;
  display: table;
  font-size: 16px;
  line-height: 15px;
  color: #fff;
  margin-bottom: 15px; }

@media (max-width: 767px) {
footer .blog ul li a {

  font-size: 14px;}
}

footer .blog li img {
  border: 2px solid #30AC72;
  border-radius: 50%;
  margin-right: 15px;
  height: 70px;
  width: 70px;
  float: left; }

footer .blog li span {
  display: table;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 7px;
  color: #C5E9D8; }

footer .blog li span:hover {
  text-decoration: none; }

.foot {
  background: #228456;
  padding: 30px 0px; }

.foot strong {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 1.4px;
  line-height: 21px; }

.foot a {
  color: #fff;
  text-decoration: underline;
  font-size: 14px;
  letter-spacing: 1.4px; }

@media (max-width: 991px) {
  .contactus h3 {
    font-size: 18px; }

  .contactus {
    padding-top: 10px;
    padding-bottom: 10px; }

  .contactus h2 {
    font-size: 24px;
    padding-top: 10px; }

  .subtitel {
    font-size: 15px;
    margin-top: -10px;
    margin-left: -15px; }

  .mailons {
    margin-left: -15px; }

  .questionfallback {
    top: 0; } }

    .page-id-7089 footer {
      margin-top: 100px;
    }
/* *************** END HOME ****************** */
/* *************** BEGIN RESULTATEN ****************** */
.breadcrump {
  height: 90px;
  background: white;
  border-top: 1px solid #C5E9D8; }

.vergelijk-text {
  margin-left: -5px;
  margin-top: 35px; }

.bekijk {
  margin-top: 20px;
  position: absolute;
  left: 47%;
  z-index: 21; }

.vergelijk-stap {
  margin-top: 20px;
}
.searchimg {
  width: 35px;
    
    z-index: 99;
    position: absolute;
    left: 0px;
    
 }

.stapoverimg {
  width: 35px; }

.stapover {
  position: relative;
  margin-top: 20px; }

.greenproces {
  border-bottom: 2px solid #30AC72;
  width: 270px;
  position: absolute;
  left: 35px;
  top: 37px;
  z-index: 20; }

.greyproces {
  border-bottom: 2px solid #EEEEEE;
  width: 94%;
  position: absolute;
  left: 33px;
  top: 37px;
  transition: 0.2s ease; }
.greyproces:after {
  content: "";
  border-bottom: 2px solid #30AC72;
  width: 25%;
  position: absolute;
  left: 0;
  opacity: 0.5;
transition: 0.5s ease;}
.greyproces.active:after {
  width: 50%;
  opacity: 1;
  
}
.greyproces.stapover-bar:after {
  width: 75%;
  opacity: 1;
}
.detailpage .greyproces:after {
  content: "";
  border-bottom: 2px solid #30AC72;
  width: 50%;
  position: absolute;
  left: 0;
  opacity: 1;
  transition: 0.5s ease;}

.vergelijk-a, .stapover-a, .bekijk-a {
  font-weight: 400;
  color:#333;

}

.greyproces.back-vergelijk:after {
  width: 25%;
  opacity: 0.5;
}
.greyproces.stapover-a:after {
  width: 75%;
  opacity: 1;
}

.aanvraagpage .greyproces:after {
  content: "";
  border-bottom: 2px solid #30AC72;
  width: 75%;
  position: absolute;
  left: 0;
  opacity: 1;
  transition: 0.5s ease;}
.greyproces.bekijk-a:after {
  width: 50%;
  opacity: 1;
}

.greenpoint {
  background: #30AC72;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute; }

@media (max-width: 1299px) {
  .greenproces {
    width: 200px; } }
@media (max-width: 991px) {
  .greenproces {
    width: 153px; } }
.gegevens {
	margin-top: 103px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  /* width: 280px; */
  /* margin-right: 50px; */
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px; }

.resulttitel {
    margin-top: 14px;
    /* margin-left: 40px; */
    font-size: 24px!important;
    text-align: center;
}

.gegevens .filled-gegevens {
  font-size: 14px;
  color: #4C4C4C;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 10px; }

.gegevens .titelgegevens {
  font-weight: 400;
  font-size: 14px;
  color: #7F7F7F;
  letter-spacing: 0;
  line-height: 21px; }

.gegevens .postcode {
  margin-top: 20px; }

.wijzigen {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  padding-bottom: 30px; }

.gegevens .borderbottomgreen {
  margin-top: 20px;
  margin-bottom: 10px; }

.wijzigen:hover {
  color: #333; }

.price-result {
  padding-left: 40px;
  margin-top: 20px;
  padding-bottom: 210px;
  width: 100%; }

.prijsvak {
  border-right: 2px solid #E6E6E6;
  padding-top: 70px;
  padding-bottom: 85px;
  padding-left: 10px; }

.jaarprijs {
  font-weight: 600;
  font-size: 32px;
  color: #4C4C4C;
  letter-spacing: 0;
  line-height: 36px; }

.maandprijs {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
  line-height: 21px; }

.leverancierimg img {
  padding-top: 20px;
  padding-left: 0px;
  width: 80px!important; }

.abbo-usp ul li {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  line-height: 19px;
  padding-top: 10px; }

.abbo-usp {
  padding-top: 45px; }

.sidebar-results {
  padding-top: 47px;
}

.sidebar-results h2 {

}
  

.nobulletsgrey {
  list-style-image: url(../img/checkgrey.svg); }

.onlineaanvragen .redbutton:hover {
  color: white !important;
  text-decoration: none !important;
  background: #d8540b; }

.onlineaanvragen .redbutton {
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500; }

.onlineaanvragen {
  padding-top: 80px;
  position: absolute;
  right: 30px; }

.onlineaanvragen .details {
    position: relative;
    top: -30px;
    border: 1px solid #fb6856;
    color: #fb6856;
    font-weight: 500;
    padding: 10px 15px;
    transition: 0.2s ease;
 }

.onlineaanvragen .details:hover {
  text-decoration: underline;
  color: #d8540b;
  border: 1px solid #d8540b; }


.uppercasetitel {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  color: #4C4C4C;
  letter-spacing: 0;
  line-height: 21px; }

.gegevens input[type=radio] {
  margin: 10px 0 0;.page-id-1437 nav .col-md-12, .page-id-3258 nav .col-md-12, .page-id-7089 nav .col-md-12, .page-template-template-listing nav .col-md-12 {
    display: none;
}
  margin-right: 5px; }

.verfijnkeuze {
  padding-bottom: 20px; }

.editfilter {
  transition: all 0.5s ease;
  transform: rotate(0deg); }

.editfilter.active {
  transition: all 0.5s ease;
  transform: rotate(180deg); }

.resultsSEO {
  /* margin: 10px; */
  padding: 10px 20px; }

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

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

.seoblocks.whitesection {
  margin-right: 20px; }

.place1 {
  position: absolute;
  z-index: 10;
  /* top: 0px; */
  padding-top: 6px;
  margin-left: -17px;
  background: #30ac72;
  border-radius: 30px;
  width: 34px;
  height: 34px;
  margin-top: 19px;
  color: #fff;
  font-weight: 600;
  font-size: 16px; }

  .page-template-template-listing nav .col-md-12 {
    display: none;
  }

.place2 {
  position: absolute;
  z-index: 10;
  /* top: 0px; */
  padding-top: 6px;
  margin-left: -17px;
  background: #fff;
  border: 1px solid #30AC72;
  border-radius: 30px;
  width: 34px;
  height: 34px;
  margin-top: 19px;
  color: #30ac72; }

.keurmerken {
  text-align: center;
}

  .keurmerken img {
  width: 45%;
  margin-bottom: 5px;
  margin-top: 5px;
}

.text-sidebar-keur {
  border: #30ac72 solid 1px;
    padding: 10px;
    margin-left: 40px;
    margin-top: 40px;
    margin-right: 40px;

}

.text-sidebar-keur .keurmerken img  {
    width: 45%;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;


 }

 .laagste-prijs {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 140px 110px 0;
    border-color: transparent #d8540b transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
}

.schuin-text {
font-size: 12px;
    height: 100px;
    font-weight: 700;
    width: 100px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(40deg);
    position: absolute;
    top: 11px;
    right: left;
    left: 25px;
    text-align: center;
    color: white;
    letter-spacing: 1.1px;
}


@media (max-width: 1299px) {

  .schuin-text {
        font-size: 12px;
    height: 20px;
    font-weight: 700;
    width: 100px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    right: left;
    left: 21px;
    text-align: center;
    color: white;
    letter-spacing: 1.1px;
}
.laagste-prijs {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 100px 100px 0;
    border-color: transparent #d8540b transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
}

  .prijsvak {
    border-right: 2px solid #E6E6E6;
    padding-top: 70px;
    padding-bottom: 55px;
    padding-left: 30px; }

  .jaarprijs {
    font-size: 24px; }

  .maandprijs {
    font-weight: 500;
    font-size: 12px;
    color: #666666;
    line-height: 21px;
    margin-right: -13px; }

  .gegevens {
    margin-right: -30px; }

  .leverancierimg img {
    padding-top: 25px;
    padding-left: 15px; }

  .abbo-usp {
    padding-top: 65px;
    position: relative;
    right: 110px; } }
@media (max-width: 991px) {
  .gegevens .postcode {
    margin-top: 0; }

  .wijzigen {
    font-size: 14px;
    text-decoration: underline;
    color: #999; }

  .gegevens h2 {
    font-weight: 600;
    font-size: 18px;
    color: #30AC72;
    line-height: 32px;
    margin-top: 0; }

  .gegevens .filled-gegevens {
    font-size: 12px; }

  .borderbottomgreen.vergelijking {
    margin-top: 70px; }

  .filteropties h2 {
    padding-top: 10px;
    border-top: 1px solid #C5E9D8;
    margin-top: 20px; }

  .price-result {
    padding-left: 0; }

  .abbo-usp {
    padding-bottom: 10px; }

  .gegevens {
    margin-right: 0;
    margin-top: 40px; }

  .resulttitel {
    /* padding-top: 50px; */
    /* margin-left: 40px; */
    padding-top: 0;
    margin-left: 0;
    font-size: 24px!important; }

  .prijsvak {
    padding-bottom: 65px; }

  .filteropties {
    display: none; }

  .filteropties .active {
    display: block; }

  .editfilter {
    float: right;
    margin-top: 5px; } }



@media (min-width: 992px) and (max-width: 1299px) {
  .sidebar-results {
    margin-right: -10px;
  }
  .sidebar-results .zojuist-overgestapt {
    padding-left: 10px;
    padding-right: 0;
  }

    .abbo-usp {
      margin-left: -80px;
      right: 0;
      padding-top: 55px;

    }
    .sidebar-results h2 {
    font-size: 17px; 
}
.text-sidebar {
  border: #30ac72 solid 1px;
    padding: 20px;
    margin-left: 10px;
    margin-top: 40px;
    margin-right: 0px;
    font-size: 14px;

  }


  .text-sidebar p {
    font-size: 14px;
  }
  .text-sidebar h2{
    margin-top: 0;
  }
  
  .sidebar-results .reviews strong{
    font-size: 15px;
  }

  .sidebar-results .reviews {
    padding-left: 10px;
    padding-right: 0;
  }

    .abbo-usp .nobulletsgrey {
      margin-right: -40px;
    }

    .prijsvak {
      
      padding-bottom: 65px;
      padding-left: 5px;
      width: 26%;
    }
    .jaarprijs {
      font-size: 22px;
    }
    .leverancierimg img {
      width: 70px!important;
      padding-left: 0;
    }
    .onlineaanvragen .redbutton {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
  }
  .onlineaanvragen {
    padding-top: 90px;
    position: absolute;
    right: 20px;

}

.abbo-usp ul li {
    font-weight: 400;
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    padding-top: 10px;
}

.onlineaanvragen .details {
    padding: 6px;
}

.resulttitel {
  font-size: 20px!important;
}

.reviews h2 {
  font-size: 17px;
}

.text-sidebar-keur .keurmerken img  {
    width: 60%;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;


 }

  } /*/kleine desktop & laptop*/

@media (max-width: 375px) {
  .laagste-prijs {
    display: none;
  }
}

  @media (min-width: 1299px) {
    .abbo-usp {
      margin-left: -100px;

    }
    .sidebar-results h2 {
    font-size: 17px; 
}
.text-sidebar {
  border: #30ac72 solid 1px;
    padding: 20px;
    margin-left: 40px;
    margin-top: 22px;
    margin-right: 20px;

  }
  .page-template-template-leveranciers-info .text-sidebar {
 
    
    margin-left: 0px;
   
    margin-right: 0px;
   

  }
  .text-sidebar h2{
    margin-top: 0;
  }
  .text-sidebar p {
    font-size: 14px;
  }
  
  .sidebar-results .reviews strong{
    font-size: 15px;
  }

    .abbo-usp .nobulletsgrey {
      margin-right: -40px;
    }

    .prijsvak {
      
      padding-bottom: 45px;
    }
  }


 @media (max-width: 991px) {
  .text-sidebar-keur .keurmerken img  {
    width: 25%;
  }
 }

  @media (max-width: 500px) {
  .text-sidebar-keur .keurmerken img  {
    width: 45%;
  }
 }



@media (max-width: 767px) {
  .borderbottomgreen.vergelijking {
    margin-top: 120px; }

  .prijsvak {
    border-right: none;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 20px; }

  .price-result {
    padding-bottom: 0; }

  .abbo-usp {
    padding-top: 20px;
    position: relative;
    right: 20px;
    /* margin-bottom: 10px; */
    padding-bottom: 20px; }

  .mobile-aanvragen {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    padding-bottom: 60px; }

  .inverted-redbutton {
    border: 1px solid #fb6856;
    color: #fb6856;
    font-weight: 500;
    width: 47%;
    float: left;
    padding: 10px; }

  .redbutton-mobile {
    background: #fb6856;
    color: #fff;
    padding: 0px 15px;
    font-size: 14px;
    font-weight: 500;
    float: right;
    width: 47%;
    padding: 10px; }

  .leverancierimg img {
    float: right;
    top: -80px;
    position: relative;
    padding-right: 10px; } }



/* *************** END RESULTATEN ****************** */
/* *************** BEGIN STAP OVER ****************** */
.greenproces-stapover {
  border-bottom: 2px solid #30AC72;
  width: 1128px;
  position: absolute;
  left: 35px;
  top: 57px;
  z-index: 20; }

.callback-detail a {
  position: relative;
  top: 12px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 400; }

.stapoversection {
  background: #F9F9F9; }

.lightgreen.tip {
  padding: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
  margin-right: 60px; }

.formoverstappen {
  padding: 20px 40px 40px 40px;
  margin-bottom: 70px;
  margin-right: 60px; }

.formoverstappen .form-layout {
  border: none;
  background: #FFFFFF;
  box-shadow: 0 1px 0 0 #BBBBBB, inset 0 2px 2px 0 #BBB;
  border-radius: 3px; }

.formoverstappen h2 {
  color:#30AC72;
  margin-left: 30px; }

.stapoversection h2 {
  margin-bottom: 20px; }

.form-horizontal .control-label {
  text-align: left; }

.formoverstappen .redbutton:hover {
  color: white;
  background: #d8540b;
  text-decoration: none; }

.formoverstappen .redbutton {
  padding: 7px 50px; }

.formoverstappen hr {
  padding-bottom: 15px; }

textarea.form-control {
  height: 100px; }

.contract-keuze {
  width: 100%;
  margin-top: 125px; }

.contract-keuze .whitesection {
  margin-bottom: 10px;
}

.contract-info {
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px; }

.contract-info-small {
  font-weight: 600;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px; }

.contract-kosten {
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px; }

.contract-kosten-small {
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px; }


.imglabel {
  padding: 15px 20px;
  margin-top: -31px;
  background: #f9f;
  background: #FFFFFF;
  box-shadow: 2px 2px 0 0 rgba(199, 199, 199, 0.5);
  border-radius: 5px; }

.contract-jaarkosten {
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 27px; }

.btw {
  font-weight: 600;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 21px; }

.jaarkosten {
  background: #30AC72;
  margin-top: 10px; }

.contract-h2 {
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 27px;
  padding-top: 10px; }

.contract-keuze h2 {
  margin-left: 10px;
  margin-top: 15px; }

.ml20 {
  margin-left: 20px !important;
}

.jaarkosten-background {
  background: #30AC72;
  padding-bottom: 15px; }

.padding15-top-bot {
  padding-bottom: 15px;
  padding-top: 15px; }

.contract-keuze-mobile h2 {
  margin-left: 15px; }

.leveradres {
  display: none; }

.gewenstestartdatum {
  display: none; }

.postadres_anders h2 {
  margin-top: -20px;
  margin-left: 0; }

.postadres_anders {
  display: none; }

.postadres_anders hr {
  margin-top: 30px;
  margin-bottom: 20px; }

@media (max-width: 1299px) {
  .greenproces-stapover {
    width: 832px; }

  .radiofix {
    margin-left: 0 !important; } }
@media (max-width: 991px) {
  .lightgreen.tip {
    margin-right: 0;
    margin-bottom: 80px; }

  .formoverstappen {
    margin-right: 0; }

  .greenproces-stapover {
    width: 638px; }

  .radiofix {
    margin-left: 10px !important; } }
/* *************** NEW STAP OVER ****************** */
#Contractvoorwaarden .lightgreen {
  padding: 20px;
}

.aanvraag-new {
  margin-top: 0px;
}

.overstap-form {
  padding: 30px 40px;
  margin-top: 40px;
}

.sidebar-overstap .contract-keuze {
  margin-top: 62px;

}

.sidebar-overstap .whitesection {
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.sidebar-overstap .contract-info {
  padding-left: 10px;
  margin-bottom: 10px;
}

.mr60 {
  margin-right: 60px;
}



.custom-order-form input { font-size: 16px !important; }

.ginput_container_date input {
  width: 47,5%;
}


.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 1px;

}

.gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio] {
margin-top: 6px !important;
margin-left: 2px;
}
.gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio] {
margin-top: 8px !important;

}


.gform_wrapper .gfield_checkbox li label {
    font-size: 16px;
    font-weight: normal;
    color: black;
    margin-top: 12px!important;
    margin-left: 20px!important;
}

.gfield_label, body .gform_wrapper .gform_body .gform_page_fields .gfield_radio li label {
    font-size: 16px !important;    
}

.gform_wrapper .gfield_radio li {
    
    margin: 0px 25px .5em;
    
    display: inline-block;}

.gform_wrapper .datepicker {
    width: 47.5%!important;
}

.gform_wrapper .datepicker, .ginput_container_date>.datepicker {
    width: 47.5%!important;
    padding: 6px 6px!important;
}

body .gform_wrapper .gform_body .gform_fields .ginput_container > input {
   width: 100%!important;

} 

body .gform_wrapper .gform_body .gform_fields .ginput_container_date>input {
    font-size: 18px;
    color: grey;
    width: 47.5%!important;
}
   

   body .gform_wrapper .gform_body .button {
  margin-left: 0!important;
}



@media (max-width: 991px) {
  .mr60 {
  margin-right: 0px;
}

  .custom-order-form input {
  width: 100%; 
}

.custom-order-form input[type="radio"], .custom-order-form input[type="checkbox"]{
  width: 13px; 
}

  .gform_wrapper .datepicker {
    width: 100%!important;
}

  }

@media (max-width: 767px) {
.sidebar-overstap .contract-kosten {
  padding-left: 10px;
}
}

.aanvraag-methode {
  margin-top: 50px;
}

.aanvraag-box {
  border: #30ac72 solid 1px;
  padding: 10px;
}

.aanvraag-box img {
  width: 50px;
  margin-top: 10px;
}

.aanvraag-box p {
  font-size: 12px;
  line-height: 22px;
  margin-top: 10px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/* *************** END STAP OVER****************** */

/**
* PAGE PRELOADER
* Replace with your own icon or logo and use on your site
*/
/**
* VARIABLES
* Tweak them for prefered result 
*/
#site {
/*  opacity: 0;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;*/
}
#preloader {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
#preloader:before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  height: 100%;
  width: 100%;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
  border: 1px solid #2fc394;
  border-top: 1px solid transparent;
  border-radius: 100%;
}
#preloader > .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 25px;
  width: 10.6px;
  margin-top: -12.5px;
  margin-left: -5.3px;
  -webkit-animation: wink 1s ease-in-out infinite alternate;
          animation: wink 1s ease-in-out infinite alternate;
}
@media only screen and (min-width: 768px) {
  #preloader {
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
  }
  #preloader:before {
    left: -2px;
    top: -2px;
    border-top-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 2px;
  }
  #preloader > .icon {
    height: 37.5px;
    width: 15.9px;
    margin-top: -18.75px;
    margin-left: -7.95px;
  }
}
@media only screen and (min-width: 1200px) {
  #preloader {
    height: 80px;
    width: 80px;
    margin-top: -40px;
    margin-left: -40px;
  }
  #preloader > .icon {
    height: 50px;
    width: 21.2px;
    margin-top: -25px;
    margin-left: -10.6px;
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes wink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes wink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* *************** BEGIN BEVESTIGING ****************** */
.bevestiging h2 {
  color: #333;
  margin-top: 60px;
  margin-bottom: 0px; }

.bevestiging .lightgreen {
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 40px; }

  .redirect-h3 {
   margin-top: 50vh;
  }





/* *************** END BEVESTIGING ****************** */
/* *************** BEGIN LEVERANCIERS ****************** */
.leverancier-beschrijving {
  width: 100%;
  margin-bottom: 55px; }

.energieleverancier h1 {
  padding-bottom: 50px; }

.leverancier-text {
  margin: 40px 40px 20px 40px;
  padding-bottom: 20px; }

.leverancier-contact {
  margin-top: 80px;
  padding-bottom: 40px; }

.leverancier-content {
  margin-top: 80px;
  margin-right: 40px; }

.leverancier-content h2 {
  margin-top: 30px; }

.leverancier-contact-blok {
  margin: 20px; }

.leverancier-contact-blok h2 {
  margin-left: 10px; }

@media (min-width: 991px) {
  .leverancier-beschrijving {
    height: 300px; }

  .energiebegrip-content {
    margin-right: 50px; } }
@media (min-width: 1299px) {
  .leverancier-beschrijving {
    height: 265px; } }
/* *************** END LEVERANCIERS ****************** */
/* *************** BEGIN Landingpage ****************** */
.lightgreen.content {
  padding: 30px;
  margin-bottom: 40px;
  margin-top: 40px; }

.landing-accordion .accordion-toggle {
  background: #ECF6F6;
  border-bottom: none;
  margin-top: 5px; }

.landing-accordion .margin-accordion {
  margin-left: 20px;
  margin-top: 10px; }

.landing-accordion .accordion-content {
  background: white;
  padding: 30px; }

.goedkoopste-tabel {
  overflow-x: hidden;
  height: 400px;
  background: white;
  box-shadow: 5px 5px 0 0 #E6E6E6;
  padding: 20px; }

/* *************** END Landingpage ****************** */
/* *************** BEGIN FAQPAGE****************** */
.faqpage .whitesection {
  margin-top: 80px;
  padding-bottom: 30px; }

.faq-content {
  margin-left: 30px;
  margin-right: 50px; }

.faq-content .lightgreen {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 40px; }

.faq-content .lightgreen ul {
  margin-left: -40px; }

.faq-content .lightgreen ul a {
  color: #333;
  font-weight: 600; }

.energiebegrip .whitesection {
  margin-top: 80px;
  padding-bottom: 30px; }

.energiebegrip {
  background: white; }

.energiebegrip-content .lightgreen h2 {
  margin-left: 20px;
  color: #333;
  padding-top: 10px;
  padding-bottom: 10px; }

.energiebegrip-content .begrippen ul {
  list-style: none;
  margin-left: -20px;
  color: #333; }

.energiebegrip-content .begrippen ul a {
  font-weight: 600;
  color: #333; }

.letter-select {
  margin-bottom: 40px; }

/* *************** SIDEBAR ***************** */
.sidebar .lightgreen {
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 50px;
  padding-left: 40px;
  margin-bottom: 40px; }

.sidebar .lightgreen .nobullets {
  margin-bottom: 40px; }

.sidebar {
  margin-top: 50px;
  /*    margin-right: 20px;*/ }

.sidebar h2 {
  color: #333;
  margin-bottom: 20px; }

.sidebar ul li {
  margin-bottom: 10px; }

.sidebar .nobulletsarrow a {
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 32px; }

@media (max-width: 767px) {
  .sidebar .lightgreen {
    padding-left: 20px !important;
    padding-right: 20px !important; }

  .sidebar {
    margin-right: 0; } }
.mailons {
  padding-left: 20px;
  margin-right: -60px; }

.mailons a {
  font-weight: 400;
  margin-top: 3px; }

.mailons img {
  margin-right: 5px; }

.mailiconsidebar {
  width: 34px;
  margin-right: 15px; }

.sidebarlast {
  padding-bottom: 100px !important; }

@media (max-width: 1299px) {
  .mailons {
    padding-left: 30px;
    margin-right: -60px; } }
@media (max-width: 991px) {
  .mailons {
    padding-left: 0px;
    margin-right: -60px; }

  .mailiconsidebar {
    width: 45px;
    margin-right: 15px; }

  .faq-content {
    margin-left: 0px;
    margin-right: 0px; } }
@media (min-width: 767px) {
  .faq-content .lightgreen ul {
    list-style: none; } }
/*---------- Search ----------*/
.form-search {
  transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out; }

.form-search {
  margin-bottom: 40px; }

.form-search button {
  background: #30AC72; }

.form-search button:hover {
  background: #118E54; }

.zoekresultaten p {
  margin-bottom: 20px; }

.zoekresultaten hr {
  margin-bottom: 40px;
  margin-top: 20px; }

.faq-result {
  margin-bottom: 40px; }

.energiebegrip-result {
  margin-bottom: 40px; }

/* *************** END FAQPAGE ****************** */
/* *************** BEGIN CONTACTPAGE****************** */
.contactpage {
  padding-top: 40px;
  padding-bottom: 70px; }

.contactpage h2 {
  padding-top: 30px; }

.contactpage button {
  background: #fb6856;
  box-shadow: 0 3px 0 0 #d8540b;
  border-radius: 4px;
  color: #fff;
  padding: 10px 45px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  width: 100%; }

.contactpage button:hover, .contactpage button:focus {
  color: #fff;
  text-decoration: none;
  background: #d8540b; }

.contactformulier .form-group {
  padding-top: 10px; }

/* *************** END CONTACTPAGE****************** */
/* *************** BEGIN BLOG****************** */
.blog-section {
  padding-top: 40px;
  padding-bottom: 70px; }

.blog-section h1 {
  padding-left: 15px;
  padding-right: 15px; }

.blog-section .sidebar {
  margin-top: 0;
  margin-right: 0; }

@media (min-width: 1200px) {
  .blog-content {
    margin-right: 100px; } }

@media (min-width:992px) {
  .blog-content { margin-right: 30px; }
}

@media (max-width: 991px) {
  .blog-section .sidebar {
    margin-top: 50px; } }
.hover-blog {
  margin-bottom: 20px; }

.most-recent-post img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.recent-post img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.recent-post {
  margin-top: 80px; }

.blog-h2 { margin-top: 0; }

.post-content {
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 15px; }

.blogauteur {
  padding-left: 40px;
  padding-right: 40px;
  font-style: italic;
  font-size: 12px;
  color: #C1C1C1;
  padding-bottom: 20px; }

@media (min-width: 992px) {
  .paddingrightmd {
    padding-right: 20px; }

  .paddingleftmd {
    padding-left: 20px; } }

.featured-image { height: 125px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.headerimg-square {
  width: 125px;
  height: 125px;
  background-image: url(../img/head-blog1.png);
  display: inline-block;
  margin-bottom: -5px;
  background-size: auto 100% !important;
  background-position: center; }

.hover-blog:hover {
  opacity: 0.7; }

.overigeblogs h3 {
  font-size: 16px;
  font-weight: 700;
  color: black;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.old-posts p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.nextbutton {
  background: #30AC72;
  box-shadow: 0 3px 0 0 #1C7C4F;
  border-radius: 4px;
  color: #fff;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600; }

.nextbutton:hover, .nextbutton.active {
  background: #fff;
  color: #30AC72;
  text-decoration: none; }

.next-blog {
  text-align: center;
  margin-top: 20px; }

/* *************** END BLOG****************** */
/* *************** BEGIN DETAILOVERZICHT****************** */
.whitebg {
  background: #fff;
  margin-bottom: 30px; }

.accordion-nettarieven {
  margin-top: 20px; }

.stroom-detail, .gas-detail {
  padding: 20px 40px; }

.table > thead > tr > th {
  border-bottom: none; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: none; }

.tr-bg-green {
  background: #30AC72;
  color: white;
  padding-top: 20px;
  padding-bottom: 40px; }

.tr-bg-green.w-discount { padding-bottom: 60px; }

.tr-bg-green .margins {
  margin-left: 40px;
  margin-right: 40px; }

.totaalprijsblok .subtext { font-style: italic; }

td:first-child, th:first-child {
  text-align: left !important; }

th, td {
  text-align: right;
   }

@media screen and (max-width: 1299px) {
  td {
    
  }
}

.korting-verbruik {
  color: #24AF74;
  font-weight: 700; }

.nettarieven-detail {
  padding: 10px 40px;
  padding-left: 20px; }

.accordion-nettarieven .accordion-toggle, .accordion-heffingen .accordion-toggle {
  border: none; }

.accordion-nettarieven .accordion, .accordion-heffingen .accordion {
  padding-bottom: 0; }

.accordion-nettarieven .accordion-titel, .accordion-heffingen .accordion-titel {
  font-weight: 700; }

.accordion-nettarieven h4, .accordion-heffingen h4 {
  margin-bottom: 0; }

.actiekorting {
  padding-top: 10px;
  padding-bottom: 40px;
  padding-right: 40px;
  padding-left: 40px;
  margin-bottom: 30px; }

.actiekorting strong {
  font-size: 18px;
  margin-top: 5px; }

.totaalprijs {
  margin-top: -40px; }

.totaalprijs h2 { color: white !important; font-size: 19px; padding-top: 13px; margin-bottom: 0; }

.totaalprijs strong div {
  position: relative;
  top: -32px;
  margin-left: 90px; }

.margin-right-60 {
  margin-right: -60px; }

.maand-prijs-subblok {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px; }

.contractvoorwaardenrow {
  margin-top: 20px;
  /* margin-bottom: 20px; */
  padding-bottom: 5px;
  padding-top: 5px;
  margin-left: 5px;
  margin-right: 5px; }

.contractvoorwaardenrow-first {
  /* margin-bottom: 20px; */
  padding-bottom: 5px;
  padding-top: 40px;
  margin-left: 5px;
  margin-right: 5px; }

.contractvoorwaardenrow-last {
  padding-bottom: 40px;
  padding-top: 5px;
  margin-left: 5px;
  margin-right: 5px; }

.detailoverzicht-section .contract-keuze {
  margin-top: 72px; }

.detailoverzicht-section .accordion-titel {
  font-size: 16px; }

@media (max-width: 767px) {
  .detailoverzicht-section h1 {
    font-size: 20px; }

  .detailoverzicht-section h2 {
    font-size: 16px; }

  .detailoverzicht-section h4 {
    font-size: 12px !important; }

  .stroom-detail, .gas-detail {
    padding: 10px 15px; }

  .nettarieven-detail {
    padding: 10px 15px; }

  .actiekorting {
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px; }

  .actiekorting strong {
    font-size: 14px; }
    .padding-bot-mobile {
  padding-bottom: 40px; }


   }
.detailoverzicht-section .redctabutton {
  width:93%;
  display: block; }

.padding-cta {
  padding-top: 30px;
  padding-bottom: 30px; }



  .mt50 {
    margin-top: 50px;
  }
@media  (min-width: 768px) {
.accordion-toggle {
  margin-top: 20px;
}
}
@media  (max-width: 991px) {
    .padding-bot-mobile {
  padding-bottom: 40px; }}

  .toggle-details {
    display: inline;
    right: 120px;
    position: absolute;
    text-decoration: underline;
    font-weight: 400;
    
  }
  .toggle-details .arrow {
    width: 14px;
    margin-left: 9px;
  }
  .accordion-toggle.active .arrow {
    transform:rotateX(180deg);
  }
  .toggle-details:hover, .toggle-details:focus {
    text-decoration: underline;
  }
@media  (max-width: 767px) {
    .detailoverzicht-section .accordion-titel { margin-top: 0; padding-left: 10px; }
    .featured-image { height: calc(80vw / 2); }
}

@media  (max-width: 450px) {
  .toggle-details {
    display: block;
    right: inherit;
    position: absolute;
    text-decoration: underline;
    font-weight: 400;
    padding-top: 5px;
  }
  .detailoverzicht-section .accordion-titel {
    margin-top: 0;
    padding-left: 10px;
    padding-bottom:10px;
  }
}

.gform_wrapper textarea {
    padding: 15px!important;
    resize: auto!important;
    font-size: 16px !important;
}
/* *************** END DETAILOVERZICHT****************** */

.styled-checkbox { position: absolute; opacity: 1; top: 65px; margin-right: 20px; cursor: pointer; }
.styled-checkbox + label:hover, .styled-checkbox + label:focus { text-decoration: underline; }
.styled-checkbox + label { position: absolute; padding: 0; top: 65px; color:white; font-style: italic; font-weight: 400; margin-left: 20px; cursor: pointer; }
.checkbox-label { margin-left: 20px; }

.tooltiptext-zakelijk { visibility: hidden; width: 200px; background-color: white; color: #333; text-align: left; border-radius: 5px; padding: 5px 5px; position: absolute; top: 30px; z-index: 999; text-indent: 0; left:0; font-size: 14px; font-style: italic; font-family: "Open Sans"; }
.tooltiptext-zakelijk:after { content: ""; position: absolute; top: -32%; left: 10%; margin-left: -5px; border-width: 9px; border-style: solid; border-color: #ffffff00 #ffffff00 white #ffffff00; }

.styled-checkbox + label:hover .tooltiptext-zakelijk { visibility: visible; }

@media (max-width:991px) {
    .styled-checkbox + label, .styled-checkbox { top: -35px; }
    .inputs { margin-top: 0px; }
    .tooltiptext-zakelijk { top: -16px; left: 70px; }
    .tooltiptext-zakelijk:after { content: ""; position: absolute; top: 17px; left: -12px; margin-left: -5px; border-width: 9px; border-style: solid; border-color: transparent white transparent transparent; }
    .solar-block-input .select-metertype { right: 0; }
}

/*** 2020 styles ***/

.mailons > div { display: flex; align-items: center; }
.mailons > div ul { margin: 0; }
.page-template-page-template-landingpage-energie-vergelijken .landingpage .redctabutton { margin: 20px 0 0 0; display: block; width: max-content; }

@media only screen and (max-width: 768px) {
    body .gform_wrapper #gform_6 #field_6_9 { margin-bottom: 50px !important; }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
    body .gform_wrapper #gform_6 ul.gform_fields:not(.top_label) .ginput_container.ginput_recaptcha { margin-left: 0 !important; }
}

/* *************** END ****************** */

/*** Added Style ***/
/* html,body{width:100%; height:100%; margin:0px; padding:0px; overflow-x:hidden;} */
.contactItem a span.conPhone{display:none; padding-left:5px;}
.contactItem a span.conPhone:before{content:'\f095'; display:inline; font-family:'FontAwesome'; padding-right:3px;}
.sPhone:before{content:'\f095'; display:inline; font-family:'FontAwesome'; padding-left:3px; padding-right:3px;}
body.page-template-template-listing .prijsvak {
  padding-bottom: 0;
  padding-top: 0;
  height: 177px;
  display: flex;
  align-items: center;
}
#gform_12 li#field_12_26{width:50% !important;}
#gform_12 li#field_12_28{width:25% !important;}
#gform_12 li#field_12_29{width:25% !important;}
/* #gform_12 li#field_12_34 ul.gfield_radio li{display:inline; border:2px solid #ccc; padding:8px 15px 15px !important;}
#gform_12 li#field_12_34 ul.gfield_radio li input{display:none;}
#gform_12 li#field_12_34 ul.gfield_radio li:first-child{border-radius:10px 0 0 10px;}
#gform_12 li#field_12_34 ul.gfield_radio li:last-child{border-radius:0 10px 10px 0;} */

/* Buttonize Radio & Checkbox Fields */
/* .gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
   position: relative;
   text-align: center;
} */
/* .gform_wrapper .gfield.buttonized input[type="radio"],
.gform_wrapper .gfield.buttonized input[type="checkbox"] {
   position: absolute;
   left: -9999px;
} */
.gform_wrapper .gfield.buttonized .gfield_radio label,
.gform_wrapper .gfield.buttonized .gfield_checkbox label {
  font-size:16px;
   /* display: block !important;
   position: relative;
   max-width: 100%;
   padding: 1em;
   font-size: 48px; */
   /* border: 1px solid #30AC72; */
   /* background-color: #dcd5ce; */
   /* background-color: transparent;
   cursor: pointer;
   margin-left:0;
   box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
   border: 1px solid #bdbdbd;
   border-bottom:2px solid rgba(0,0,0,.3);
   width:100%; */
}
.gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {
   border-color: #040404;
}
/* .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label { */
   /* border-color: #040404; */
   /* background-color: #0b8d56;
   overflow: hidden;
   color: #fff !important;
} */
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label + .gform_wrapper .gfield.buttonized .gfield_radio label{
  border: 1px solid #30AC72;
}
.gform_wrapper .gfield.buttonized label:focus-visible{
  border: 1px solid #30AC72;
}
.gform_wrapper .gfield.buttonized ul#input_12_34{grid-gap:.5em 0em;}
/* .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {
   content: '';
   display: block;
   position: absolute;
   top: -.75em;
   right: -.75em;
   left: auto;
   width: 1.5em;
   height: 1.5em;
   background-color: #e1b653;
   border-radius: 0;
   border: 0;
   transform: rotate(45deg);
} */
.gform_wrapper .gfield.buttonized .gfield_radio label::before,
.gform_wrapper .gfield.buttonized .gfield_checkbox label::before {
   display: none;
}
/* Layout Buttonized Inputs As Grid */
.gform_wrapper .gfield.buttonized .gfield_radio,
.gform_wrapper .gfield.buttonized .gfield_checkbox {
   display: grid;
   grid-template-columns: repeat( 6, 1fr );
   grid-gap: .5em 0em;
}
/* ul#input_12_34 li{box-shadow:0px 8px 15px rgb(0 0 0 / 10%);} */
ul#input_12_34 li #label_12_34_0{border-right:0;}
/* #label_12_34_0{border-radius:5px 0 0 5px;} */
#label_12_34_1{border-radius:0 5px 5px 0; margin-left:0;}
#input_12_34 label{font-size:16px !important;}
@media screen and (max-width: 1299px) {
  .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox{grid-template-columns:repeat( 5, 1fr );}
}
@media screen and (max-width: 991px) {
  .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox{grid-template-columns:repeat( 6, 1fr )}
}
@media screen and (max-width: 637px) {
  .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox{grid-template-columns:repeat( 5, 1fr );}
}
@media screen and (max-width: 553px) {
  .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox{grid-template-columns:repeat( 4, 1fr );}
}
@media screen and (max-width: 468px) {
  .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox{grid-template-columns:repeat( 3, 1fr );}
}
@media screen and (max-width: 450px) {
  /* .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox{grid-template-columns:repeat( 2, 1fr );} */
}
@media screen and (max-width: 383px) {
  .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox{grid-template-columns:repeat( 2, 1fr );}
}
@media screen and (max-width: 299px) {
  .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox{grid-template-columns:repeat( 1, 1fr );}
  ul#input_12_34 li #label_12_34_0{border-right:1px solid #bdbdbd;}
  ul#input_12_34 li label{border-radius: 5px;}
}
/** end Buttonize Radio & Checkbox Fields **/
@media screen and (max-width: 1299px) {
  nav .header-bottom .container{width: 1018px; max-width:100%;}
  .navbar-default .navbar-nav > li > a{font-size:13px;}
  .nav>li>a{padding:10px 9px;}
  .call span{font-size:13px;}
  .call .conntact-number strong{font-size:14px !important;}
}
@media screen and (max-width: 1036px) {
  .maillever .hidden-sm{font-size:12px !important;}
}
@media screen and (max-width: 1022px) {
  .call .conntact-number strong{font-size:13px !important;}
}
@media screen and (max-width: 991px) {
  nav .header-bottom .container{width: 750px; max-width:100%;}
  .call .conntact-number{display:block;}
}
@media screen and (max-width:600px) {
  .whitesection .prijsvak{right:12px; left:auto !important;}
  .onlineaanvragen .maandprijs{margin-right:auto;}
}
@media screen and (max-width:767px) {
  .contactpage{padding-top:25px;}
  .contactpage .conFirstP h2{padding-top:0; margin-top:0;}
  .contactItem a span.conPhone{display:inline;}
}
@media screen and (max-width:640px) {
  #gform_12 li#field_12_26{width:100% !important;}
  #gform_12 li#field_12_28{width:100% !important;}
  #gform_12 li#field_12_29{width:100% !important;}
}
/*** end Added Style **/

/** old mail ***/
#oldMail .modal-content{/*background-color:#234B8B;*/background-color:#136640; padding:10px 25px;}
#oldMail .modal-content h3{color:#fff; margin:0;}
#oldMail .modal-dialog{margin-top:0;}
#oldMail .modal-header{padding-top:30px; padding-bottom:20px;}
#oldMail .modal-body p{color:#fff; line-height:1.5;}
#oldMail .gform_wrapper div.validation_error{border:none; padding:0; margin-bottom:5px; color:#EA593C; text-align:center;}
#oldMail .gform_wrapper .validation_message{color:#EA593C;}
#oldMail .gform_wrapper .gfield_required{color:#EA593C;}
#oldMail .gform_wrapper li.gfield.gfield_error{background-color:transparent; border:none; padding:0; margin:0;}
#oldMail .gform_wrapper .top_label div.ginput_container{margin-top:0;}
#oldMail .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){font-size:15px; height:auto;}
#oldMail .gfield_label{color:#fff !important;}
#oldMail li{color:#fff;}
#oldMail .gform_wrapper .gfield_checkbox li label{color:#fff; font-weight:inherit;}
#oldMail .gform_footer .button{background-color:#EA593C; background-image:none; border-color:#EA593C; padding: 5px 15px 6px; color:#fff; text-shadow:none; font-weight:700; font-size:15px !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
#oldMail .gform_confirmation_wrapper{color:#fff;}
#oldMail #gform_15 .gform_footer, #gform_16 .gform_footer{display:block;}
div#oldMail form{max-width:inherit;}
#gform_16 .gform_ajax_spinner, #gform_15 .gform_ajax_spinner{
	box-sizing: border-box;
	margin-top: 11px;
	margin-left: 10px;
    border: 3px solid rgba(234,89,60,1);
    border-left: 3px solid rgba(234,89,60,0);
    border-top: 3px solid rgba(234,89,60,.15);
    border-right: 3px solid rgba(234,89,60,.5);
	animation: spinnerold 1.1s infinite linear;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 1;
}
@keyframes spinnerold {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/** end old mail **/