#slider .owl-dots { display: none;}

#slider { float:left; width:100%;}
.slide1,.slide2,.slide3,.slide4 { float:left; width:100%; height:450px; position: relative;}

.slide1 { 
background-image:
url('../images/slide/10yr-icon.png'),
url('../images/slide/slide1.png');
background-repeat: no-repeat, no-repeat;
background-position: right 28% top 50%,top 0 left 0;
background-size:auto auto, 100% auto;}

.slide1-text {  width:30%; position:absolute; right:36%; bottom:20%; text-align: right;}
.slide1-text h1 { font-size:40px; line-height:50px; color:#25408f;font-family:'AvantGarde';}
.slide1-text p { text-align:right; margin:0px; padding:0px;}
.slide1-text .btn { margin:20px 0;}
.slide1-text .btn a { color:#fff; background:#d2232a; border-radius:6px; font-size:20px; padding:5px 12px; font-weight:normal;font-family:'AvantGarde'; font-weight:bold;}
.slide1-text .btn a.active,.slide1-text .btn a:hover { background:#00aeef;}

.slide2 { 
background-image:
url('../images/slide/slide-graphic.png'),
url('../images/slide/slide2.png');
background-repeat: no-repeat, no-repeat;
background-position: top 0% left 0%,left 0 bottom 68%;
background-size:auto 100%, 100% auto;}

.slide2-text {  width:30%; position:absolute; left:8%; text-align: left; top:15%;}
.slide2-text h2 { font-size:40px; line-height:50px; color:#00aeef;font-family:'AvantGarde';}
.slide2-text p { text-align: left; margin:0px; padding:0px;}
.slide2-text .btn { margin:30px 0;}
.slide2-text .btn a { color:#fff; background:#25408f;  font-size:25px; padding:10px 25px; font-weight:normal;font-family:'AvantGarde'; font-weight:bold;}
.slide2-text .btn a.active,.slide2-text .btn a:hover { background:#00aeef;}

.slider-inn { width:96%; margin:0 auto; position:relative; display:table; }


.slide3 { float:left; width:100%; height:450px; position:relative;}
.slide3 .wrapper { display:table; }
.slide3 { 
background:
url('../images/slide/slide-graphic1.png'),
url('../images/slide/slide-graphic2.png'),
url('../images/slide/slide3-bg.png'),
url('../images/slide/slide3.png');
background-repeat:no-repeat,no-repeat,repeat-y,no-repeat;
background-position:left 45%  bottom 50%,top 20% right 30%,top 0 right 0,left 0 bottom 10%;
background-size:auto auto,auto auto,auto auto,cover;}
.slide3 .slide-text h4 { font-size:50px; line-height:50px; color:#fff; margin:0px; padding:0px; font-family:'Montserrat Bold'; text-shadow: 1px 3px 5px #030000;}
.slide3 .slide-text h3 { font-size:100px; line-height:110px; color:#fff; margin:25px 0 0; padding:0px; font-family:'Montserrat Bold'; text-shadow: 1px 3px 5px #030000;}
.slide3 .slide-text .btn { float:right; text-align:right;position:absolute; bottom:18%; right:18%; }
.slide3 .slide-text .btn a { background:#00793e; border-radius:40px; padding:18px 35px; color:#fff; font-size:35px; font-weight:bold; font-family:'Montserrat Regular';box-shadow:2px 4px 9px 11px #ffffff7d; }
.slide3 .slide-text .btn a:hover { background:#1ea563;}
.slide3 .slide-text { vertical-align: middle; display:table-cell; text-align: left; height:450px; position:relative;}
.oftec-logo { float:left; width:100%; position:absolute; left:33%; bottom:20%;}
.oftec-logo img { width:auto !important; display: inline-block;}
.worcester-logo { text-align:right; position:absolute; right:-2%; top:5%;}
.worcester-logo img { width:auto !important; display: inline-block;}

.slide4 { 
background-image:
url('../images/slide/autumn-boiler-image.png'),
url('../images/slide/autumn-offers-banner.png');
background-repeat: no-repeat, no-repeat;
background-position:top 35% right 19%,left 0 bottom 90%;
background-size:auto auto,cover;}
.slide4 .wrapper { display:table;}
.slide4 .slide-text { vertical-align:middle; display: table-cell; height:450px; text-align:left;}
.slide4 .slide-text h2 { font-size:70px; line-height:70px; margin:0px; padding:0px; color:#ff4f2e;font-family:'AvantGarde';}
.slide4 .slide-text p { margin:25px 0; padding:0px; color:#404040;font-size:36px; line-height:45px;}
.slide4 .slide-text .btn { float:left; width:100%;}
.slide4 .slide-text .btn a { color:#fff; background:#ff4f2e;  font-size:25px; padding:10px 25px; border-radius:28px; display:inline-block; font-weight:normal;font-weight: normal;}
.slide4 .slide-text .btn a.active,.slide4 .slide-text .btn a:hover { background:#404040;}


.halloween-banner {width:100%; float:left; padding:0; height:450px;}
.halloween-banner { 
background-image:
url('../images/slide/halloween-banner.jpg');
background-repeat:no-repeat;
background-position: left 0 bottom 40%;
background-size:cover;
background-repeat:no-repeat;}
.halloween-banner .wrapper  { display:table;}
.halloween-banner .slide-text {display:table-cell; vertical-align:middle; height:450px }
.halloween-banner .slide-text h2 { font-size:60px; line-height:70px; font-weight: bold; color: #ee6600;  padding:0; margin:0px; font-family:'Montserrat Bold'; }
.halloween-banner .slide-text h3 { color:#fff; font-size:36px; line-height:45px; padding:40px 0; margin:0px;font-family:'Montserrat Regular'; font-weight:normal; }
.halloween-banner .slide-text h4 { color:#fff; font-size:32px; line-height:40px; padding:0; margin:0px; font-family: 'handsean'; font-weight:normal; position:absolute; left:40%; }
.halloween-banner .slide-text p { font-size: 15px; font-weight: normal;  color: #fff; padding:30px 0 0; line-height:26px;font-family:'Montserrat Light'; position:absolute; bottom:2%; left:20%;}
.halloween-banner .slide-text .btn { margin:0; float:left; width:100%;}
.halloween-banner .slide-text .btn a { border-radius:20px; color: #000000; padding: 6px 22px; font-size:26px; font-weight: normal; background-color: #ee6600; display:inline-block; }
.halloween-banner .slide-text .btn a:hover { background: #d36f24; color: #fff; }


@media only screen and ( max-width:1700px) {
.slide3 {
background-position:left 45%  bottom 50%,top 20% right 30%,top 0 right 0,left 0 bottom 10%;
background-size:auto auto,auto auto,auto auto,cover;}
.slide3 .slide-text h4 { font-size:40px; line-height:50px;}
.slide3 .slide-text h3 { font-size:80px; line-height:90px;margin:15px 0 0;}
.oftec-logo { left:30%; bottom:20%;}
.worcester-logo {right:-2%; top:5%;}
.slide3 .slide-text .btn a { padding:18px 30px; font-size:28px;}

}

@media only screen and ( max-width:1640px) {
.slide1 { background-position:  right 20% top 30%, right 30% top 0%; background-size: auto auto,auto 100%;}


.slide2-text  { top:20%;}
.slide2-text h2 { font-size:22px; line-height:28px;}


.halloween-banner,.slide-text {height:450px;}
.halloween-banner .slide-text p { left:14%;}
}

@media only screen and ( max-width:1500px) {
.halloween-banner .slide-text p { left:10%;}
}

@media only screen and ( max-width:1400px) {
.slide3 {
background-position:left 40%  bottom 50%,top 20% right 34%,top 0 right 0,left 0 bottom 10%;
background-size:auto auto,auto auto,auto auto,cover;}
.slide3 .slide-text h4 { font-size:30px; line-height:40px;}
.slide3 .slide-text h3 { font-size:60px; line-height:70px;}
.oftec-logo { left:24%; bottom:20%;}
.worcester-logo {right:-2%; top:5%;}
.slide3 .slide-text .btn a { padding:15px 22px; color:#fff; font-size:25px;}
}

@media only screen and ( max-width:1300px) {
.slide3 {
background-position:left 39%  bottom 42%,top 42% right 38%,top 0 right 0,left 0 bottom 10%;
background-size:19% auto,18% auto,auto auto,cover;}
.slide3 .slide-text h4 { font-size:25px; line-height:30px;}
.slide3 .slide-text h3 { font-size:45px; line-height:60px;}
.oftec-logo { left:20%; bottom:20%;}
.worcester-logo {right:-2%; top:5%;}
.worcester-logo img { width:80% !important; float:right !important;}
.slide3 .slide-text .btn a { padding:15px 22px; color:#fff; font-size:22px;}


.halloween-banner .slide-text{ margin:60px 0;}
.halloween-banner .slide-text h2{font-size:40px; line-height:45px;}
.halloween-banner .slide-text h2{font-size:30px; line-height:35px;}
.halloween-banner .slide-text p { left:7%;}
}

@media only screen and ( max-width:1200px) {
.wrapper { width: 90%; margin: 0 5%; }

.slide1 { background-position: right 6% top 30%, right 50% top 0%; background-size: auto auto,auto 100%;}
.slide1-text { width:40%; right:30%;}
.slide1-text h1 { font-size:40px; line-height:45px;}

.slide2 {background-position: top 0% left -50%,right 75% bottom 68%; background-size: 75% 100%, auto auto;}
.slide2-text { width:40%;}
.slide2-text h2 { font-size:30px; line-height:40px;}

.slide3 {
    background-position: left 45% bottom 42%,top 38% right 32%,top 0 right 0,left 0 bottom 10%;
    background-size: 17% auto,17% auto,auto auto,cover;
}
.slide3 .slide-text h3 { font-size:40px; line-height:50px;}
.oftec-logo { left:24%; bottom:20%;}
.worcester-logo {right:-2%; top:5%;}
.worcester-logo img { width:80% !important; float:right !important;}
.slide3 .slide-text .btn a { padding:15px 22px; color:#fff; font-size:22px;}
.slide3 .slide-text .btn {bottom: 24%; right: 12%;}


.halloween-banner { 
background-image:
url('../images/slide/white-bg.jpg'),
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/halloween-banner.jpg');
background-repeat:repeat-x,no-repeat,no-repeat;
background-position:left 0 bottom 0,top 0 left 0, left 0 bottom 40%;
background-size:auto auto,100% 100%,cover;}
.halloween-banner .slide-text,.halloween-banner .slide-text .btn { text-align:left;}
.halloween-banner .slide-text .btn { padding:0px;}
.halloween-banner .slide-text h2 { font-size:40px; line-height:40px; }
.halloween-banner .slide-text h3 { font-size:26px; line-height:30px; padding:20px 0;}
.halloween-banner .slide-text h4 { font-size:30px; line-height:40px; padding:0; left:42%;}
}

@media only screen and ( max-width:1100px) {
.halloween-banner .slide-text h4 { left:50%;}
}
 
@media only screen and ( max-width:980px) {
.slide1 { background-position: right 6% top 40%, right 50% top 0%;background-size: auto auto,auto 100%;}
.slide1-text { width:40%; right:30%;}
.slide1-text h1 { font-size:40px; line-height:45px;}

.slide2-text p br { display: none;}
.slide2-text  { top:30%;}
.slide2-text h2 { font-size:30px; line-height:35px;}
.slide2-text .btn a { font-size:20px; padding:5px 20px;}


.slide4 { 
background-position:top 38% right 15%,left 0 bottom 90%;
background-size:auto auto,cover;}
}

@media only screen and ( max-width:900px) {
.slide3 {
    background-position: left 48% bottom 44%,top 38% right 30%,top 0 right 0,left 0 bottom 10%;
    background-size: 16% auto,16% auto,auto auto,cover;
}
.slide3 .slide-text .btn a { padding:12px 18px; color:#fff; font-size:19px;}
.slide3 .slide-text .btn {bottom: 30%; right: 10%;}
.worcester-logo img { width:70% !important;}
.oftec-logo img { width:10% !important;}



.slide4 { 
background-image:
url('../images/slide/autumn-boiler-image.png'),
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/autumn-offers-banner.png');
background-repeat: no-repeat, no-repeat, no-repeat;
background-position:top 38% right 15%,top 0 left 0,left 0 bottom 90%;
background-size:auto auto,100% 100%,cover;}
.slide4 .slide-text h2 { color:#fff; font-size:40px; line-height:50px;}
.slide4 .slide-text p { color:#fff; font-size:30px; line-height:40px;}
.slide4 .slide-text .btn a { font-size:22px; padding:10px 20px;}
}

@media only screen and ( max-width:850px) {
.halloween-banner { 
background-position:left 0 bottom 0,top 0 left 0,right 0 bottom 26%;
background-size:auto auto,100% 100%,auto auto;}
.halloween-banner,.halloween-banner .slide-text,.halloween-banner .slide-text .btn { text-align: center;}
.halloween-banner .slide-text .btn { margin:0 0 40px;}
.halloween-banner .slide-text .btn a { font-size:21px; padding:6px 20px;}
.halloween-banner .slide-text h4 { left: 0; bottom: 15%; right: 0;}
.halloween-banner .slide-text p { left:0; right:0; text-align:center;}
}


@media only screen and ( max-width:767px) {
.slide1,.slide2,.slide3,,.slide4,.slide4 .slide-text,.halloween-banner,.halloween-banner .slide-text { height:400px;}	

.slide1 { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/10yr-icon.png'),
url('../images/slide/slide1.png');
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: top 0 left 0,right 6% top 40%, right 70% top 0%;
background-size:100% 100%,auto auto,cover;}

.slide1-text { width:100%; right:0%; left:0%; top:28%; text-align: center; padding:0 10px;}
.slide1-text h1 { font-size:40px; line-height:45px; color:#fff;}
.slide1-text h1 br { display:none;}
.slide1-text p { text-align: center;}
.slide1-text p { color:#fff;}


.slide2 { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/slide2.png');
background-repeat: no-repeat, no-repeat;
background-position: top 0% left 0%,left 0 bottom 68%;
background-size:100% 100%,cover;}

.slide2-text { text-align:center; width:100%; padding:0 10px; left:0; right:0; top:25%;}
.slide2-text h2 {color:#fff;}
.slide2-text h2 br { display:none;}
.slide2-text p { text-align:center; color:#fff;}


.slide3 { 
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/slide-graphic1.png'),
url('../images/slide/slide-graphic2.png'),
url('../images/slide/slide3-bg.png'),
url('../images/slide/slide3.png');
background-repeat:no-repeat,no-repeat,no-repeat,repeat-y,no-repeat;
background-position: top 0 left 0,left 0% bottom 44%,top 28% right 60%,top 0 right 0,left 0 bottom 10%;
background-size:auto auto, 20% auto,35% auto,auto auto,cover;}


.slide3 .slide-text { text-align:center; vertical-align: middle;}
.slide3 .slide-text h4 br,.slide3 .slide-text h3 br { display:none;}
.slide3 .slide-text .btn { bottom: 23%; right: 5%;}
.slide3 .slide-text .btn a { box-shadow:0 0 0 0;}


.slide4 { 
background-position:top 38% right 10%,top 0 left 0,left 0 bottom 90%;
background-size:18% auto,100% 100%,cover;}
}


@media only screen and ( max-width:640px) {
.slide1,.slide2,.slide3,.slide3 .slide-text,.slide-text,.slide4,.slide4 .slide-text,.halloween-banner,.halloween-banner .slide-text { height:350px;}	

.slide1-text { top:25%;}
.slide1-text h1 { font-size:30px; line-height:35px;}

.slide1 { 
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: top 0 left 0,right 6% top 40%, right 70% top 0%;
background-size:100% 100%,auto 60%,cover;}

.slide2-text  { top:30%;}


.slide4 .slide-text h2 { color:#fff; font-size:30px; line-height:40px;}
.slide4 .slide-text p { color:#fff; font-size:22px; line-height:30px;}
.slide4 .slide-text .btn a { font-size:20px; padding:8px 15px;}
}

@media only screen and ( max-width:520px) {
.slide1,.slide2,.slide3,.slide3 .slide-text,.slide-text,.slide4,.slide4 .slide-text,.halloween-banner,.halloween-banner .slide-text  { height:300px;}

.slide1-text h1 { font-size:20px; line-height:25px;}
.slide1-text { top:30%;}
.slide2-text  { top:25%;}

.slide3 { 
background-repeat:no-repeat,no-repeat,no-repeat,repeat-y,no-repeat;
background-position: top 0 left 0,left 0% bottom 44%,left 25% top 25%,top 0 right 0,left 0 bottom 10%;
background-size:auto auto, 20% auto,35% auto,2% auto,cover;}
.slide3 .slide-text h4 { font-size:20px; line-height:30px;}
.slide3 .slide-text h3 { font-size:25px; line-height:30px; padding:0px; margin:0px;}
.oftec-logo { left: 12%; bottom:10%;}
.worcester-logo img { width: 50% !important;}
.slide3 .slide-text .btn { bottom:10%;}
.slide3 .slide-text .btn a { padding:8px 15px;font-size:17px;}


.slide4 { 
background-position:top 38% right 10%,top 0 left 0,left 0 bottom 90%;
background-size:20% auto,100% 100%,cover;}
.slide4 .slide-text h2 { color:#fff; font-size:26px; line-height:30px;}
.slide4 .slide-text p { color:#fff; font-size:20px; line-height:30px; padding:0; margin:10px 0;}
.slide4 .slide-text .btn a { font-size:18px; padding:8px 15px;}


.halloween-banner .slide-text h2 { font-size:35px; line-height:40px; }
.halloween-banner .slide-text h3 { font-size:21px; line-height:30px; padding:15px 0;}
.halloween-banner .slide-text h4 { font-size:25px; line-height:30px;}
.halloween-banner .slide-text .btn a { font-size:19px; padding:6px 20px;}
.halloween-banner .slide-text p { font-size:13px;}

}


@media only screen and ( max-width:420px) {
.slide2 { background-size:100% 100%,cover;}
.slide2-text p { font-size:14px;}

.slide3 .slide-text h4 { font-size:18px; line-height:25px;}
.slide3 .slide-text h3 { font-size:22px; line-height:25px;}
.slide3 .slide-text .btn { right:5%;}
.oftec-logo { left: 2%; bottom:10%;}

.slide4 { 
background-position:top 38% right 10%,top 0 left 0,left 0 bottom 90%;
background-size:20% auto,100% 100%,cover;}
.slide4 .slide-text h2 { color:#fff; font-size:26px; line-height:30px;}
.slide4 .slide-text p { color:#fff; font-size:17px; line-height:22px; padding:0; margin:10px 0;}
.slide4 .slide-text .btn a { font-size:16px; padding:7px 10px;}


.halloween-banner .slide-text h2 { font-size:30px; line-height:40px; }
.halloween-banner .slide-text h3 { font-size:19px; line-height:25px; padding:20px 0;}
.halloween-banner .slide-text h4 { font-size:22px; line-height:30px;}
.halloween-banner .slide-text .btn a { font-size:17px; padding:6px 20px;}
.halloween-banner .slide-text p { font-size:11px;}
}

@media only screen and ( max-width:380px) {
.halloween-banner,.slide-text{height:300px;}
.halloween-banner .slide-text h2 { font-size:26px; line-height:30px; }
.halloween-banner .slide-text h3 { font-size:15px; line-height:24px; padding:15px 0;}
.halloween-banner .slide-text h4 { font-size:19px; line-height:26px;}
.halloween-banner .slide-text .btn a { font-size:15px; padding:6px 20px;}
.halloween-banner .slide-text p { font-size:10px;}
}


@media only screen and ( max-width:350px) {
.slide3 .slide-text .btn a { padding:6px 10px;font-size:15px;}

.slide4 .slide-text p { color:#fff; font-size:15px; line-height:20px; padding:0; margin:10px 0;}
}