/*
Theme Name: Easy Green Energy
Description: Easy Green Energy Styles
Author: Kung
*/

/**FontAwesome**/
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */


/* Fonts */
/* Advent Pro */
@font-face {
    font-family: 'advent_prothin';
    src: url('../fonts/adventpro-thin-webfont.eot');
    src: url('../fonts/adventpro-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/adventpro-thin-webfont.woff2') format('woff2'),
    url('../fonts/adventpro-thin-webfont.woff') format('woff'),
    url('../fonts/adventpro-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'advent_proregular';
    src: url('../fonts/adventpro-regular-webfont.eot');
    src: url('../fonts/adventpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/adventpro-regular-webfont.woff2') format('woff2'),
    url('../fonts/adventpro-regular-webfont.woff') format('woff'),
    url('../fonts/adventpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'advent_proextralight';
    src: url('../fonts/adventpro-extralight-webfont.eot');
    src: url('../fonts/adventpro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/adventpro-extralight-webfont.woff2') format('woff2'),
    url('../fonts/adventpro-extralight-webfont.woff') format('woff'),
    url('../fonts/adventpro-extralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'advent_promedium';
    src: url('../fonts/adventpro-medium-webfont.eot');
    src: url('../fonts/adventpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/adventpro-medium-webfont.woff2') format('woff2'),
    url('../fonts/adventpro-medium-webfont.woff') format('woff'),
    url('../fonts/adventpro-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'advent_prosemibold';
    src: url('../fonts/adventpro-semibold-webfont.eot');
    src: url('../fonts/adventpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/adventpro-semibold-webfont.woff2') format('woff2'),
    url('../fonts/adventpro-semibold-webfont.woff') format('woff'),
    url('../fonts/adventpro-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'advent_probold';
    src: url('../fonts/adventpro-bold-webfont.eot');
    src: url('../fonts/adventpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/adventpro-bold-webfont.woff2') format('woff2'),
    url('../fonts/adventpro-bold-webfont.woff') format('woff'),
    url('../fonts/adventpro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'advent_prolight';
    src: url('../fonts/adventpro-light-webfont.eot');
    src: url('../fonts/adventpro-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/adventpro-light-webfont.woff2') format('woff2'),
    url('../fonts/adventpro-light-webfont.woff') format('woff'),
    url('../fonts/adventpro-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Proxima Nova */

@font-face {
    font-family: 'proxima_nova_cn_rgregular';
    src: url('../fonts/proximanovacond-regular-webfont.eot');
    src: url('../fonts/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanovacond-regular-webfont.woff2') format('woff2'),
    url('../fonts/proximanovacond-regular-webfont.woff') format('woff'),
    url('../fonts/proximanovacond-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novablack';
    src: url('../fonts/proximanova-black-webfont.eot');
    src: url('../fonts/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-black-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-black-webfont.woff') format('woff'),
    url('../fonts/proximanova-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novalight_italic';
    src: url('../fonts/proximanova-lightitalic-webfont.eot');
    src: url('../fonts/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-lightitalic-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-lightitalic-webfont.woff') format('woff'),
    url('../fonts/proximanova-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-light-webfont.woff') format('woff'),
    url('../fonts/proximanova-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../fonts/proximanova-extrabold-webfont.eot');
    src: url('../fonts/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-extrabold-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-extrabold-webfont.woff') format('woff'),
    url('../fonts/proximanova-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_condensedSBdIt';
    src: url('../fonts/proximanovacond-semiboldit-webfont.eot');
    src: url('../fonts/proximanovacond-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanovacond-semiboldit-webfont.woff2') format('woff2'),
    url('../fonts/proximanovacond-semiboldit-webfont.woff') format('woff'),
    url('../fonts/proximanovacond-semiboldit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_condensedRgIt';
    src: url('../fonts/proximanovacond-regularit-webfont.eot');
    src: url('../fonts/proximanovacond-regularit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanovacond-regularit-webfont.woff2') format('woff2'),
    url('../fonts/proximanovacond-regularit-webfont.woff') format('woff'),
    url('../fonts/proximanovacond-regularit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_condensedSBd';
    src: url('../fonts/proximanovacond-semibold-webfont.eot');
    src: url('../fonts/proximanovacond-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanovacond-semibold-webfont.woff2') format('woff2'),
    url('../fonts/proximanovacond-semibold-webfont.woff') format('woff'),
    url('../fonts/proximanovacond-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_condensedLtIt';
    src: url('../fonts/proximanovacond-lightit-webfont.eot');
    src: url('../fonts/proximanovacond-lightit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanovacond-lightit-webfont.woff2') format('woff2'),
    url('../fonts/proximanovacond-lightit-webfont.woff') format('woff'),
    url('../fonts/proximanovacond-lightit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_condensedlight';
    src: url('../fonts/proximanovacond-light-webfont.eot');
    src: url('../fonts/proximanovacond-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanovacond-light-webfont.woff2') format('woff2'),
    url('../fonts/proximanovacond-light-webfont.woff') format('woff'),
    url('../fonts/proximanovacond-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('../fonts/proximanova-boldit-webfont.eot');
    src: url('../fonts/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-boldit-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-boldit-webfont.woff') format('woff'),
    url('../fonts/proximanova-boldit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-bold-webfont.woff') format('woff'),
    url('../fonts/proximanova-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novasemibold_italic';
    src: url('../fonts/proximanova-semibolditalic-webfont.eot');
    src: url('../fonts/proximanova-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-semibolditalic-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-semibolditalic-webfont.woff') format('woff'),
    url('../fonts/proximanova-semibolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
    url('../fonts/proximanova-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../fonts/proximanova-regularitalic-webfont.eot');
    src: url('../fonts/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-regularitalic-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-regularitalic-webfont.woff') format('woff'),
    url('../fonts/proximanova-regularitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../fonts/proximanova-regitalic-webfont.eot');
    src: url('../fonts/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-regitalic-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-regitalic-webfont.woff') format('woff'),
    url('../fonts/proximanova-regitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
    url('../fonts/proximanova-regular-webfont.woff') format('woff'),
    url('../fonts/proximanova-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Source Sans Pro */

@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('../fonts/sourcesanspro-bolditalic-webfont.eot');
    src: url('../fonts/sourcesanspro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-bolditalic-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-bolditalic-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-bolditalic-webfont.svg#source_sans_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proextralight';
    src: url('../fonts/sourcesanspro-extralight-webfont.eot');
    src: url('../fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-extralight-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_problack_italic';
    src: url('../fonts/sourcesanspro-blackitalic-webfont.eot');
    src: url('../fonts/sourcesanspro-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-blackitalic-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-blackitalic-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-blackitalic-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-blackitalic-webfont.svg#source_sans_problack_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('../fonts/sourcesanspro-italic-webfont.eot');
    src: url('../fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-italic-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-italic-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-italic-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_problack';
    src: url('../fonts/sourcesanspro-black-webfont.eot');
    src: url('../fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-black-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proXLtIt';
    src: url('../fonts/sourcesanspro-extralightitalic-webfont.eot');
    src: url('../fonts/sourcesanspro-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-extralightitalic-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-extralightitalic-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-extralightitalic-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-extralightitalic-webfont.svg#source_sans_proXLtIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('../fonts/sourcesanspro-lightitalic-webfont.eot');
    src: url('../fonts/sourcesanspro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-lightitalic-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-lightitalic-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-lightitalic-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-lightitalic-webfont.svg#source_sans_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proSBdIt';
    src: url('../fonts/sourcesanspro-semibolditalic-webfont.eot');
    src: url('../fonts/sourcesanspro-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/sourcesanspro-semibolditalic-webfont.woff2') format('woff2'),
    url('../fonts/sourcesanspro-semibolditalic-webfont.woff') format('woff'),
    url('../fonts/sourcesanspro-semibolditalic-webfont.ttf') format('truetype'),
    url('../fonts/sourcesanspro-semibolditalic-webfont.svg#source_sans_proSBdIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* DIN Medium */

@font-face {
    font-family: 'din_mediumregular';
    src: url('../fonts/dinmedium-webfont.eot');
    src: url('../fonts/dinmedium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinmedium-webfont.woff2') format('woff2'),
    url('../fonts/dinmedium-webfont.woff') format('woff'),
    url('../fonts/dinmedium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
a:not(.slider-arrow), a:not(.slider-arrow):hover, a:not(.slider-arrow):visited, a:not(.slider-arrow):focus {
    color: #3f7906;
    text-decoration: none;
}*/
a,a:hover,a:visited,a:focus{color:#3f7906;text-decoration:none}

html
{
    height: 100%;
    margin-bottom: 1px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.order-productsliders {
    display:    block;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background:  #E5E5E5       url('../img/preloader.gif')
    50% 50%
    no-repeat;
}

.mgm-send-preloader {
    display:    none;
    position:   absolute;
    z-index:    99;
    top:        0;
    left:       0;
    height:     75px;
    width:      100%;
    background:  #abdc00       url('../img/preloader.gif')
    50% 50%
    no-repeat;
}

.grid-preloader {
    display:    block;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      102%;
    background:  #fff       url('../img/preloader.gif')
    50% 50%
    no-repeat;
}

.easy-productslider {
    display:    block;
    position:   absolute;
    z-index:    1001;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background:  #85B818       url('../img/preloader.gif')
    50% 50%
    no-repeat;
}
.electricity-products-slider > ul > li, .gas-products-slider > ul > li {
    min-height: 105px;
}
.rate-calculator-button-preloader {
    display:    none;
    position:   absolute;
    z-index:    99;
    bottom:     0;
    left:       0;
    height:     90px;
    width:      100%;
    background: #abdc00 url('../img/preloader.gif') 50% 50% no-repeat;
}

/* Begin with content */
body {
    padding-top: 113px;
    -webkit-font-smoothing: subpixel-antialiased;
}

/* MODAL SCROLLBAR FIX */
body.modal-open {
    /*overflow: inherit;*/
    padding-right: 0 !important;
}
/* END FIX */

/* top navigation */

.navbar {
    font-family: 'proxima_nova_rgregular';
    font-size: 1em;
    background-color: #fff;
    color: #000;
}

.navbar-fixed-top {
    min-height: 113px;
    border: 0;
    box-shadow: 0 3px 10px -2px #dbdbdb;
}


.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #85b818;
    padding: 7px;
    /*margin: 8px;*/
}

.navbar-inverse .navbar-nav > li > a {
    color:#000;
}

/*.navbar-inverse .navbar-nav>li>a:focus,*/
.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #85b818;
    padding: 7px;
    /*margin: 8px;*/
}

.navbar-inverse .navbar-nav>li>a:focus {
    color: #000;
}

.browserWarning {
    margin-top: 30px;
    margin-bottom: 30px;
}


/* Logo */

.content {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.borderbottom {
    border-bottom: 1px solid #d3d3d3;
}

/* Footer */

.footer {
    font-family: 'source_sans_proregular';
    font-size: 1.125em;
    background-color: #d3d3d3;
    color: #666666;
    padding: 40px 13px;
}

.footer ul {
    list-style-type: none;
    padding: 0;
}

.footer li {
    margin-bottom:10px;
}

.footer-left ul {
    padding:0;
}

.footer-left li {
    margin-bottom:3px;
}

.footer a {
    color: #666666;
}

#footer-center {
    float:left;
    /*margin-right: 80px;*/
}

#footer-center ul {
    padding: 0;
}

#footer-menu-right {
    padding: 0;
}

#footer-menu-right a {
    font-family: 'din_mediumregular';
    font-size: 0.875em;
}

#footer-right p {
    text-align: left;
    margin: 0;
    /*margin-right: 20px;*/
}

#footer-right a {
    text-decoration: none;
    margin-bottom: 18px;
    display: block;
    margin-bottom: 6px;
}

#footer-right ul {
    margin-left: 7px;
}

#footer-menu-bottom {
    margin-top: 51px;
    font-size:0.938em;
}

#footer-menu-bottom a {
    margin-right: 15px;
}

.section-finish-form a.finishlink, a.productdetaillink {
    color: #59961e;
    font-family: "source_sans_proregular";
    font-size: 17px;
}

@media (min-width: 1200px) {
    /*.container {
      padding-left: 170px;
        padding-right: 120px;
    }*/
    .container {
        padding-left: 95px;
        padding-right: 95px;
    }

    #easy-icons {
        position: fixed;
        padding-right: 120px;
    }

    #easy-icons #toolbox {
        margin-top: 36px;
        position: fixed;
        margin-left: 48px;
    }
}

#easy-icons {
    float: right;
    position: absolute;
    right: 0;
    z-index: 100;
}

#easy-icons-mobile {
    display: none;
}

#toolbox ul, #toolbox-mobile ul {
    list-style-type: none;
    padding: 0;
}

#toolbox ul li a, #footer-social-media a {
    display: block;
}

/*#toolbox ul li a, #toolbox-mobile ul li a,*/ .hidetext {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#toolbox ul li {
    margin-bottom: 1px;
}

.icon-change {
    background: url("../img/icons.png") no-repeat 0px 0;
    width: 72px;
    height: 72px;
}

.icon-tool {
    background: url("../img/icons.png") no-repeat 0px -72px;
    width: 72px;
    height: 72px;
}

.icon-support {
    background: url("../img/icons.png") no-repeat 0px -145px;
    width: 72px;
    height: 72px;
}

.icon-calc {
    background: url("../img/icons.png") no-repeat 0px -218px;
    width: 72px;
    height: 72px;
}

.icon-fb {
    background: url("../img/socialmedia.png") no-repeat 0px 0px;
    width: 66px;
    height: 66px;
}

.icon-twitter {
    background: url("../img/socialmedia.png") no-repeat -95px 0px;
    width: 66px;
    height: 66px;
}

.icon-rss {
    background: url("../img/socialmedia.png") no-repeat -189px 0px;
    width: 66px;
    height: 66px;
}

.hide {
    visibility: hidden;
}

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

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

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

.black-bgwhite {
    color: #575656;
    font-family: 'proxima_nova_rgregular';
}

.modaltitle {
    font-size: 40px;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #333;
    word-wrap: break-word;
    color: #3f7906;
}

.title {
    /*font-size: 2.75em;*/
    font-size: 2.5em;
    margin-bottom: 15px;
    margin-top: 10px;
}

.subheadline {
    font-size: 1.4em;
}

.intro .row div p {
    font-size: 19px;
    font-family: 'source_sans_proregular';
    text-align: left;
}

.electricity {
    font-family: 'proxima_nova_rgregular';
    color: #999999;
    font-size: 2em;
    font-weight: 100;
    line-height:1.1;
}

.gas {
    font-family: 'proxima_nova_rgregular';
    color: #999999;
    font-size: 2em;
    font-weight: 100;
    line-height:1.1;
}

.navbar-fixed-top .navbar-collapse {
    max-height: 365px;
}

.screenonly {
    position: absolute; left: -999em; top: -999em;
}

.nopadding {
    padding: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-45, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-45 {
        width: 37.4999995%;
    }
}

.electricitygasform {
    margin-left: -50px;
}

input[type="checkbox"]+label:before, input[type="radio"]+label:before{
    content: "";
    display: inline-block;
    height: 25px;
    margin: 11px 8px 15px -29px;
    vertical-align: middle;
    width: 25px;
}

input[type="checkbox"]+label:before{
    background-color: #eee;
    margin:-3px 10px 0 -2px;
}

input[type=radio] {
    display: none;
}

input[type=radio] + label::before {
    content: '';
    display: inline-block;
    border: 1px solid #979797;
    border-radius: 50%;
    margin: 11px 9px -15px -33px;
    background: #eee;
}

input[type="checkbox"]:checked+label:before{
    /*background:url(../img/hackerl-gruen.png) no-repeat 4px 5px;*/
    background:url(../img/hackerl-gruen.png) no-repeat 1px 3px;
    background-color: #fff;
}

input[type=radio]:checked + label::before {
    padding: 4px;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #58951c;
}
/*
.addadress label.differentadresslabel:before {
    margin: 11px 8px 15px -29px;
}*/

.hidecheckbox {
    position: absolute;
    z-index: -1;
}

.radio + label::before {
    width: 0.8em;
    height: 0.8em;
}

input[type=radio] + label.locked::before {
    width: 22px;
    height: 22px;
    background: url(../img/unavailable_category.png) no-repeat;
    border: 0;
    margin: 11px 12px -15px -33px;
}

input[type=radio] + label.active.locked::before {
    background: url(../img/selected_category.png) no-repeat;
}

/*#easy-teaser-animation, #green-teaser-animation, #energy-teaser-animation, */#easy-teaser-placeholder {
                                                                                   height:190px;
                                                                               }

.margintopbottom40 {
    margin-top: 20px;
    margin-bottom:40px;
    margin-left: auto;
    margin-right: auto;
}

.margintop45 {
    margin-top: 45px;
}

.intro {
    margin-bottom: 30px;
}

.intro .subheadline {
    margin-bottom: 45px;
}

.anchor{
    display: block;
    visibility: hidden;
}

.logo {
    margin-top:35px;
    max-width:100%;
}

#navbar {
    margin-top: 29px;
}

@media (min-width: 1300px) {
    .container, .slider-padding.container {
        width: 1270px;
        padding-left: 145px;
        padding-right: 145px;
    }
    .slider-padding.container {
        padding-left:200px;
    }
    .fixed-header {
        padding-left: 140px;
        padding-right: 60px;
    }
}

@media (min-width: 1320px) {
    .container {
        width: 1280px;
    }
}

@media (max-width: 700px) {
    #easy-teaser .no-gutter div.left-padding20 {
        padding-left: 10px;
    }
    .contact {
        padding-left: 26px;
    }
}

@media (max-width: 767px) {
    .intro .subheadline {
        margin-bottom: 25px;
    }
    .vertical-products-detail > .col {
        margin-bottom: 20px;
    }

    .productsliders-row {
        z-index: 1;
    }
    /*
    .electricitysliders-placeholder {
        z-index: 1040;
    }*/

    #easy-teaser .animations {
        margin: 0;
    }
    /*#easy-teaser-animation, #green-teaser-animation, #energy-teaser-animation, */#easy-teaser-placeholder {
                                                                                       height:100px;
                                                                                   }

    #easy-teaser .teaser-menu a .easy-teaser-heading-desc {
        display:none;
    }

    #navbar {
        width: 100%;
        border: 0;
    }
    #navbar ul li {
        padding-left: 20px;
        padding-right: 20px;
    }
    #navbar ul li a {
        border-bottom: 1px solid #858585;
        padding-left: 0;
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        padding: 10px 15px;
        margin:0;
    }

    .navbar-close {
        float:right;
        font-size: 60px;
        margin-right: 15px;
        font-family: 'proxima_novalight';
        position: relative;
        border:none;
        padding: 9px 10px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
    }
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #85B916;
}

.navbar-toggle .icon-bar {
    width: 36px;
    height: 6px;
    border-radius: 2px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

/********NOT IN V4*****/
.nooverflow {
    overflow-x:hidden;
}

.nooverflowall {
    overflow:hidden;
}

.easy-wrapper {
    margin: 0 auto;
    padding: 0px 2000px;
}

.easy-row {
    margin-left: -2000px;
    margin-right: -2000px;
}

.green1 {
    background-color: #abdc00;
}

.green2 {
    background-color: #85B818;
}

.green3 {
    background-color: #59961E;
}

.grey1 {
    background-color: #E5E5E5;
}

.grey2 {
    background-color: #D3D3D3;
}

.pageeasy {
    margin: 0 16%;
}

.pagegreen {
    margin: 0 41%;
}

.pageenergy {
    margin: 0 67%;
}

.greentriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 57px 0 57px;
    border-color: #478008 transparent transparent transparent;
    /* For webkit browser anti-aliasing */
    -webkit-transform:rotate(360deg);
    margin: 0 auto;
}

.greentriangle1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 37px 0 37px;
    border-color: #85b818 transparent transparent transparent;
    -webkit-transform:rotate(360deg);
    margin: 0 auto;
}

.gradient {
    background: #baea1b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhZWExYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzgwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #baea1b 0%, #478008 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#baea1b), color-stop(100%,#478008)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #baea1b 0%,#478008 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #baea1b 0%,#478008 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #baea1b 0%,#478008 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #baea1b 0%,#478008 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baea1b', endColorstr='#478008',GradientType=0 ); /* IE6-8 */
}

/***20.02.2015 **/
.electricitygasorderform fieldset {
    overflow: hidden;
}

.electricitygasorderform .delim:last-child,
.electricitygasform .delim:last-child {
    padding-right: 30px;
    border-right: 1px solid #fff;
}

.delim {
    border-left: 1px solid #e5e5e5;
    height: 70px;
    padding: 10px 0px 0px 43px;
}

.electricitygasorderform .delim {
    border-color: #fff;
}

.electricitygasorderform.becomecustomer .delim {
    border-color: #e5e5e5;
}

.energy-product-slider-selection .delim {
    border-left: 1px solid #e5e5e5;
    padding: 0;

    padding-left: 27px;
    margin-right: -18px;
}

.negativemarginright50 {
    margin-right: -50px;
}

.marginright30 {
    margin-right: 30px;
}

.margintop68 {
    margin-top: 68px;
}

span.margintop40 {
    margin-top: 40px;
}

.margintop37 {
    margin-top: 37px;
}
.margintop34 {
    margin-top: 34px;
}

.negativemargintopleft10 {
    margin-top: -10px;
    margin-left: -10px;
}

#kundenportal {
    color: #999;
}

.header-logo {
    margin-right: -19px;
}

.greytriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 34px 0 34px;
    border-color: #E5E5E5 transparent transparent transparent;
    -webkit-transform:rotate(360deg);

    position: absolute;
    margin-left: 241px;
}

.greytriangle1 {
    border-color: #e5e5e5 transparent transparent;
    border-style: solid;
    border-width: 20px 36px 0;
    height: 0;
    width: 0;
    -webkit-transform:rotate(360deg);

    margin: 0 auto;

}

/** since 27042015 **/
.col-centered {
    margin: 0 auto;
    float: none;
}

#abschnitt1 {
    background-color: #11a29a;
}

.white {
    color: #fff;
}

.greenicon {
    color: #59961e;
}

.whitetriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 57px 0 57px;
    border-color: #ffffff transparent transparent transparent;

    margin: 0 auto;
    /* For webkit browser anti-aliasing */
    -webkit-transform:rotate(360deg);

    top: 29px;
    position: relative;
    z-index: 100;
}

.whitetriangle-top {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 55.5px 29px 55.5px;
    border-color: transparent transparent #ffffff transparent;

    position: relative;
    margin-top: -28px;
    /* For webkit browser anti-aliasing */
    -webkit-transform:rotate(360deg);
}

.whitetriangle1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 57px 0 57px;
    border-color: #ffffff transparent transparent transparent;

    margin-bottom: -30px;
    /* For webkit browser anti-aliasing */
    -webkit-transform:rotate(360deg);
}

.energy-triangle-electricity {
    margin: 0 34% -30px;
}

.energy-triangle-gas {
    margin: 0 25% -30px;
}

.paddingleft8 {
    padding: 0 0 0 8px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .energy-triangle-gas {
        margin: 0 34% -30px;
    }
}
@media (max-width: 992px) {

    .energy-triangle-electricity {
        margin: 0px 50% -30px;
    }
    #footer-right ul {
        margin-left: 0px;
    }
    .paddingleft8 {
        padding: 0;
    }
}

.white-bgcolor {
    font-family: "proxima_nova_rgregular";
    color:#fff;
}

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

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

.vorteile {
    margin-top: 30px;
    margin-bottom: 10px;
}

.vorteile ul {
    padding: 0;
}

.text {
    font-family: 'source_sans_proregular';
    font-size: 1.2em;
}

.energy-after-intro .text {
    font-size: 20px;
}

.vorteile ul li, .bankdata ul li {
    background: url('../img/vorteile_hackerl.png') no-repeat 0px 5px;
    padding: 3px 18px 0px 39px;
    list-style: none;
    margin: 0px 0 20px 0;
    min-height: 20px;
    font-family: 'source_sans_proregular';
    font-size: 1.2em;
    display: inline-block;
}

.vorteile ul li .bold {
    font-family: "source_sans_probold";
}

.vorteile ul li strong {
    font-family: "source_sans_probold";
}

.bankdata ul {
    padding: 0;
    background: url(../img/imac.png) no-repeat 100% 100%;
    overflow: visible;
    padding-top: 17px;
}
.bankdata ul li {
    display:list-item;
    margin:0;
    padding: 3px 18px 0px 29px;
}

.product-teaser {
    background-color: #85B818;
    padding-bottom: 90px;
}

.lightblack {
    color: #333333;
}

.easy-icon {
    margin-top: 13px;
}

.iconname {
    font-family: "proxima_nova_rgregular";
    color: #fff;
    font-size: 1.8em;
}

.icondescription {
    line-height: 21px;
    margin-bottom: 5px;
}

.changeemail-button-arrow {
    font-family: 'advent_probold';
    color: #59951D;
    font-size: 14px;
}

.button-arrow {
    font-family: 'advent_probold';
    color: #85B818;
    font-size: 1.8em;
    position: relative;
    top: 4px;
}

.calculator-button-arrow {
    font-family: 'advent_probold';
    color: #fff;
    font-size: 35px;
    position: relative;
    top: 7px;
    padding: 0 5px 0 5px;
    line-height: 0px;
}

.next-button-arrow {
    font-family: 'advent_probold';
    color: #fff;
    font-size: 25px;
    position: relative;
    top: 4px;
    padding: 0 4px 0 4px;

    line-height: 0px;
}

.horizontal-products-button-arrow {
    font-family: 'advent_probold';
    color: #fff;
    font-size: 35px;
    float:left;
    padding: 0;
    margin-top: -13px;
    margin-right: 8px;
}

.small-button-arrow {
    font-family: 'advent_probold';
    color: #fff;
    font-size: 17px;
}

a.button, input.button, button.button {
    text-align: left;
    background-color: #59961e;
    padding: 6px;
    color: #fff;
    text-decoration: none;
    font-family: "proxima_nova_rgregular";
    /*white-space: nowrap;*/
    display: inline-block;
}

a.list-button {
    text-align: left;
    background-color: #59961e;
    color: #fff;
    text-decoration: none;
    font-family: "proxima_nova_rgregular";
    display: inline-block;
    padding-left: 6px;
    padding-bottom: 5px;
    padding-right: 6px;
    line-height: 20px;
}

.energy-product-slider-selection a {
    text-decoration: none;
}

a.calculator-button, a.next-button, button.next-button, a.combination-button {
    padding: 6px 10px 6px 6px;
    font-size: 17px;
    display: inline-block;
}

a.slider-button {
    padding: 10px;
    font-size: 17px;
    background-color: #59961e;
    padding-left: 32px;
    text-indent: -23px;
}

div.section-customer-productsliders.becomecustomer a.product-sliders-button {
    text-indent: -27px;
    padding: 7px 7px 7px 35px;
}

a.vertical-products-slider-button {
    padding: 10px;
    font-size: 17px;
    background-color: #85b818;
}

a.ending-button {
    background-color: #85b818;
    font-size: 17px;
    padding:11px;
    text-indent: -28px;
    padding-left: 40px;
}

.section-customer-productsliders.becomecustomer a.product-sliders-button {
    /*input.product-sliders-button */
    background-color: #85b818;
    font-size: 17px;
    padding:7px;
}

a.horizontal-product-button {
    background-color: #85b818;
    font-size: 17px;
    /*padding: 11px 0px 11px 13px;*/
    padding: 10px;
    display: block;
    white-space: normal;
}

.margintop26 {
    margin-top: 26px;
}

.margintop20 {
    margin-top: 20px;
}

.squaremeterOutput.margintop20 {
    margin-top: 20px;
}

.marginbottom30 {
    padding-bottom: 30px;
}

.marginbottom36 {
    margin-bottom: 36px;
}

.margintop35 {
    margin-top: 35px;
}

.marginbottom25 {
    margin-bottom: 25px;
}

.marginbottom24 {
    margin-bottom: 24px;
}

.marginbottom26, .section-finish-form p.marginbottom26 {
    margin-bottom: 26px;
}

.negativemargintop30 {
    margin-top: -30px;
}

.margintop30 {
    margin-top: 30px;
}

#easy-teaser, .easy-footer-menu {
    font-family: "proxima_novalight";
}

