* {
  box-sizing: border-box; margin:0;
}
body { font-family: 'Poppins', sans-serif; background:#fef4e8 url(../img/banner-bg.jpg) no-repeat; margin:0; background-size:100%}
.eui-title { color:#0a536b; text-transform:uppercase; font-weight:bold; font-size:28px;}
.eui-sub-title { color:#0a536b;font-weight:400; font-size:20px;}
.eui-sub-title-2 { color:#de8336; margin:15px 0 15px 0}
.col-left { width:49%; float:left; margin-right:1%;}
.col-right { width:49%; float: right}
.eui { width:100%; height:55px; background:#FFF; border-radius:6px; border:solid 2px #DDD; outline:none; padding:0 15px 0 50px; margin-bottom:4%}
.eui-btn { width:50%; height:60px; background:#de8336; border-radius:4px; border:none; outline:none; padding:0 2%; margin:0 auto; display:table; font-size:17px; text-transform:uppercase; color:#FFF; float:none; cursor:pointer; margin-bottom:25px; font-weight:600}
.eui:focus { border:solid 2px #de8336}
.eui-inner { width:60%; margin:0 auto; display:table}
.col-full { width:100%; float:left; text-align:left;}
.small-text { font-size:14px; color:#1a5d73; font-weight:500} 
.eui-name { background:url(../img/name.png) no-repeat 10px 15px #FFF}
.eui-email { background:url(../img/email.png) no-repeat 10px 15px #FFF}
.eui-type { background:url(../img/type.png) no-repeat 10px 16px #FFF}
.eui-area { background:url(../img/area.png) no-repeat 10px 17px #FFF}
.eui-water { background:url(../img/water.png) no-repeat 10px 10px #FFF}
.eui-electricity { background:url(../img/electricity.png) no-repeat 10px 5px #FFF}
.results-box { background:#FFF; padding:80px; text-align:center; font-size:16px; font-weight:600; float:left; margin:25px 0; -webkit-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.1);
box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.1); width:95%; border-radius:10px;}
.results-inner { width:90%; margin:0 auto; display:table}
.results { width:100%; height:200px; float:left;}
.results-box span { color:#000}

.eui-btn-2 {  background:#de8336; border-radius:4px; border:none; outline:none; padding:20px 50px; margin:0 auto; display:table; font-size:14px; text-transform:uppercase; color:#FFF; float:none; cursor:pointer; margin-bottom:25px; font-weight:600; text-decoration:none}

.th-cols { width:100%; float:left; margin:0 0 50px 0}
.th-cols .cols { width:33.3%; float:left; padding:0 10px; font-weight:bold;}
.th-cols .cols img { margin:0 15px 0 0}
.th-cols .cols .hold-l { width: 20%; float:left}
.th-cols .cols .hold-r { width: 70%; float: left; text-align:left; line-height:18px; margin-top:1%; margin-left: 3%;}
.th-cols .cols .inner { background:#FFF; padding:20px; text-transform:uppercase; float:left; width:100%; border-radius:10px;}
.errors{	
color: #bf0000;
font-size:12px;
float:left;
}

.top-header { width:100%; float:left; background:#FFF; padding:22px; margin-bottom:25px;}
.left-logo { width:33.3%; float:left; text-align:left}
.left-logo img { max-width:30%;}
.mid-logo img { max-width:100%;}
.right-logo img { max-width:60%;}
.mid-logo { width:33.3%; float:left; text-align: center}
.right-logo { width:33.3%; float:left; text-align: right}


.result-bg { width:465px; height:80px; background:url(../img/result.png) no-repeat; position:relative; margin:80px auto 30px auto; display:table}
.pointer { position:absolute;  bottom: 24px;; width:85px; height:66px; background:url(../img/marker.png) no-repeat;}

.ten { left:12%;}
.tw { left:20%;}
.th { left:30%;}
.frt { left:40%;}
.fif { left:50%;}
.six { left:60%;}
.sev { left:70%;}
.eig { left:80%;}
.nin { left:90%;}
.hund { left:100%;} 

/*<=90*/
.better{left:5%;}
/*91-120*/
.ninetyone{left:10%;}
/*120-150*/
.onetwenty{left:15%;}
/*150-180*/
.onefifty{left:20%;}
/*180-210*/
.oneeighty{left:25%;}
/*210-240*/
.twoten{left:30%;}
/*240-270*/ 
.twofourty{left:35%;}
/*270-300*/
.twoseventy{left:40%;}
/*300-330*/
.threehundred{left:45%;}  
/*330-360*/
.threethirty{left:50%;}
/*360-390*/
.threesixty{left:55%;}
/*390-420*/
.threeninety{left:60%;}
/*420-450*/
.fourtwenty{left:65%;}
/*450-499*/
.fourfifty{left:70%;}
/*>=500*/
.worse{left:75%;}



@media only screen and (max-width: 1000px){
	
.col-left { width: 100%; margin-right: 3%; }
.col-right { width: 100% ;}
.th-cols .cols .hold-r { width: 80%; margin-top: 2%; margin-left: 2%;}
	
	
}