/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

.header-hero {
	height: 700px;
	height: 65vh;
}

@font-face {
    font-family: 'dk_snemandregular';
    src: url('fonts/dk_snemand-webfont.woff2') format('woff2'),
         url('fonts/dk_snemand-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'dk_snemandregular';
}

@font-face {
    font-family: Helvetica Neue;
    src: url(fonts/HelveticaNeue-Light.eot);
    src: local("HelveticaNeue-Light"),url(fonts/HelveticaNeue-Light.eot?#iefix) format("embedded-opentype"),url(fonts/HelveticaNeue-Light.woff2) format("woff2"),url(fonts/HelveticaNeue-Light.woff) format("woff"),url(fonts/HelveticaNeue-Light.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url(fonts/HelveticaNeue-Thin.eot);
    src: local("HelveticaNeue-Thin"),url(fonts/HelveticaNeue-Thin.eot?#iefix) format("embedded-opentype"),url(fonts/HelveticaNeue-Thin.woff2) format("woff2"),url(fonts/HelveticaNeue-Thin.woff) format("woff"),url(fonts/HelveticaNeue-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url(fonts/HelveticaNeue-Bold.eot);
    src: local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),url(fonts/HelveticaNeue-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/HelveticaNeue-Bold.woff2) format("woff2"),url(fonts/HelveticaNeue-Bold.woff) format("woff"),url(fonts/HelveticaNeue-Bold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Helvetica Neue;
    src: url(fonts/HelveticaNeue.eot);
    src: local("Helvetica Neue"),local("HelveticaNeue"),url(fonts/HelveticaNeue.eot?#iefix) format("embedded-opentype"),url(fonts/HelveticaNeue.woff2) format("woff2"),url(fonts/HelveticaNeue.woff) format("woff"),url(fonts/HelveticaNeue.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

body, p, h1, h2, h3, h4, h5, h6, .bold, strong, b {
    font-family: Helvetica Neue !important; 
}

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

.two-arrows .nectar_icon_wrap:nth-child(1) {
    position: absolute;
    bottom: 0;
}

/*
#intro {
    margin-top: -240px;
}
*/

.bottom-triangle {
    max-width: 610px;
    background: #ff6319;
    padding: 30px;
    margin: 0 auto;
    position: relative;
}

.bottom-triangle:after {
	content: '';
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 305px 0 305px;
    border-color: #ff6319 transparent transparent transparent;
    visibility: visible;
    left: 0;
}


/* GFORM */

::-webkit-input-placeholder {
   color: #b7b7b7;
   font-weight: 700;
}

:-moz-placeholder { /* Firefox 18- */
   color: #b7b7b7;  
   font-weight: 700;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #b7b7b7;  
   font-weight: 700;
}

:-ms-input-placeholder {  
   color: #b7b7b7;  
   font-weight: 700;
}

/*
#gform_wrapper_1 {
    text-transform: uppercase;
}
*/

.gform_wrapper ul li.gfield {
	position: relative;
}

.gform_wrapper .gfield_visibility_hidden {
    position: absolute !important;
}

body #gform_wrapper_1.gform_wrapper label.gfield_label {
	font-weight: 700 !important;
    position: absolute;
    top: 0;
    margin-top: 0 !important;
    font-size: 12px;
    display: none;
}

.gform_wrapper ul.gform_fields li.gfield {
	margin-top: 0 !important;
}

.gform_wrapper input {
    background: #fff;
    padding: 12.5px 10px 8px !important;
}

.gform_wrapper input[type=text] {
    background-color: #fff !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half {
	padding-right: 10px !important;
}

input#gform_submit_button_1 {
    float: right;
    font-weight: 700;
    width: 48%;
    margin-bottom: 60px;
}

.partner-logos img {
    max-height: 60px;
    margin-top: -10px;
    margin-right: 50px;
    width: auto !important;
}


/* SLIDE OUT */

li.slide-out-widget-area-toggle a {
    background: #ff6319;
    padding: 10px 80px 10px 15px !important;
    margin-right: -30px;
}

#slide-out-widget-area.slide-out-from-right-hover {
    background: #f3f4f4 !important;
}

/*
#slide-out-widget-area.slide-out-from-right-hover .widget_nav_menu a {
    font-size: 22px;
    line-height: 44px;
    font-weight: 700;
    color: #002776
}

#slide-out-widget-area[class*="slide-out-from-right"] .inner-wrap {
    width: 100%;
}
*/
body #slide-out-widget-area-bg.fullscreen-alt .bg-inner {
    background: rgba(255,255,255,0.8) !important;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
    font-size: 28px !important;
    line-height: 50px !important;
    font-weight: 700;
    display: block;
    padding: 0;
    color: #002776;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a:hover {
    color: #ff6319;
}

body #slide-out-widget-area.fullscreen-alt .inner-wrap {
    padding: 0 15%;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.menu-wlogo.menu-wlogo-first {
    margin-top: 40px !important;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.menu-wlogo a {
    font-weight: 100 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    overflow: visible;
    padding-bottom: 5px;
}

body .menu-wlogo a img {
    position: relative;
    top: 5px;
    max-height: 30px;
    margin-right: 10px;
}


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

#slide-out-widget-area.fullscreen-alt {
    width: 50%;
    right: 0;
    left: auto;
    background: #f3f4f4 !important;
    text-align: left;
}

}