.easy-teaser-heading {
    font-size: 8.46954488636306em;
    margin-bottom: -20px;
    color:#fff;
}

.easy-teaser-heading-desc {
    font-family: "proxima_nova_rgregular";
    font-size: 1.3383333467168em;
    color:#fff;
}

.easy-footer-heading {
    font-size: 8.06954488636306em;
    margin-bottom: -20px;
    color:#fff;
}

.easy-footer-heading-desc {
    font-family: "proxima_nova_rgregular";
    font-size: 1.1383333467168em;
}

#easy-teaser a, .easy-footer-menu a {
    text-decoration: none;
}

#easy-teaser a div, .easy-footer-menu a div {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}

#easy-teaser a.active div, .easy-footer-menu a.active div {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
}

.easy-footer-menu a div {
    color: #999;
}

.easy-footer-menu a.active div {
    color: #85b818;
}

.easy-footer-menu {
    margin-bottom: 40px;
}


.easy-teaser-pen-1 {
    background:url(../img/teaser_feder_1.png) no-repeat;
    height: 61px;
    width: 200px;
    position:absolute;
    top:0%;
    left:-80%;
    background-size: 100%;
}

.easy-teaser-pen-2 {
    background:url(../img/teaser_feder_2.png) no-repeat;
    height: 112px;
    width: 268px;
    position:absolute;
    top:0%;
    right:-80%;
    background-size: 100%;
}

