#finance-banner {float:left; width:100%; height:280px; }
.finance-banner .wrapper  { display:table;} 
.finance-banner {float:left; width:100%;}

#finance-banner {
background:
url('../images/10-yrs-logo.png'), 
url('../images/finance-banner.jpg'); 
background-repeat:no-repeat,no-repeat; 
background-position:top 40% right 10%,left 0 bottom 0%; 
background-size:auto auto,100% auto;}
.finance-banner_inn { float:left; width:100%; position:relative; display:table;}
.finance-banner_text { display: table-cell;vertical-align: middle;height: 280px; padding:0;}
.finance-banner_row { float:left; width:100%; text-align:center;}
.finance-banner_row h2 { margin:0px; padding:20px 30px; font-size:60px; line-height:60px; background:#005ba4; color:#fff; float:left; font-family:'Montserrat Regular';}
.finance-banner_row h2 span { font-size:30px; line-height:40px;}
.finance-banner_row h3 { margin:-15px 0 0 19%; padding:20px 20px; font-size:24px; line-height:30px; background:#2eabe0; color:#fff; float:left;font-family:'Montserrat Bold';}
.flexible_text { float:left; width:50%; left:45%; top:28%; position:absolute;}
.flexible_text h4 { color:#005ba3; font-size:50px; line-height:60px; margin:0px; padding:0px; text-shadow: 4px 0 0 #fff,-4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff;font-family:'Montserrat Bold';}
.flexible_text h5 { color:#005ba3; font-size:45px; line-height:50px; margin:0px; padding:0px; text-shadow: 4px 0 0 #fff,-4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff; text-align:left;font-family:'Montserrat Bold';}

#boiler-finance {float: left; width:100%; margin:60px 0;}
.boiler-finance {float: left; width:100%; margin:0;}
.boiler-finance-left {float: left; width:50%;}
.worcester-logo { float: left; width:100%; margin:8% 0;}
.boiler-finance-left h3 { font-size:20px; line-height:30px; margin:0px; padding:0px; color:#005cab; font-weight:bold;}

.boiler-finance-right {float: right; width:42%;}
.boiler-finance-right h2 {font-size:26px; color:#005ba4; margin:0px; padding:0px; font-weight:bold;}
.boiler-finance-right ul { margin:20px 0 0;}
.boiler-finance-right li {color:#404058; margin:0 0 15px; padding:0 20px;  line-height:28px; font-size:20px;background:url('../images/services-dot.png'); background-position:top 10px left 0px; background-repeat:no-repeat; list-style:none;font-family:'Montserrat Light';}
.boiler-finance-right .btn { float:left; width:100%; margin:30px 0;}
.boiler-finance-right .btn a {color:#fff;background:#2eabe0; border-radius:22px; font-size:28px; padding:12px 40px; font-weight: bold;}
.boiler-finance-right .btn a:hover { background:#005ba4;}

#finance-row { float:left; width:100%; padding:30px 0; background:#005ba4; text-align:center;}
#finance-row h2 { font-size:50px; line-height:60px; color:#fff; font-family:'Montserrat Bold';}
#finance-row h2 span { font-size:50px; color:#fff;}

#finance-example {float:left; width:100%; padding:80px 0; text-align:center;
background:url('../images/finance-example-background-parallax.png'); 
background-repeat:no-repeat; 
background-position:top 0 right 0%;
background-size:100% auto;
background-attachment:fixed;}

.finance-col { float:left; width:31%; margin:0 15px 0 0;}

.finance-example { float:left; width:100%; text-align:center; margin-bottom:5%;}
.finance-example ul { margin:0px; padding:0px;}
.finance-example li { list-style:none; width:100%; background:#2eabe0; padding:0;  display:inline-block; vertical-align:middle; min-height:300px;}
.finance-example li h2 { font-size:110px; line-height:120px; color:#fff; font-family:'Montserrat Bold'; }
.finance-example li h3 { font-size:42px; line-height:45px; color:#fff; }
.finance-example li h4 { color:#fff; font-size:32px; line-height:35px; margin:0px; padding:0px; font-family:'Montserrat Bold';}
.finance-example li h5 { color:#fff; font-size:24px; line-height:30px; margin:0px; padding:0px;}

.finance-text { float:left; width:100%; background:#404041; padding:15px 0 0; margin:0; min-height:440px;}
.finance-text p { list-style:none;font-size:19px; line-height:28px; color:#fff; font-weight:bold;}

.finance-text2 { float:left; width:100%; background:#d0d8ed; padding:15px; margin:0; min-height:600px; text-align:left;}
.finance-text2 h3 { color:#3075ba; font-size:25px;  font-family:'Montserrat Bold';}
.finance-text2 p {font-size:18px; color:#3075ba; line-height:30px; margin:0px; padding:5px 0;}
.finance-text2 p span {color:#3075ba; float:right; font-weight:bold;}

.findour_more { float:left; width:100%; text-align:center;background:#08509b;}
.findour_more a { color:#fff; padding:15px 0; font-size:40px; display:inline-block; font-weight:bold;}
.findour_more:hover { background:#2eabe0;}

#eligibility { float:left; width:100%; margin:5% 0 2%;}
.eligibility { float:left; width:100%;}
.eligibility-left { float:left; width:48%;}
.eligibility-left h2 { background:#005ba4; color:#fff;padding:15px 30px; font-size:35px; line-height:40px;}
.eligibility-left h3 { color:#005ba4;margin:0px; padding:0 0 10px; font-size:22px; font-family:'Montserrat Bold';}

.eligibility-text { float:left; width:100%; padding:30px; background:#ececed; min-height:550px;}
.eligibility-text ul { margin:0px; padding:0px;}
.eligibility-text li { list-style:none; background:url('../images/services-dot.png'); background-repeat:no-repeat; background-position:top 15px left 0; font-size:18px; padding:0 15px; color:#414042; line-height:32px;font-family:'Montserrat Light';}
.eligibility-right { float:right; width:48%;}
.eligibility-right h2 { background:#2eabe0; color:#fff;padding:15px 30px; font-size:35px; line-height:40px; }
.eligibility-right h3 { color:#2eabe0; margin:0px; padding:0 0 10px; font-size:22px;font-family:'Montserrat Bold';}

#hitachi { float:left; width:100%; margin:0; /*background:#f1f1f2;*/ padding:40px 0;}
.hitachi-left { float:left; width:25%;}
.hitachi-right { float:right; width:74%;}
.hitachi-right p { font-size:14px; line-height:20px;font-family:'Montserrat Light'; margin:0px; padding:5px 0;}

#finance-pdf { float:left; width:100%; text-align:center; margin:0 0 30px;}
#finance-pdf li { list-style:none; display:inline-block; padding:0 5px; font-size:17px; line-height:25px; color:#414042;}
#finance-pdf li a { color:#414042;}
#finance-pdf li a:hover { color:#e40521;}
#finance-pdf li span { padding:0 5px;}

#midpage-contact {float:left; width:100%; margin:3% 0 0; padding:100px 0;
background:url('../images/midpage-contact-us-banner.png');
background-size:100% auto;
background-repeat: no-repeat;
background-position: top 38% left 0%;}
#midpage-contact h2 { text-align:right; color:#1c75bc; font-size:35px; line-height:40px;font-family:'Montserrat Bold';}
#midpage-contact .btn { float: left; width:100%; text-align:right; margin:2% 0 0;}
#midpage-contact .btn a { background:#2eabe0; color:#fff; border-radius:8px; padding:8px 25px; font-size:20px; font-weight:bold;}
#midpage-contact .btn a:hover { background:#005ba4;}


@media only screen and ( max-width:1750px) {
#finance-banner { background-position:top 60% right 10%,left 0 bottom 30%; background-size:auto auto,180% auto;}

.finance-banner_row h2 { padding:20px 40px;font-size: 50px;line-height: 60px;}
.finance-banner_text { float:left; width:100%; margin:5% 0 0; height:auto;}
.flexible_text { left: 32%; top: 40%;}
}

@media only screen and ( max-width:1700px) {
.flexible_text { left:30%; top:50%;}
.flexible_text h4,.flexible_text h5 { font-size:45px; line-height:50px;}
.finance-banner_row h2 { padding:15px 30px;font-size:45px;line-height:50px;}
.finance-banner_row h3 { padding:10px 20px; font-size:25px; line-height:30px;margin: -14px 0 0 18%;}
}

@media only screen and ( max-width:1520px) {
.finance-banner_row h2 { padding:12px 25px;font-size:40px;line-height:50px;}
.finance-banner_row h3 { padding:15px 25px; font-size:25px; line-height:30px; margin:0 0 0 10%;}
.flexible_text h5 {margin: 0 0 0 16%;}
}  

@media only screen and ( max-width:1400px) {
.flexible_text { left:25%; top:35%;}
.finance-banner_row h2 { padding:16px 30px;font-size:35px;line-height:40px;}
.finance-banner_row h3 { padding:18px 25px; font-size:22px; line-height:28px; margin:0 0 0 10%;}
.flexible_text h5 {margin: 0 0 0 16%;}
.flexible_text h4,.flexible_text h5 { font-size:40px; line-height:50px;}
.flexible_text h5 { padding:0px;}

.findour_more a {padding: 10px 0; font-size: 25px;}
}  

@media only screen and ( max-width:1300px) {
}

@media only screen and ( max-width:1200px) {
#finance-example { background-size:400% auto;}
.finance-col { width:30%; margin:0 3% 0 0;}
.finance-example li { min-height:auto; padding:0 0 15px;}
.finance-example li h3 br { display:none;}
.finance-example li h3 { line-height:40px;}
.finance-example li h4 { line-height:30px;}
.finance-example.buy-now li { padding:50px 0;}
.boiler-finance-left .btn a { font-size:20px;}

#finance-banner {background-position: top 60% right 3%,left 0 bottom 30%;background-size:12% auto,250% auto}
.finance-banner_text { margin:8% 0 0;}
.flexible_text { left:30%; top:40%;}
.flexible_text h4,.flexible_text h5 { font-size:35px; line-height:40px;}
}

@media only screen and ( max-width:1000px) {
#finance-example { background-size:1000% auto;}
#finance-row { padding:20px 0;}
#finance-row h2 { font-size: 50px; line-height:60px; margin:0px; padding:0px;}
.finance-col { float:none; display:inline-block; width:100%;}
.finance-col,.finance-text,.finance-text2 { min-height:auto; padding:15px;}
.boiler-finance-left img { width:100%;}

.flexible_text h4,.flexible_text h5 { font-size:30px; line-height:40px; color:#fff;text-shadow: 0 0 0 #fff,-0 0 0 #fff, 0 0 0 #fff, 0 -0 0 #fff, 0 0 #fff, -0 -0 0 #fff, 0 -0 0 #fff, -0 0 0 #fff;}

#finance-banner { 
background:
url('../images/10-yrs-logo.png'), 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/finance-banner.jpg'); 
background-repeat:no-repeat,no-repeat; 
background-position:top 60% right 3%,top 0 left 0,right 0 bottom 0%; 
background-size:13% auto,100% 100%,auto auto;}
.finance-banner_text { margin:4% 0 0;}
.finance-banner .flexible_text h4,.finance-banner .flexible_text h5 { color:#fff;}
.flexible_text h5 { margin:0; text-align:center;}
.finance-banner .flexible_text {top:50%;left: 34%; width: 70%;}
.flexible_text h4,.flexible_text h5 { font-size:30px; line-height:40px; color:#fff;}
.finance-banner_row h2 { padding:15px 35px;font-size:30px;line-height:30px;}
.finance-banner_row h2 span { font-size:20px; line-height:30px;}
.finance-banner_row h3 { padding:12px 20px; font-size:19px; line-height:26px; margin:0 0 0 10%;}
}

@media only screen and ( max-width:820px) {
#finance-banner {background-position:top 40% right 3%,top 0 left 0,right 0 bottom 0%; background-size:18% auto,100% 100%,200% auto;}
.finance-banner .flexible_text h4, .finance-banner .flexible_text h5 { font-size:30px; line-height:40px;}
.flexible_text { top:40%; left:38%;}
.flexible_text h5 { margin:0 0 0 12%; text-align:left;}
.finance-banner_row h3 { margin:0 0 0 7%;}
}

@media only screen and ( max-width:768px) {
#boiler-finance { margin:25px 0;}
#boiler-finance,.boiler-finance-row,#hitachi { text-align:center;}
#finance-row { padding:25px 0;}
#finance-row h2 { font-size:32px; line-height:38px;}
#finance-row h2 span { font-size:25px; line-height:30px;}

.boiler-finance-right li { text-align:left;}
.boiler-finance-left h3 { font-size:16px; line-height:22px; }
.boiler-finance-right h2 { font-size:20px;}

.boiler-finance-left,.boiler-finance-right,.eligibility-left,.eligibility-right {float:none; display:inline-block; width:100%; margin:0px; padding:0px;}
.eligibility-left { margin-bottom:20px;}
.eligibility-text { min-height:auto;}
.eligibility-text li { text-align:left;}

.finance-text2 p br { display: none;}
.finance-example li h2 {font-size:50px; line-height:50px;}
.finance-example li h3 { font-size:30px; line-height:30px;}
.finance-example li h4 { font-size:22px; line-height:26px;}

.boiler-finance-right li br { display:none;}
.boiler-finance-right li { font-size:16px; line-height:22px;}
.finance-example.buy-now li { padding: 50px 0;}
.boiler-finance-left img { width:auto;}

.hitachi-left,.hitachi-right { float:none; display:inline-block; width:100%;}
.hitachi-right p { font-size:15px; line-height:20px;}

.boiler-finance-right .btn a { font-size: 20px; padding:10px 20px;}

#finance-banner {background-position:top 50% right 3%,top 0 left 0,left 50% bottom 0%; background-size:22% auto,100% 100%,auto auto;}
.finance-banner .flexible_text {top: 110%;left: 14%; width: 70%;}
.finance-banner_text { margin:8% 0 0;}
.flexible_text { left:30%; top:120%;}
.finance-banner .flexible_text h4, .finance-banner .flexible_text h5 { font-size:26px; line-height:30px;}


#midpage-contact { padding:50px 0;}
#midpage-contact h2,#midpage-contact .btn { text-align:center;}
#midpage-contact h2 { font-size:30px; line-height:40px; color:#fff;}
#midpage-contact h2 br { display:none;}
#midpage-contact {
background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/midpage-contact-us-banner.png'); 
background-position:top 0% left 0%,right 50% bottom 0%;
background-size:100% 100%,auto auto;}

}

@media only screen and ( max-width:640px) {
#finance-example { padding:30px 0;}
.finance-example li h2 { font-size:40px; line-height:40px;}
.finance-example li h3 { font-size:25px; line-height:25px;}
.finance-example li h4 br,.finance-example li h3 br { display:none;}
.finance-row1 h2 {padding:15px 20px; font-size: 25px; line-height:28px;}
.finance-row2 h3 { padding: 12px 18px; font-size:18px;}
.finance-example.buy-now li { padding:40px 0;}
.finance-row2 { margin-left: 18%;}

#finance-banner { height: 310px;}
#finance-banner {background-position:top 50% right 3%,top 0 left 0,left 50% bottom 0%; background-size:22% auto,100% 100%,auto auto;}
.finance-banner_text { margin:10% 0 0;}
.finance-banner .flexible_text {top: 106%;}
.finance-banner .flexible_text h4,.finance-banner .flexible_text h5 { color:#fff; font-size:23px; line-height:30px;}
.finance-banner_row h2 { padding:10px 30px;font-size:30px; line-height: 30px;}
.finance-banner_row h3 {padding: 8px 30px;font-size: 19px;}
.flexible_text h4,.flexible_text h5 { font-size:25px; line-height:35px;}

#midpage-contact h2 { font-size:20px; line-height: 30px;}

.eligibility-left h2,.eligibility-right h2 {padding: 8px 30px;}
}

@media only screen and ( max-width:540px) {
#finance-example {  background-size: 1500% auto;}

#finance-banner { height:280px;}
.finance-text p { font-size:16px; line-height:18px; padding:8px 30px;}
.boiler-finance-right h2 { font-size:18px; margin:0px; padding:0px;}
.boiler-finance-left .btn a {font-size: 15px;}
.boiler-finance-left img { width:100%;}

.finance-banner_text { margin:16% 0 0;}
.finance-banner_row h2 { padding:8px 30px;font-size:26px; line-height: 30px;}
.finance-banner_row h2 span { font-size:17px; line-height:22px;}
.finance-banner_row h3 {padding: 8px 30px;font-size:18px;}
.flexible_text { left:24%; top:120%;}
.flexible_text h4,.flexible_text h5 { font-size:22px; line-height:30px;}
.finance-banner .flexible_text h4,.finance-banner .flexible_text h5 { color:#fff; font-size:20px; line-height:30px;}

.findour_more a { padding: 10px 0; font-size: 20px;}

.finance-example li h5 { font-size:20px; line-height:25px;}
.finance-text p br { display:none;}
}

@media only screen and ( max-width:460px) {

.finance-text p { font-size:15px; line-height:18px; padding:8px 0;}
.finance-text li span { font-size:16px;}
.finance-text2 p { font-size:16px; padding:3px 0;}
.finance-text2 p span { font-size:20px;}
.eligibility-left h2,.eligibility-right h2 { font-size:22px;}
.eligibility-text { padding:20px;}
.eligibility-right h3,.eligibility-left h3 { font-size:18px;}
.eligibility-text li { font-size:15px; line-height:25px;}
.boiler-finance-left .btn a {font-size: 13px;}
.eligibility-left h2, .eligibility-right h2 { font-size:18px;}
.eligibility-right h3, .eligibility-left h3 { font-size: 16px;}
.finance-example.buy-now li { padding:35px 0;}


#finance-banner {background-position:top 60% right 5%,top 0 left 0,left 50% bottom 0%; background-size:20% auto,100% 100%,auto auto;}
.finance-banner_text { margin:14% 0 0;}
.flexible_text { left:20%; top:120%;}
.flexible_text { left: 20%;  top: 110%; width:80%;}
.finance-banner_row h3 { padding:6px 15px; font-size:15px; line-height:22px; margin:0 0 0 3%;}

}

@media only screen and ( max-width:400px) {
#finance-banner { height:220px;}

.finance-row2 h3 { padding: 6px 8px; font-size: 15px;}
.finance-row2 { margin-left: 5%;}
.boiler-finance-left .btn a {  font-size: 11px;}


#finance-banner {background-position:top 50% right 6%,top 0 left 0,left 60% bottom 0%; background-size:25% auto,100% 100%,auto auto;}
.finance-banner_text { margin:15% 0 0;}
.flexible_text { left:10%; top:120%;}
.finance-banner_row h2 { padding:6px 20px;font-size:20px; line-height:25px;}
.finance-banner_row h2 span { font-size:14px;}
.finance-banner_row h3 {padding:4px 15px;font-size:13px;}
.flexible_text h4,.flexible_text h5 { font-size:19px; line-height:30px;}
}

@media only screen and ( max-width:350px) {
.finance-banner_text { margin:18% 0 0;}
.finance-banner .flexible_text { top:110%;}
.finance-banner .flexible_text h4, .finance-banner .flexible_text h5 {font-size: 18px;line-height: 30px;}
}