@font-face {
    font-family: 'open_sans';
    src: url('opensans-light.eot');
    src: url('opensans-light.eot?#iefix') format('embedded-opentype'),
         url('opensans-light.woff') format('woff'),
         url('opensans-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-regular.eot');
    src: url('opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular.woff') format('woff'),
         url('opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-italic.eot');
    src: url('opensans-italic.eot?#iefix') format('embedded-opentype'),
         url('opensans-italic.woff') format('woff'),
         url('opensans-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-bold.eot');
    src: url('opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold.woff') format('woff'),
         url('opensans-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-bolditalic.eot');
    src: url('opensans-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('opensans-bolditalic.woff') format('woff'),
         url('opensans-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-extrabold.eot');
    src: url('opensans-extrabold.eot?#iefix') format('embedded-opentype'),
         url('opensans-extrabold.woff') format('woff'),
         url('opensans-extrabold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('opensans-extrabolditalic.eot');
    src: url('opensans-extrabolditalic.eot?#iefix') format('embedded-opentype'),
         url('opensans-extrabolditalic.woff') format('woff'),
         url('opensans-extrabolditalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
	font-display: swap;
}


#main {
overflow:visible;
}
	  
/* Calc */
#calc2 {
font-family:open_sans, sans-serif;
}


#calc2 .button-link {
border:none;
background:none;
text-decoration:underline;
color:#525251;
font-size:17px;
font-family:open_sans, sans-serif;
font-weight:300;
cursor:pointer;
}

#calc2 .button-link:hover {
color:#d01137;
}

#calc2 .two-buttons {
margin-bottom:1em;
}

#calc2 .two-buttons .tbl-wrap {
display:flex;
flex-wrap:wrap;
margin:0 -5px;
}

#calc2 .two-buttons .tbl-wrap > div {
margin:5px;
flex:1;
}

@media (max-width:480px) {
	#calc2 .two-buttons .tbl-wrap > div {
		flex:auto;
	}
}

#calc2 .two-buttons .tbl-wrap .left {

}

#calc2 .two-buttons .tbl-wrap .right {

}

#calc2 .two-buttons input[type=radio] {
display:none;
position:absolute;
opacity:0.0001;
}

#calc2 .two-buttons label {
display:block;
white-space:nowrap;
border:solid 1px #525251;
color:#525251;
font-size:18px;
text-align:center;
padding:10px 15px;
border-radius:5px;
position:relative;
cursor:pointer;
}

#calc2 .two-buttons label.hidden {
display:none;
}

#calc2 .two-buttons input[type=radio] label:hover,
#calc2 .two-buttons input[type=radio]:hover + label {
color:#ffffff;
background:#525251;
}

#calc2 .two-buttons input[type=radio]:checked + label {
color:#ffffff;
background:#525251;
font-weight:bold;
}

#calc2 .two-buttons input[type=radio]:disabled + label {
color:#909090;
background:#cccccc;
border-color:#cccccc;
font-weight:bold;
}


#calc2 select {
width:100%;
color:#ffffff;
font-size:18px;
font-family:open_sans;
font-weight:bold;
background:url(../img/darrow.webp) no-repeat calc(100% - 22px) center #525251;
background-size:20px auto;
border-radius:3px;
padding:10px 60px 10px 30px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}

#calc2 .pd-wrap {
position:relative;
}

#calc2 .pd-in {
position:absolute;
width:0;
height:0;
left:0;
top:50%;
margin:-10px 0 0 -10px;
}

#calc2 .pulse-dot {
	background: #CC092F;
	border-radius: 100px;
	height: 20px;
	width: 20px;

	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

#calc2 div[style*="overflow: hidden"] .pulse-dot {
display:none;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}


#calc2 .results-block {
color: #2b2a29;
background: #dcdcdc;
padding: 15px;
border-radius: 5px;
margin-top:4em;
margin-bottom:2em;
}

#calc2 .results-block.range:before {
content:'';
display:block;
width:66px;
height:66px;
margin:-48px auto 1em auto;
background:url(../img/speed-icon.webp) no-repeat left top;
background-size:contain;
}


#calc2 .results-block.electric:before {
content:'';
display:block;
width:66px;
height:66px;
margin:-48px auto 1em auto;
background:url(../img/energy-icon.webp) no-repeat left top;
background-size:contain;
}

#calc2 .results-block.gas:before {
content:'';
display:block;
width:66px;
height:66px;
margin:-48px auto 1em auto;
background:url(../img/gas-icon.webp) no-repeat left top;
background-size:contain;
}

#calc2 .results-block.cost:before {
content:'';
display:block;
width:66px;
height:66px;
margin:-48px auto 1em auto;
background:url(../img/money-icon.webp) no-repeat left top;
background-size:contain;
}

