#finance-banner { float:left; width:100%; height:300px;
background:
url('../images/finance/finance-img1.png'),
url('../images/finance/finance-banner-logo.png'),
url('../images/finance/finance-banner.jpg');
background-repeat: no-repeat,no-repeat,no-repeat;
background-position:top 30% left 22%,top 50% right 2%,left 0 bottom 45%;
background-size:auto auto,auto auto,cover;}
#finance-banner .wrapper { display:table; position:relative;}
#finance-banner .banner-inn { vertical-align:middle; display:table-cell; text-align:center; height:300px; padding:0 0 0 10%;}
#finance-banner .banner-inn h2 { color:#cd181f; font-size:45px; line-height:50px; margin:0px; padding:0px;font-family:'Montserrat Bold';}

#finance-banner .banner-inn .btn { margin:20px 0 0;}

.btn { float:left; width:100%; }
/*.btn a { margin:0 15px 0 0;background:#fbd60d url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 19px right 10px; color:#fff; padding:15px 50px 15px 20px; font-size:21px; font-weight: normal;display:inline-block; font-family:'Montserrat Regular';}
.btn a:hover {background:#cd181f url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 19px right 10px;}*/


.btn a {font-family:'Montserrat Regular';  font-size:17px; font-weight:normal; border:2px solid #fff; color:#fff; padding:14px 38px 14px 20px;
background:#4daf4f
url('../images/finance/finance-arrow.png');
background-repeat: no-repeat; 
background-position:top 14px right 15px; 
background-size:auto auto; display:inline-block;}
.btn a:hover {background:#004d9e
url('../images/finance/finance-arrow.png');
background-repeat: no-repeat; 
background-position:top 14px right 15px; 
background-size:auto auto; }


/*.finance_banner_row { float:left; position:absolute; text-align:center; top:10%;}
.finance_banner_row h3 { font-size:80px; line-height:40px; font-weight: bold; margin:0px; padding:60px 0 0 0; width:220px; height:220px; background:#f56222; border-radius:50%; color:#fff;}
.finance_banner_row h3 span { font-weight:normal; font-size:30px; line-height:30px;}
.finance_banner_row h4 { font-weight: normal;padding:50px 15px; font-size:24px; line-height:30px; width:160px; height:160px; background:#cd181f; border-radius:50%; color:#fff; margin:-90px 0 0 78%; display:inline-block;}
.finance_banner_row h4 span { font-weight: bold; font-size:32px; line-height:40px; font-style:italic;}
*/


