.roi-form{margin-top: 50px;}
.roicalrow.blue .roicalcell {text-align: center;}
.roicalrow.annualsave1 {font-size: 18px; }
.roi-table h4, .roi-form h4{font-size: 24px;
			line-height: 29px;
			font-family: Lato, Bold;
			margin: 0;
			margin-bottom: 50px;
			text-align: center;
			color: #000;}
			
.troi-column{position: relative;
		min-height: 1px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		margin-bottom: 30px;}

fieldset{margin: 0 35px !important;
		border: 0 !important;
		padding: 0 !important;
		    height: 150px;
    display: block;}

label {
	font-family: Lato, Regular;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	height: 40px;
    display: block;
	color: #000;}
				
.troi-column .field{border: 1px solid #727272;
				padding: 5px;
				border-radius: 2px;
				margin-top: 15px;}						
	
.troi-column .troi-txt{background-color:#5055E2;
		padding:45px 0;
		content: 'Total Savings (5 Years)';
		color: #fff;
		font-size: 18px;
		border:0;
		text-align: center;
		font-family: Lato, sans-serif;
		display: inline-grid;
		margin: 0;}
		
.troi-column .troi-txtbox {
		padding: 0;
		background: transparent;
		border: 0;
		margin-bottom:20px;
		font-size:38px;
		color: #fff;
		text-align: center;    
		font-weight: 700;
		font-family: Lato, Black; }
.roi-input { height: 150px; }				
		
.btn{background-color: #088EB7;
	margin: 0 auto 40px auto; 
    border: 0;
    color: #fff;
    padding: 18px 30px;
    font-size: 18px;
    font-weight: 700;
    font-family: Lato, Bold;
	line-height:22px;
	display: flex;   
    }
	






.roicaltable {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
  .roicalrow.annualsave {
    color: #000 !important;
    font-weight: 700;
	font-size:18px
}
@media screen and (max-width: 580px) {
  .roicaltable {
    display: block;
  }
}

.roicalrow {
  display: table-row;
  background: #f6f6f6;
}
.roicalrow:nth-of-type(odd) {
  background: #e9e9e9;
}
.roicalrow.header {
  font-size:18px;
  font-weight: normal;
  color: #ffffff;  
}
.roicalrow.blue {
  background: #0a638d;
}
@media screen and (max-width: 580px) {
  .roicalrow {
    padding: 14px 0 7px;
    display: block;
  }
  .roicalrow.header {
    padding: 0;
    height: 6px;
  }
  .roicalrow.header .roicalcell {
    display: none;
  }

  .roicalrow .roicalcell {
    margin-bottom: 10px;
  } 
  .roicalrow .roicalcell:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #969696;
    display: block;
  }
}

.roicalcell {
  padding: 6px 12px;
  display: table-cell;
      border-right: 1px solid #56ccf2;
}
.roicalcell:last-child {
    border-right: 0;
}
@media screen and (max-width: 580px) {
  .roicalcell {
    padding: 2px 16px;
    display: block;
  }
}