@media only screen and (max-width: 1000px) {
body .container-wrap .container, 
body .container-wrap .post-area.standard-minimal.full-width-content article.post .inner-wrap {
    max-width: 880px !important;
    padding-right: 20px;
    padding-left: 20px;
}

.explainer {
    padding-right: 20px;
    padding-left: 20px;
}

body .ocm-effect-wrap header#top #logo img, 
.ocm-effect-wrap #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 40px!important;
}

body #slide-out-widget-area.fullscreen-alt .inner-wrap {
    padding: 0 5%;
    text-align: left;
}

body #slide-out-widget-area-bg.fullscreen-alt .bg-inner {
    background: rgba(255,255,255,1) !important;
}

}

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

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

.partner-logos img {
    float: none;
    margin: 0px auto 40px !important;
    display: block;
}

}

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

.bottom-triangle:after {
    bottom: -30px;
    border-width: 30px 70px 0 70px;
    left: 50%;
    margin-left: -70px;
}

.gform_wrapper .top_label li.gfield.gf_left_half {
    padding-right: 0px !important;
}

input#gform_submit_button_1 {
    width: 100%;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
    font-size: 15px !important;
    line-height: 26px !important;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.menu-wlogo a {
    font-size: 15px !important;
    padding-bottom: 0px;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.menu-wlogo.menu-wlogo-first {
    margin-top: 20px !important;
}

body .menu-wlogo a img {
    top: 6px;
    max-height: 25px;
}

}



/* COOKIE NOTICE */

.ctcc-inner {
    padding-right: 100px;
    padding-top: 22px;
    padding-bottom: 22px;
}

#catapult-cookie-bar button#catapultCookie {
    padding: 18px 10px;
    font-weight: 700;
    border-radius: 4px;
}



/* RANGESLIDER */

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider--horizontal {
    height: 10px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #ff6319;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 12.5px;
  height: 12.5px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
  top: -7.5px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}




/* GATEKEEPER */

form.gatekeeper {
    position: relative;
}

.gatekeeper input[type="email"] {
    padding: 10px 120px 10px 10px;
}

body[data-form-submit="regular"] .container-wrap .gatekeeper input[type="submit"] {
    font-weight: 700;
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 10px 20px !important;
}


/* TOOL */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

li#field_1_8 {
    width: 545px;
    float: right;
}

