@import url("/css/font-export.css");
html, body {margin:0;padding:0;background:white;color:black;font-family:Arial;}
a {text-decoration: none; color: black;}
#container {margin: 0 auto;	width:930px;}
header {clear: both; display: block; float: none; margin: 0 auto;    padding: 0 50px 30px;;}
header:after {display:block;content:"";clear:both;height:0;line-height:0;}

#logo {display: block;height: 120px;margin: 0 auto;text-align: center; width: auto;}
#logo .icomoon-logo {   font-size: 160px;top: 0; color: #0078B6;}
#signout {text-transform:uppercase;font-size:10px;font-weight:bold;text-decoration:none;}
main {margin: 0 auto;}

.c-Header-Logo, .c-Header-Menu{float: left; width: 100%; position: relative;}
.c-Header-Menu-Ul{ left: 0;list-style: outside none none; margin: 0; padding: 0; position: relative; text-align: center; margin: 0 auto;}
.c-Header-Menu-Ul li {display: inline-table;font-size: 0.8em; margin: 0; padding: 0 10px; position: relative; text-align: center; width: 120px; clear: both;}
.c-Header-Menu-Ul li a { display: block;}
.c-Header-Menu-Ul li a .icomoon {color: #c50024;font-size: 80px;height: 80px; padding-bottom: 10px;width: 100%;}
.c-Header-Menu-Ul li a .c-Menu-Title{ color: black;font-size: 14px;font-weight: bold;padding: 10px;text-transform: uppercase;}

.redRound-btn a{ color: rgb(197, 0, 33);}
.redRound-btn a:hover {   background-color: rgb(197, 0, 33); color: white;}
.blackRound-btn{border-color: black !important;color: white !important;}
.blackRound-btn a{ color: black !important;}
.blackRound-btn a:hover {  background-color: black !important; color: white !important;}
.greyRound-btn {border-color: #b2b2b2 !important;}
.greyRound-btn a {color: #b2b2b2;border-color: #b2b2b2 !important;}
.greyRound-btn a:hover {background-color: #b2b2b2;color: white;}
.c-Right-Menu {display: block;float: right;position: absolute;right: 5%;top: 40%;width: auto;}
.c-Right-Menu a.icomoon {background-color: #b2b2b2;border-radius: 50%;color: white;font-size: 20px;height: 30px;line-height: 30px; text-align: center; width: 30px;margin-top: 3px;}
.c-btn {border: 1px solid rgb(197, 0, 33); border-radius: 5px;color: rgb(197, 0, 33); float: right;font-size: 80%;letter-spacing: 3px; margin: 0 auto 0 20px; text-align: center;text-transform: uppercase;transition: all 0.3s ease-in-out 0s;}
.c-btn a {text-decoration: none; display: block;padding: 10px;}

nav {margin:0 auto;border-radius:5px;overflow:hidden;background:white;}
nav a, nav .c-Header-Buttons {display:block;height:70px;line-height:70px;text-transform:uppercase;color:black;font-weight:bold;font-size:14px;text-align:center;width:308.5px;float:left;text-decoration:none;background:white; letter-spacing: 3px; border:1px solid black;}
nav a.nav-live, nav a.nav-hidden {border-right:none;}
nav a:last-child, nav .c-Header-Buttons:last-child {border-radius: 0 5px 5px 0;}
nav a:first-child, nav .c-Header-Buttons:first-child {border-radius: 5px 0px 0px 5px;}
nav a.nav-hidden {width:309px;}
nav a:hover, nav a.selected, nav .c-Header-Buttons:hover { background-color: rgb(197, 0, 33);  color: white; border-color: black;}


.c-Fields {border: 1px solid black;border-radius: 5px; color: black; font-size: 18px; height: 30px; line-height: 30px; margin: 0 auto 10px; overflow: hidden; text-align: center; width: 50%;}
.c-Fields .c-Fields-Input {background: black none repeat scroll 0 0; border: 0 none; color: white; display: block; font-family: Arial; font-size: 18px; height: 30px; line-height: 30px; margin: 0; padding: 0; text-align: center; width: 100%;}
.c-Fields *::-moz-placeholder { color: white; opacity: 1;}
*::-moz-placeholder {  color: white; opacity: 1; text-align: center;}

/*
	jquery accordion css
*/
.accordion {  width: 100%;   overflow: hidden;  margin: auto;}
.accordion .item {padding: 10px 0;}
.accordion .item .heading { border-radius: 8px;  height: 90px; line-height: 90px;  font-size: 17px;  cursor: pointer;  color: #fff;  padding-left: 15px;   box-sizing: border-box; text-transform: uppercase; font-weight: bold;}
.accordion .c-Item .heading {  /*background: #ee6363 url('/img/arrow.png') no-repeat; background-position: right 20px top -70px;*/ }
.accordion .item.open .heading, .accordion .item:last-child .heading { border: 0; }
.accordion .item.open .heading { background-position: right 20px top 20px; }
.accordion .item .c-Slider-Icon:before {content: "\e645";}
.accordion .item.open .c-Slider-Icon:before {content: "\e632";}
.accordion .item .content { display: none;padding: 50px;background: #fff;font-size: 14px; margin: 20px 0; border-radius: 8px;  background-color: #F2F2F2;}
.accordion .item .c-Content-Table { width: 100%; text-align: center;}
.accordion .item .c-Content-Table .c-Content-Inputs div{width: 50%; display: inline-block; text-transform: uppercase; color: black; font-weight: bold;}
.accordion .item .c-Content-Table .c-Content-Title{ float: left; text-align: left;}
.accordion .item .c-Content-Table .c-Content-Input{ float: right; text-align: right;}
.c-Content-Table td {padding: 0 15px; line-height: 32px; height: 32px; width: 50%;}

#cost_saving .c-Setup-Conclusion-Title {line-height: 60px;}
#cost_saving .c-Setup-Conclusion-Description {display: block;height: 90px;line-height: 45px;overflow: hidden; width: 382px !important;word-wrap: break-word;}

.accordion .item .c-Item-Number {color: #cc0000;float: left;font-size: 24px;font-weight: bold;line-height: 90px;padding: 0 10px; text-align: center;width: 10%;}
.accordion .item .c-Item-Number-Circle {border-radius: 50%;display: inline-block;height: 50px;line-height: 50px;margin: 0 auto;text-align: center;vertical-align: middle; width: 50px; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}

.accordion .c-Item-First .heading {background-color: #355D91;}
.accordion .c-Item-First .c-Item-Number-Circle {background-color: #9AB0C5; color: #355D91;}
.accordion .c-Item-First .heading .c-Right-Heading .c-Right-Heading-Saving{color: #9AB0C5;}
.accordion .c-Item-Second .heading {background-color: #9966FF;}
.accordion .c-Item-Second .c-Item-Number-Circle {background-color: #CEBDEA; color: #9966FF;}
.accordion .c-Item-Second .heading .c-Right-Heading .c-Right-Heading-Saving{color: #CEBDEA;}
.accordion .c-Item-Third .heading  {background-color: #7FBD67;}
.accordion .c-Item-Third .c-Item-Number-Circle {background-color: #CBE4C7; color: #7FBD67;}
.accordion .c-Item-Third .heading .c-Right-Heading .c-Right-Heading-Saving{color: #CBE4C7;}
.accordion .c-Item-Fourth .heading {background-color: #6CA6B4;}
.accordion .c-Item-Fourth .c-Item-Number-Circle {background-color: #C0D2DC; color: #6CA6B4;}
.accordion .c-Item-Fourth .heading .c-Right-Heading .c-Right-Heading-Saving{color: #C0D2DC;}

.accordion .heading div{float: left;}
.accordion .heading .c-Middle-Heading{width: 45%;}
.accordion .heading .c-Right-Heading{width: 36%; text-align: right; line-height: 0;}
.accordion .heading .c-Slider-Icon {display: block;float: right;font-size: 25px;line-height: 90px; margin-right: 25px; width: auto;}
.accordion .heading .c-Right-Heading span{display: block; }
.accordion .heading .c-Right-Heading .c-Right-Heading-Saving{font-size: 12px;line-height: 55px;}
.accordion .heading .c-Right-Heading .c-Right-Heading-Total{ font-size: 30px;}

.c-Content-Circle span{border-radius: 50%;display: inline-block;height: 35px;line-height: 35px;margin: 0 auto;text-align: center;vertical-align: middle; width: 35px; background-color: #919191; color: white;}
.accordion .c-Content-Slider{position: relative;}
.accordion .c-Content-Racks .c-Content-Slider{float: left; width: 77%;display: block;}
.c-Content-Slider .c-Content-Circle {position: absolute;  z-index: 2;}
.accordion .c-Content-Slider-Box{margin: 0 auto;padding: 15px 0; width: 100%; color: white; }
.accordion .c-Content-Racks .c-Content-Slider-Box, .accordion .c-Content-KW .c-Content-Slider-Box{width: 74%; float: left; margin-left: 0px;}
.accordion .c-Content-KW .c-Content-Slider-Box { width: 80%; }
.accordion .c-Content-Slider-Box .ui-slider{height: 4px; border: none; margin-left: 45px;}
/*.accordion .c-Content-Slider-Box .ui-slider-handle:before{content: "< >"; color: #b8cfe1; font-size: 18px; line-height: 48px;}*/
.accordion .c-Content-Slider-Box .ui-slider-handle {display: inline-block;font-family: Icomoon;font-feature-settings: normal;font-kerning: auto;font-language-override: normal;font-size: inherit;font-size-adjust: none; font-stretch: normal;font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1;  text-rendering: auto;}
.accordion .c-Content-Slider-Box .ui-slider-handle::before {color: #919191;content: "\e633\e63d";font-size: 19px;line-height: 51px;}
.accordion .c-Content-Slider-Box .ui-slider-handle{background-color: #fff;border-radius: 100%;/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/cursor: move;height: 50px; width: 50px; top: -25px; text-align: center; border-color: #919191;}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all::before {content: "";background-color: white;border-radius: 4px;display: block;float: right;height: 4px;width: 30%;margin-right: -45px;}
.accordion .c-Content-Slider-Box .ui-slider-range::before{content: ""; background-color: #919191;  border-radius: 4px;display: block;float: left;height: 4px;width: 117%; margin-left:  -12px;}

.accordion .c-Content-Slider-Box .ui-slider{background-color: white;}
.accordion .c-Content-Slider-Box .ui-slider-range{background-color: #919191;}
.c-Content-Racks .c-Content-Circle{float: left; }
.c-Content-Racks .c-Content-Circle{margin-right: 5px;}
.c-Content-Racks .c-Content-Circle:last-child{margin-right: 0px;}
.c-Content-Racks .c-Content-Rack-Min, .c-Content-KW .c-Content-KW-Min, .c-Content-Power .c-Content-Power-Min {left: 0;}
.c-Content-Racks .c-Content-Rack-Max, .c-Content-KW .c-Content-KW-Max, .c-Content-Power .c-Content-Power-Max{right: 0; top: 0; z-index: 1;}

.c-Setup-Boxes .c-Setup-Content-Boxes {border-radius: 10px;margin: 50px 0;padding: 25px; text-transform: uppercase; float: left;  height: auto;}
.c-Setup-Boxes .c-Setup-Recommend .c-Setup-Content-Boxes, .c-Power-Boxes .c-Power-Recommend .c-Power-Content-Boxes {background-color: #E6E6E6;}
.c-Setup-Boxes .c-Setup-Content-Boxes-Title {margin-bottom: 10px;}
.c-Setup-Boxes .c-Setup-Content-Boxes-Description {margin: 0px auto; color: #A8A8A8;}
.c-Setup-Boxes .c-Setup-Manual, .c-Setup-Boxes .c-Setup-Recommend {vertical-align: top;}

.c-Setup-Boxes .c-Setup-Details .c-Setup-Details-Box {width: 50%; float: left; width: 50%; margin-bottom: 50px;}
.c-Setup-Boxes .c-Setup-Details .c-Setup-Details-Box-Title {color: #9B9B9B; font-weight: bold; line-height: 20px; padding: 10px; height: 40px;}
.c-Setup-Boxes .c-Setup-Details .c-Setup-Details-Box-Description {color: black; font-size: 30px;} 

.c-Setup-Boxes .c-Setup-Content-Boxes {margin-bottom: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.c-Setup-Boxes .c-Setup-Conclusion {color: white;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; float: left; text-align: center; width: 100%; height: 150px; line-height: 80px;}
.c-Setup-Boxes .c-Setup-Recommend .c-Setup-Conclusion {background-color: #7FBD67; }
.c-Setup-Boxes .c-Setup-Recommend .c-Setup-Conclusion .c-Setup-Conclusion-Title {font-size: 15px; color: #cbe4c7; line-height: 85px;font-weight: bold;text-transform: uppercase;}
.c-Setup-Boxes .c-Setup-Recommend .c-Setup-Conclusion .c-Setup-Conclusion-Description {font-size: 45px; color: white; line-height: 0;}

.c-Help {border:1px solid #F7E495;	-webkit-border-radius:10px;	-khtml-border-radius:10px;	-moz-border-radius:10px;	-ms-border-radius:10px;	-o-border-radius:10px;	border-radius:10px; background-color: #F7E495;  text-align: center; position: relative;}
.c-Help > h2 {padding: 20px 50px 0; text-transform: uppercase;}
.c-Help > p {margin-top: 0; padding: 0 50px 20px; color: rgb(155,149,87);}
.c-Help > .icomoon {position: absolute; right: 5px; top: 5px; font-size: 25px; color: white;}

.c-Item-Second.item .c-Content-Table {margin: 0 auto;text-align: center;width: 60%;}
.c-Item-Second.item .c-Content-Power .c-Content-Title {line-height: 20px;}
.c-Item-Second.item .c-Content-Power {padding: 15px;}

.c-Item-Second.item .c-Content-Power .c-Content-Slider-Box { margin: 0 auto 0 10px;padding: 15px 0;width: 90%;}
.c-Item-Second.item .c-Content-Power .c-Content-Slider-Box.c-Power-Slider {width: 81%;}
.accordion .c-Content-Slider-Box.c-Power-Slider .ui-slider {margin-left: 35px;}

.c-Setup-Power {float: left; margin-top: 50px;}
.c-Setup-Power .c-Setup-Details .c-Setup-Details-Box-First {margin-top: 10px !important;}
.c-Setup-Power .c-Power-Title {font-size: 15px; font-weight: bold; line-height: 20px; height: 30px;}
.c-Setup-Power .c-Setup-Details-Box-Description {text-transform: lowercase;}
.c-Setup-Power .c-Power-Details-Left {float: left; width: 48%;}
.c-Setup-Power .c-Power-Details-Right {border-left: 3px solid white; float: right; width: 50%;}
.c-Setup-Boxes .c-Setup-Power .c-Setup-Details .c-Setup-Details-Box {width: 100%;height: 130px;  margin-top: 0px;}
.c-Setup-Boxes .c-Setup-Power .c-Setup-Details .c-Setup-Details-Box .c-Setup-Details-Box-Title {height: 40px;padding: 10px 35px 10px;}
.c-Setup-Boxes .c-Power-Setup-KW {background-color: #747474;border-radius: 5px;color: white;font-size: 12px; padding: 5px; font-weight: bold;}
.c-Setup-Boxes .c-Setup-Conclusion .c-Power-Setup-KW {background-color: black;border-radius: 5px;}

.c-Content-Boxes-Description {color: #a8a8a8;float: left;margin: 0 auto;padding: 30px 0; text-align: center; width: 100%;}

.c-Setup-Racks {padding: 50px 0 0; float: left; width: 100%; display: block;}
.c-Setup-Racks .c-Setup-Racks-Box {float: left; width: 46%; position: relative; margin-bottom: 50px;}
.c-Setup-Racks .c-Setup-Racks-Right {float: right;}
.c-Setup-Racks .c-Setup-Racks-Circle {border-radius: 50%;display: inline-block;height: 60px;line-height: 60px;margin: 0 auto;text-align: center;vertical-align: middle; width: 60px; background-color: #EBAC21; color: white; font-weight: bold; font-size: 10px; float: left; position: absolute; left: -15px; top: -30px; z-index: 1;}
.c-Setup-Racks .c-Setup-Racks-Circle > span {display: block;font-size: 12px; line-height: 15px;margin: 2px auto 0; padding: 15px; text-align: center;}
.c-Setup-Racks-Block {display: block;float: left;width: 100%; background: white; position: relative;}
.c-Setup-Racks-Spans {padding: 10px;  -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: #D9D9D9; -moz-border-top-colors: #C1C1C1; border-image: none; border-style: inset inset inset none;  border-width: 10px 10px 10px 0; border-right: 10px inset #D9D9D9; border-style: inset inset none none;  border-top: 10px inset #C1C1C1;}
.c-Setup-Racks-Span {display: block;height: 20px; background-color: #CACCCB; height: 12px; margin: 4px;}
.c-Setup-Racks-Span.c-Setup-Racks-Span-Blue{background-color: #64C0E7;}
.c-Setup-Racks-Span.c-Setup-Racks-Span-Green{background-color: #7EBF65;}

.c-Setup-Manual {vertical-align: top;}
.c-Setup-Racks .c-Setup-Racks-Single{margin: 0 auto 50px; float: none; display: inline-table;}

.c-Setup-Recommend .c-Setup-Details-Box, .c-Setup-Conclusion .c-Setup-Conclusion-Title {position: relative;}
.c-Setup-Boxes .icomoon-help-with-circle { color: white;    font-size: 25px; position: absolute; right: 10px; top: 20px;}

.c-Setup-Boxes .c-Setup-Conclusion .c-Setup-Conclusion-Title .icomoon-help-with-circle  {right: 100px;top: 30px;}

._c-Blur {filter: blur(5px);opacity: 0.5 !important;}
#modal-12.md-modal { background: transparent none repeat scroll 0 0;}
#modal-12 .c-Setting-Popup {background: white none repeat scroll 0 0;border: medium none;border-radius: 10px;/*box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.3);*/color: black; height: auto;max-width: 400px; padding: 50px 0; text-align: center;width: 400px; position: relative;}
.md-close {color: rgb(197, 0, 33);font-size: 25px;position: absolute;right: 15px;top: 15px;}
.c-Setting-Main {display: table;margin-bottom: 20px;}
.c-Setting-Main .c-Setting-Div {float: left;width: 50%;}
.c-Setting-Main .c-Setting-Lable {color: black;font-size: 12px;font-weight: bold;height: 45px;width: 90%;text-transform: uppercase;}
.c-Setting-Main .c-Setting-Div-Second .c-Setting-Lable { float: right;}
.c-Setting-Main .c-Fields {float: left; width: 90%;}
.c-Setting-Main .c-Setting-Div-Second .c-Fields {float: right;}
.c-Setting-Main .c-Setting-Div-Second {float: right;}
.c-Setting-Main .c-Fields, .c-Setting-Main .c-Fields .c-Fields-Input {height: 45px; line-height: 45px; color: black; border: none;}
.c-Setting-Main .c-Fields .c-Fields-Input {background: #E5E5E5 none repeat scroll 0 0; color: black;}
.c-Setting-Main .c-Fields *::-moz-placeholder { color: black; opacity: 1;}
.c-Setting-Form .c-btn.c-Setting-Submit {display: block;float: none;margin: 0 auto; width: 100%; font-size: 12px;}

.qtip-default {border-radius: 5px;}
.qtip-content {color: #9b9b9b;}

.c-Right-Bottom-Angle{position: absolute;right: 0; bottom: 0; border-bottom: 10px solid #F2F2F2;border-left: 10px solid transparent; border-top: 10px solid transparent;}
.c-Setup-Recommend .c-Right-Bottom-Angle{border-bottom: 10px solid #E6E6E6; }

input:focus,
select:focus,
textarea:focus,
button:focus,
.ui-slider-handle:focus { outline: none;}

.c-Main{margin-bottom: 100px;}
footer {width: 100%; margin-bottom: 50px; margin-top: 100px;}
footer img{width: 100%;}

.qtip .qtip-tip{height: 15px !important; line-height: 15px !important; overflow: auto; top: 22px !important;}
.qtip .qtip-tip canvas {height: 15px !important; width: 15px !important; }

.c-NegativeAmount {color: #d00 !important;}