#finance-banner {float:left; width:100%; height:500px; }
.finance-banner .wrapper  { display:table;} 
.finance-banner {float:left; width:100%;background-image: url('../images/finance-banner-background.png');background-repeat: no-repeat;background-position: center;background-size: cover;padding: 10px 0 20px;}

#finance-banner {
background:
url('../images/blue-10-yrs-logo.png'), 
url('../images/finance-banner.jpg'); 
background-repeat:no-repeat,no-repeat; 
background-position:top 64% right 10%,top 42% right 0%; 
background-size:auto auto,cover;}
#finance-banner.opt1{background:url('../images/finance-banner1.jpg');background-repeat:no-repeat,no-repeat;background-size: cover;background-position: top 10% right;}
#finance-banner.opt2{background:url('../images/finance-banner2.jpg');background-repeat:no-repeat,no-repeat;background-size: cover;background-position: top 0% right;}
#finance-banner.opt3{background:url('../images/finance-banner3.jpg');background-repeat:no-repeat,no-repeat;background-size: cover;background-position: top 20% right;}
.finance-banner_inn { float:left; width:100%; position:relative; display:table;}
.finance-banner_text { display: table-cell;vertical-align: middle;height: 250px; padding:0 0 0;}
.finance-banner_row { float:left; width:100%; text-align:center;}
.finance-banner_row h2.small {font-size: 44px;}
.finance-banner_row h2 {    margin: 0px;padding: 20px 30px;font-size: 50px;line-height: 54px;background: #00adf0;color: #fff;float: left;font-family: 'Montserrat Bold';}
.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:#0085cb; color:#fff; float:left;font-family:'Montserrat Bold';}
.flexible_text {float: left;width: 50%;left: 39%;top: 20%;position: absolute;}
.flexible_text h4 { color:#00adf0; font-size:45px; line-height:50px; margin:0px; padding:0px;font-family:'Montserrat Bold';}
.flexible_text h5 { color:#00adf0; font-size:45px; line-height:50px; margin:0px; padding:0px;text-align:right;font-family:'Montserrat Bold'; text-align:right;}

.flexible_btn { margin:5% 16% 0 -25%; float: right; width:100%; text-align: right;}
.flexible_btn.colored a {     background: #41ad49;color: #fff;border-radius: 12px;padding: 10px 50px;font-size: 23px;font-family: 'Montserrat Regular';}
.flexible_btn.colored a:hover { background:#0085cb;}

#boiler-finance {float: left; width:100%; margin:60px 0;}
.boiler-finance {float: left; width:100%; margin:0;}
.boiler-finance-left {float: left; width:50%;}
.boiler-finance-left h4{color: #413b3a;}
.worcester-logo { float: left; width:100%; margin:8% 0;}
.boiler-finance-left h3 {font-size: 24px;line-height: 32px;margin: 0px;padding: 0px;color: #005cab;font-weight: bold;font-family: 'Montserrat Regular';}

.boiler-finance-right h2.blue {color: #005baa;}
.boiler-finance-right {float: right; width:40%;}
.boiler-finance-right h2 {font-size:26px; color:#eb1b2e; margin:0px; padding:0px;font-weight: bold;}
.boiler-finance-right ul { margin:20px 0 0;}
.boiler-finance-right li {margin:0 0 15px; padding:0 20px;  line-height:28px; font-size:20px;background:url('../images/services-dot1.png'); background-position:top 10px left 0px; background-repeat:no-repeat; list-style:none;}
.boiler-finance-right .btn { float:left; width:100%; margin:30px 0;}
.boiler-finance-right .btn a {color:#fff;background:#41ad49; border-radius:22px; font-size:25px; padding:12px 30px; font-weight:normal;}
.boiler-finance-right .btn a:hover { background:#e91b2d;}

#finance-row { float:left; width:100%; padding:50px 0; background:#ed1b2e; text-align:center;}
#finance-row h2 { font-size:70px; line-height:80px; color:#fff; font-family:'Montserrat Bold';}
#finance-row h2 span { font-size:50px;}
.flexible_text h4,.flexible_text h5{    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #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:#005baa; 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';line-height: 80px;margin-top: 25px;}
.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';opacity: 0.8}
.finance-example li h5 { color:#fff; font-size:24px; line-height:30px; margin:0px; padding:0px;opacity: 0.8}

.finance-text { float:left; width:100%; background:#414042; 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 0px; margin:0; min-height:520px;}
.finance-text2 h3 { color:#3075ba; font-size:25px;  font-family:'Montserrat Bold';}
.finance-text2 p {font-size:19px; color:#3075ba; line-height:32px; margin:0px; padding:5px 0;}
.finance-text2 p span {font-family:'Montserrat Bold'; font-size:24px;}

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

#eligibility { float:left; width:100%; margin:5% 0;}
.eligibility { float:left; width:100%;}
.eligibility-left { float:left; width:48%;}
.eligibility-left h2 { background:#3075ba; color:#fff;padding:15px 30px; font-size:35px; line-height:40px;}
.eligibility-left h3 { color:#3075ba;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;}
.eligibility-right { float:right; width:48%;}
.eligibility-right h2 { background:#ed1b2e; color:#fff;padding:15px 30px; font-size:35px; line-height:40px; }
.eligibility-right h3 { color:#ed1b2e; 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%;padding: 3% 0 0;}
.hitachi-right { float:right; width:74%;}
.hitachi-right p { font-size:17px; line-height:25px;font-family:'Montserrat Light'; margin:0px; padding:0px;color: #000000;}
.hitachi-right p + p{margin-top: 5px;}

#midpage-contact {float:left; width:100%; margin:5% 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:#4daf4f; color:#fff; border-radius:8px; padding:8px 25px; font-size:20px; font-weight:bold;}
#midpage-contact .btn a:hover { background:#3075ba;}

.contact-add h3 span, .contact-add h4 span{min-height: 1px!important}


.flexible_btn a{background: #73c200;
    padding: 10px 40px;
    color: #fff;
    border-radius: 15px;
    font-size: 24px;}

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

.finance-banner_row h2 { padding:20px 40px;font-size: 50px;line-height: 40px;}
.finance-banner_text { float:left; width:100%;}
}

@media only screen and ( max-width:1700px) {
.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) {
.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 50%;background-size:12% auto,cover;}
.flexible_btn a {padding: 7px 22px;font-size: 25px;}
.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%;}


#finance-banner { 
background:
url('../images/10-yrs-logo.png'), 
linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
url('../images/finance-banner.jpg'); 
background-repeat:no-repeat,no-repeat; 
background-position:top 60% right 3%,top 0 left 0,right 0 bottom 50%; 
background-size:13% auto,100% 100%,cover;}
.finance-banner .flexible_btn a {padding: 7px 22px;font-size: 22px; font-weight: normal;font-family:'Montserrat Light';}
.finance-banner .flexible_text h4,.finance-banner .flexible_text h5 {/* color:#fff;*/}
.flexible_text h5 { margin:0; text-align:center;}
.flexible_btn { margin: 5% 0 0 -25%;}
.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%;}
.flexible_btn { margin: 5% 0 0 0%;}
}

@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:22% auto,100% 100%,cover;}
.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 10%;}
.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 50%; background-size:22% auto,100% 100%,cover;}
.finance-banner .flexible_text {top: 110%;left: 14%; width: 70%;    position: relative;}
.finance-banner_text{height: auto;    margin-bottom: 20px;}
.finance-banner .flexible_btn { margin:5% 0 0 0;}
.finance-banner .flexible_btn a {padding:6px 20px;font-size: 19px;}
.flexible_text { left:30%; top:120%;}
.finance-banner .flexible_text h4, .finance-banner .flexible_text h5 { font-size:26px; line-height:30px;}
.finance-banner .flexible_btn img { width:35%;}


#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.4),rgba(0,0,0,0.4)),
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:400px;}
#finance-banner {background-position:top 50% right 3%,top 0 left 0,left 50% bottom 50%; background-size:22% auto,100% 100%,cover;}
.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-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_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 50%; background-size:20% auto,100% 100%,cover;}
.finance-banner .flexible_btn a {padding:6px 20px;font-size: 17px;}
.flexible_text { left:20%; top:120%;}
.flexible_text { left: 20%;  top: 110%; width:80%;}
.finance-banner .flexible_btn { margin:8% 0 0 0; text-align: right;}
.finance-banner .flexible_btn img { width:45%;}
.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-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 50%; background-size:25% auto,100% 100%,cover;}
.flexible_text { left:10%; top:120%;}
.finance-banner_row h2 { padding:6px 20px;font-size:20px!important; 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 .flexible_text { top:110%;}
.finance-banner .flexible_btn img { width:55%;}
.finance-banner .flexible_text h4, .finance-banner .flexible_text h5 {font-size: 18px;line-height: 30px;}
}