/* Calculator */

.calc-wrap {padding-top: 60px; padding-bottom: 80px!important; clear: both; }

.calculator .intro { text-align: center;  margin-bottom: 20px;}
.calculator .intro p { font-weight: 400; font-size: 20px; }

.calculator p.inputLabel { font-weight: 400; font-size: 16px; margin-bottom: 4px; }

.calculator h2 { font-weight: 400!important; }

.calculator .totalamount p { font-weight: 400; font-size: 16px; margin-bottom: 4px; }

.calculator .leftside { margin-top: 15px; }

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

.calculator .leftside input.pueOption.form-control { height: 40px!important; margin-bottom: 0!important;}
.image-center .input-group {margin-bottom: 20px;}
.calculator .leftside .input-group-addon.addonColor { position: relative;  padding: 2px 12px 0px 12px; height:20px!important; }
.calculator .leftside .input-group-addon.addonColor p { margin-bottom: 0px!important; padding-bottom: 0px!important; }

.calculator .input-group-addon {
    padding: 9px 12px 0px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border-radius: 0px;
}


.calculator .input-group { height: 20px!important; }

.calculator .input-group-addon.addonColor{
    color: #fff;
    background: #253350;
    border-radius: 0px 5px 5px 0px;
}

.calculator .input-group-addon.addonColor.currency {
    color: #ffffff;
    background: #253350;
    border-radius: 5px 0px 0px 5px;
}

.calculator .input-group-addon.addonColor p strong { color: #fff!important; }

.calculator .input-group-addon.addonColor h3 { color: #fff; }

.centered { text-align: center; margin-bottom: 40px; }

.rightside {  }

/* Media Boxes */

.calculator .icon { font-size: 90px; }
.calculator .icon i { color: #45bdf1; }
.calculator i.fa-car { position: relative; top:5px; font-size: 100px; }
.calculator .mboxPue {  text-align: center; }

.rightside h3.topPad6 { min-height: 45px!important; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px!important;  
	background: #253350; color:#fff; border-radius: 5px 5px 0px 0px; font-size: 24px!important; }

.calculator .mboxPue h3 {font-size: 24px!important;  background: #253350; border-radius: 5px 5px 0px 0px;
 padding-top: 10px; padding-bottom: 10px; }

.cir-mediabox3 {
	margin: 2em 0;
	padding-bottom: 1em;
	text-align: center;
}

.cir-mediabox3 img {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

/* mediabox style 3 */
.cir-mediabox3 p {
	margin:1.250em .875em .5em;
}

.cir-mediabox3 h3 {
	background-color: #384149;
	color: #fff;
	margin: 0;
	padding: 0.25em;
	font-size: 1.25em;
}

.mediaBoxResult{
    background-color: #ffffff !important;
    height: 100%;
    border:1px solid #ccc;
    line-height: 2 !important;
    border-radius: 0 0 5px 5px;
    margin-top: 0px;
    padding-bottom: 15px;
}


/* progress bars */
.progress { 
    height: 30px;
	margin: 1em 0;
    position: relative;
	background-color:#f5f5f5;
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.pueGradient{
    background-image: url("red-yellow-green.png");
    background-repeat: repeat-y;
    background-size: 100% auto;
    margin-top: 0;
}

.progress div,
.progress-aqua div,
.progress-brown div,
.progress-tan div,
.progress-red div,
.progress-orange div,
.progress-green div {
    display: block;
    height: 100%;
	text-align: center;
}
.progress-label {
	display: inline-block;	
	color: #fff;
	line-height: 30px;
}
.progressbar {
    background-color: #e3e3e3;
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 3s ease-in-out;
    -moz-animation-fill-mode:both; 
}
.progress-aqua .progressbar {
    background-color: #25b7c3;
}
.progress-brown .progressbar {
    background-color: #a97046;
}
.progress-tan .progressbar {
    background-color: #c6b274;
}
.progress-red .progressbar {
    background-color: #9f3e20;
}
.progress-orange .progressbar {
    background-color: #dd992a;
}
.progress-green .progressbar {
    background-color: #bec244;
}
@-webkit-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

/* Table */
.page-id-725 table { clear: both; margin-top: 60px!important; margin-bottom: 30px!important; 
    padding-right: 40px!important; padding-left: 40px!important; }
.page-id-725 table th {color:#000!important; background: #cecece; font-size: 16px; font-weight:700; text-transform: uppercase; text-align:center; }
.page-id-725 table td {color:#001738!important; font-size: 16px; font-weight:400; width: 33%; text-align:center;}

.efficiency { margin-bottom: 30px!important; }

/* Results */
h2.resultChange { color:#253350!important;  margin-top: 5px; font-size: 18px; }
.calculator .mediaBoxResult p { color:#001738!important; font-size: 16px; font-weight:400; margin-bottom: 40px; }

.calculator .infoTable { margin-top: -30px!important; display: block; clear: both;     margin-bottom: 60px!important;  }

h2.resultChange {
    font-size: 24px!important;
}


@media only screen and (max-width: 767px) {
.calculator h2 { font-size:22px!important; }
}