#boiler-finance {float: left; width:100%; padding:60px 0; background:#fff;}
.boiler-finance {float: left; width:100%; margin:0;}
.boiler-finance-left {float: left; width:52%;}
.boiler-finance-left.text3 h3 { font-weight:normal; color:#000;}
.worcester-logo { float: left; width:100%; margin:8% 0;}
.boiler-finance-left h3 { font-size:22px; line-height:30px; margin:0px; padding:0px; color:#234492; font-family:'Montserrat Regular';}

.boiler-finance-right {float: right; width:40%;}
.boiler-finance-right h2 {font-size:26px; line-height:35px; color:#234492; margin:0px; padding:0px;font-weight: bold;}
.boiler-finance-right ul { margin:20px 0 0;}
.boiler-finance-right li {color:#414051; margin:0 0 15px; padding:0 20px;  line-height:28px; font-size:20px;background:url('../images/finance/services-dot1.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;}

#finance-row { float:left; width:100%; padding:50px 0; background:#	; text-align:center;}
#finance-row h2 { font-size:70px; line-height:80px; margin:0px; padding:0px; color:#fff;font-family:'Montserrat Bold';}
#finance-row h2 span { font-size:50px; color:#fff;font-family:'Montserrat Regular';}


#finance-example {float:left; width:100%; padding:50px 0px; text-align:center;
background:url('../images/finance/finance-example-background-parallax.jpg'); 
background-repeat:no-repeat; 
background-position:top 0 right 0%;
background-size:cover;
background-attachment:fixed;}

.finance-title { float:left; width:100%;}
.finance-title h2 { font-size:45px; line-height:55px; padding:0 0 20px;color:#234492;font-family:'Montserrat Bold'; }

.finance-col { float:left; width:100%; margin:0 0 50px;}
.space1 { float:left; width:100%; margin:15px 0;}
.finance-col-left { float:left; /*width:32%;*/ width:48%; margin:0 20px 0 0; /*background:#b32d34;*/

}
.finance-col-left .finance-col-row h2 { font-size:40px; line-height:50px; margin:0px; padding:0px;}
.finance-col-row { display:table;  width:100%; position:relative;background:
url('../images/finance/finance-bg-1.png');
background-repeat: no-repeat; 
background-position:top 0 right 0; 
background-size:cover;}
.finance-col-row .finance-cricle {font-family:'Montserrat Bold'; /*position:absolute; top:-70px; background:#234492; left:0; right:0; margin:0 auto;border-radius:50%; width:140px; height:140px; border:8px solid #fff;*/ font-size:90px; line-height:90px; font-weight:bold; color:#fff; padding:20px 0 0;}
.finance-col-row h2 {color:#fff;font-size:40px; line-height:50px;margin:0px; padding: 0; font-weight:bold;font-family:'Montserrat Bold';}
.finance-col-row h3 { color:#fff;font-size:30px; line-height:40px;margin:0 0 20px; padding:0px; font-weight:bold;font-family:'Montserrat Bold';}
.finance-col-row h4 {color:#fff;font-size:35px; line-height:40px; margin:0px; padding:0px; font-weight:bold;font-family:'Montserrat Bold';}
.finance-col-row p {color:#fff;font-size:26px; line-height:30px;margin:0px; padding:0px;}
.finance-col-left,.finance-col-mid,.finance-col-right b {font-family:'Montserrat Bold';}

.finance-col-row2 { float:left; width:100%; /*background:#234492;*/ 
background:
url('../images/finance/finance-bg-2.png');
background-repeat: no-repeat; 
background-position:top 0 right 0; 
background-size:cover;
padding:20px; margin:20px 0;}
.finance-col-row2 li {color:#fff; text-align:left; margin:0 0 15px; padding:0 16px; line-height:28px; font-size:19px;background:url('../images/finance/dot.png'); background-position:top 10px left 0px; background-repeat:no-repeat; list-style:none;font-family:'Montserrat Light';}

.finance-col-row3 { float:left; width:100%; /*background:#404041;*/
background:
url('../images/finance/finance-bg-3.png');
background-repeat: no-repeat; 
background-position:top 0 right 0; 
background-size:cover;
}
.finance-col-row3 p { text-align:left; font-size:16px; line-height:22px; margin:0px; padding:5px 0;font-family:'Montserrat Bold'; color:#fff; float:left; width:100%;}
.finance-col-row3 p b { color:#fff;font-family:'Montserrat Bold';}
.finance-col-row3 p span{float:right;}

.finance-row-4 { float:left; width:100%;}
.finance-row-4 a { float: left; width:100%; font-size:42px; line-height:50px; background:#d5d5d5; padding:15px 0; color:#006098; display:inline-block;}
.finance-row-4 a:hover { background:#e4e5e6; color:#fff;}

.finance-col-mid { float:left; /*width:32%;*/ width:48%; margin:0; /*background:#b32d34;*/display:table;}
.finance-col-mid h2 { text-align: center;  font-size:40px; line-height:50px; /*padding:70px 0 20px;*/ padding:0px;}
.finance-col-right { float: right; width:32%; margin:0; /*background:#b32d34;*/display:table; }

.middle1 { vertical-align: middle; display:table-cell; text-align:center; padding:10px;height:300px;}  
.middle2 { vertical-align: middle; display:table-cell; text-align:center; padding:10px;height:310px;} 
.middle2 p {font-family:'Montserrat Bold';
    float: left;
    width: 100%;
    color: #fff;
    margin: 0px;
    padding: 2px 0;
    font-size: 16px;
    line-height: 26px;
}
.middle3 { vertical-align:top; display:table-cell; text-align:center; padding:10px; height:440px;}

#eligibility { float: left; width: 100%; background: #fff; padding: 60px 0 0;}
.eligibility { float:left; width:100%;}
.eligibility-left { float:left; width:48%;}
.eligibility-left h2 { background:#006098; color:#fff;padding:15px 30px; font-size:35px; line-height:40px; font-weight:bold; margin:0px;}
.eligibility-left h3 { color:#006098;margin:0px; padding:0 0 20px; font-size:25px; font-family:'Montserrat Bold';}

.eligibility-text { float:left; width:100%; padding:30px; background:#e4e5e6; min-height:520px;}
.eligibility-text ul { margin:0px; padding:0px;}
.eligibility-text li { list-style:none; background:url('../images/finance/services-dot.png'); background-repeat:no-repeat; background-position:top 15px left 0; font-size:20px; padding:0 15px; color:#41404a; line-height:32px;}
.eligibility-right { float:right; width:48%;}
.eligibility-right h2 { background:#ed1c2e; color:#fff;padding:15px 30px; font-size:35px; line-height:40px;  font-weight:bold;margin:0px;}
.eligibility-right h3 { color:#ed1c2e; margin:0px; padding:0 0 20px; font-size:25px; line-height:30px;font-family:'Montserrat Bold';}

#hitachi-text { float:left; width:100%; margin:0; padding:60px 0; background:#fff; text-align:center;}
#hitachi-text p { font-size:17px; line-height:25px;font-family:'Montserrat Light'; color:#000; margin:0px; padding:10px 0;}
.hitachi-left{float:left; width:25%;}
.hitachi-right{float:right; width:75%; text-align:left;}



@media only screen and ( max-width:1400px) {
#finance-banner { background-position:top 30% left 10%,top 50% right 2%,left 0 bottom 60%;}
}

@media only screen and ( max-width:1200px) {
.wrapper {
    width: 90%;
    margin: 0 5%;
}
#finance-banner {
background:
url('../images/finance/finance-img1.png'),
url('../images/finance/finance-banner-logo.png'),
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/finance/finance-banner.jpg');
background-repeat: no-repeat, no-repeat,no-repeat,no-repeat;
background-position:top 30% left 4%,top 50% right 2%,top 0 left 0,left 0 bottom 60%;
background-size:auto auto,auto auto,100% 100%,cover;}
#finance-banner .banner-inn h2 { color:#fff;}


#finance-row { padding:30px 0;}
#finance-row h2 { font-size:50px; line-height:60px;}


.finance-col-row h2 {font-size:40px;line-height:40px;}
.finance-col-row h2 br { display:none;}
.finance-col-row p { font-size:22px;}
.finance-col-row li br,.finance-col-row3 p br { display:none;}
.finance-col-row2 li { font-size:18px;}
.finance-col-row3 p { font-size:17px;}
.finance-row-4 a { font-size:30px; left:40px;}

.middle { padding:25px;}

.finance-title h2 { font-size:35px; line-height:40px;}
}  

@media only screen and ( max-width:1100px) {

#finance-banner {
background-position:top 30% left 4%,top 50% right 2%,top 0 left 0,left 0 bottom 60%;
background-size:28% auto,auto auto,100% 100%,cover;}
}

@media only screen and ( max-width:1000px) {
.middle { height:400px;}
}

@media only screen and ( max-width:900px) {
#finance-banner {
background-position:top 30% left 4%,top 50% right 2%,top 0 left 0,left 0 bottom 60%;
background-size:28% auto,auto auto,100% 100%,cover;}
#finance-banner .banner-inn h2 { font-size:35px; line-height:40px;}
}

@media only screen and ( max-width:767px) {
#finance-banner,#finance-banner .banner-inn  { height:300px;}
#finance-banner {
background-position:top 40% left 4%,top 50% right 2%,top 0 left 0,left 0 bottom 60%;
background-size:28% auto,18% auto,100% 100%,cover;}
#finance-banner .banner-inn h2 { font-size:30px; line-height:40px;}

#finance-banner .btn a, #finance-banner .btn a:hover {
    margin: 0px;
    padding: 12px 50px 12px 20px;
    font-size: 17px;
    background-size: 6%;
    background-position: top 13px right 10px;
}

#finance-example { padding:100px 0 50px;}


#boiler-finance { text-align:center;}
.boiler-finance-right li { text-align:left;}
.boiler-finance-left,.boiler-finance-right,.eligibility-left,.eligibility-right { float:none; display:inline-block; width:100%;}
.eligibility-left { margin-bottom:30px;}
.eligibility-left h2,.eligibility-row3 h2 { font-size:30px; line-height:40px;}
.eligibility-left h3,.eligibility-row3 h3 { font-size:20px;}

#finance-row h2 { font-size:40px; line-height:50px;}
#finance-row h2 span { font-size:35px;}

.finance-col-left,.finance-col-mid,.finance-col-right { width:100%; float:none; display: inline-block; text-align:center; margin-bottom:100px;}
.finance-col-right { margin-bottom:0px !important;}
.middle1,.middle2,.middle3 { height: auto; vertical-align: middle; float: none; display: inline-block; padding:30px 15px;}
.finance-col-row2 li br { display:none;}
/*.finance-col-row3 p { text-align:center;}*/

.finance-title h2 { font-size:30px; line-height:40px;}
}

@media only screen and ( max-width:640px) {
#finance-banner,#finance-banner .banner-inn  { height:250px;}
}

@media only screen and ( max-width:540px) {
#finance-banner {
background-position:top 20% left 4%,top 50% right 2%,top 0 left 0,left 0 bottom 60%;
background-size:28% auto,18% auto,100% 100%,cover;}
#finance-banner .banner-inn h2 { font-size:22px; line-height:30px;}
#finance-banner .btn a,#finance-banner .btn a:hover { padding:10px 40px 10px 20px; font-size:15px; background-position:top 9px right 10px;}
#finance-banner .banner-inn .btn { margin:10px 0 0;}
#finance-banner .banner-inn  { vertical-align:bottom; padding:0 0 15px;}

.worcester-logo img { width:90%;}
.boiler-finance-row h3 { font-size:18px; line-height:30px;}


.finance-col-row h2 { font-size:35px; line-height:40px; padding:15px 0;}
.finance-col-row h4 { font-size:30px; line-height:30px;}
.finance-col-row h3 { font-size:28px; line-height:40px;}
.finance-col-row .finance-cricle { font-size: 60px; line-height: 60px; width:90px; height:90px; padding:10px 0 0;top: -58px;}
.finance-col-row h2 br { display:none;}

#boiler-finance { margin:0;}
.boiler-finance-right li { font-size:18px; line-height:28px;}

.eligibility-text li { font-size:17px; line-height:28px;}
.eligibility-text { min-height:auto;}

#hitachi-text p { font-size:16px;}
.boiler-finance-row h3 { font-size: 17px;line-height: 28px;}

}

@media only screen and ( max-width:460px) {
#finance-banner {
background-position:top 5% left 4%,top 50% right 2%,top 0 left 0,left 0 bottom 60%;
background-size:40% auto,18% auto,100% 100%,cover;}
}

@media only screen and ( max-width:370px) {
#finance-row h2 {font-size: 30px;line-height: 40px;}
.finance-col-row h2 { font-size:30px; line-height:30px;}
.finance-col-row h4 { font-size:25px; line-height:30px;}
.finance-col-row h3 { font-size:22px; line-height:30px;}
.finance-col-row3 p,.finance-col-row2 li { font-size: 16px;}

.space1 { margin:10px 0;}
}


