#frame{margin:30px auto;width:993px;height:550px;}


.sc-header{overflow:hidden;padding:15px;}
.sc-header .back{display:none;color:green;float:left;font-size:14px;font-weight:bold;line-height:30px;
	width:80px;text-align:center;}
.sc-progress-bar{height:30px;position:relative;overflow:hidden;float:right;width:850px;}
.sc-progress-bar a{position:absolute;cursor:default;width:30px;height:30px;background:#ededed;text-align:center;
	line-height:30px;font-weight:bold;color:#ccc;font-size:13px;overflow:hidden;
	-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;box-shadow: inset 0 -1px 0 1px #e5e5e5;}

.slides{display:none;}

#sc-frame .cal-sidebar{margin:15px;overflow: hidden;}
#sc-frame .cal-sidebar h3{font-size:18px;margin-bottom:8px;}

#sc-frame .installers{padding-top:15px;}

#slide-5 p{font-size:14px;line-height:20px;color:#444;padding-left:30px;}

#sc-frame{background:rgba(0,0,0,0.1);width:993px;height:650px; margin: 0 auto;
		-webkit-border-radius:7px;border-radius:7px;-moz-border-radius:7px;}

#sc-frame a{-webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration: none !important; }

/* panel */
.sc-content{margin:15px;margin-top:0px;}
.sc-content .panel{
	background:rgba(255,255,255,0.1);
	min-height:475px;position:relative;
	overflow:auto;
	-webkit-border-radius:7px;border-radius:7px;-moz-border-radius:7px;}