.no-gutter div.left-padding-negative-margin20 {
    margin-left: -20px;
    padding-left: 20px;
}

.no-gutter div.left-padding20 {
    padding-left: 20px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.fixed-height {
    height:40px;
}

.green-teaser-pen {
    background:url(../img/green-teaser-feder.png) no-repeat;
    height: 62px;
    width: 196px;
    position:absolute;
    top:0;
    left:-70%;
}

.green-teaser-tree-1 {
    background:url(../img/green-teaser-baum1.png) no-repeat;
    height: 242px;
    width: 163px;
    position:absolute;
    top:0;
    right:-80%;
}

.green-teaser-tree-2 {
    background:url(../img/green-teaser-baum2.png) no-repeat;
    height: 141px;
    width: 96px;
    position:absolute;
    top:0;
    right:-80%;
}

.green-teaser-tree-3, .energy-teaser-tree-1 {
    background:url(../img/green-teaser-baum3.png) no-repeat;
    height: 116px;
    width: 80px;
    position:absolute;
    top:0;
    right:-80%;
}

.green-teaser-tree-4, .energy-teaser-tree-2 {
    background:url(../img/green-teaser-baum4.png) no-repeat;
    height: 89px;
    width: 61px;
    position:absolute;
    top:0;
    right:-80%;
}

.energy-teaser-bird {
    background:url(../img/energy-vogel.png) no-repeat;
    height: 249px;
    width: 237px;
    position:absolute;
    top:-10%;
    left:-70%;
}

label {
    font-family: 'source_sans_proregular';
    font-size: 17px;
    text-align: left;
    width:100%;
    font-weight:500;
}

.marginbottom25 {
    margin-bottom: 25px;
}

input[type=text], input[type=password], input[type=email] {
    border: 0;
    height: 30px;
    width: 100%;
    text-align: right;
    padding-right: 20px;
    margin-top: 10px;
}

.section-finish-form input[type=text], .section-finish-form input[type=password], .section-finish-form input[type=email],
.contact-form input[type=text], .contact-form input[type=password], .contact-form input[type=email] {
    text-align: left;
    padding-right: 0;
}

input[type=text].align-left {
    text-align: left;
    padding-left: 20px;
}

.padding-right25 {
    padding: 0 25px 0 0;
}

.padding48-negative-margin35 {
    margin: 0 -35px 0 0;
    padding: 0 48px 0 0;
}

.paddingright30-left8 {
    padding: 0 30px 0 8px;
}

.paddingright26 {
    padding-right: 26px;
}

output {
    display: inline;
    padding-top: 0;
    font-size: 17px;
    line-height: 1.42857143;
    color: #333;
}

.icon-electricity-right {
    background: url(../img/strom_icon_input.png) no-repeat scroll 100% 4px;
}

.icon-electricity-right-new {
    background: url(../img/strom_icon_input_new.png) no-repeat scroll 100% 4px;
}

.icon-gas-right {
    background: url(../img/gas_icon_input.png) no-repeat scroll 100% 4px;
}

.icon-gas-right-new {
    background: url(../img/gas_icon_input_new.png) no-repeat scroll 100% 4px;
}

.input-strom {
    background: url(../img/strom_icon_input.png) no-repeat scroll 7px 4px;
    background-color: #fff;
}


.input-nightelectricity {
    background: url(../img/nightelectricity_grey_icon_input.png) no-repeat scroll 7px 7px;
    background-color: #fff;
}

.input-nightelectricitywhite {
    background: url(../img/nightelectricity_white_icon_input.png) no-repeat scroll 0px 3px;
    width: 17px;
    height: 23px;
    display: inline-block;
    float: left;
}

.input-delete {
    background: url(../img/delete.png) no-repeat scroll 0px 3px;
    width: 18px;
    height: 20px;
    display: inline-block;
}

.nightelectricity-delete {
    float:right;
}

a.nightelectricity-button {
    padding: 5px 10px 4px 6px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.input-gas {
    background: url(../img/gas_icon_input.png) no-repeat scroll 7px 4px;
    background-color: #fff;
}

.input-disabled {
    background-color: #ccc;
}

.input-disabled:active, .input-disabled:focus, .input-disabled:hover {
    background-color: #fff;
}

.nightelectricity-description-bold {
    font-family: source_sans_prosemibold;
    font-size:13px;
}

.nightelectricity-description {
    font-family: source_sans_proregular;
    font-size:13px;
}

.footer img {
    height:150px;
    float:right;
}

.paddingtop70bottom30 {
    padding-top: 70px;
    padding-bottom: 30px;
}

.squaremeterOutput {
    display: block;
    text-align: center;
    /*margin-top: 5px;*/
}

label#householdsizelabel .range-bar {
    margin-top: 10px;
}

.squaremeterOutput .calculator-icon-small {
    margin-top: 5px;
}

.household-size-output {
    display:block;
    text-align:center;
}

.calculator-icon-small {
    margin-left:6px;
    float:left;
}

.calculator-icon-big {
    float:right;
}

.nightelectricity-description-small {
    display:block;
    line-height:1.2;
    margin-top:5px;
    font-family: source_sans_proregular;
    font-size: 13px;
    text-align: left;
}

.nightelectricity-description-small strong {
    font-family: source_sans_prosemibold;
    font-weight:normal;
}

.electricity-calculator-element label[for=nightelectricityusage] {
    margin-bottom: 0;
}

.rate-calculator p {
    margin-bottom: 0;
}

.margintop64 {
    margin-top: 64px;
}

.info-icon {
    float: right;
    /*margin-top: 5px;*/
}

.fontsize20 {
    font-size: 20px;
}

/** Disable outline on Firefox **/
a, a:hover, a:active, a:focus {
    outline: 0;
}

u, ins {
    text-decoration: none;
}

/** remove outline on input range **/
input[type=range]::-moz-focus-outer {
    border: 0;
}

.calculator-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 34px 0 34px;
    border-color: #ffffff transparent transparent transparent;
    -webkit-transform:rotate(360deg);
    margin: 0 0 -18px 8%;
    position:relative;
}

