/* standard styling */
body{
    scroll-behavior: smooth!important;
}
.main-energy-form{
    transition: all 0.2s linear;
}
.energy-slider-wrapper{
    max-width: 1025px;
    width: 100%;
    position: relative;
}
.energy-form-block{
    max-width: 1025px;
    padding: 40px;
    box-sizing: border-box;
    margin-bottom: 0;
}
.energy-stappen {
    position: absolute;
    top: -50px;
    z-index: 10;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.2s, opacity 0.2s linear;
}
.energy-sidebar{
    box-sizing: border-box;
    padding: 25px 0 0 25px;
    max-width: 105px;
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.2s, opacity 0.2s linear;
}
.energy-sidebar .step-block{
    max-width: 105px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 25px 0;
}
.energy-sidebar .step-block:before {
    content: "";
    height: calc(100% - 60px);
    position: absolute;
    left: calc(50% - 2px);
    top: 30px;
    border-left: 4px dotted grey;
}
.energy-sidebar .step-block .step-item{
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.energy-page {
	display:block;
}

.energy-sidebar .step-block .step-item:not(:last-of-type){
    margin-bottom: 35px;
}
.energy-sidebar .step-block .step-item span{
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 39px;
    text-align: center;
    background: white;
    border-radius: 50px;
    border: 3px solid grey;
    /* color: white; */
    font-weight: bold;
    text-indent: -1px;
    transition: all 0.35s ease;
}
.energy-sidebar .step-block .step-item.completed span{
    background: #87BB3E;
    color: white;
}
.energy-sidebar .step-block .step-item.active span{
    background: #ffd700;
    color: white;
    width: 55px;
    height: 55px;
    line-height: 49px;
}
.energy-form-block .energy-form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0px;
    margin-top: 40px;
}
.stap3 .energy-form{
    margin-top: 25px!important;
}
.stap4 .energy-form{
    margin-top: 0px!important;
    display: flex;
}
.energy-form-block .energy-form .energy-input-block{
    display: flex;
    justify-content: space-between;
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    transition: display 0.35s ease;
    position: relative;
    flex-wrap: wrap;
}
.energy-form-block .energy-form .energy-input-block.single-input{
    display: block;
}
.energy-form-block.stap3 .energy-form .energy-input-block{
    margin-bottom: 37px;
    flex-wrap: wrap;
}
.energy-form-block .energy-form .energy-input-block:before,
.energy-form-block .energy-form .energy-input-block:after{
    content: unset;
}
.energy-form-block .energy-form .small-input{
    position: relative;
}
.energy-form-block .energy-form .energy-input-block:last-of-type{
    width: 100%;
    margin-bottom: 0px;
    padding-right: 0;
}
.energy-form-block .energy-form .energy-input-block input, 
.energy-form-block .energy-form .energy-input-block label{
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
.energy-form-block .energy-form .energy-input-block select,
.energy-form-block .energy-form .energy-input-block input {
    background:#FFFFFF;
    border-radius:5px;
}
#energyForm .error {
    min-width:180px;
    width:auto;
}

.energy-form-block .energy-form .energy-input-block-extra .dubble-input {
    width:50%;
}