#alliade_tool {
    color: #b7b7b7;
    font-weight: 700;
    text-transform: none;
    /* max-width: 818px; 
    margin: 0 auto 0; */
    max-width: 100%;
   /* position: absolute;
    top: 100px;
    z-index: 99999999; */
    margin-top: -80px;
}

#alliade_tool .checkbox_toggle:after,
.formaat_huishouden svg g,
.total,
.detail_daltarief,
#alliade_tool #usage_box, 
#alliade_tool #usage_label, 
#estimate_box.estimate_box-closed, 
#alliade_tool .dal_verbruik, 
#alliade_tool .eigenstroom_box,
.prijsdetails_uitgebreid,
.prijsdetails_samenvatting,
.detail_toggle,
.prijsdetails_samenvatting  {
    -webkit-transition: all .35s ease;
       -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
         -o-transition: all .35s ease;
            transition: all .35s ease;
}

input[type=number] {
    padding: 10px;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    background-color: #f1f1f1;
    border: none;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background-color: rgba(0,0,0,0.04);
    border-radius: 4px;
    border: 2px solid rgba(0,0,0,0);
}

#alliade_tool .hidden {
    display: none !important;
}

#alliade_tool .tool_box {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

#alliade_tool .white_box {
    background: #fff;
    border-radius: 4px;
}

#alliade_tool .two_third {
    width: 64%;
    margin-right: 1%;
    float: left;
}

#alliade_tool .one_third {
    width: 35%
}

#alliade_tool .hide-but_usable {
    /* height: 0;*/
    opacity: 0;
    position: fixed;
    z-index: -1;
}

#alliade_tool .hide-but_usable.noheight {
  height: 0;
}


#alliade_tool #usage_box,
#alliade_tool #usage_label,
#estimate_box.estimate_box-closed,
#alliade_tool .dal_verbruik,
#alliade_tool .normaal_verbruik,
#alliade_tool .eigenstroom_box,
.enkel_verbruik.dal_verbruik-active {
    height: 0;
    overflow: hidden;
}

#alliade_tool #usage_box.usage_box-open,
#alliade_tool .dal_verbruik.dal_verbruik-active,
#alliade_tool .normaal_verbruik.dal_verbruik-active,
#alliade_tool .eigenstroom_box.eigenstroom_box-active {
    height: auto;
    overflow: visible;
}

#alliade_tool #usage_toggle .estimate_label,
#alliade_tool #usage_toggle.usage-active .usage_label {
    opacity: 0;
}

#alliade_tool #usage_toggle {
    position: relative;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 5px;
    cursor: pointer;
    margin-top: 5px;
}

#alliade_tool #usage_toggle .estimate_label {
    position: absolute;
    top: 0;
    left: 0;
}

#alliade_tool #usage_toggle.usage-active .estimate_label {
    opacity: 1;
}

.character_notice {
    float: right;
    display: block;
    font-size: 12px;
    margin: 5px 0;
    color: #02102c;
    height: 0;
    opacity: 0;
    overflow: hidden;
    font-weight: 700;
}

.character_notice.usage-active {
    height: auto;
    opacity: 1;
    overflow: visible;
}

#alliade_tool .checkbox_toggle {
    /* background: #fff; */
    width: 100%;
    padding: 23px 20px 18px 30px;
    line-height: 1;
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
}

#alliade_tool .checkbox_toggle:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 3px;
    border: solid 1px #cecece;
    top: 20px;
    left: 0px;
}

#alliade_tool .checkbox_toggle:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(img/check.svg);
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 1px transparent;
    top: 20px;
    left: 0px;
    opacity: 0;
}

#alliade_tool .checkbox_toggle.checkbox_toggle-active:after{
    opacity: 1;
}

.household_box {
    margin-bottom: 0 !important;
}

.household_box label.jaarverbruik {
    padding: 22px 45px 18px 20px;
    display: inline-block;
    float: left;
    line-height: 1;
}

.formaat_huishouden {
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
}

.formaat_huishouden svg {
    width: 20px;
    height: 35px;
}