.rate-calculator-button {
    padding: 0 0px 20px 0;
}

.intro .multi-column2 p {
    padding-left: 15px;
    padding-right: 15px;
}

.multi-column2 p {
    margin: 0;
}

#calculator-container select, .electricitygasorderform select {
    background-color: #eee;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
    border: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-top: 5px;
}

.mgm #salutation, #mgmFriends .mgmSalutation, .mgmFriendBlock select.mgmSalutation {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#calculator-container select option, .electricitygasorderform select option {
    margin-top: 7px;
    margin-bottom: 7px;
}

.fixedwidth {
    width: 96px;
}

.fixedwidth1 {
    width: 125px;
}

.electricitygasorderform {
    margin-left: -7px;
    margin-top: 2px;
    margin-bottom: 23px;
}

.change-explanation {
    padding-bottom: 25px;
}

/*TODO: Refactor*/
#calculator-container .electricitygasform select, .energy-product-slider-selection select {
    display: none;
}

.electricitygasform select, .electricitygasorderform select {
    display: none;
}
/*END*/

.energy-product-slider-selection table td:first-child {
    padding-left: 0;
}

.energy-product-slider-selection table td:not(:last-child) {
    border-right: 1px solid #e5e5e5;
}

.energy-product-slider-selection table td {
    padding: 0 30px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .viewchanger.showflexviewchanger {
        margin-left: 0px;
    }
    .detailproductname:before, .horizontal-product > .content > .title > .proximanovasemibold:not(.verticalnotflex):before {
        content: "\A ";
        white-space: pre;
    }
    .horizontal-product > .content > .title {
        line-height: 25px;
    }
    .horizontal-product > .content > .subtitle {
        margin-top:5px;
    }
    .product-image img {
        max-width: 100%;
    }
    h2.fontsize30 {
        font-size:28px;
    }
    /*.vertical-products-detail.container, .horizontal-products.container, div.container.changeview {
        width: 100%;
    }*/
    /*div.viewchanger {
        padding-right: 87px;
    }*/
    .calculator-results .exporticons {
        margin-right: 4px;
    }
    .vertical-products-detail p.price-fee {
        font-size: 12px;
    }
    .finish-selected-icon {
        margin-left: 5px;
    }

    .mobilenopadding {
        padding: 0;
    }

    input[type=radio] + label.locked::before {
        margin: 2px 12px -16px -33px;
    }
    .categorychooser {
        padding-left: 25px;
    }
    .chooseproducttext {
        padding-left:0;
    }

    .choosecategorytext {
        padding-left:0;
    }
    div.paddingleft7 {
        padding:0;
    }
    .nopadding.mobilepaddingleft7 {
        padding-left:7px;
    }
    .container.becomecustomer {
        width:100%;
    }
    .section-customer-productsliders.becomecustomer .col-xs-5.col-md-3.nopadding {
        width: 30.33333333%;
    }
    .section-customer-productsliders.becomecustomer .col-xs-7.col-md-7.nopadding {
        width: 69.66666667%;
    }
    .section-customer-productsliders.becomecustomer .col-xs-5.col-md-4 {
        width: 33.33333333%;
    }
    .section-customer-productsliders.becomecustomer .col-xs-7.col-md-6 {
        width: 66.66666667%;
    }
}