.energy-form-block .energy-form .energy-input-block .triple-input.dal{
    margin-left: 10px;
}
.energy-form-block .energy-form .energy-input-block label{
    position: absolute;
    z-index: 2;
    color: #313439;
    padding: 3px 7px;
    border-radius: 3px;
    width: auto;
    font-size: 16px;
    top: -20px;
    left: 31px;
    z-index: 10;
}
.energy-form-block .energy-form .energy-input-block .input-block.stripe{
    position: relative;
    width: 100%;
}
.energy-form-block .energy-form .energy-input-block .input-block.stripe:after{
  
    position: absolute;
    bottom: 0;
    width: 31px;
    height: 3px;
    background-color: #ffd700;
    transition: width 0.55s ease;
    z-index: 6;
}
.energy-form-block .energy-form .energy-input-block .input-block.stripe:hover:after{
    width: 100%;
}
.energy-form-block .energy-form .energy-input-block .input-block.stripe svg{
	width: 25px;
	top: 0;
	height: 100%;
	max-height: 100%;
	position: absolute;
	left: 12px;
	padding-right: 5px;
	opacity: 0.1;
}
.energy-form-block .energy-form input{
    background: #eee;
}
.energy-form-block .energy-form input:hover,
.energy-form-block .energy-form input:focus,
.energy-form-block .energy-form .energy-input-block label:hover,
.energy-form-block .energy-form .energy-input-block label:focus{
    border: none;
}
.energy-form-block .energy-form input,
.energy-form-block .energy-form input,
.energy-form-block .energy-form select{
    padding: 0 5px;
}
.energy-form-block .energy-form select{
    transition: all 0.55s ease;
    box-shadow: none !important;
    border: none !important;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
.energy-form-block .energy-form select:hover,
.energy-form-block .energy-form select:focus,
.energy-form-block .energy-form select:focus-within{
    border: none;
}
.energy-form-block .energy-form .energy-input-block input{
    transition: all 0.55s ease;
    box-shadow: none !important;
    border: none !important;
}


.energy-form-block .energy-form input,
.energy-form-block .energy-form select{
padding: 0px 15px 0px 39px;
height: 44px;
line-height: 44px;
}

.energy-form-block .energy-form .energy-input-block input:visited{
    box-shadow: none!important;
}
.energy-form-block .energy-form .energy-input-block input:focus{
    background: #eee;
    box-shadow: none;
}
.energy-form-block .energy-form .energy-selection-block .selection-text label{
    text-align: center;
}
.energy-form-block .energy-form .energy-input-block input[type=submit],
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item button,
.energy-slider-wrapper .nav-btn-block button{
    width: auto;
    margin: 15px auto 0;
    padding: 10px 30px;
    border-radius: 5px;
    line-height: 18px;
    color: white;
    background-color: #87BB3E;
    border: 2px solid #87BB3E;
    cursor: pointer;
    transition: all 0.35s ease;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: 0px;
}
.energy-slider-wrapper .nav-btn-block button{
    margin: 15px 0 0;
font-size: 1rem;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item button{
    margin: 0px auto 5px;
}
.energy-slider-wrapper .nav-btn-block button.next:hover {
    background: #3C424F;
    border-color: #3C424F;
}
.energy-slider-wrapper .nav-btn-block button.prev{
 background-color: #DDD;
border: none;
color: black;
}
.energy-slider-wrapper .nav-btn-block button.prev:hover {
    background: #ffd700;
    border-color: #ffd700;
    color: white;
  }
.energy-slider-wrapper .energy-button-block{
    width: 100%;
}
.energy-form-block .energy-form .energy-selection-block,
.energy-slider-wrapper .nav-btn-block{
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.energy-slider-wrapper .nav-btn-block{
    margin: 0;
}
.energy-slider-wrapper .nav-btn-block:after,
.energy-slider-wrapper .nav-btn-block:before{
    content: none;
}
.energy-form-block .energy-form .energy-input-block input[type=submit]:hover,
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item button:hover{
    background: #3C424F;
    border-color: #3C424F;
    color: white;
}
.energy-form-block .energy-form .energy-input-block.dubble-input:nth-of-type(2){
    padding-right: 0;
}
.energy-form-block .energy-form .energy-input-block.dubble-input .big-input,
.energy-form-block .energy-form .energy-input-block.dubble-input .small-input{
    position: relative;
}
.energy-form-block .energy-form .energy-input-block.dubble-input .big-input{
    width: 60%;
    margin-right: 10px;
}
.energy-form-block .energy-form .energy-input-block.dubble-input .small-input{
    width: 40%;
    padding-right: 0px;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-v2{
    padding-right: 0;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-v2:first-of-type,
.energy-input-block.dubble-input-v2{
    margin-top: 15px;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input,
.energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input{
    margin-right: 10px;
    position: relative;
    flex-grow: 1;
    transition: all 0.35s ease;
}
.energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input{
    width: calc(33% - 7px);
}
.energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input:nth-of-type(2),
.energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input:nth-of-type(2),
.energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input:nth-of-type(4),
.energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input:nth-of-type(4){
    margin-right: 0;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input:last-of-type,
.energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input:last-of-type{
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 0;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input.bewoners{
    margin-left: 0;
}
.energy-form-block .energy-form .energy-selection-block.checkbox{
    width: 100%;
}
.energy-form-block .energy-form .energy-selection-block{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    margin: 0;
    margin-bottom: 15px;
    text-align: left;
    width: 50%;
}
.energy-form-block .energy-form .energy-selection-block:last-of-type{
    margin-bottom: 20px;
}
.energy-form-block .energy-form .energy-input-block.energy-selection-block{
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.energy-form-block .energy-form .energy-selection-block.checkbox{
    flex-direction: row;
}
.energy-form-block .energy-form .energy-selection-block .selection-text .selection.round{
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    border-radius: 10px;
    background: #e1e1e1;
    margin: 5px 10px;
    transition: all 0.35s ease;
    box-shadow: 0px 0px 3px #a6a6a6 inset;
}
.energy-form-block .energy-form .energy-selection-block .selection-text .selection.round:after{
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 12%;
    bottom: 4px;
    border-radius: 50%;
    background-color: #f9f9f9;
    transition: left 0.35s ease;
    box-shadow: 0px 0px 3px #7b7b7b;
}
.energy-form-block .energy-form .energy-selection-block .selection-text input.selection{
    opacity: 0;
    cursor: pointer;
    width: 110px;
    height: 20px;
    position: absolute;
    left: 0;
    z-index: 10;
    bottom: 6px;
}
.energy-form-block .energy-form .energy-selection-block .selection-text input#Meter.selection{
    left: 4%;
}
.energy-form-block .energy-form .energy-selection-block .selection-text {
    display: flex;
    justify-content: flex-start;
}
.energy-form-block .energy-form .energy-selection-block .selection-text p{
    margin-bottom: 0;
    line-height: 26px;
    min-width: 40px;
}
.energy-form-block .energy-form .energy-selection-block .selection-text.active .selection.round{
    background-color: #ffd700;
}
.energy-form-block .energy-form .energy-selection-block .selection-text.active .selection.round:after{
    left: calc(100% - 16px);
}

.energy-aanbieding-block {
    max-width: 1025px;
    padding: 40px;
    box-sizing: border-box;
    background: #f9f9f9;
    margin-bottom: 0;
}
.energy-aanbieding-block .energy-aanbieding-ul{
    display: flex;
    list-style: none;
    flex-direction: row;
    margin: 25px 0 25px;
    position: relative;
    z-index: 5;
    flex-wrap: wrap;
    padding-left: 0;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item{
    display: flex;
    flex-wrap: wrap;
    outline: 5px solid transparent;
    transition: all 0.35s ease;
    width: calc(33% - 7.5px);
    box-shadow: 4px 4px 8px #cecece;
    max-height: 512px;
    position: relative;
    height: auto;
    margin-bottom: auto;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item:first-of-type{
    margin: 0 15px 0 0;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item:last-of-type{
    margin: 0 0 auto 15px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item.active{
    outline: 5px solid #ffd700;
    max-height: unset;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar{
    display: flex;
    width: 100%;
    flex-direction: column;
    background: white;
    position: relative;
    z-index: 7;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar .top-left,
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar .top-right,
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar button{
    position: relative;
    z-index: 8;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar button{
font-size: 1.6rem;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    z-index: 6;
    width: 100%;
    height: 100%;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: white;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar,
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar{
    position: relative;
    z-index: 7;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar{
    overflow: hidden;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar .top-left,
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar .top-right{
    width: 100%;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar .top-right{
    flex-direction: column;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h4,
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h5,
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item p{
   color: #3C424F;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h5{
    font-size: 16px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h5:first-of-type{
    margin-bottom: 5px;
    margin-top: 5px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h5:first-of-type b{
    font-size: 26px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h5:last-of-type{
    margin-bottom: 5px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-right:first-of-type h5 small{
	font-weight:bold;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h5 small{
    margin-left: 0px;
    font-size: 75%;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item svg{
    filter: invert(49%) sepia(16%) saturate(558%) hue-rotate(175deg) brightness(94%) contrast(88%);
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-bar .top-left{
    text-align: center;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-right{
    text-align: center;
    flex-direction: row;
    display: flex;
    margin: 25px 0;
    justify-content: space-evenly;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .title-block{
    padding: 15px 25px;
    margin: 0;
    color: white;
    background: #3C424F;
    position: relative;
    z-index: 14;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .title-block:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 15px;
    z-index: 15;
    border: 15px solid transparent;
    border-bottom: 15px solid white;
    border-left: 15px solid white;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .title-block:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 15px;
    z-index: 15;
    border: 15px solid transparent;
    border-bottom: 15px solid white;
    border-right: 15px solid white;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h4{
    font-size: 22px;
    color: white;
    margin: 0;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h4 svg{
    transition: all 0.35s ease;
    width: 11px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item h4.active svg{
    transform: rotate(180deg);
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item p{
    padding: 25px;
    position: relative;
    color: #6B7C93;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item p.sub-title{
    font-size: 18px;
    color: white;
    padding: 0;
    margin-top: 5px;
    text-align: center;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-left p.sub-title:after{
    content: unset;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item p.price-extra-info{
    padding: 0 25px;
    font-size: 12px;
    line-height: 16px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item p.price-extra-info:first-of-type{
    margin-bottom: 0;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-left p:after {
    content: "";
    width: calc(100% - 50px);
    position: absolute;
    left: 25px;
    bottom: 0;
    border-bottom: 1px solid #ffd700;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar h4.trigger:after {
    content: "";
    width: calc(100% - 50px);
    position: absolute;
    left: 25px;
    top: 0;
    border-bottom: 1px solid #ffd700;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar h4{
    width: 100%;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar h4.trigger{
    text-align: center;
    padding: 10px 25px;
    margin-bottom: 0;
    font-size: 14px;
    background: white;
    color: #6B7C93;
    position: relative;
    cursor: pointer;	
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar p{
    margin-bottom: 0;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown{
    width: 100%;
    top: -150px;
    position: absolute;
    display: none;
    transition: all 0.35s ease;
    padding: 25px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown.active{
    display: inline-block;
    top: 0px;
    position: relative;
    margin: 0 auto;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown div h5{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0px;
    text-align: left;
    color: #3C424F;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar h5 small {
    display: block;
  }
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown div:first-of-type h5{
    margin-top: 0;
    color: #3C424F;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown div .item-price:first-of-type{
    color: #6B7C93;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown div .item-price{
    width: 100%;
    min-width: 101px;
    text-align: right;
    padding: 0 0 0 0px;
    color: #6B7C93;
    width: 72px;
    min-width: unset;
    text-align: right;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown div .item-price:not(:last-of-type){
    padding: 0 0px 0 0;
    color: #6B7C93;
    width: calc(100% - 72px);
    padding-right: 5px;
    text-align: left;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .bottom-bar .dropdown div:last-of-type .item-price:last-of-type{
    margin-top: -23px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item svg{
    width: 14px;
    position: relative;
    left: 6px;
    top: 1px;
}
.energy-form-block .energy-form .energy-input-block.triple-input{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 0px
}
.energy-form-block .energy-form .energy-input-block.triple-input:before,
.energy-form-block .energy-form .energy-input-block.triple-input:after{
    display: none;
    content: unset;
}
.energy-form-block .energy-form .energy-input-block.triple-input label[for=Voorletters]{
    width: 30%;
    padding-right: 10px;
}
.energy-form-block .energy-form .energy-input-block.triple-input label[for=Tussenvoegsel]{
    width: 20%;
    padding-right: 0px;
}
.energy-form-block .energy-form .energy-input-block.triple-input label[for=Achternaam]{
    width: 50%;
    padding-right: 0px;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-block div{
    display: flex;
    flex-wrap: wrap;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-block div:first-of-type{
    justify-content: space-between;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-block label[for=Dag],
.energy-form-block .energy-form .energy-input-block.dubble-input-block label[for=Maand],
.energy-form-block .energy-form .energy-input-block.dubble-input-block label[for=Jaar]{
    width: calc(34% - 10px);
    margin-right: 10px;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-block label[for=Jaar]{
    margin-right: 0;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-block .label{
    color: #313439;
    margin-bottom: 4px;
    font-size: 15px;
    width: 100%;
}
.energy-form-block .energy-form .energy-radio-block{
    margin-bottom: 20px;
    width: 50%;
}
.energy-form-block.stap3 .energy-form .energy-radio-block{
    max-width: 325px;
}

.energy-form-block .energy-form .energy-radio-block .energy-radio-select label{
    margin-bottom: 10px;
    color: #6B7C93;
    line-height:150%;
}

.energy-form-block .energy-form .energy-radio-block label.selection-box {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 6px;
}

.energy-form-block .energy-form .energy-selection-block.checkbox input[type="checkbox"]{
    margin: 0 10px 0 0;
}
.energy-form-block .energy-form .energy-radio-block.radio-button{
    display: flex;
    flex-wrap: wrap;
}
.energy-form-block .energy-form .energy-radio-block.radio-button label{
    margin: 0 10px 0 0;
}
.energy-form-block .energy-form .energy-radio-block.radio-button .energy-radio-select,
.energy-form-block .energy-form .energy-radio-block.radio-button .selection-box{
    display: inline-block;
}
.energy-radio{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.energy-radio .energy-radio-block:not(:last-of-type){
    width: 100%;
    margin: 0 0 20px;
}
.energy-radio-block .energy-input-block.energy-selection-block{
    margin-top: 25px;
}
.energy-radio-block.stap4 .energy-input-block.energy-selection-block{
    margin-top: 34px;
    margin-bottom: 5px !important;
}
.energy-radio-block .energy-radio-block.radio-button{
    margin-top: 8px;
}
.energy-form-block.stap4 .energy-radio-block .energy-radio-block.radio-button {
    margin-top: 17px;
    margin-bottom: 32px;
}
#energyForm .error {
    display: inline-block;
    color: white;
    background: #ffc107;
    padding: 3px 7px;
    position: relative;
    bottom: -8px;
    border-radius: 3px;
    transition: all 0.35s ease;
    z-index: 7;
    clear: both;
}
#energyForm .error:before{
    content: "";
    position: absolute;
    top: -12px;
    left: 10px;
    width: 0px;
    height: 0px;
    border: 7px transparent solid;
    border-bottom: 7px #ffc107 solid;
    z-index: 7;
}
#energyForm .energy-aanbieding-block.energy-stappen .error{
    bottom: 10px;
}
.energy-form-block .energy-form .energy-radio-block .energy-input-block.dubble-input-v2:first-of-type{
    margin-bottom: 40px;
}
#gender-extra{
    max-width: 225px;
}
#info-extra{
    margin-bottom: 40px;
}

/* page specific */
.energy-page{
    padding-top: 0!important;
}
.energy-slider-wrapper{
    max-width: 1025px;
    width: 100%;
}
.energy-form-block{
    max-width: 1025px;
    width: 100%;
}
.energy-header .navigation-bar{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.energy-header img.custom-logo {
    max-height: 89px !important;
}
.energy-header .navigation-wrapper:not(.gridContainer){
    max-width: 1232px;
    margin: 0 auto;
}

.energy-form-block.energy-stappen.energy-radio.stap4 > p{
	width: 100%;
}


.energy-header .site{
    min-height: unset;
}
.energy-header .header{
    background: url("../../assets/image/banner.jpg") no-repeat!important;
    min-height: 550px;
    background-position: 50% 95% !important;
}
.energy-header .header .inner-header-description{
    padding: 35px 0;
}
.energy-header .inner-header-description h1.hero-title{
    text-align: center!important;
    margin-top: 10%;
}
.energy-stappen ol > p{
    margin-left: -1.5rem;
}

/* utilities */
.full-width{
 width: 100%!important;
}
.hidden{
    display: none!important;
}
#adaptivity-sh-energy-form-container .modal {
	display:block;
}
.fake-hidden{
    visibility: hidden!important;
    opacity: 0!important;
}
.row-50 label{
   width: 50%!important; 
}
.reverse{
    transform:scaleX(-1);
}


.sh-energy-popover-wrapper {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3000;
    background:rgba(0,0,0,0.6);
    display:none;
}
.sh-energy-popover-wrapper.active {
    display:block;
}
.sh-energy-popover-container {
    padding: 30px 30px;
    background: #FFFFFF;
    width: 90%;
    max-width: 600px;
    margin: 15% auto;
    position: relative;
    height: auto;
}

.sh-energy-popover-close {
    border:0;
    background:transparent;
    position:absolute;
    top:15px;
    right:15px;
    color:#000000;
    cursor:pointer;
    font-weight:bold;
    z-index:3001;
}
.sh-energy-popover-close svg {
    width:15px;
}

.energy-form-block .energy-form .energy-input-block .input-block.stripe svg.reverse{
    left: 6px;
    border-right: none;
    border-left: 1px solid #c6c6c6;
    padding-right: 0px;
    padding-left: 5px;
}
.small-input{
    max-width: 225px;
}
.no-padding{
    padding: 0!important;
}
.d-flex{
    display: flex;
}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter,p:first-letter,a:first-letter,button:first-letter,input:first-letter,textarea:first-letter,option:first-letter,select:first-letter,label:first-letter,span:first-letter{
    text-transform:capitalize;
}
.modal {
    display:    block;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .55 ) 
                url('../../assets/image/icons/loader.gif') 
                50% 50% 
                no-repeat;
    transition: visibility 0.2s, opacity 0.2s linear;
    visibility: visible;
    opacity: 1;
}

.energy-form:before{
    content: unset;
}

.preview-address {
    position:relative;
    top:7px;
}

.preview-invoice-address {
    position:relative;
    top:7px;
}

.loader-icon {
	width: 16px;
	height: 13px;
	display: inline-block;
	background-size: contain;
	background-image: url(../image/icons/loader.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.address-error,
.address-ineligable-address,
.address-not-found,
.address-found,
.address-alternatives,
.address-loading {
	display:none;
}

.address-error.active,
.address-ineligable-address.active,
.address-alternatives.active,
.address-loading.active,
.address-found.active {
	display:block;
}

.address-alternatives.active {
	padding: 10px;
	background: #DBF5F7;
	font-size: 90%;
}

#adaptivity-sh-energy-form-wrapper {
	display:block;
	width:100%;
	box-sizing: border-box;
	margin-top:50px;
	margin-bottom:100px;
}
.energy-form-block .energy-form .energy-input-block .input-block.stripe:hover:after{
    width: 31px;
}
.energy-form-block .energy-form .energy-input-block .input-block.stripe:focus::after {
	width:100% ! important;
}
.energy-form-block .energy-form .energy-input-block .input-block.stripe::after {
	left:0;
	height:1px;
}

.energy-form-block .energy-form .energy-selection-block .selection-text input.selection {
	display:block;
}

div::after:focus-within {
    width:100% ! important;
}
.energy-form label ,
.energy-form-block .energy-form .energy-input-block label {
	font-size:90%;
	line-height:100%;
	left:-5px;
	color:#000000;
}

.invoice-address-info,
.address-info {
	width: 100%;
	margin-top: -10px;
	margin-bottom: 20px;
}
.energy-form-block .energy-form .energy-selection-block .selection-text p {
	color:#333333;
}

.alternative-address-rule input {
	position: relative;
	top: 0.5px;
	float: left;
}

.alternative-address-rule label {
	display: block;
	cursor: pointer;
	padding: 5px 5px;
	overflow: hidden;
	font-weight: normal;
	margin-top: 3px;
}

.permission-checkbox {
	display:flex ! important;
}

#generalConditions {
	margin-right:10px;
}

.energy-form-block .energy-form .energy-selection-block.checkbox {
	display:flex ! important;
}

#machtiging {
	display:block ! important;
}

.energy-form-block .summary-title{ 
font-weight:bold;
}

.stap4 .energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-left p{
    margin-bottom: 0px;
}
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item .top-left p{
    margin-bottom: 0px;
}
.energy-form-block .energy-form .energy-input-block.dubble-input:nth-of-type(2) {
    padding-right: 0;
    flex-wrap: nowrap;
  }
.energy-input-block-extra.d-flex{
    flex-wrap:wrap;
}
.energy-form .energy-selection-block.checkbox > p{
    margin:auto;
}
.energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input.dal{
    margin-left: 10px;
}

.energy-form-block .energy-form .energy-selection-block .selection-text.active .selection.round {
  background-color: #87BB3E;
}

.energy-input-block .triple-input {
	margin-right:15px;
	margin-bottom:30px;
}

.address-info {
	display:none;
}

/* Responsive */

@media only screen and (max-width: 1080px) {
    .energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item{
        width: calc(50% - 7.5px);
        max-height: 540px;
	margin: 0 0 20px 0px;
    }
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item:first-of-type{
	margin-right: 0;
}
}
@media only screen and (max-width: 968px) {
    .energy-form-block .energy-form .energy-input-block{
        width: 100%;
        margin-bottom: 45px;
    }
    .energy-form-block .energy-form .energy-input-block:first-of-type{
        padding-right: 0px;
    }
    .energy-form-block .energy-form .energy-input-block:last-of-type{
        margin-top: -15px;
    }
    .energy-form-block .energy-form .energy-selection-block{
        width: 100%;
        margin-bottom: 30px;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input .small-input{
        max-width: unset;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input-v2{
        flex-direction: column;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input{
        margin: 0 0 45px;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input.gas{
        margin-bottom: 0;
    }
    .energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item{
        max-height: 600px;
        margin-bottom: 25px;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input-v2{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input:first-of-type{
        width: 100%;
        flex-grow: unset;
        display: block;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.dubble-input-v2 .triple-input {
        margin: 0px 0 39px;
    }
    .energy-form-block.stap3  .energy-form .energy-radio-block {
        margin-bottom: 24px;
        width: 50%;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.dubble-input-v2 .triple-input:nth-of-type(2),
    .energy-form-block.stap3 .energy-form .energy-input-block.dubble-input-v2 .triple-input:last-of-type{
        margin-bottom: 1px;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.dubble-input-v2 .triple-input.small-input{
        margin: 0px 0 39px;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.dubble-input-v2 .triple-input:nth-of-type(2){
        margin-right: 10px;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input-v2:first-of-type,
    .energy-input-block.dubble-input-v2{
        margin-top: 10px;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block:nth-of-type(2),
    .energy-form-block.stap3 .energy-form .energy-input-block:nth-of-type(4){
        padding-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item{
        width: 100%;
        max-height: 540px;
        margin: 0;
    }
.energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item:last-of-type {
  margin: 25px 0 auto 0;
}    
.energy-page .gridContainer.content.footer-shadow{
        flex-direction: column;
    }
    
    .energy-slider-wrapper{
        order: 2;
    }
    .energy-slider-wrapper,
    .energy-page .energy-form-block{
        max-width: unset;
    }
    .energy-sidebar{
        position: static;
        max-width: unset;
        padding: 0;
        order: 1;
    }
    .energy-sidebar .step-block{
        flex-direction: row;
        max-width: unset;
    }
    .energy-sidebar .step-block::before {
        height: unset;
        left: 11%;
        top: 47px;
        border-left: none;
        border-top: 4px dotted gray;
        width: 77%;
    }
    .energy-radio.stap4 .energy-radio-block:not(:last-of-type){
        text-align: left;
    }
    .energy-radio.stap4 h3 {
        width: 100%;
        text-align: center;
    }
    .energy-page {
	display:flex;
	flex-wrap: wrap;
    }
    .energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 39px;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.energy-selection-block {
    margin-bottom: 0;
    padding-right: 0;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block{
        padding-right: 0;
    }
    .energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input:last-of-type{
    margin-left: 10px;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.energy-selection-block > .error{
    bottom: 30px!important;
    }
    .energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input:last-of-type {
        margin-left: 0px;
    margin-right: 0px;
    }
    .stap4 .energy-form .energy-radio-block .energy-selection-block {
        margin-top: 20px;
    }
    .stap4 .energy-form .energy-input-block.energy-selection-block .triple-input:last-of-type{
        margin-bottom:0;
    }
    .stap4 .energy-form .energy-input-block.energy-selection-block .triple-input:last-of-type{
    flex-direction: column;
    }
    .stap4 #info-extra {
        margin-bottom: 0px;
    }
    .stap4 .energy-form #info-extra .energy-input-block.dubble-input-v2 .triple-input:last-of-type{
        margin-left: 0;
    }
}
@media only screen and (max-width: 613px) {
    .energy-form-block .energy-form .energy-input-block.dubble-input-v2 .triple-input.dal{
        margin-left: 0px!important;
    }
}

@media only screen and (max-width: 600px) {
    .energy-page .gridContainer.content{
        flex-direction: column;
    }
    .energy-form-block,
    .energy-aanbieding-block{
        padding: 25px;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input{
        flex-direction: column;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input .big-input{
        width: 100%;
        margin-right: 0;
        margin-bottom: 45px;
    }
    .energy-form-block .energy-form .energy-input-block.dubble-input .small-input{
        width: 100%;
    }
    /* .energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item:first-of-type,
    .energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item:last-of-type{
        margin: 0;
    } */
    .energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item{
        margin-bottom: 35px;
    }
    .energy-aanbieding-block .energy-aanbieding-ul .energy-aanbieding-item:last-of-type{
        margin-bottom: 0px;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.dubble-input-v2 .triple-input{
        width: 100%;
        max-width: unset;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.dubble-input-v2 .triple-input:nth-of-type(2){
        margin-bottom: 39px;
        margin-right: 0;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block{
        margin-bottom: 39px;
        padding-right: 0;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block:nth-of-type(2),
    .energy-form-block.stap3 .energy-form .energy-input-block:nth-of-type(4){
        padding-right: 0;
    }
    .energy-form-block.stap3 .energy-form .energy-radio-block{
        width: 100%;
    }
    .energy-form-block .energy-form .energy-input-block.energy-selection-block .triple-input {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    .energy-form-block.stap3 .energy-form .energy-input-block.energy-selection-block{
        padding-right: 0;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.energy-selection-block .triple-input{
        margin-bottom: 39px;
    }
    .energy-form-block.stap3 .energy-form .energy-input-block.energy-selection-block .triple-input:last-of-type{
        margin-bottom: 0;
        padding-left: 0;
    }
}