.formaat_huishouden svg g {
    fill: #aaa;
}

.formaat_huishouden.household-active svg g,
.formaat_huishouden.household-active_hold svg g,
.formaat_huishouden:hover svg g {
    fill: #000;
}

.estimate_units {
    display: inline-block;
    background: #fff;
    text-transform: none;
    /* position: relative;
    top: 4px; */
    margin-left: 45px;
}

.estimate_units input {
    background: none;
    font-weight: 700;
    padding: 0 20px 0 20px !important;
    width: 100px;
}

.estimate_units-unit {
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center left !important;
}

.estimate_units-unit label {
    position: absolute;
    top: 3px;
    right: 0;
    display: block;
    width: 35px;
    font-weight: 500;
    font-size: 90%;
    color: #b7b7b7;
}

.estimate_units-unit label span {
    position: relative;
    top: -3px;
    color: #b7b7b7 !important;
    font-size: 13px;
}

.estimate_units-unit.stroom_qty_schatting_unit {
    background: url(img/flash.svg);
    background-size: 13px !important;
}

.estimate_units-unit.gas_qty_schatting_unit {
    background: url(img/fire.svg);
    background-size: 9px !important;
}

.eigenstroom_box {
    position: relative;
    margin-bottom: 20px;
}

.rangeslider--horizontal {
    width: 73%;
    margin-right: 2%;
    display: inline-block;
}

#alliade_tool .eigen_stroom_schatting,
#alliade_tool .eigen_stroom_gebruik {
    display: inline-block;
    width: 22%;
    background: #fff;
    background-image: url(img/flash.svg);
    background-size: 13px !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
    float: right;
    position: relative;
    top: -5px;
    padding: 10px 30px 10px 30px !important;
    font-weight: 700;
}

#alliade_tool .eigen_stroom_schatting_label,
#alliade_tool .eigen_stroom_gebruik_label {
    position: absolute;
    top: 8px;
    right: 10px;
    font-weight: 500;
    font-size: 90%;
}

.verbruik_kwh,
.verbruik_m3 {
    position: relative;
    display: inline-block;
    width: 49%;
}

.normaal_verbruik,
.dal_verbruik {
    position: relative;
}

.verbruik_m3 {
    float: right;
}

.verbruik_kwh input,
.verbruik_m3 input {
    background: #fff;
    font-weight: 700;
    padding: 14px 50px 14px 40px !important;
}

.verbruik_kwh input {
    background-image: url(img/flash.svg);
    background-size: 13px !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
}

.verbruik_m3 input {
    background-image: url(img/fire.svg);
    background-size: 9px !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
}

.verbruik_kwh label,
.verbruik_m3 label,
.dal_verbruik label {
    position: absolute;
    top: 17px;
    right: 13px;
    font-weight: 500;
    font-size: 90%;
}

.verbruik_m3 label span {
    position: relative;
    top: -3px;
    color: #b7b7b7 !important;
    font-size: 13px;
}

#usage_box .description {
    font-weight: 500;
    font-size: 90%;
    color: #999;
    margin-top: 5px;
    position: relative;
}

/*
#usage_box .dal_verbruik_label {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
*/

#usage_box span.dal_verbruik_label.dal_verbruik-active {
    opacity: 1;
}

#usage_box span.normaal_verbruik_label.dal_verbruik-active {
    opacity: 0;
}

#usage_box .dal_verbruik.dal_verbruik-active {
    margin-top: 15px;
    margin-bottom: 15px;
}

.smart_meter_eigen_stroom,
/*.eigen_stroom_gebruik_notsmart.dal_verbruik-active,*/
.eigen_stroom_gebruik_label.dal_verbruik-active {
    opacity: 0;
    overflow: hidden;
    height: 0;
}

/*
.smart_meter_eigen_stroom.dal_verbruik-active {
    opacity: 1;
    overflow: visible;
    height: auto;
    height: 90px;
    clear: both;

}
*/