@media (max-width: 992px) {

    /*#easy-teaser-animation, #green-teaser-animation, #energy-teaser-animation, */#easy-teaser-placeholder {
    height: 120px;
}
    .easy-teaser-pen-1, .easy-teaser-pen-2, .green-teaser-pen, .green-teaser-tree-1, .green-teaser-tree-2, .green-teaser-tree-3, .green-teaser-tree-4, .energy-teaser-tree-1, .energy-teaser-tree-2, .energy-teaser-bird {
        background-size: 80%;
    }
    .header-logo {
        margin-right: -5px;
    }

    .margintop68 {
        margin-top: 10px;
    }

    .margintop64 {
        margin-top: 10px;
    }

    span.margintop40 {
        margin-top: 10px;
    }

    .margintop37 {
        margin-top: 10px;
    }

    .gas, .electricity {
        font-size: 1.4em;
        margin-top: 6px;
    }

    .electricitygasorderform label.gas:before, .electricitygasorderform label.electricity:before {
        margin: 2px 9px -16px -33px;
    }

    .gas.oneline, .electricity.oneline {
        margin-top: 2px;
    }


    #easy-teaser .row.no-gutter {
        padding-bottom: 15px;
    }

    .contact .horizontal-line {
        border-top: 1px solid #B2B2B2;
        margin-top: 18px;
        margin-bottom: 18px;
    }
}
.competition-navigation {
    display: block;
}
/* Landscape phones and down */
@media (max-width: 767px) {
    .energy-product-slider-selection table,
    .energy-product-slider-selection thead,
    .energy-product-slider-selection tbody,
    .energy-product-slider-selection th,
    .energy-product-slider-selection td,
    .energy-product-slider-selection tr {
        display: block;
    }

    .energy-product-slider-selection thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .energy-product-slider-selection table td {
        /* Behave  like a "row" */
        border: none;
        padding: 0;
        position: relative;
        white-space: normal;
        text-align:left;
    }

    .energy-product-slider-selection table td:not(:last-child) {
        border: none;
    }

    .energy-product-slider-selection td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    .energy-product-slider-selection td:before { content: attr(data-title); }

    .energy-product-slider-selection .delim {
        border-left: none;
        padding-left: 15px;
        margin-right: 0;
    }

    .slider-title, .slider-price, .slider-fee {
        text-align: center;
    }
    .mobile-centered {
        margin: 0 auto;
        float: none;
    }
    .competition-navigation {
        display: none;
    }
    .mobile-aligncenter {
        text-align: center;
    }
    .col-xs-customoffset-1 {
        margin-left: 8.333333333333332%;
    }
    .pageeasy {
        margin-left: 0;
    }

    .pagegreen {
        margin-left: 29%;
        margin-right: 29%;
    }

    .easy-footer-menu .easy-footer-heading-desc:not(.active) {
        visibility: hidden;
    }

    .easy-footer-heading-desc.active {
        font-size: 17px;
        color: #85b818;
        margin-top: 10px;
    }

    .easy-teaser-heading-desc{
        font-size: 25px;
        margin-top: 105px;
    }

    .easy-footer-menu, #easy-teaser {
        font-size: 70%;
    }
    .change-explanation img {
        visibility:hidden;
        height: 0;
    }
    .padding-right25, .padding48-negative-margin35, .paddingright30-left8 {
        padding: 0 15px;
    }
    .fixedwidth,.fixedwidth1 {
        width: 100%;
    }
    .negativemargintopleft10 {
        margin-top: 0;
        margin-left: 0;
    }

    .electricitygasform, .electricitygasorderform {
        margin-left: 0;
    }
    .electricitygasform fieldset, .electricitygasorderform fieldset {
        visibility: hidden;
        height: 0;
    }
    #calculator-container .electricitygasform select, .electricitygasorderform select, .energy-product-slider-selection select {
        display: block;
        padding-top: 7px;
    }
    .energy-product-slider-selection select {
        width:100%;
    }
    .energy-product-slider-selection table {
        display:none;
    }
    div.col-xs-height {
        display: block;
        float:left;
    }
    #easy-icons {
        visibility: hidden;

    }
    #easy-icons-mobile {
        display: none;
        margin-top: 10px;
        text-align: center;
        z-index: 100;
    }
    #easy-icons-mobile ul {
        margin: 0;
    }
    .footer {
        padding-bottom: 90px;
    }
    #easy-icons-mobile #toolbox-mobile {
        margin: 0;
        position:relative;
    }
    #easy-icons-mobile li {
        display: inline-block;
    }
    #toolbox-mobile ul li a {
        display: block;
        border: 0;
    }
    #toolbox-mobile ul li {
        padding: 0;
    }
    img {
        max-width:100%;
    }
    div.negativemarginleft7 {
        margin-left: 0;
    }
    .col-md-custom-offset-1 {
        margin-left: 0;
    }
    .slider-next, .slider-prev {
        display:none;
    }
    .slider-next.vertical-products-arrow-next, .slider-prev.vertical-products-arrow-prev {
        display:block;
        top: 20px;
    }
    .slider-next.vertical-products-arrow-next {
        right: 0;
    }
    .slider-padding {
        padding-left: 0 !important;
    }
    .easy-slider img {
        max-width: 100%;
        display:none;
    }
    .easy-slider .circle {
        display:none;
    }
    .multi-column2 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .easy-teaser-pen-1, .easy-teaser-pen-2, .green-teaser-pen, .green-teaser-tree-1, .green-teaser-tree-2, .green-teaser-tree-3, .green-teaser-tree-4, .energy-teaser-tree-1, .energy-teaser-tree-2, .energy-teaser-bird {
        background-size: 60%;
    }
}


