html, body {height: 100%; font-family: 'Calibri', 'Open Sans', sans-serif; }
body { overflow-x: hidden;  padding-top: 50px; padding-bottom: 20px; }
a, a:hover, a:active, a:focus, img, img:focus, li, li:hover, li:active, li:focus { outline:none!important;  outline: 0!important; }
.clear { clear: both; }

/* Set padding to keep content from hitting the edges */
.body-content {padding:15px; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {  white-space: normal;}

/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea { }

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

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

/* Typography */
h1, h2, h3, h4 { font-family: 'Calibri', 'Open Sans', sans-serif; }

.body-content p { font-size: 18px; margin-bottom: 20px;}

.body-content ul { margin-top: 14px;}
.body-content ul li { position:relative; padding-left: 20px; font-size: 18px; margin-bottom: 12px; }


/* Calculator Forms */
form.calculator {  }
form.calculator {font-size: 18px;  margin-left: 0px; padding-left: 0px; position:relative; font-size: 18px; margin-bottom: 12px; list-style: none; }
form.calculator input {font-size: 18px; float:left; height: 40px; max-width: 85%; padding:5px 10px 5px 10px;}
form.calculator select { font-size: 18px; float:left;height: 40px; max-width: 85%;padding:5px 10px 5px 10px;} 
form.calculator label {position: relative; top: 7px; font-size: 18px; line-height: 21px; font-weight: 700;}
form.calculator label.twolines {position: relative; top: 0px;}
form.calculator span.euro {position: relative; top: 7px; float:left; max-width: 10%; font-weight: 700; font-size: 18px; margin-right: 5px; }
form.calculator h3 { margin-bottom: 12px; color:#2e4660; font-size: 28px; padding-left: 15px; }
form.calculator hr {position: relative; height:1px; display: block; clear: both; margin-top: 40px;  margin-bottom: 15px; border-top:2px dotted #00a19a; }
form.calculator span.end {position:relative;top:6px;left:4px;} 

form.calculator h3.title { margin-bottom: 12px; color:#2e4660; font-size: 36px; padding-left: 0px; }

form.calculator .accordion {  }
form.calculator .accordion h3 { padding-left: 0px; padding-right: 0px;  }
form.calculator .accordion h3 a {color:#2e4660; position: relative; display: block; width: 100%; }
form.calculator .accordion h3 a:active, form.calculator .accordion h3 a:hover, form.calculator .accordion h3 a:focus, form.calculator .accordion h3 a:visited { text-decoration: none; }
form.calculator .accordion h3 a.off:after { -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; position: absolute; top:1px; right:0px; font-size: 22px; content:"\f055"; font-family: 'FontAwesome';  color:#2e4660; }
form.calculator .accordion h3 a:after  {-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;
transition: all 200ms ease-in; position: absolute; top:1px; right:0px; font-size: 22px; content:"\f056"; font-family: 'FontAwesome';  color:#2e4660; }
form.calculator .accordion h3 a.collapsed:after  {-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;
transition: all 200ms ease-in; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);
    transform: rotate(180deg); position: absolute; top:1px; right:0px; font-size: 22px; content:"\f055"; font-family: 'FontAwesome';  color: #2e4660;  }

form.calculator .accordion .panel-body { padding-left: 0px; padding-right: 0px; }

form.calculator .submit { margin-top: 30px;  }

form.calculator .submit input {border-radius: 0px!important; text-transform: uppercase; border: none!important; background: #00a19a; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; height: 50px; padding: 12px 14px 15px 14px; color: #fff; font-size: 18px; }
form.calculator .submit input:hover { background: #01c0b8!important; }
form.calculator .submit input.text1.reset { background: #ededed !important; color: navy !important;}


form.calculator .indent label { padding-left: 10px; }

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

form.calculator input { margin-top: 15px; margin-bottom: 15px; }
form.calculator input {; max-width: 95%; }
form.calculator span.euro { top:22px; }

}


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

form.calculator input {; max-width: 90%; }

}

.frmBudget,.table {font-size: 18px;}

.frmBudget h3 {margin: 10px 0 20px !important;}
.frmBudget ol {padding:0;}
.frmBudget ol li {list-style: none;margin-bottom: 8px;}
.frmBudget ol li label {width: 30%;}
.frmBudget ol li input {width: 68%;padding: 8px;line-height: 1.428571429;}
.frmBudget ol li input.btn {margin-left: 30%;border-radius: 0px!important;text-transform: uppercase;border: none!important;background: #00a19a;-webkit-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in;height: 50px;padding: 12px 14px 15px 14px;color: #fff;font-size: 18px;}
@media (max-width: 670px) {.frmBudget ol li label,.frmBudget ol li input {width: 100%;}.frmBudget ol li input.btn {margin-left: 0;width:100%;}}


#emailResultMessage { font-size: 22px; padding:15px; width:100%; text-align: center; color: #2eac66;    }

@media only screen and (max-width: 991px) {
    html, body {
        width: 99% !important;
    }
}