#calc2 .results-block.time:before {
content:'';
display:block;
width:66px;
height:66px;
margin:-48px auto 1em auto;
background:url(../img/time-icon.webp) no-repeat left top;
background-size:contain;
}

#calc2 .results-block .title {
color:#d01137;
font-size:24px;
text-align:center;
font-weight:bold;
text-transform:uppercase;
margin:32px 0 10px 0;
}

#calc2 .results-block table {
width:100%;
border-collapse:collapse;
}

#calc2 .results-block table tr {
border-top:solid 1px #aaaaaa;
}

#calc2 .results-block table tr.noborder {
border-top:none;
}

#calc2 .results-block table tr:first-child {
border-top:none;
}

#calc2 .results-block table .tdl {
display:table-cell;
color:#525251;
font-size:16px;
text-align:left;
padding:0.5em 0;
vertical-align:middle;
}

#calc2 .results-block table .tdr {
display:table-cell;
color:#525251;
font-size:16px;
text-align:right;
padding:0.5em 0;
vertical-align:middle;
}

#calc2 .results-block table .tdc {
display:table-cell;
width:33.33%;
color:#525251;
font-size:16px;
text-align:center;
padding:0.5em 0;
vertical-align:middle;
}

#calc2 .results-block label {
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}

#calc2 .results-block .value {
color:#d01137;
}

#calc2 .results-block .value .dollar {
position:absolute;
font-weight:bold;
margin:5px 0 0 7px;
}

#calc2 .results-block .quantity {
width:50px;
padding:5px;
color:#d01137;
font-size:16px;
font-weight:bold;
text-align:center;
font-family:open_sans, sans-serif;
border:none;
background:#ffffff;
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#calc2 .results-block .value .dollar + .quantity {
padding-left:20px;
}

#calc2 .results-block .quan_up {
width:32px;
height:32px;
line-height:0.5;
color:#dcdcdc;
font-size:28px;
font-weight:bold;
text-align:center;
font-family:open_sans, sans-serif;
border:none;
background:#ffffff;
border-radius:100px;
vertical-align:middle;
cursor:pointer;
}

#calc2 .results-block .quan_down {
width:32px;
height:32px;
line-height:0.5;
color:#dcdcdc;
font-size:28px;
font-weight:bold;
text-align:center;
font-family:open_sans, sans-serif;
border:none;
background:#ffffff;
border-radius:100px;
vertical-align:middle;
cursor:pointer;
}

#calc2 .results-block .quan_up:hover,
#calc2 .results-block .quan_down:hover {
color:#d01137;
}

#calc2 .total_economy_wrap {
margin-top:2em;
color:#d01137;
font-size:24px;
text-align:center;
}








#calc2 .top-results-wrap {
display:none;
position:fixed;
width:100%;
max-height:9001em;
left:0;
top:0;
background:#cc092f;
color:#ffffff;
z-index:2000;
}

#calc2 .top-results-wrap .close {
position:absolute;
right:0;
font-size:32px;
line-height:32px;
padding:0 5px;
color:#ffffff;
background:#555555;
}

body.admin-bar #calc2 .top-results-wrap {
top:32px;
}

@media (max-width:782px) {
	body.admin-bar #calc2 .top-results-wrap {
		top:46px;
	}
}

#calc2 .top-results-in {
max-width:1000px;
margin:auto;
position:relative;
}

#calc2 .top-results-in-in {
padding:0 15px;
}

#calc2 .top-results-wrap .tbl-wrap {
display:table;
width:100%;
height:73px;
border-collapse:collapse;
table-layout:fixed;
}

#calc2 .top-results-wrap .tbl-wrap .cell {
display:table-cell;
text-align:center;
vertical-align:middle;
}

#calc2 .top-results-wrap .tbl-wrap .cell:first-child {
text-align:left;
}

#calc2 .top-results-wrap .tbl-wrap .cell:last-child {
text-align:right;
}

#calc2 .top-results-wrap .tbl-wrap .cell .item {
display:inline-block;
text-align:left;
}

#calc2 .top-results-wrap .tbl-wrap .cell a.item {
color:#ffffff;
text-decoration:none;
}

#calc2 .top-results-wrap .tbl-wrap .cell .item .icon {
margin-right:6px;
}

#calc2 .top-results-wrap .tbl-wrap .cell .item .txt {
display:inline-block;
font-size:13px;
}

#calc2 .top-results-wrap .tbl-wrap .cell .item .txt1 {
font-weight:bold;
}

#calc2 .top-results-wrap .tbl-wrap .cell .item .txt2 {
font-weight:lighter;
}

@media (max-width:480px) {
	#calc2 .top-results-wrap .tbl-wrap .cell .item .icon {
		display:none;
	}
}