@media (max-width: 600px) {
    .easy-teaser-heading-desc{
        margin-top: 80px;
    }

    .no-gutter div.left-padding20 {
        padding-left: 0;
    }
    .easy-footer-menu, #easy-teaser {
        font-size: 50%;
    }
    .easy-footer-menu {
        margin-bottom: 20px;
    }
    /*#easy-teaser {
        padding-bottom: 20px;
    }*/
    .easy-teaser-pen-1, .easy-teaser-pen-2, .green-teaser-pen, .green-teaser-tree-1, .green-teaser-tree-2, .green-teaser-tree-3, .green-teaser-tree-4, .energy-teaser-tree-1, .energy-teaser-tree-2, .energy-teaser-bird {
        background-size: 50%;
    }
    /*#easy-teaser-animation, #green-teaser-animation, #energy-teaser-animation, */#easy-teaser-placeholder {
                                                                                       height: 80px;
                                                                                   }
}

@media (max-width: 500px) {
    .easy-teaser-heading-desc{
        font-size: 17px;
        margin-top: 60px;
    }
    .easy-footer-menu, #easy-teaser {
        font-size: 40%;
    }
    .easy-teaser-pen-1, .easy-teaser-pen-2, .green-teaser-pen, .green-teaser-tree-1, .green-teaser-tree-2, .green-teaser-tree-3, .green-teaser-tree-4, .energy-teaser-tree-1, .energy-teaser-tree-2, .energy-teaser-bird {
        background-size: 40%;
    }
    /*#easy-teaser-animation, #green-teaser-animation, #energy-teaser-animation, */#easy-teaser-placeholder {
                                                                                       height: 70px;
                                                                                   }
}

@media (max-width: 400px) {
    .easy-footer-menu, #easy-teaser {
        font-size: 30%;
    }
    .easy-teaser-pen-1, .easy-teaser-pen-2, .green-teaser-pen, .green-teaser-tree-1, .green-teaser-tree-2, .green-teaser-tree-3, .green-teaser-tree-4, .energy-teaser-tree-1, .energy-teaser-tree-2, .energy-teaser-bird {
        background-size: 30%;
    }
    /*#easy-teaser-animation, #green-teaser-animation, #energy-teaser-animation, */#easy-teaser-placeholder {
                                                                                       height: 60px;
                                                                                   }
    .horizontal-products-button-arrow {
        font-size: 32px;
    }
    a.horizontal-product-button {
        font-size: 14px;
    }
    div.paddingleft7 {
        padding-left: 0px;
    }
}

/* Landscape phone to portrait tablet */
@media (min-width: 768px) {
    .vertical-products-detail .col {
        max-width: 350px;
    }

    .modal-contactform {
        width: 675px;
    }

    .nav>li {
        padding: 8px;
        text-align: center;
    }

    ul.navbar-nav {
        text-align:center;
    }

    .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        padding: 7px;
        margin: 0;
    }

    .navbar-nav>li>a {
        padding: 7px;
    }

    .mobile-detail {
        display:none;
    }

    #toolbox {
        margin-top: 36px;
        position: fixed;
        margin-left: -72px;
    }

    .easy-footer-menu, #easy-teaser {
        font-size: 75%;
    }
    .col-md-custom-offset-1 {
        margin-left: 0;
    }
    .slider-next, .slider-prev {
        display:none;
    }
    .slider-next.vertical-products-arrow-next, .slider-prev.vertical-products-arrow-prev {
        display:block;
    }

    .multi-column2 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