/*
.eigenstroom_box.dal_verbruik-active .rangeslider--horizontal {
    width: 100%;
    margin-right: 0%;
    display: inline-block;
}

#alliade_tool .smart_meter_eigen_stroom_unit input {
    float: none;
    width: 100%;
}
*/

.smart_meter_eigen_stroom_unit {
    position: relative;
    width: 49%;
    margin-bottom: 15px;
}

.smart_meter_eigen_stroom_unit:nth-child(1) {
    float: left;
}

.smart_meter_eigen_stroom_unit:nth-child(2) {
    float: right;
}

.smart_meter_eigen_stroom_unit label {
    position: absolute;
    top: 8px;
    font-weight: 500;
    font-size: 90%;
    right: 10px;
}

/*
body #gform_wrapper_1.gform_wrapper li#field_1_12 label {
    display: block !important;
    position: relative !important;
    margin-top: 8px !important;
    text-transform: none;
}
*/

body #gform_wrapper_1.gform_wrapper select#input_1_12 {
    color: #b9b9b9;
    height: 48px;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 700;
}

#get_totals,
#get_personal_details {
    border-radius: 4px;
    color: #fff;
    background: #ff6319!important;
    float: right;
    font-weight: 700;
    width: 49%;
    margin-bottom: 60px;
    font-size: 1em;
    padding: 15px 22px!important;
    cursor: pointer;
    text-align: center;
    box-shadow: none;
    -ms-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
}

#get_totals:hover,
#get_personal_details:hover {
    opacity: 0.85;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16)!important;
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.form-separator {
    display: block;
    display: none;
    width: 100%;
    border-bottom: solid 1px #000e2a !important;
    margin: 100px 0 100px;
    clear: both;
    float: right;
}

.address_collect_fields {
    width: 100%;
    clear: both;
    float: left;
}

.address_collect_fields .one_third {
    float: left;
    margin-bottom: 10px;
    width: 32.6% !important;
    margin-right: 1%;
}

.address_collect_fields .one_third:nth-last-child(1) {
    margin-right: 0;
}

.address_collect_fields input[type=text] {
    background: #fff;
}

#current_supplier {
    width: 49%;
    float: left;
    height: 51px;
    color: #b7b7b7;
    font-weight: 700;
    font-size: 14px;
    box-shadow: none !important;
}


#alliade_tool .total {
  height: 0;
  overflow: hidden;
}

.total_excerpt_meta {
    overflow: hidden;
    zoom: 1;
    margin-bottom: 10px;
}

.meta_box {
    float: left;
    width: 100px;
    color: #000e2a;
    font-size: 13px;
    margin-bottom: 20px;
}

.meta_box span {
    display: block;
}

.meta_box span.meta_box_text {
    font-weight: 400;
}


#alliade_tool .total.active {
  height: auto;
  overflow: visible;
}

#alliade_tool .total input {
    background: #fff;
}

#alliade_tool .total label {
    color: #000e2a;
    font-size: 13px;
    margin-bottom: 5px;
    display: inline-block;
}

.totals_outer {
    overflow: hidden;
    zoom: 1;
}

.total .one_half {
    width: 49%;
    float: left;
    position: relative;
}

.total .one_half:nth-last-child(1) {
    float: right;
}

.total .one_half.margin-right {
    margin-right: 1%;
}

.total .one_half.margin-left {
    margin-left: 1%;
}



.has_euro_sign {
    position: relative;
    display: block;
}

.has_euro_sign:before {
    position: absolute;
    content: '€';
    bottom: 12px;
    color: #000;
    font-weight: 500;
    left: 12px;
    font-size: 13px;
}

.has_euro_sign input {
    padding-left: 24px;
}


/* PRICE DETAILS */

.hide-when-estimate {
	display: none;
}

.usage_details_active .hide-when-estimate {
	display: block;
}

.usage_details_active .hide-when-usage {
	display: none;
}

