/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('../fonts/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
       url('../fonts/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}


/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


.cc_container .cc_btn, .cc_container .cc_btn:visited{
    background-color: #FAB900 !important;
}
.cc_container .cc_btn:hover{
    background-color: #FAB900 !important;
}
.cc_more_info{
    color: #70896a !important;
}
.cc_more_info:hover{
    color: #70896a !important;
    text-decoration: underline !important;
}
body {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    height: 100%;
    font-weight: 300;
    line-height: 160%;
    position: relative;
    padding-top: 80px;
    overflow: scroll !important;
}

/********************/
/* Colors           */
/****************++**/
html, body {
    background-color: #FFFFFF;
    color: #85919d;
}

a,
.modal-body a {
    color: #4B9AD9;
}

a:active,
a:hover,
a:focus {
    color: #85919d;
    text-decoration: underline;
}


/* Buttons */
.btn-default,
a.btn-default {
    border-color: #4B9AD9;
    color: #85919d;
}

.btn-default:hover,
a.btn-default:hover {
    background-color: #4B9AD9;
    color: #FFF;
    border-color: #4B9AD9;
}

.text-image-block.well {
    background-color: #F9F9F9;
}

.text-image-block.bg-color1 {
    background-color: #283542;
}

.text-image-block.bg-color1 .title,
.text-image-block.bg-color1 .subtitle {
    color: #FFF;
}

.text-image-block span.short-divider {
    border-top-color: #85919d;
}

.text-image-block .fa-icon {
    color: #484c50;
}

.text-image-block .fa-icon:hover {
    color: #85919d;
}

.gallery .image-title {
    color: #484c50;
}

.gallery .image-desc {
    color: #85919d;
}

.gallery .item a {
    background-color: #FFFFFF;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}

.gallery .item a:hover,
.gallery .item a:focus {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}

.gallery .item a:hover .image-desc,
.gallery .item a:focus .image-desc,
.gallery .item a:hover .image-title,
.gallery .item a:focus .image-title {
    color: #000;
}

.gallery.with-bg-color {
    background-color: #F9F9F9;
}

section.bg-color1 {
    background-color: #CFB550;
    color: #FFF;
}

section.bg-color2 {
    background-color: #4B9AD9;
    color: #FFF;
}

section.bg-color3 {
    background-color: #3BB594;
    color: #FFF;
}

.swiper-slide p.h2 {
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
}

.swiper-content p.h4 {
    background-color: rgba(255, 255, 255, 1);
}

.hsContent h2 {
    color: #FFF;
    background-color: rgba(0, 0, 0, 1);
}

.hsContent h3 {
    background-color: rgba(255, 255, 255, 1);
}

.parallax .row > div,
.no-parallax .row > div {
    background-color: rgba(0, 0, 0, .65);
    color: #FFF;
}

.parallax .fa-icon,
.no-parallax .fa-icon {
    color: #FFF;
}

.table.restables-origin thead {
    background-color: #4B9AD9;
    color: #FFF;
}

/* Accordion Colors */
.panel-default {
    border-color: #E2E7E1;
}

.panel-collapse > .panel-body {
    border-left: 1px solid #E2E7E1;
    border-right: 1px solid #E2E7E1;
    border-bottom: 1px solid #E2E7E1;
}

.panel-default > .panel-heading .panel-title a {
    color: #85919d;
}

.panel-default{
    background-color: #E2E7E1;
}

.panel-default > .panel-heading .panel-title:hover a {
    color: #FFF;
}

.panel-default > .panel-heading {
    background: #E2E7E1;
}

.panel-group .panel-heading:hover {
    background: #E2E7E1;
}

.panel-default .panel-heading.active,
.panel-default .panel-heading.active:hover {
    background: #E2E7E1;
}

.panel-default .panel-heading.active a {
    color: #FFF;
}

.panel-default .panel-heading a:before {
    color: #70896a;
}

.panel-default .panel-heading:hover a:before {
    color: #70896a;
}

.panel-default .panel-heading.active a:after {
    color: #70896a;
}

/********************/
/* tabs2accordion   */
/****************++**/

.panel-tabs ul.nav.nav-tabs {
    border-color: #E2E7E1;
}


.panel-tabs ul.nav.nav-tabs li a {
    color: #85919d;

}

.panel-tabs ul.nav.nav-tabs li.active a {
    border: none;
    background: #E2E7E1;
    color: #FFF;
}

.panel-tabs .tab-content {
    border-bottom: 1px solid #E2E7E1;
}


.js-tabcollapse-panel-heading {
    background: #E2E7E1;
    color: #FFF;
}

.js-tabcollapse-panel-heading.collapsed {
    background: #FFF;
    color: #FFF;
}

/********************/
/* Modul: text and image */
/****************++**/
.text-image-block {
}

.text-image-block .subtitle.top {
    margin-bottom: 5px;
}

.text-image-block .subtitle.bottom {
    margin-bottom: 19px;
}

.text-image-block .title.top {
    margin-bottom: 16px;
}

/*
.text-image-block .title.bottom {
    margin-bottom: 0;
}
*/

.text-image-block .button-block {
    margin: 0;
}

.text-image-block.bg-color1 {
    padding: 29px;
}

.text-image-block .image-bottom {
    margin-top: 25px;
}

.text-image-block .fa-icon {
    display: block;
    margin-bottom: 25px;
}

.text-image-block span.short-divider {
    display: block;
    height: 1px;
    margin-top: 5px;
    width: 50px;
    border-top: 1px solid;
    opacity: .25;
}

/********************/
/* Modul: Gallery   */
/****************++**/
.gallery .image-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
}

.gallery .image-desc {
    transition: all 0.5s ease 0s;
}

.gallery .item {
    margin-bottom: 20px;
}

.gallery .item a {
    border-radius: 7px;
    display: block;
    transition: all 0.3s ease 0s;
}

.gallery .item img {
    opacity: 1;
    transition: all 0.3s ease 0s;
}

.gallery .item a:hover,
.gallery .item a:focus {
    text-decoration: none;
}

.gallery .item a:hover img,
.gallery .item a:focus img {
    opacity: 0.6;
}

.gallery .item a:hover .image-desc,
.gallery .item a:focus .image-desc,
.gallery .item a:hover .image-title,
.gallery .item a:focus .image-title {

}

/********************/
/* Modul: Slider   */
/****************++**/
.swiper-slide p.h2 {
    display: table;
    margin: 0 auto 5px auto;
    font-size: 3.6em;
    font-weight: 700;
    padding: 10px 25px;
}

.swiper-content p.h4 {
    display: table;
    margin: 0 auto;
    padding: 10px 25px;
    text-align: center;
}

.swiper-container .swiper-content,
.swiper-container2 .swiper-content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 70%;
    text-align: center;
}

.swiper-button-next,
.swiper-button-prev {
    display: table;
    height: auto;
    margin: 0;
    padding: 0 20px;
    top: 47%;
    width: auto;
}

.swiper-content a.btn {
    margin: 50px auto;
    display: table;
}

/********************/
/* Modul: Tabelle   */
/****************++**/
.table.restables-origin thead {
}

.table.restables-origin th {
    font-weight: 300;
}

/********************/
/* skrollr / parallax */
/* FullHeader         */
/****************++**/
.hsContent {
    max-width: 700px;
    position: absolute;
    left: 50%;
    top: 45%;
}

.hsContent h2 {
    display: table;
    padding: 10px 15px;
    margin-bottom: 5px;
}

.hsContent h3 {
    display: table;
    padding: 10px 15px;
}

.parallax .row > div,
.no-parallax .row > div {
    padding: 5%;
}

.parallax .fa-icon,
.no-parallax .fa-icon {
}

/********************/
/* Footer           */
/****************++**/
footer {
    display: block;
    width: 100%;
    clear: both;
    background: #283542;
    padding: 25px 0;

}

/********************/
/* Bootstrap / Hacks */
/****************++**/
.well {
    padding: 29px;
}

/********************/
/* skrollr / keyframes */
/* http://www.theappguruz.com/tag-tools/web/CSSAnimations/
/****************++**/

/********************/
/* CSS Animation    */
/****************++**/

/* tablet, laptop, desktop */


.bcg {
    -skrollr-animation-name: parallaxImage;
}

.bcg .hsContent {
    -skrollr-animation-name: fadeInHsContent;

}

.animated.fadeInFromLeft {
    -skrollr-animation-name: fadeInFromLeft;
}

.animated.fadeInFromRight {
    -skrollr-animation-name: fadeInFromRight;
}

.animated.fadeInDown {
    -skrollr-animation-name: fadeInDown;

}

.animated.fadeInUp {
    -skrollr-animation-name: fadeInUp;

}

.animated.fadeIn {
    -skrollr-animation-name: fadeIn;
}



@-skrollr-keyframes parallaxImage {
    center {
        background-position: 50% 0px;
    }

    top-bottom {
        background-position: 50% -200px;
    }
}

@-skrollr-keyframes fadeInHsContent {
    center {
        opacity: 1;
        transform: translateX(0%);
    }

    bottom-top {
        opacity: 0;
        transform: translateX(100%);
    }
}

@-skrollr-keyframes fadeInFromLeft {
    center {
        opacity: 1;
        transform: translateX(0%);
    }

    bottom-top {
        opacity: 0;
        transform: translateX(-30%);
    }
}

@-skrollr-keyframes fadeInFromRight {
    center {
        opacity: 1;
        transform: translateX(0%);
    }

    bottom-top {
        opacity: 0;
        transform: translateX(30%);
    }
}

@-skrollr-keyframes fadeInDown {
    center {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    bottom-top {
        opacity: 0;
        transform: translate3d(0, -50, 0);
    }
}

@-skrollr-keyframes fadeInUp {
    center {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    bottom-top {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

@-skrollr-keyframes fadeIn {
    center {
        opacity: 1;
    }

    bottom-top {
        opacity: 0;
    }
}

.navigationContainer{
    border-bottom:solid 2px #405977;
}

.navigationContainer ul {
    display: table;
    width: 100%;
    margin-bottom: 0;
    padding:0;
    overflow: hidden;
}

.navigationContainer ul li {
    float: left;
    width: 16.5%;
    list-style: none;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 0;
    cursor: pointer;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}

/* */

/* */
.navbar-inverse {
    background-color: #ECECEC;
}
section.last, .section.last{
    margin-top:0 !important;
}

.navigationBack, .navigationNext{
    text-align: center;
    cursor: pointer;
}

.navigationBack{
    float: left;
    position: relative;
}

.navigationBack:after, .navigationBack:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.navigationBack:after {
    border: 14px rgba(235, 235, 235, 0);
    border-right-color: #EBEBEB;
    margin-top: -14px;
}
.navigationBack:before {
    border: 14px rgba(235, 235, 235, 0);
    border-right-color: #EBEBEB;
    margin-top: -14px;
}

.navigationNext{
    float: right;
    position: relative;
}

.navigationNext:after, .navigationNext:before{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.navigationNext:after {
    border: 14px rgba(64, 89, 119, 0);
    border-left-color: #405977;
    margin-top: -14px;
}
.navigationNext:before {
    border: 14px rgba(64, 89, 119, 0);
    border-left-color: #405977;
    margin-top: -14px;
}

.navigationContainer ul .active{
    background-color: #405977;
    color: white !important;
    cursor: pointer !important;
}

.navigationContainer ul .open{
    color: lightgrey;
    cursor: not-allowed;
}

.main, .history{
    padding: 10px !important;
}

.history{
    background-color: #F1F3F0;
    margin-top: 20px;
}

hr{
    height: 1px;
    color: #3A4E69;
    border-top:1px solid #3A4E69;
}

p{
    color: #000;
    font-size:16px;
    font-weight:600;
}

.history h3{
    font-family: "PT Sans", sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

h2{
    font-family: "PT Sans", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #70896a;
    margin-bottom: 5px;
}

.navigationNext {
    color: #fff;
    font-weight:600;
    font-size: 16px;
}

.navigationNext a{
    color: #fff;
}

.navigationBack a{
    color: #405977;
}

.col-lg-12, .col-lg-8, .col-lg-4 {
    padding-left:0;
    padding-right:0;
}

.fuelContainer{
    margin-bottom: 20px;
    display: table;
    width: 75%;
    background-color: #E2E7E1;
    cursor: pointer;
}

.fuelContainer img {
    padding: 0;
    max-width:100px;
    float: right;
}

.fuelContainer input {
    top: 40px;
    cursor: pointer;
}

.fuelContainer p{
    top: 40px;
}

.containerBlock p.titleBox {
    padding: 10px 10px 10px 20px;
    background-color: #E2E7E1;
    margin-bottom: 20px;
}

.containerBlock{
    display: table;
    width: 100%;
    margin-bottom: 50px;
}

.containerBlock select {
    color: #70896a;
}

.containerBlock textarea {
    padding: 20px;
}

.containerBlock:last-of-type {
    margin-bottom: 15px;
}

.heatingvalueRadio{
    float: left;
    position: relative;
    top: 15px;
    margin-left: 10px !important;
    margin-right: 10px !important;
}


.heizkesselContainer {
    float: left;
    margin-left: -20px;
    margin-right: -20px;
    width: 100%;
}

.myhdgproductContainer {
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
}

.heizkesselContainer .productImage {
    height: 250px;
}

.heizkesselContainer .row {
    margin-left: 0;
    margin-right: 0;
}

.productImage{
    max-width: 255px;
    text-align: center;
    margin-bottom: 10px;
}

.productImage img{
    max-width: 100%;
    max-height: 255px;
}

.productName{
    text-align: center;
}

.myhdgproductContainer .productDescription p{
    margin-bottom: 10px;
}



.myhdgproductContainer .productName p {
    margin-bottom: 10px;
}

.productSelect {
    margin-top: 5px;
    text-align: center;
    background-color: #E2E7E1;
    height: 40px;
    line-height: 40px;
}

.productSelect input{
    cursor: pointer;
}

.productLink{
    text-align: right;
    margin-bottom: 20px;
}

.productLink a:before {
    content: '\f101';
    font-family: "FontAwesome";
}

.productLink a {
    text-decoration: underline;
    color: #70896a;
}

.storageItem{
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.storageItemContainer {
    float: left;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    width: 100%;
}

.storageItemCheckbox {
    padding: 7px;
    background-color: #E2E7E1;
    color: #70896a;
}

.storageItemCheckbox input{
    margin-right: 10px;
    margin-left:10px;
    cursor: pointer;
}

.storageItemImg{
    max-width: 190px;
    margin-bottom: 2px;
    display: table;
    width: 100%;
}

.storageItemImg img{
    height: 195px;
    width: 100%;
    object-fit: contain;
}

.fillSelect {
    padding: 7px;
    background-color: #e2e7e1;
    margin-bottom: 20px;
    width: 150px;
    color: black;
    cursor: pointer;
}

.fillSelect input {
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
}

.offerForm .col-md-12,.offerForm .col-md-6{
    padding-left: 0;
    padding-right: 0;
}

.systemDetails .col-md-2, .systemDetails .col-md-10{
    padding-left: 0;
    padding-right: 0;
}

select{
    width: 250px;
    padding: 10px;
}

.panel-collapse > .panel-body {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.navbar-brand > img {
    height: 50px;
    margin-top: 15px;
}

.shrink .navbar-brand img{
    height: 35px
}


/* --- start navigation --- */

.navigationContainer ul > li {
    position: relative;
    float: left;
    display: flex;
    height: 56px;
    line-height: 56px;
    padding: 0 25px 0 50px !important;
    width: auto;
    text-align: center;
}

.navigationContainer {
    overflow: hidden;
}

.navigationContainer ul {
    display: table;
    width: 100%;
    padding: 0px;
    margin: 0 0 0 -20px;
    position: relative;
}

.navigationContainer ul > li:after{
    content: url('./images/breadcrumb_off.png');
    height: 0;
    z-index: 10;
    position: absolute;
    right: -22px
}

.navigationContainer ul > li.active:after,
.navigationContainer ul > li.active:last-child:after,
.navigationContainer ul > li:not(.open):hover:after{
    content: url('./images/breadcrumb_on.png');
    height: 0;
    z-index: 10;
    position: absolute;
    right: -21px;
}

.navigationContainer ul > li:last-child:after{
    content: "";
}

.navigationContainer ul > li:not(.open):hover {
    background-color: #405977;
    color: white !important;
}

/* --- end navigation --- */


body {
    display: flex;
    flex-direction: column;
}
.wrapper {
    flex: 1 0 auto;
}
.custom-footer {
    flex-shrink: 0;
}

.navbar-fixed-top {
    position: absolute;
}

/*.navbar-fixed-bottom {
    display: flex;
    bottom: 0;
    border: none;
    position: fixed;
}*/

nav.navbar .container {
    padding-top: 0;
}

.wrapper .first>.container {
    margin-top: -25px;
}

.panel-group {
    width: 725px;
}

.panel-group .panel-heading .panel-title a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
}

.offer-success-container,
.offer-success-container * {
    padding-left: 0;
    padding-right: 0;
}

.offer-success-container h2 {
    margin-top: 30px;
}

.offer-success-container h4 {
    color:#70896a;
}

.offer-success-container {
    color: #000
}

.header {
    margin-top: 20px;
}

.header h4 {
    margin-bottom: 5px;
}

.configurationContainer{
    float: left;
}

.configurationContainer section {
    float: left;
}

.configurationContainer section.first .container {
    margin-top: 0px;
}

.configurationContainer section.first .container .row > div {
    margin-top: 20px;
}

.configurationContainer p {
    line-height: 140%;
    margin-bottom: 30px
}

.configurationContainer .main {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.heatingContainer {
    margin-bottom: 18px;
}

.heatingvalueRadio {
    top: 8px;
}

.panel-body {
    padding: 20px 35px 5px;
}

.panel-body * {
    font-size: 14px;
}

.panel-body input {
    padding: 5px 10px;
    color: #70896A;
}

.panel-body p {
    margin-bottom: auto;
    line-height: 260%;
    color: #70896A;
}

.heatingAccordion:before {
    content: '\f106';
    font-size: 50px !important;
    top: 8px !important;
    right: 8px !important;
}

.heatingAccordion.collapsed:before {
    content: '\f107' !important;
}

.history p {
    margin-bottom: 5px;
}

.historySelection {
    color: #405977;
    font-weight: normal;
}

.productName * {
    color: #70896a;
}

.myhdgproductContainer p{
    font-weight: normal;
}

.fuelContainer .radio {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.fuelContainer .text {
    width: auto;
    top: 40px;
    float: left;
    position: relative;
}

section.first.last, section.first.last {
    margin-bottom: 0;
}

.productContainer {
    float: left;
    margin-left: -15px;
    margin-right: -15px;
}

.productContainer .myhdgproductContainer {
    padding-left: 15px;
    padding-right: 15px;
}

.history {
    margin-left: 60px;
    width: calc(33.33333333% - 60px);
}

.offerForm, .offerForm * {
    padding-left: 0px;
    padding-right: 10px;
    color: #000;
}

.offerForm .col-md-12 * {
    height: auto;
}

.offerForm .col-md-12 .textareaContainer,
.offerForm .col-md-12 .textareaContainer * {
    height: auto;
}

.offerForm input, .offerForm select, .offerForm textarea {
    color: #70896A;
    padding: 0px 12px;
    font-weight: normal;
}

.offerForm input, .offerForm select {
    width: 70%;
    height: 35px !important;
}

.offerForm textarea {
    width: 90%;
}

.offerForm .col-md-12 {
    margin-bottom: 20px;
}

.offerForm .col-md-2 b {
    float: left;
    margin-top: 5px;
    line-height: 20px;
}

.main .col-md-8,
.history .col-md-4 {
    padding-left: 0;
    padding-right: 0;
    float: left;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}

/* loader */
.loaderContainer{
    margin-bottom: 20px;
    width: 200px;
    height: 100px;
    border: solid 1px;
    text-align: center;
    border-radius: 5px;
    display: table;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top:-50px;
    margin-left: -100px;
    background-color: white;
}
.loader {
    margin: 20px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #70896A;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.panel-default > .panel-heading .panel-title:hover a {
    color: #000000;
}


.error {
    margin-left: 20px;
}

.areaContainer, .insulationContainer, .oldFuelContainer, .oldFuelUsageContainer, .oldFuelCostsContainer {
    float: left;
    width: 100%;
}

.areaContainer, .oldFuelContainer, .oldFuelUsageContainer{
    margin-bottom: 10px
}

#heatingvalue2 {
    max-width: 50%;
}

#insulationSelect {
    max-width: 70%;
}

.storageItemRow {
    float: left;
    width: 100%;
}

.contactForm input, .contactForm textarea {
    float: left;
}

.contactForm label {
    float: left;
    width: 100%;
}

.contactForm #contactFormSubmit {
    margin-top: 15px;
    width: 25%;
    background-color: #405977;
    color: #FFFFFF;
    border-color: #405977;
    font-size: 18px;
    font-weight: 400;
    min-width: 125px;
    clear: both;
}

.contactForm label {
    color: #70896A;
}

.contactForm input {
    margin-bottom: 10px;
}

.accessoriesRow {
    float: left;
    width: 100%;
}

.accessoriesRow .myhdgproductContainer {
    margin-bottom: 20px;
}

.accessoriesRow img {
    height: 250px;
}

#submitOfferForm {
    display: none;
}

.offerForm h4 {
    color: #70896a;
    margin-bottom: 0;
    margin-top: 10px;
}

/*.error-message {
    margin-left: 10px;
}*/

.no-storage-found {
    padding: 0 15px;
    margin: 10px;
    color: #405977;
    float: left;
}

.no-storage-found.error {
    color: #E3001B;
}

.no-storage-found * {
    float: left;
}

.no-storage-found i {
    width: 30px;
    text-align: center;
    line-height: 160%;
}

.no-storage-found .text {
    width: calc(100% - 30px);
}

.custom-footer {
    background-color: #ECECEC;
    height: 80px;
}

.custom-footer .container {
    margin-top: 25px;
    margin-bottom: 25px;
    height: 30px;
}

.custom-footer a {
    color: #70896A;
    line-height: 30px;
    margin-right: 20px;
}

.custom-footer i {
    margin-right: 5px;
    line-height: 30px;
}

.customTextareaContainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.customTextareaContainer #contactMessage {
    width: 100%;
}

.contactCheckboxContainer label {
    width: auto;
    color: #000;
}

.contactCheckboxContainer {
    clear: left;
    padding: 0;
}

.contactCheckboxContainer label a{
    color: #70896A;
}
.contactCheckboxContainer label a:hover{
    color: #70896A;
}

.contactCheckboxContainer input{
    margin-top: 7px;
}

.customTextareaContainer{
    margin-bottom: 10px
}

.contactOfferCheckboxContainer label {
    width: auto;
    color: #000;
}

.contactOfferCheckboxContainer {
    clear: left;
    padding: 0;
}

.contactOfferCheckboxContainer label a{
    color: #70896A;
    padding-right: 0;
}
.contactOfferCheckboxContainer label a:hover{
    color: #70896A;
}

.contactOfferCheckboxContainer input{
    margin-top: 7px;
    width: 30px;
    height: auto !important;
}