@media (min-width: 600px) and (max-width: 690px) {
    .easy-footer-menu, #easy-teaser {
        font-size:62%;
    }
}
@media (min-width: 768px) and (max-width: 780px) {
    .container {
        width: 738px;
    }
    .fixed-header {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .horizontal-combination-products {
        padding-left: 0;
        padding-right: 0;
    }
    /*.radiolabel {
          margin-left: -50px;
    }*/
    .fontsize20 {
        font-size: 19px;
    }
    .modal-dialog.modal-lg, .modal-dialog.modal-big {
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1000px) {
    .container {
        width: 962px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) {

    .modal .vertical-products-detail a.slider-button {
        font-size: 14px;
    }
    /*.electricitysliders-placeholder {
        max-width: 425px;
    }*/
    .finish-selected-icon {
        margin-left: 10px;
    }
    .col-md-offset-2 {
        margin-left: 14.2%;
    }
    .gradient {
        min-height:390px;
    }
    .easy-footer-menu, #easy-teaser {
        font-size: 90%;
    }
    .col-md-custom-offset-1 {
        margin-left: 5.333333%;
    }
    .slider-next, .slider-prev
    .slider-arrow.slider-next {
        right: 7%;
    }
    .slider-arrow.slider-prev {
        right: 87%;
    }
    .multi-column2 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
}

@media (min-width: 993px) {
    .slider-next, .slider-prev {
        display: block;
    }
}


/* Large desktop */
@media (min-width: 1201px) {

    .easy-footer-menu, #easy-teaser {
        font-size: 100%;
    }
    .slider-arrow.slider-next {
        right: 15%;
    }
    .slider-arrow.slider-prev {
        right: 84%;
    }
    .slider-arrow.slider-prev.vertical-products-arrow-prev {
        right: 77%;
    }

    .slider-padding {
        padding-left: 200px;
    }

    .multi-column2 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
}
@media (min-width: 1400px) {
    .slider-arrow.slider-next {
        right: 21%;
    }
}
@media (min-width: 1700px) {
    .slider-arrow.slider-next {
        right: 26%;
    }
    .slider-arrow.slider-prev {
        right: 78%;
    }
}

.slider-title {
    color: #fff;
    font-family: 'proxima_novalight';
    font-size: 40px;
}

.slider-title-semibold {
    font-family: 'proxima_novasemibold';
}

.slider-description {
    font-family: 'source_sans_proregular';
    font-size: 17px;
}

.slider-price {
    font-family: 'proxima_nova_rgbold';
    font-size: 60px;
    color: #fff;
    word-spacing: -5px;
}

.slider-price .slider-price-cost {
    font-family: 'proxima_nova_rgregular';
    font-size: 40px;
}

.slider-netto {
    font-family: 'proxima_nova_rgregular';
    font-size: 20px;
}

.slider-padding {
    padding-top: 60px;
    padding-bottom: 80px;
}



.slider-next, .slider-prev {
    font-family: 'advent_prolight';
    font-size: 110px;
    color:#fff;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    opacity:0.5;

    line-height: 4;
}

.slider-prev {
    position: absolute;
    right:93%;
    top: 0;
    z-index: 1000;
}

.slider-next {
    position: absolute;
    /*right: 29%;*/
    top: 0;
    z-index: 1000;
}

.vertical-products-arrow-prev {
    right:91%;
}

.slider-next:hover, .slider-prev:hover, .slider-next:active, .slider-prev:active, .slider-next:focus, .slider-prev:focus {
    text-decoration:none;
    color: #fff;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity:1;
}

.vertical-products-arrow-next:hover, .vertical-products-arrow-prev:hover, .vertical-products-arrow-next:active, .vertical-products-arrow-prev:active, .vertical-products-arrow-next:focus, .vertical-products-arrow-prev:focus {
    color: #3f7906;
}

.paddingbottom57 {
    padding-bottom: 57px;
}

.electricitygasform .active, .electricitygasorderform .active {
    color: #3f7906;
}

.easy-product-slider-new {
    text-align: center;
    position:relative;
}

.easy-slider { position: relative; overflow: auto;
    background: #85B818;
    /*min-height: 429px;*/}
.easy-slider li { list-style: none; }
.easy-slider ul { padding:0; }
.easy-slider ul li { float: left; padding-left: 40px;}

.easy-slider .slider-price {
    white-space: nowrap;
    margin: 0;
}

.easy-slider .dot, #easy-teaser .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.easy-slider .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    padding: 0;
}

#easy-teaser .dots {
    padding:0;
    margin-top: 30px;
    margin-bottom: 15px;
}

.easy-slider .dots li, #easy-teaser .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border: 2px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE 5-7 */
    filter: alpha(opacity=40);
    /* Netscape */
    -moz-opacity: 0.4;
    /* Safari 1.x */
    -khtml-opacity: 0.4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.easy-slider .dots li.active, #easy-teaser .dots li.active {
    background: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.easy-slider a.slider-arrow {
    color: #fff;
}

.ending-title {
    font-family: "proxima_nova_rgregular";
    font-size: 25px;
    color: #333333;
}
.ending-description {
    font-family: "source_sans_proregular";
    font-size: 17px;
    color: #333333;
}

.ending-img {
    min-height:62px;
}

.paddingbottom60 {
    padding-bottom: 60px;
}

.margintop50 {
    margin-top: 50px;
}

.margintop5 {
    margin-top: 5px;
}

.contact {
    font-family: "proxima_nova_rgregular";
    color: #333333;
    padding-top: 41px;
}

.contact .subtitle {
    font-size: 25px;
}

.marginbottom12 {
    margin-bottom: 10px;
}

.contact .description {
    font-size:17px;
}

.contact .link, .footer .link {
    font-family: "source_sans_prosemibold";
    font-size: 18px;
    color: #3f7906;
    text-decoration: none;
    margin-bottom: 18px;
    display: block;
}

.footer .link {
    margin-bottom: 6px;
}

.contact .link .arrow, .footer .link .arrow {
    font-family: 'advent_probold';
    font-size: 18px;
}

.fontsize13 {
    font-size: 13px;
}

.fontsize14 {
    font-size: 14px;
}

.fontsize15 {
    font-size: 15px;
}

.fontsize16 {
    font-size: 16px;
}

.fontsize17 {
    font-size: 17px;
}

.fontsize18 {
    font-size: 18px;
}

.fontsize35 {
    font-size: 35px;
}

.proximanovaregular {
    font-family: "proxima_nova_rgregular";
}

.proximanovabold {
    font-family: "proxima_nova_rgbold";
}

.sourcesansproregular {
    font-family: "source_sans_proregular";
}

.sourcesansprosemibold {
    font-family: "source_sans_prosemibold";
}

.sourcesansprolight {
    font-family: 'source_sans_prolight';
}

.proximanovalight {
    font-family: 'proxima_novalight';
}

.proximanovasemibold {
    font-family: 'proxima_novasemibold';
}

.sourcesansprobold {
    font-family: 'source_sans_probold';
}

.fontsize25 {
    font-size: 25px;
}

.fontsize30 {
    font-size: 30px;
}

.fontsize40 {
    font-size: 40px;
}

.product-color {
    color: #3f7906;
}


div.electricity-products {
    color: #333;
}

.electricity-products .fontsize20 {
    font-size: 25px;
}

.vertical-combination-products {
    padding-bottom: 61px;
}

.horizontalsquares-toggle .gasdetailbuttonrow {
    padding-bottom: 20px;
}

.vertical-products-detail ul {
    text-align:center;
}

.vertical-products-detail h2, .vertical-combination-products h2 {
    padding: 0;
    margin: 0;
    /*white-space: nowrap;*/
}

.vertical-combination-products h2 {
    padding: 8px 0 8px 0;
}

h2.marginbottom8 {
    margin-bottom: 8px;
}

.vertical-product {
    padding-bottom: 10px;
}

.vertical-products-detail ul, .vertical-combination-products ul {
    padding: 0;
    margin: 0;
}

.vertical-products-detail ul li {
    list-style-type: none;
    font-size: 17px;
    font-family: "source_sans_proregular";
    border-bottom: 1px #e5e5e5 solid;
    /*min-height: 53px;*/
}

.vertical-products-detail ul li:first-child {
    border-top: 1px #e5e5e5 solid;
}

.vertical-products-detail ul li:last-child {
    border-bottom: 1px #e5e5e5 solid;
}

.vertical-products-detail ul li.available {
    background: url('../img/vorteile_hackerl.png') no-repeat 50% 88%;
}

.vertical-products-detail ul li.unavailable {
    background: url('../img/icon-unavailable.png') no-repeat 50% 88%;
    color: #999999;
}