.sc-content h2,.sc-content h3,.sc-content h4{font-size:19px;font-weight:bold;text-transform:none;font-family:Helvetica,Arial,sans-serif;color:#fff;}	
	
/* slide one */
.sc-content h2{padding:30px 0 8px 30px;}

.style-title {
		position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sc-content .installationType:hover:before{content:attr(data-tip);position:absolute;background:#333; /* need to sort something out here ############*/
	line-height:15px;z-index:2px;font-weight:normal;color:#fff;font-size:13px;
	padding:5px;margin-top:0px;margin-left:-10px;border-radius:5px 5px 0px 5px;-moz-border-radius:5px 5px 0px 5px;-webkit-border-radius:5px 5px 0px 5px;z-index:3;}
.

.sc-content .installationType.v2{background-position:-210px 0;}
.sc-content .installationType.v2.active{background-position:-210px -225px;}
.sc-content .installationType.v3{background-position:0px -125px;}
.sc-content .installationType.v3.active{background-position:0px -350px;}
.sc-content .installationType.v4{background-position:-210px -125px;}
.sc-content .installationType.v4.active{background-position:-210px -350px;}
.sc-content .installationType {
	float: left;
	height: 100px;
	margin: 20px 0 5px 70px;
	width: 160px;
	background-color:#ededed;
	border: 5px solid #fff;
	padding: 10px;
	border-radius: 10px;	
	font-size:16px;
	color: #444;
}
.sc-content .installationType.v5{background-position:-500px 0px;}
.sc-content .installationType.v5.active{background-position:-500px -225px;}
.sc-content .installationType.v6{background-position:-500px -125px;}
.sc-content .installationType.v6.active{background-position:-500px -350px;}
.installationType-active { border-width:5px !important; border-color:#96c03d !important; background-color:#96c03d !important; color:#fff !important;  -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #000;
            box-shadow: 0 10px 6px -6px #000;} 

/*slide two*/
.house-container.house{width:760px;height:260px;margin-left:100px;margin-top:150px;position:relative;} /* need to sort something out here ############*/
.house-left{ -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #000;
            box-shadow: 0 10px 6px -6px #000; width:110px;height:110px;position:absolute;top:-50px;left:60px; /* need to sort something out here ############*/
	background:url(img/smhouse.jpg) center center no-repeat; border-radius: 50%;}
.house-right{ -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #000;
            box-shadow: 0 10px 6px -6px #000;width:110px;height:110px;position:absolute;top:-50px;right:60px; border-radius: 50%;
	background:url(img/right-house.png) center center no-repeat; }
#house-slider-bg{width:360px;height:21px;margin:100px auto 25px auto;  
	background:url(img/slider_bar.jpg) center center repeat-x;}
.house-slider-2 {position:relative;width:350px;height:41px;top: -10px;}
.house-slider-2 a{display:block;position:absolute;height:27px;width:27px;outline:none; margin-top:6px;
	background:url(slider.png) no-repeat;}
.house-input{margin:0px auto;width:225px;}
.house-input input{height:38px;width:80px;font-size:16px;color:green;border:none;background:#fff;
	border-top:2px solid #999;text-align:center;font-weight:bold;}
.house-input strong{color:#fff;font-weight:normal;font-size:16px;display:inline-block;margin-left:10px;}
.house-info{font-size:14px;text-align:center;padding-top:25px;color:#555; margin-left: -20px;}

	

/*slide three*/
.rooms{margin:20px 0px 0 30px;height:290px;overflow:auto;}
.rooms a{width:140px;height:120px;float:left;background:#96c03d url() center center no-repeat;
	-webkit-border-radius:7px;border-radius:7px;-moz-border-radius:7px;margin:0 15px 15px 0;}
.rooms a:hover{background-color:#b8eb4d;}
.rooms a.active{background-color:#fbbd00;}
.rooms a.other{text-align:center;font-size:14px;padding-top:10px;height:70px;line-height:20px;color:#fff;    box-shadow: 0 10px 6px -6px #000;}

.rooms a:hover:before{content:attr(data-tip);position:absolute;background:#333;
	line-height:15px;z-index:2px;font-weight:normal;color:#fff;font-size:13px;
	padding:5px;margin-top:-12px;margin-left:-30px;border-radius:5px 5px 0px 5px;-moz-border-radius:5px 5px 0px 5px;-webkit-border-radius:5px 5px 0px 5px;z-index:3;}
.rooms a.other:hover:before{margin-top:-23px;margin-left:-80px;}

.summary-rooms .summary-list-items{clear:both;overflow:auto; height:280px; background-color:#fff;}
.summary-rooms .summary-list-item{ width:100%; clear:both;overflow:hidden;height:30px;font-size:12px;font-weight:normal;}
.summary-rooms .summary-list-item
{background:#fff;line-height:30px;float:left;}
.summary-rooms .summary-list-item .room-name
{
	width: 160px;
	float:left;
	font-weight:bold;	
	    padding-left: 5px;
  text-overflow: ellipsis;
}

.instalation-types, .instalation-size, .instalation-cost {
	background-color:#fff;
	font-size: 12px;
	color: #333;
	line-height:16px;
	padding:0px 8px;word-wrap: break-word;
}


.summary-room-footer {
	float:left;
	width:100%;
	    margin-top: 5px;	
}



.border-name
{
	border-bottom: solid 2px #96c03d;
}

.summary-rooms .summary-list-item .circuit-name
{	width: 185px;
	float:left;
	padding-left:12px;
  text-overflow: ellipsis;
  height:24px;
    white-space: nowrap; 
	 overflow: hidden;;
}

.summary-rooms .summary-list-item .circuit-name:first-letter
{	
	 text-transform: capitalize;
}

.summary-rooms .summary-list-item .circuit-type
	width: 18px;
	float:left;
}
.summary-rooms .summary-list-item .room-name
	padding-left:8px;
	text-transform: capitalize;
}

 .summary-rooms .summary-list-item .room-cost
{
	float:left;
	text-align: right;
	font-weight:bold;
}

.summary-rooms .summary-list-item .circuit-qty
{
	width: 30px;
	float:right;
	text-align: right;
	margin-right: 5px;
}

.hide-room
{
	display:none;
}

.final-result-container {
	margin:18px;
}

.final-details {margin-top:5px; padding-left:8px; padding-right:10px;margin-right:0;padding-bottom:30px;
-webkit-transform: translate3d(0,0,0);-webkit-overflow-scrolling: touch; height: 350px; }
.final-details .summary-list-items{clear:both;background-color:#fff;margin-bottom:30px;     padding:0px 20px 20px 20px;}
.final-details .summary-list-item{ width:100%; clear:both;overflow:hidden;height:30px;font-size:12px;font-weight:normal;}
.final-details .summary-list-item
{background:#fff;line-height:30px;}
.final-details .summary-list-item .room-name
{
	width: 160px;
	float:left;
	font-weight:bold;	
	
  text-overflow: ellipsis;
}

.final-details .summary-list-item .circuit-name
{	width: 300px;
	float:left;
	padding-left:40px;
  text-overflow: ellipsis;
  height:24px;
    white-space: nowrap; 
	 overflow: hidden;;
}

.final-details .summary-list-item .circuit-name:first-letter 
{	
	 text-transform: capitalize;
}

.final-details .summary-list-item .circuit-type  {
	width: 18px;
	float:left;
}
.final-details .summary-list-item .room-name {
	padding-left:8px;
	text-transform: capitalize;
}

 .final-details .summary-list-item .room-cost
{
	float:left;
	text-align: right;
	font-weight:bold;
}

.final-details  .summary-list-item .circuit-qty
{
	width: 30px;
	float:right;
	text-align: right;
	margin-right: 40px;
}

.final-details  .instalation-cost
{
	font-size: 14px !important;
    padding: 10px 10px;
	float:right;
	line-height:20px;
}

.final-details .summary-room-footer {
	float:left;
	width:100%;
line-height:16px;
}


.final-details h3 {
	margin-bottom:10px;
}
.from-cost
{
	margin-bottom:10px;
	width:150px;
	background:green;display:inline-block;padding:4px 15px;font-size:14px;
		line-height:30px;color:#fff;
		-webkit-border-radius:7px;border-radius:7px;-moz-border-radius:7px;}

.from-cost .fromText
{
	font-size: 8px;
}

.from-cost .fromCost
{
	    font-size: 20px;
    /* float: right; */
    text-align: center;
    margin-top: -12px;
    width: 100%;
}

.border-price
{
	border-bottom: solid 2px #96c03d;
}

.results-rooms .list-items {clear:both;}
.results-rooms .list-item{clear:both;overflow:hidden;height:30px;margin-bottom:2px;font-size:12px;font-weight:normal;}
.results-rooms .list-item .type,.results-rooms .list-item .name,
.results-rooms .list-item .speedcontrol,.results-rooms .list-item .qty,.results-rooms .list-item .dimable
{background:#fff;line-height:30px;float:left;}
.results-rooms .list-item .name{padding-left:8px; width:470px;color:#333;}
.results-rooms .list-item .speedcontrol-name{width:360px !important;}
.results-rooms .list-item .dim-name{width:360px !important;}
.results-rooms .list-item .type{width:60px;}
.results-rooms .list-item .speedcontrol{width:110px;}
.results-rooms .list-item .dimable{width:110px;}
.results-rooms .list-item .button-box{float:left;background:green;line-height:30px;width:30px;text-align:center;color:#fff;}


.results-rooms{margin-top:5px; padding-left:8px;     background: rgba(255,255,255,0.1); padding-right:30px;margin-right:0;padding-bottom:30px;
-webkit-transform: translate3d(0,0,0);-webkit-overflow-scrolling: touch; height: 350px; overflow:auto;}
.results-rooms h3{margin-bottom:0px;font-size:22px;}
.results-rooms .tag-line{font-size:15px;}
.results-rooms .items{margin-left:-15px;overflow:hidden;margin-bottom:30px;width:610px;margin-top:20px;}
.results-rooms .item{margin-left:15px;float:left;background:#fff;padding:15px;margin-bottom:15px;width:260px;height:115px;
	box-shadow: inset 0 -1px 0 1px #e5e5e5;}
.results-rooms .item h4{font-size:13px;margin-bottom:0px;width:260px;white-space: nowrap;overflow:hidden;}
.results-rooms .item .image{cursor:pointer;float:left;width:110px;margin-right:10px;height:95px;text-align:center;vertical-align: middle;margin-top:8px;}
.results-rooms .item .image img{vertical-align: middle;}
.results-rooms .item .info p{font-size:12px;line-height:25px;}
.results-rooms .item .info p span{display:inline-block;margin-right:15px;}
.results-rooms .item .info ul{font-size:11px;list-style:disc inside;height:80px;overflow:hidden;
	margin-bottom:0;padding-left:2px;}
.results-rooms .item .info ul li{margin-bottom:3px;}
.results-rooms .underpowered{border:3px solid #ae1212;background:#e4cece;color:#ae1212;padding:20px;padding-left:20px;
	overflow:hidden;margin:20px 0 20px 0;
	-webkit-border-radius:6px;border-radius:6px;-moz-border-radius:6px;}
.results-rooms .underpowered h4{font-size:13px;width:340px;float:left;color:#ae1212;margin:0;margin-bottom:10px;}
.results-rooms .underpowered p{width:340px;font-size:12px;float:left;line-height:16px;}
.results-rooms .underpowered .sc-btn{float:right;margin-right:0px;margin-top:0px;font-size:12px;}
.results-rooms .list-item .qty{width:30px;text-align:center;font-weight:bold;}

.results-rooms .toggle{padding: 4px 4px 4px 25px; color:#fff;display:block;font-size:12px;font-weight:bold;margin-top:10px;margin-bottom:5px;padding-left:22px;
background:url(img/toggle-arrows.png) 7px -13px no-repeat #96c03d; text-text-transform:capitalize;}
.results-rooms .toggle.closed{background-position:7px 8px;}
.results-rooms .toggle:hover{color:#000;}

.results-rooms .done{position:absolute;top:15px;right:25px;box-shadow:0 0 0 5px #EDEDED;
padding:0;text-align:center;width:90px;font-size:11px;}

.room-container {
	margin:18px;
}

.room-name-item {
	height:40px;
	overflow: hidden;
}
.add-room {
	background:url(img/add.png) center 10px no-repeat #96c03d !important;
	line-height: 90px !important;
}

/* button */
.sc-btn{background:green;display:inline-block;padding:0px 10px;font-size:14px;
		line-height:30px;color:#fff;
		-webkit-border-radius:7px;border-radius:7px;-moz-border-radius:7px;}
.sc-btn:hover{background:#058b05; color:#fff;}
.sc-btn.progress{line-height:60px;width:200px;font-size:16px;font-weight:bold; height:60px;
	position:absolute;right:15px;bottom:15px;/**/
	padding-left:20px;padding-right:0px;
	background-image:url(img/next.png); 
	background-position:160px center;
	background-repeat:no-repeat;}
	
	
.sc-btn.progress.multiline{line-height:20px;padding-top:10px;padding-bottom:10px;}


/* progress bar */
.sc-progress-bar a.active{background:#96c03d;cursor:pointer;box-shadow:none;color:#fff;}
.sc-progress-bar a.p2{left:25%;}
.sc-progress-bar a.p3{left:50%;}
.sc-progress-bar a.p4{left:75%;}
.sc-progress-bar a.p5{right:0;}
.sc-progress-bar a.p6{right:0;}
.sc-progress-bar .bar{height:10px;background:#ededed;margin-top:10px;
	box-shadow: inset 0 -1px 0 1px #e5e5e5;
	-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.sc-progress-bar .bar div{height:10px;width:0%;background:#96c03d;
	-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
	

	
/* dialog - form */
.dialog-form{float:left;overflow:hidden;line-height:18px;background:#fff;padding:15px;color:#333;width:300px;font-size:12px;}
.dialog-form h4{font-size:15px;margin-bottom:20px;color:#333;width:200px;white-space: nowrap;overflow:hidden;}
.dialog-form .row{margin-bottom:15px; margin-left:0px; margin-right:0px;}
.dialog-form label{font-weight:bold;font-size:12px;margin-bottom:8px;display:block;}
.dialog-form .right{text-align:right;border-top:1px solid #ccc;padding-top:15px;text-decoration:none;}
.dialog-form .cancel{margin-right:15px;color:#666;}
.dialog-form .text{border:1px solid #aaa;background:#f9f9f9;margin-bottom:3px;box-shadow:inset 0 2px 0 1px #eee;font-size:12px; line-height: 25px;}
.dialog-form .text.small{width:100%; margin-bottom:10px;}
.dialog-form .select-type {width:100%; margin-bottom:10px; height: 25px;}
.dialog-form .sc-btn{line-height:35px;padding:0 30px;text-decoration:none;}
.dialog-form p{position:relative;top:-15px;}


/* dialog - agreement */
.dialog-agreement{width:370px;font-size:13px;}
.dialog-agreement h4{width:340px;}
.dialog-agreement .scroll{overflow:auto;font-size:11px;padding-right:20px;line-height:14px;height:180px;
		margin-bottom:13px;padding-top:5px;border:1px solid #333;border-width:1px 0;}
.dialog-agreement .scroll p{margin-bottom:5px;color:#555;}
.dialog-agreement p{margin-bottom:10px;line-height:16px;position:static;}
.dialog-agreement p a{color:#333;}
.dialog-agreement p a:hover{text-decoration:underline;}

/* Custom Dialog - Plugged in CSS */
.dialog{border:8px solid #999;background:#fff;position:fixed;top:50%;left:50%;min-width:300px;min-height:50px;z-index:901;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.dialog-background{background:#000;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:900;}

.dialog.normal{border:8px solid #fff;padding:0px;}
.dialog.normal .dialog-close{position:absolute;right:10px;margin-top:-25px;padding:7px 5px;font-weight:bold;color:#fff;display:block;font-size:12px;background:#d63640;cursor:pointer;}
.dialog.normal .dialog-close:hover{text-decoration:underline;}

#overlay{background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;display: none;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	

.cal-sidebar .wpcf7-text {
	padding: 0px 5px !important;
}


.cal-sidebar .wpcf7-textarea {
	height:80px;
}