@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(../fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(../fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMRw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
    background: #f5f5f5;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;  font-size: 14px;
    line-height: 1.42857143;
    color: #49494b;
}
section{width: 100%; float: left; }
.wrapper {
    max-width: 1024px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
header {height: 180px;}
section .wrapper > .pull-left {background: #FFF; padding: 0 15px 100px; width: 100%;}
#page-title {
    background-color: #023a69; height: 66px;
}
header .breaker {  float: right }
.userName {
    float: right;
    margin: 12px 28px 0;
    font-size: 15px;
    color: #000;
}

#page-title h1 {
    font-family: Open Sans Condensed,Arial, sans-serif;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.706724px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 66px;
}
#contactInfoBlock img {width: 100%; margin-bottom: 5px;}
#contactInfoBlock .panel-default{border: none;}
#contactInfoBlock .panel-default > .panel-heading{padding: 15px 25px; background: #e4e4e4; border: none;}
#contactInfoBlock .panel-default > .panel-heading h3{font-size: 13pt; font-weight: 600;color: #264c73; margin: 0;}
#contactInfoBlock .panel-body{background: #f5f5f5; padding: 10px 25px;}
#cage, footer ul {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
#main{
    background: #FFF;
    padding: 0 30px 100px;
}

footer {
    color: #49494b;
    background-color: #023a69;
}
footer .navbar-nav{width: 531px !important;}
footer .navbar-nav > li > a{font-weight: 600; color: #FFF; font-size: 17px; padding-left: 28px;}
footer .navbar-nav > li > a:hover{background: transparent; color: #FFF; }
footer #footer-copyright {
    text-align: center;
    padding: 15px 0;
    font-size: 1.1em;
    background: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) inset;
}
a,b, a.form-link {
    color: #264c73;
    text-decoration: none;
}
a.form-link:hover { background-image: url(../images/de_DE/icon-link_hover.png);}
a:focus, a:hover{ color: #000; text-decoration: underline;}
.inner.selectpicker > li > a:hover, .inner.selectpicker > li > a:focus, body, #accordionMenu h2,
.product-price-container .main-price-line > .big-price,.form-horizontal .key-label.control-label,
.bootstrap-select button, a.list-group-item.active:focus, .form-group-panel-default .form-group .value-label,
#dashboard .widget-panel > .panel-heading .dropdown ul.dropdown-menu li a,
p.lead,a.list-group-item:hover, a.list-group-item:focus, a.list-group-item.active, a.list-group-item.active:hover,
#accordionMenu h2, p.lead,.btn, .panel-body .radio-checkbox-headline-table-cell.has-pretty-child label,
h4.read,.breadcrumb, .breadcrumb a, .breadcrumb a:hover,.breadcrumb > li + li:before,.breadcrumb > .active,
.navbar-default .navbar-brand, #topMenu .navbar-nav > li > a,.headHeadline,a.form-link,.btn,.font-normal,
.form-group-panel-radio-check .form-group .value-label,.breadcrumb > li + li:before,.inner.selectpicker > li > a:hover,
.inner.selectpicker > li > a:focus,#dashboard .widget-panel > .panel-heading .dropdown ul.dropdown-menu li a {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
.font-bold, .control-label.text-left,.mv-pre-comma,.mv-comma, .mv-post-comma,div.input-seperator:before,
.product-price-container .main-price-line > .big-price,.btn,.form-group-panel-default .form-group .key-label,
.form-group-panel-default > h4,
.form-group-panel-radio-check .form-group .key-label,.breadcrumb > .active,.control-label.text-left,
.list-group-item-info,a.list-group-item:hover, a.list-group-item:focus, a.list-group-item.active,
a.list-group-item.active:hover, a.list-group-item.active:focus,.panel-body > h3,.panel-default > .panel-heading,
.datepicker td.today, .datepicker td.today:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover,
.datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active,
.datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active,
.datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled],
.datepicker td.active:hover[disabled], .datepicker td span.active:hover, .datepicker td span.active:focus,
.datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled,
.datepicker td span.active[disabled],#dashboard .widget-panel .row h4,#subDashboard .widget-panel .row h4{
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; font-weight: 600;
}
ol.breadcrumb {
    padding-left: 0;
}
.breadcrumb{padding-left: 18px;}
.breadcrumb > li + li:before,.breadcrumb, .breadcrumb a, .breadcrumb a:hover,.breadcrumb > .active{
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif !important;
    color: #8e8e8e!important; font-weight: 400; font-size: 12px;
}
.breadcrumb > li + li:before{
    content: '>';
    padding: 0 4px 0 0;
    margin-left: -4px;
}
span.step{background: #b5c7ce;}
span.step.active{background: #264c73;}

.panel-default > .panel-heading,#accordionMenu h2,#accordionMenu a.list-group-item.active,
#accordionMenu a.list-group-item:hover,.panel-title,.open > .dropdown-toggle.btn-default, .big-price,
#topMenu .navbar-nav > li > a:hover, .navbar-default .navbar-brand:hover,.form-control,.form-control:focus,
.bootstrap-select.form-control button,.input-group-addon,.btn-group .btn-default:hover,.btn-group .btn-default:focus
{color: #49494b;}
.panel-title,#contactInfoBlock .panel-default > .panel-heading h3{color: #264c73; font-weight: 600; font-family: Open Sans Condensed,Arial, sans-serif;    letter-spacing: 0.034em; }
.panel-default .panel-default h3.panel-title {
    font-weight: bold;
    font-size: 18px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    color: #49494b;
    letter-spacing: inherit;
}
a.logo {
    position: relative;
    z-index: 1000;
    top: 10px;
    left: 28px;
    height: 100px; margin-bottom: 14px;
    display: inline-block;
}
a.logo img {width: 100%;}
a.loginout {
    float: right;
    display: block;
    color: #fff;
    padding: 5px 15px; margin: 8px 28px 0 0;
    background-color: #264c73;
    border-color: #203f60;
}
a.loginout:hover{text-decoration: none;}
.open > .dropdown-menu > li a:hover, .open > .dropdown-menu > li a:focus {
    background-color: transparent; color: #000 !important; text-decoration: underline;
    border-left: 0;
    padding-left: 20px;
}
.open > .dropdown-menu > li a:hover{background-color: #F7F7F7;}
.open > .dropdown-menu,ul.dropdown-menu[aria-labelledby=customerNoInvoiceNoSelection]{border-color: #CCC;}
#topMenu{position: absolute; top: 55px;}
#topMenu .navbar-nav{float: right;}
#topMenu .navbar-nav > li{position: inherit;}

#accordionMenu {float: right; margin-top: 30px;}
#accordionMenu .panel-heading {background: none;}
#accordionMenu .panel-heading a {
    color: #000;
    font-weight: 600;
    font-size: 15.4px;
    text-transform: uppercase;
    padding: 1px 23px 1px 0;
}
#accordionMenu .panel-heading a:before {
    content: " ";
    background: #023a69;
    height: 12px;
    width: 12px;
    border: none;
    float: left;
    margin: 3px 10px 0 0;
}
#accordionMenu a.list-group-item,#accordionMenu a.list-group-item.active,#accordionMenu a.list-group-item:hover{
    background: none; color: #000; border: none !important;
    padding: 3px 0 3px 35px !important;
    font-weight: 400;
}
#accordionMenu a.list-group-item:hover{text-decoration: underline;}
#accordionMenu .panel-heading a:hover{text-decoration: none;}



.bootstrap-select.btn-group .dropdown-menu li > a:hover,.bootstrap-select.btn-group .dropdown-menu li > a:focus{
    border-left: none; padding-left: 14px; text-decoration: none;
}

label.control-label.text-left.col-sm-16{text-align: left !important;}
.panel-default,.panel-default > .panel-heading{ background: transparent; border: none;}
.btn.btn-primary {
    display: block;
    color: #fff; font-size: 14px; font-weight: 400;
    padding: 5px 15px;
    background-color: #264c73;
    border-color: #203f60;
    outline: none !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,a.loginout:hover,
div.wait-button,div.wait-button:hover{
    color: #fff;
    background-color: #19334d;
    border-color: #102132;
    text-decoration: none;
}
.btn.btn-default {border-color: #203f60; font-size: 14px; font-weight: 400;
    outline: none !important;
}
.btn.btn-default:hover,.btn.btn-default:active {background: #b5c7ce;}
.pull-right .btn.btn-primary {float: left;}
#newProductOverview .pull-right .btn.btn-primary{float: none;}
#newProductOverview .pull-right .btn.btn-primary.mt-10{margin-top: -10px;}
.btn-inactive{ font-weight: 400; font-size: 14px; cursor: not-allowed;}

.open > .dropdown-menu > li a{ color: #666; border-bottom: 1px solid #eaeaea;}
.form-group > .col-xs-24 > .pull-right {width: 65.6%; text-align: left;}
#accordion .form-group > .col-xs-24 > .pull-right,#productShortPrintForm .form-group > .col-xs-24 > .pull-right {width: auto;}
.form-group > .col-xs-24 > .pull-right + .pull-right, #loginForm .form-group > .col-xs-24 > .pull-right {width: auto;}
.form-horizontal .form-group:last-child {
    margin-bottom: 0;
}
.bootstrap-select.form-control button span.caret{ color: #333; }
.form-horizontal .row .form-group:last-child, #newAccountData, .form-horizontal .messageGroup .form-group:last-child,
.form-horizontal .debitDivergingHolder .form-group:last-child,
.form-horizontal #generic_bankName .form-group:last-child,
.form-horizontal .pNational .form-group:last-child {
    margin-bottom: 15px;
}

.rightCB_content {padding-bottom: 43px!important;}
#dashboard .widget-panel .row h4 {margin: 5px 0;}
#dashboard .widget-panel #dashboard-customer-container > div > .row h4 {margin:0 0 5px 0;}

.popover {  border-radius: 0;  background-color: #f5f5f5;  border-color: #ccc;  }
.popover.topRight > .arrow,.popover.topLeft > .arrow {  border-top-color: #C3C3C3 !important;  }
.popover.topRight .arrow:after,.popover.topLeft .arrow:after {    border-top-color: #F3F4F6 !important;}
.popover-title {}
.popover-content {}

.withNoContent.has-pretty-child > span {vertical-align: middle;}
.withNoContent.has-pretty-child > div{vertical-align: top;}

.datepicker th.prev, .datepicker th.datepicker-switch, .datepicker th.next,
.datepicker td.today, .datepicker td.today:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled], .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled]
{ background-color: #203f60;}

.product-price-container .main-price-line {border: 1px solid #E0E4E8; background: transparent;}
.cage2 {  padding: 1.5%;  }
.form-group .col-xs-24.col-sm-8:first-child {padding-right: 0;}
.form-control,.bootstrap-select.form-control button,.bootstrap-select.form-control button:hover{
    border-color: #ccc; background: #FFF;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.input-group-addon{ border-color: #ccc; background: #FFF;}
.form-control:focus,.bootstrap-select.form-control button:focus,.selectpicker.btn-default,
.bootstrap-select.open .dropdown-toggle.btn-default,.form-control:focus, .form-control.alert-default:focus {
    border-color: #66afe9; background: #FFF;
    outline: none !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
}
.bootstrap-select.form-control button{
    line-height: 23px;
    outline: none !important;}
.bootstrap-select > .dropdown-menu.open{border-color: #CCC;}

.table-responsive {border: none;}
.table-responsive > table.sum-table > tbody > tr:last-child > td{ border: none; border-top: 1px double #203f60;}
.table-responsive b {color: #49494b;}
.table > thead > tr > th,
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th{background: #FFF;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{background: #f9f9f9;}
.table > thead > tr > th{    border-bottom: 2px solid #ddd !important; background: #FFF;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{  border: none;  border-top: 1px solid #ddd;}
table td div {  float: left !important;  }
.panel-default > .panel-heading,.panel-body{padding-left: 0;}
#iFrameBody .panel-default > .panel-heading, #iFrameBody .panel-body{padding-left: 15px; padding-right: 15px; }
#iFrameBody .panel-default > .panel-heading + .panel-collapse > .panel-body{border-bottom: 6px double #dddddd;}


#dashboard .widget-panel > .panel-heading,#dashboard-panel-body .panel-body{ background: #f5f5f5;}
#dashboard .highlight{ color: #485f73;}
#dashboard .highlight:hover{ color: #19334d;}
#dashboard {  border: 1px solid #e4e4e4; }
#dashboard .btn-primary{width: 38%;  left: calc(50% - 14%);}
#subDashboard.panel-default > .panel-heading, .panel-body{padding-right: 0;}
#subDashboard .widget-panel{margin: 5px 10px;}
#subDashboard .widget-panel > .panel-heading, #subDashboard .widget-panel > .panel-body{padding-left: 5px; padding-right: 5px;}

.mv-pre-comma.not-available.mv-type,.mv-comma,.mv-post-comma,.mv-unit,.mv-type,.mv-pre-comma.not-available
{background: #e4e4e4;}
.mv-comma,.mv-post-comma{color: #49494b;}
.mv-pre-comma{background: #485f73;}
#subDashboard .widget-panel:first-child{border-bottom: 5px solid #FFF;}

#productCalculatorShortForm .form-group > .col-xs-24 > .pull-right,
#productCalculatorShortForm .form-group > .col-xs-24 > .pull-right input {width: 100%;font-weight: 600;}

span#livingSpace {
    display: inline-block;
    padding-left: 20px;
    color: #264c73;
    font-weight: 700;
}
.sliderBlock > div.icon{  background: url(../images/de_DE/icon-persons-1.png) no-repeat scroll center center  transparent;
    vertical-align: middle; text-align: center; height: 50px; width: 14%; display: inline-block; cursor: pointer;
border-radius: 8px; float: left;}
.sliderBlock > div.icon:hover{ opacity: 0.5; }
.sliderBlock > div.icon:nth-child(2){width: 22%; background-image: url(../images/de_DE/icon-persons-2.png);}
.sliderBlock > div.icon:nth-child(3){width: 28%; background-image: url(../images/de_DE/icon-persons-3.png);}
.sliderBlock > div.icon:nth-child(4){width: 36%; background-image: url(../images/de_DE/icon-persons-4.png);}

#slider_gas.sliderBlock > div.icon{ height: 28px;}
.slider.slider-horizontal{margin-top: 3px;}
.slider.slider-horizontal .slider-track {  height: 6px; background-color: #e4e4e4;}
.slider-handle{
    width: 10px; height: 15px; border-radius: 5px;
    background-color: #264c73;
    border-color: #203f60;
}
#slider_gas.sliderBlock > div.icon{background-size: 20px;  background-position: center bottom;}
#slider_gas.sliderBlock > div.icon:nth-child(1){width: 25%; background-image: url(../images/de_DE/icon-house-1.png);}
#slider_gas.sliderBlock > div.icon:nth-child(2){width: 34%; background-image: url(../images/de_DE/icon-house-2.png); background-size: 25px;}
#slider_gas.sliderBlock > div.icon:nth-child(3){width: 41%; background-image: url(../images/de_DE/icon-house-3.png); background-size: 42px;}

.iconRow  { min-height: 65px; }
.contentRightAnmeldung label.control-label.text-left, .contentRightAnmeldung .key-label.control-label.text-left{ text-align: left !important;}
.contentRightAnmeldung .row {background: #f5f5f5; padding-top: 10px;}
.contentRightAnmeldung .form-group > .col-xs-24 > .pull-right {width: 50%;}
#iFrameBody #productCalculatorShortForm .control-label.text-left {font-weight: 400;}
.product-price-container .main-price-line > .big-price{font-weight: 400; font-size: 18px;}
div#startDateBlock, div#startDeliveranceBlock {
    margin-bottom: 15px;
}
.leftBlock .panel.panel-default, .rightBlock .panel.panel-default {
    margin-bottom: 9px;
}
#isDCA hr {margin-top: 15px;  margin-bottom: 15px;}
#selfCanceled > .form-group {height: 47px;}
.form-horizontal #createContractTwoPageForm .form-group {min-height: 64px;}
.form-horizontal #createContractTwoPageForm .form-group:last-child {margin-bottom: 15px;}

#postboxAccordion .panel.panel-default .panel-heading, #postboxAccordion .panel.panel-default .panel-body{ padding-left: 10px;}
#postboxAccordion .panel.panel-default {
    background: #f5f5f5;
}
#accordion ul { list-style: none;}
#accordion ul li{position: relative;}
#accordion ul li:before {
    font-size: 1.3em;
    content: '\2713';
    font-weight: bold;
    margin-left: -1em;
    margin-right: .100em;
    position: absolute;
    top: 0;
    color: #023a69;
}

span.infoT a:before {
    content: "\f1c1";
    font-family: FontAwesome, serif;
    font-size: 18px;
    position: relative;
    margin-left: 3px;
    margin-right: 2px;

}

#mediaBlock img {
    width: 30px;
}
#mediaBlock .prettyradio{margin-left: 0;}
#mediaBlock .prettyradio label {
    margin: 1px -2px;
}
div#zip, div#consumptionNTBlock > div {
    margin-bottom: 15px;
}
#sliderBlock > div {
    margin-bottom: 0;
}

body#iframeBody{
    background: transparent;
}
#iframeBody #main{
    padding: 0 15px;
    background: transparent;
}
#iframeBody form > .panel.panel-default {
    margin-bottom: 0;
}



@media (max-width: 991px){
    #page-title h1 {
        font-size: 3.8vw;
        line-height: 6.5vw;
    }
    #page-title {
        height: 7vw;
    }
    #topMenu .dropdown-menu > li{width: 32.5%;}
    #topMenu ul.nav.visible-sm{margin-left: 0;padding-top: 0;}
    #cage, footer ul {
        width: 100%;
    }
}
@media (max-width: 800px){
    body.classic #cage, body.top-drop #cage, body.side-collapse #cage, body.classic footer ul, body.top-drop footer ul, body.side-collapse footer ul {
        width: 100% !important;
        min-width: inherit;
    }
}
@media (max-width: 767px){
    .form-group > .col-xs-24 > .pull-right{text-align: right; width: auto;}
    .navbar-default .navbar-toggle{border-color: #555; border-radius: 0;}
    .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: #FFF;}
    .navbar-default .navbar-toggle .icon-bar {background: #023a69;}
    .navbar-default .navbar-toggle .icon-bar:nth-child(2) {background: #0173bc;}
    .navbar-default .navbar-toggle .icon-bar:nth-child(3) {background: #e3001b;}
    .navbar-default .navbar-toggle .icon-bar:nth-child(4) {background: #ffd401;}
    .breadcrumb{padding-left: 10px;}
    a.loginout{margin-top: 5px;}
    .userName{margin-top: 2px;}
    .navbar-default .navbar-toggle{margin-right: 28px;}
    #topMenu .navbar-nav {
        width: 100%; padding: 8px 0 0;
        float: none; border-top: 1px solid #e7e7e7;
        margin: 0; background: #f8f8f8;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{padding-left: 0; padding-right: 0;}
    #topMenu .navbar-nav .open .dropdown-menu{background: #f8f8f8;     padding: 3px 0 5px;}
    #topMenu .navbar-nav > li > a.dropdown-toggle{border-color: #b1b1b1 !important; color: #777; background: #f8f8f8; padding-left: 15px;}
    #topMenu .navbar-nav > li > a.dropdown-toggle:hover,#topMenu .navbar-default .navbar-nav > .open > a,
    #topMenu .open > .dropdown-menu > li a:hover, #topMenu .open > .dropdown-menu > li a:focus{ padding-left: 10px; color: #333; background: #f8f8f8;}
    #topMenu .navbar-nav > li > a.dropdown-toggle b.caret{
        color: #777; float: right; margin-right: 18px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid;
    }
    #topMenu .navbar-nav > li > a.dropdown-toggle:hover b.caret{ color: #333;}
    #topMenu .navbar-nav > li > a:hover {
        background-color: #95a3b1;
    }
    #topMenu .navbar-nav > li > a.dropdown-toggle:hover, #topMenu .navbar-default .navbar-nav > .open > a{padding-left: 15px;}
    #topMenu .dropdown-menu > li{width: 100%;}
    .navbar-nav .open .dropdown-menu > li > a,#topMenu .open > .dropdown-menu > li a:hover, #topMenu .open > .dropdown-menu > li a:focus
    {border: none;padding: 5px 20px 5px 10px; font-size: 16px; text-decoration: none;}
    #topMenu .navbar-collapse{padding-right: 0 !important;}
    .navbar-nav .dropdown.open:last-child .dropdown-menu > li:last-child > a,
    #topMenu .open:last-child > .dropdown-menu > li:last-child a:hover
    { padding-bottom: 15px}
    #topMenu .open:last-child > .dropdown-menu{ border-bottom: 1px solid #e7e7e7;}
    #topMenu .navbar-nav.visible-xs .open .dropdown-menu{border-color: #b1b1b1 !important; border-left: 0;  border-right: 0;}
    .navbar-nav.visible-xs .open .dropdown-menu > li a{padding-left: 15px; color: #777; }
    #topMenu .open > .dropdown-menu > li a:hover{color: #333; background: #FFF; padding-left: 15px;}
    .iconRow {  min-height: 167px;  }
    #iFrameBody .iconRow {  min-height: 167px;  }
    #meterCntBlock .col-sm-8, #mediaBlock .col-sm-8, #customerTypeBlock .col-sm-8{display: none;}
    div#zip label{display: none;}

    #meterCntBlock .bootstrap-select {
        position: absolute;
        width: calc(100% - 30px);
        left: 15px;
    }
    div#meterCntBlock{
        height: 0; margin-bottom: 0; overflow: hidden;
        -moz-transition: height 0.5s ease;
        -webkit-transition: height 0.5s ease;
        -o-transition: height 0.5s ease;
        transition: height 0.5s ease;
    }
    div#meterCntBlock.active{height: 52px; overflow: visible;}
    div#consumptionHTBlock {
        background: #fff;
        position: relative;
        z-index: 2;
    }
    #productCalculatorShortForm .leftSide.col-xs-24.col-sm-12, #productCalculatorShortForm .rightSide.col-xs-24.col-sm-12{
        padding-left: 0; padding-right: 0;
    }
    #sliderBlock{margin-bottom: 15px;}
    #main{
        padding-bottom: 150px;
    }
}
@media (max-width: 650px){
    header .breaker{clear: both;}
    .userName{ display: none; }
    section .wrapper > .pull-left{padding-bottom: 150px;}
    header {height: 166px;}
}
@media (max-width: 550px){  header {height: 158px;}  }
@media (max-width: 480px){
    header {height: 152px;}
    #main{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 390px){  header {height: 145px;}  }
@media (min-width: 768px){
    label.control-label.text-left,  .key-label.control-label.text-left{text-align: right !important;}
    .col-xm-12 label.control-label.text-left,  .col-xm-12 .key-label.control-label.text-left{text-align: left !important;}
    #productCalculatorShortForm label.control-label.text-left,  #productCalculatorShortForm .key-label.control-label.text-left{text-align: left !important;}
    #topMenu .navbar-nav > li .dropdown-menu{
        width: 100%; background: #f7fbf7; border: none; border-top: 2px solid #023a69; border-left: 50px solid #023a69;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); padding: 25px 15px; min-height: 105px;
    }
    #topMenu .navbar-nav > li > a{ color: #000; font-weight: 600; font-size: 14px; text-transform: uppercase; padding: 0 15px 0 0;}
    #topMenu .navbar-nav > li > a {}
    #topMenu .navbar-nav > li > a:hover,#topMenu .navbar-default .navbar-nav > .open > a{background: transparent; color: #000;}
    #topMenu .navbar-nav > li > a .caret {
        background: #023a69;
        height: 12px;
        width: 12px;
        border: none;
        float: left;
        margin: 4px 5px 0 0;
    }
    #topMenu .dropdown-menu > li{display: inline-block; width: 24%;}
    #topMenu .dropdown-menu > li > a { border: none; color: #214d73; font-weight: 600; font-size: 14px; }
    #topMenu .navbar-default .navbar-nav a + span{
        opacity: 0; height: 5px; width: 100%; display: block; background: #023a69; margin-top: 25px;
        transition: all .5s ease 0s;
    }
    #topMenu .navbar-default .navbar-nav > .open > a + span{ opacity: 1;  }
    #topMenu .dropdown-menu > li > a:before{width: 10px; height: 10px; content: ' '; margin-right: 10px;
        background: #b5c7ce; display: inline-block; }
    #topMenu ul.dropdown-menu:before {
        border-left: 11px solid;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        color: #023a69;
        height: 1px;
        content: ' ';
        width: 20px;
        position: absolute;
        left: 0;
        top: 25px;
    }

    input#zipinput::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    input#zipinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    input#zipinput::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    input#zipinput:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }


    div#meterCntBlock{  visibility: hidden;  }
    div#meterCntBlock.active{visibility: visible;}

    #productCalculatorShortForm .leftSide.col-xs-24.col-sm-12{
        padding-left: 0;
    }
    #productCalculatorShortForm .rightSide.col-xs-24.col-sm-12{
        padding-right: 0;
    }
    .form-group > .col-xs-24 > .pull-right {
        width: calc(75% - 7px);
    }
}
@media (min-width: 992px){
    .breadcrumb li.pull-right {
        margin-right: 35px;
    }
}
@media (max-width: 1090px) and (min-width: 992px){
    /*.sliderBlock > div.icon{background-size: 88%;}*/
}
@media (max-width: 850px) and (min-width: 768px){
    /*.sliderBlock > div.icon{background-size: 88%;}*/
}