.detail_summary {
    background: #e6e6e6;
    color: #888;
    font-weight: 400;
    font-size: 14px;
    padding: 20px;
    border-radius: 5px;
}

.details_block {
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
    width: 48%;
    float: left;
}

.details_block.no-margin-right {
    margin-right: 0;
}

.details_block input {
    background: transparent !important;
    padding-left: 15px;
    padding-top: 0;
    padding-bottom: 0;
}

/*
.details_block.details_gas.double-tarief {
    margin-top: 4%
}
*/

.details_block .has_euro_sign:before {
	left: 0;
	bottom: 3px;
}

p.details_heading {
    padding-bottom: 0;
    font-weight: 600;
}

.details_regulartarief.details_regulartarief-inactive,
.detail_piektarief,
.detail_daltarief {
    height: 0;
    overflow: hidden;
}

.details_regulartarief,
.detail_piektarief.detail_piektarief-active,
.detail_daltarief.detail_daltarief-active {
    height: auto;
    overflow: visible;
}

.prijsdetails_samenvatting {
    background: #fff;
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 5px;
    overflow: hidden;
    height: 0;
}

.prijsdetails_samenvatting.active {
	overflow: visible;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.prijsdetails_samenvatting_totalen {
    margin-top: 20px;
}

.total_line {
    position: relative;
}

.total_line .has_euro_sign {
    float: right;
}

.total_line input {
    background: none !important;
	border: none !important;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.prijsdetails_uitgebreid .total_line span.has_kwh.has_times {
    float: right;
    max-width: 95px;
    position: relative;
}

.total_line .has_euro_sign input {
    text-align: right;
    max-width: 70px;
}

.total_line .has_euro_sign:before {
	left: 0;
	bottom: 0;
}

span.has_kwh.has_times,
span.has_ismark {
    margin-right: 5px;
}

.prijsdetails_uitgebreid .total_line span.has_kwh.has_times input {
    text-align: right;
    padding-right: 0;
    position: relative;
    right: 28px;
}

span.has_kwh.has_times:after {
    position: absolute;
    content: 'x';
    top: 1px;
    right: 2px;
    font-weight: 500;
    color: #ff6319;
    font-size: 12px;
}

.prijsdetails_uitgebreid .total_line span.has_kwh.has_times > span {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    font-weight: 400;
    background: #fff;
    padding: 0 0 0 5px;
}

.prijsdetails_uitgebreid .gas .total_line span.has_kwh.has_times > span {
    top: -4px;
    right: 15px;
}

/*
.details_uitgebreid_inner.stroom span.has_kwh.has_times:before {
    content: 'kWh';
    position: absolute;
    background: #fff;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    right: 0px;
    padding: 0 3px;
    font-weight: 400;
}

.details_uitgebreid_inner.gas span.has_kwh.has_times:before {
    content: 'Nm3';
    position: absolute;
    background: #fff;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    right: 0px;
    padding: 0 3px;
    font-weight: 400;
}
*/

span.has_price.has_euro_sign.has_ismark {
    margin-right: 10px;
}

span.has_ismark:after {
    position: absolute;
    content: '=';
    top: 1px;
    right: 2px;
    font-weight: 500;
    color: #ff6319;
    font-size: 12px;
}

span.has_price.has_ismark span {
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    font-weight: 500;
    padding: 0 15px;
}

.total_line.total_line_year {
    border-top: solid 1px;
    margin-top: 10px;
    padding-top: 10px;
}

.detail_toggle {
    color: #2A6EBB;
    cursor: pointer;
    margin-top: 20px;
    font-size: 12px;
    overflow: visible;
    height: auto;
}

.detail_toggle.inactive {
    overflow: hidden;
    height: 0;
    margin-top: 0;
}

/* PRICE DETAILS - UITGEBREID */

.prijsdetails_uitgebreid {
    background: #fff;
    margin-top: 20px;
    border-radius: 5px;
    overflow: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 20px;
    padding-left: 20px;
}

.prijsdetails_uitgebreid.active {
	overflow: visible;
	height: auto;
    padding-top: 20px;
    padding-bottom: 1px;
    margin-bottom: 30px;
}

.prijsdetails_uitgebreid p.introduction,
.prijsdetails_samenvatting p.introduction {
    font-size: 14px;
    font-weight: 500;
}

.prijsdetails_uitgebreid h6 {
    font-weight: 900;
    font-style: italic;
}

.prijsdetails_uitgebreid .total_line label {
    font-weight: 500;
}

.total_line.subtotal_section {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px;
    margin-bottom: 30px;
}

/* .total_line.subtotal_section label, */
/* .total_line.subtotal_section input, */
/* .final_total_section .total_line label, */
.final_total_section .total_line input {
    font-weight: 900;
}

.final_total_section h6 {
    color: #2A6EBB;
    font-size: 20px;
    font-style: normal;
}

h4.detail_subheading {
    background: #e6e6e6;
    margin: 0 -20px;
    padding: 10px 20px;
}

.final_total_section {
    margin-bottom: 50px;
}

.warning_text p {
    font-weight: 400;
    color: #555;
    font-size: 15px;
    margin-bottom: 30px !important;
}

.warning_text p span {
    color: red;
    font-weight: 700;
}




#gravform {
    height: 0;
    overflow: hidden;
}

#gravform.active {
    height: auto;
    overflow: visible;
    margin-top: -80px;
}