.vertical-products-detail .price, .vertical-combination-products .price, .becomecustomer-vertical-products .price {
    font-family: 'proxima_nova_rgbold';
    font-size: 60px;
    color: #3f7906;
    margin-bottom: 0;
    white-space: nowrap;
}

.sliderimagewithpromotion {
    width: 273px;
    position: relative;
}

.productssliderswithpromotion {
    width: 108px;
    height: 85px;
    float: right;
    position:relative;
}

@media (max-width: 992px) {
    .vertical-products-detail p.price, .vertical-combination-products p.price, .becomecustomer-vertical-products p.price {
        font-size: 40px;
        word-spacing: -3px;
    }

}

@media (min-width: 992px) {
    .vertical-products-detail p.price {
        word-spacing: -6px;
    }

    .product-color .modal .vertical-products-detail p.price {
        word-spacing: -3px;
    }

    .product-description .modal .vertical-products-detail p.price {
        word-spacing: -3px;
    }
}

/*.vertical-products-detail .price {
    word-spacing: -10px;
}*/

.vertical-combination-products .price, .becomecustomer-vertical-products .price {
    word-spacing: -2px;
}

.vertical-combination-products .price, .becomecustomer-vertical-products .price, .modal .vertical-products-detail p.price {
    font-size: 40px;
}

.vertical-products-detail .price .price-cost, .vertical-combination-products .price .price-cost, .becomecustomer-vertical-products .price .price-cost {
    font-family: 'proxima_nova_rgregular';
    font-size: 19px;
    color: #3f7906;
}

.vertical-products-detail .info-icon {
    float: none;
    margin-bottom: 10px;
    margin-top: 0;
}

.electricity-products {
    margin-top: 47px;
}

.circle {
    font-family: "source_sans_proregular";
    color:#ffffff;
    font-size: 17px;
    border-radius: 0;
    width: 98px;
    height: 98px;
    background: #bbde00; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiZGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmJkZTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYmJkZTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZDgxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #bbde00 0%, #bbde00 0%, #bbde00 21%, #d8d81e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbde00), color-stop(0%,#bbde00), color-stop(21%,#bbde00), color-stop(100%,#d8d81e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bbde00 0%,#bbde00 0%,#bbde00 21%,#d8d81e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bbde00 0%,#bbde00 0%,#bbde00 21%,#d8d81e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bbde00 0%,#bbde00 0%,#bbde00 21%,#d8d81e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bbde00 0%,#bbde00 0%,#bbde00 21%,#d8d81e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbde00', endColorstr='#d8d81e',GradientType=0 ); /* IE6-8 */

    padding-left: 2px;
    padding-top: 21px;
    line-height: 17px;
    text-align: center;
    position: absolute;
    left: 60%;
    bottom: 24px;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    transform: rotate(-8deg);
}

.circle-small {
    font-family: "source_sans_proregular";
    color: #fff;
    font-size: 5px;
    border-radius: 0;
    width: 35px;
    height: 35px;
    background: #bbde00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiZGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmJkZTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYmJkZTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZDgxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #bbde00 0%, #bbde00 0%, #bbde00 21%, #d8d81e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbde00), color-stop(0%,#bbde00), color-stop(21%,#bbde00), color-stop(100%,#d8d81e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bbde00 0%,#bbde00 0%,#bbde00 21%,#d8d81e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bbde00 0%,#bbde00 0%,#bbde00 21%,#d8d81e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bbde00 0%,#bbde00 0%,#bbde00 21%,#d8d81e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bbde00 0%,#bbde00 0%,#bbde00 21%,#d8d81e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbde00', endColorstr='#d8d81e',GradientType=0 ); /* IE6-8 */
    padding-left: 0px;
    padding-top: 9px;
    line-height: 6px;
    text-align: center;
    position: absolute;
    left: 63%;
    bottom: 8px;
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

.section-customer-productsliders .col-md-3 .productssliderswithpromotion .circle-small {
    left: 67%;
}

.circle-small strong {
    font-family: "source_sans_probold";
    font-weight: normal;
}

.vertical-combination-products .circle {
    left: 50%;
    bottom: 0px;
}

.circle div, .circle p, .circle span, .circle-small div, .circle-small p, .circle-small span {
    display: inline;
    padding: 0; margin: 0;
}

.circle strong {
    font-family: 'source_sans_probold';
    font-weight: normal;
}

.vertical-products-detail .highlight {
    color: #4c811b;
}

.vertical-products-detail li .info-icon {
    margin-bottom: 7px;
    margin-left: 2px;
}

.vertical-products-detail .product-image {
    text-align: center;
    position: relative;
}

.horizontal-combination-products {
    font-size: 15px;
    font-family: "source_sans_proregular";
}

.horizontal-products {
    font-size: 15px;
    font-family: 'source_sans_proregular';
    margin-top: 46px;
}

.horizontal-products.easy-gas {
    margin-top: 20px;
    margin-bottom: 10px;
}

.horizontal-products div.row:last-child {
    margin-bottom: 15px;
}

.horizontal-product {
    max-width: 300px;
    border: 1px solid #cccccc;
    padding: 17px 9px 5px 9px;
    margin: 0 auto;
}

.horizontal-product .invoiceinfo {
    float:left;
    font-size:0.9em;
    width: 100%;
}

.horizontal-product .float-right {
    float: right;
}

.float-right {
    float: right;
}

.horizontal-products .title, .horizontal-combination-products .title {
    font-size: 25px;
    font-family: 'proxima_novalight';
    color: #3f7906;
    min-height: 40px;
}

.horizontal-products .subtitle, .horizontal-combination-products .subtitle {
    font-family: 'source_sans_prosemibold';
    color: #3f7906;
    padding-bottom: 7px;
    margin-top: -5px;
}

.horizontal-combination-products {
    padding-top: 20px;
}

.paddingbottom29 {
    padding-bottom: 29px;
}

.calculator-results .vertical-products-detail {
    margin-top: 15px;
}

.horizontal-products .horizontal-line, .horizontal-product .horizontal-line  {
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 7px;
}

.horizontal-product .big-horizontal-line {
    margin-top: 2px;
    margin-bottom: 6px;
    border-bottom: 3px solid #b2b2b2;
}

.handlingfeecolumn {
    float: left;
    width: 80%;
}

.horizontal-product .horizontal-line {
    margin-top: 2px;
    margin-bottom: 6px;
}

.vertical-combination-products .horizontal-line, .becomecustomer-vertical-products .horizontal-line {
    border-top: 1px solid #e0e0e0;
}

.becomecustomer-vertical-products .horizontal-line {
    margin-top: 22px;
}

.section-finish-form .horizontal-line, .section-finish-form + .horizontal-line  {
    border-bottom: 1px solid #c1c1c1;
    clear:both;
    padding-top: 25px;
    margin-bottom: 15px;

    /**/
    margin-left: 15px;
    margin-right: 15px;
}

.summary-block .horizontal-line, .confirmation-block .horizontal-line, .bankdata .horizontal-line {
    margin-left:0;
    margin-right:0;
}

.horizontal-products .extra-note, .horizontal-combination-products .extra-note {
    font-size: 17px;
    font-family: 'source_sans_proregular';
}

.product-price {
    display: table;
    width: 100%;
    line-height: 40px;
    margin-bottom: 5px;
}

.product-price span {
    display: table-cell;
}

.product-price span:last-child {
    text-align: right;
}

.energyCost {
    margin-top: 10px;
}

.totalCosts {
    margin-top: 10px;
}

.footnote {
    color: #666666;
    margin-top: 10px;
    font-family: 'source_sans_proregular';
    font-size: 15px;
}

.horizontal-products .footnote {
    color: #666666;
    padding-left: 15px;
    margin-top: 0;
}

.link-button, .link-button:hover, .link-button:active, .link-button:focus, .mobile-detail, .mobile-detail:hover, .mobile-detail:active, .mobile-detail:focus {
    text-decoration: none;
    font-family: 'source_sans_proregular';
    color: #3f7906;
    font-size: 17px;
}

.link-button-arrow {
    font-family: 'advent_probold';
    color: #3f7906;
    font-size: 17px;
    position: relative;
    top: 1px;
}