.gform_wrapper ul.gfield_radio li {
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
    margin-top: 10px;
}

.gform_wrapper li.hidden {
    display: none !important;
}



.wordpress-gdpr-popup-overlay-backdrop {
    background-color: rgba(0,0,0,0.35);
}

.wordpress-gdpr-popup-agree, .wordpress-gdpr-popup-decline {
    width: 44%;
    text-align: center;
}

.wordpress-gdpr-popup p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
}


header nav {
    display: none !important;
}

header {
    background: url(img/alliade.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 98% 25px;
}

.teruglever_table {
    overflow: hidden;
    zoom: 1;
    color: #000e2a;
    font-size: 13px;
    margin-bottom: 30px;
}

.teruglever_row {
    float: left;
    width: 20%;
}

.teruglever_row span {
    display: block;
    height: 25px;
}

.teruglever_row input {
    padding: 0;
    margin: 0;
    border: none !important;
}

.teruglever_totaal {
    border-top: solid 1px;
    margin-top: 5px;
    padding-top: 5px;
}

.teruglever_row.teruglever_units {
    width: 40px;
}



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

body #header-outer {
	position: absolute !important;
	background: transparent !important;
}

header {
    background-size: 80px;
    background-position: 98% 5px;
}

.material header#top .col.span_9 {
    display: none;
}

}


@media only screen and (max-width: 700px) {
.details_block {
    max-width: 47%;
    min-width: 47%;
    margin-bottom: 10px;
}

.address_collect_fields .one_third {
    width: 100% !important;
    margin-right: 0 !important;
}

select#current_supplier,
#get_totals,
#get_personal_details {
    float: none !important;
    width: 100%;
    margin-bottom: 20px;
}

.household_box {
    padding: 0 15px 10px;
}

.household_box label.jaarverbruik {
    font-size: 12px;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.rangeslider--horizontal {
    width: 50%;
}

#alliade_tool .eigen_stroom_schatting, #alliade_tool .eigen_stroom_gebruik {
    width: 45%;
}

}


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

.estimate_units {
    margin-left: 25px;
}

.details_block {
    max-width: 100%;
    min-width: 100%;
}

/*
.total_line .has_euro_sign {
    margin-top: -10px;
    margin-bottom: 15px;
}

.total_line .has_euro_sign input {
	text-align: left;
}
*/

}

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

.estimate_units {
    margin-left: 0;
    margin-top: 15px;
}

}