#slider { float:left; width:100%;}

.slide1,.slide2,.slide3  { float:left; width:100%; height:800px;}

.slide1 {
background:#f7f7f7
url('../images/slide/slide1.png');
background-repeat:no-repeat;
background-position:left 0 bottom 100%;
background-size:100% auto;}
.slide1 .wrapper { display:table; position:relative;}

.slide-text { vertical-align: top; display:table-cell; text-align:left; height:800px; padding:10% 0 0;}
.slide-text h2 { color:#fff;font-size:36px; line-height:45px;font-family:'Montserrat Regular';}
.slide-text p { color:#fff; font-size:21px; line-height:30px;font-family:'Montserrat Regular';}

.slide1-services { float:left; width:100%; margin:2% 0 0;}
.slide1-services li { display:inline-block; width:100px; list-style:none; margin:0 50px 0 0; text-align:center; vertical-align:top;}
.slide1-services li h2 { color:#fff; margin:15px 0 0; font-size:20px; line-height:26px;}
.slide1-services a {padding:80px 0 0 0; margin:0; display:block;}
.slide1-services li#icon1 a{background:url('../images/slide/home-banner-icon1.png'); background-repeat:no-repeat; background-position:top 0 center;}
.slide1-services li#icon2 a{background:url('../images/slide/home-banner-icon2.png'); background-repeat:no-repeat; background-position:top 0 center;}
.slide1-services li#icon3 a{background:url('../images/slide/home-banner-icon3.png'); background-repeat:no-repeat; background-position:top 0 center;}

.slide1-services li#icon1 a:hover{background:url('../images/slide/home-banner-icon1_hover.png'); background-repeat:no-repeat; background-position:top 0 center;}
.slide1-services li#icon2 a:hover{background:url('../images/slide/home-banner-icon2_hover.png'); background-repeat:no-repeat; background-position:top 0 center;}
.slide1-services li#icon3 a:hover{background:url('../images/slide/home-banner-icon3_hover.png'); background-repeat:no-repeat; background-position:top 0 center;}

.slide1-services li#icon1 a:hover h2,.slide1-services li#icon2 a:hover h2,.slide1-services li#icon3 a:hover h2 {color:#00aeef; text-decoration:none;}

.get-touch { float:left; width:100%; position:absolute; bottom:7%;}
.get-touch-left { float:left; width:66%;}
.get-touch-left h2 { font-size:26px; line-height:32px; color:#62aad4; margin:0px; padding:0 0 15px;}
.get-touch-left p { font-size:20px; line-height:30px; color:#55575a; margin:0px; padding:0px;}
.get-touch-right { float: right; width:28%; margin:7% 0 0;}
.get-touch-right .btn { float:left; width:100%; margin:0px;}
.get-touch-right .btn a {background:#00aeef url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 8px right 15px; color:#fff; border-radius:20px; padding:10px 54px 10px 20px; font-size:18px; font-weight: bold;}
.get-touch-right .btn a:hover { background:#6d6e71 url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 8px right 15px; color:#fff;}
.get-touch-right .btn a span { font-weight:normal;font-family:'Montserrat Light';}

.slide2 {
background:#f7f7f7
url('../images/slide/slide2.png');
background-repeat:no-repeat;
background-position:left 0 bottom 100%;
background-size:100% auto;}
.slide2 .wrapper { display:table; position:relative;}
.slide2 .worcester-logo { position:absolute; left:55%; top:15%;}
.slide2 .worcester-logo li { list-style:none; margin:0 0 20px;}
.slide2 .worcester-logo li img { width:auto !important; display:inline-block !important;}


.slide3 {
background:#f7f7f7
url('../images/slide/slide3.png');
background-repeat:no-repeat;
background-position:left 0 bottom 100%;
background-size:100% auto;}
.slide3 .wrapper { display:table;}

@media only screen and ( max-width:1720px) {
.slide1,.slide2,.slide3 {background-position:left 50% bottom 110px; background-size: cover; height:700px;}
.slide-text { height:700px;}
.get-touch { bottom:8%;}
}

@media only screen and ( max-width:1620px) {
.slide-text { padding:6% 0 0;}
}

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

}

@media only screen and ( max-width:1300px) {
.slide1,.slide2,.slide3 {background-position:left 50% bottom 110px; background-size: cover; height:600px;}
.slide-text h2 { font-size:30px; line-height:40px;}
.slide-text { padding:3% 0 0;}
.slide-text { height:600px;}
.slide-text h2 { font-size:24px; line-height:30px;}
/*.slide-text h2 br { display:none;}*/
.get-touch { bottom: 6%;}
.get-touch-right {margin: 5% 0 0;}
}

@media only screen and ( max-width:1200px) {
.get-touch-left { width:66%;}
.get-touch-right { width:34%;}
.get-touch { bottom: 3%;}
}

@media only screen and ( max-width:1100px) {
.get-touch-left { width:60%;}
.get-touch-right { width:38%;}
.get-touch { bottom: 3%;}
}

@media only screen and ( max-width:1000px) {
.slide1,.slide2,.slide3 {background-position:left 70% bottom 110px; background-size: cover; height:600px;}
.slide-text h2 { font-size:20px; line-height:30px;}
.get-touch-left p {font-size:17px; line-height:26px;}
.get-touch-left { width:58%;}
.get-touch-right { width:40%;}
.get-touch { bottom: 2%;}
}

@media only screen and ( max-width:900px) {
.slide1,.slide2,.slide3,.slide-text {background-position: left 70% bottom 160px; background-size: cover;}
.slide1 {
background:#f7f7f7
url('../images/slide/slide1-res.png');
background-repeat:no-repeat;
background-position: left 80% bottom 180px; 
background-size: cover;}
.slide1 .slide-text h2 { color:#fff;}
.get-touch-left h2 {color:#404041 !important;}

.slide-text { text-align:center; padding:10% 0 0;}
.slide-text br { display:none;}
.get-touch { text-align:center; bottom:9%;}
.slide-text h2 { margin:0px; padding:0px;font-size:18px; line-height: 30px;}
.get-touch h2 br { display:none;}
.get-touch-left,.get-touch-right { float:none; display:inline-block; width:100%;}	
.get-touch-right { margin:2% 0 0;}

.slide2 {
background:#f7f7f7
url('../images/slide/slide2-res.png');
background-repeat:no-repeat;
background-position: left 80% bottom 180px; 
background-size: cover;}
.slide2 .slide-text h2 { color:#fff;}
.slide2 .slide-text p { font-size:18px; line-height:25px;}
.slide2 .worcester-logo li { display:inline-block; margin:0 15px 0 0; vertical-align:middle;}
.slide2 .worcester-logo li img { width:70% !important;}
.slide2 .worcester-logo { left: 35%; top:36%;}


.slide3 {
background:#f7f7f7
url('../images/slide/slide3-res.png');
background-repeat:no-repeat;
background-position: left 80% bottom 180px; 
background-size: cover;}
.slide3 .slide-text h2 { color:#fff;}
.slide3 .slide-text { padding:18% 0 0;}
}

@media only screen and ( max-width:768px) {
.slide2 .slide-text p { font-size:18px; line-height:26px;}
.slide2 .get-touch {bottom: 6%;}

.slide3 .slide-text { padding:18% 0 0;}
.slide3 .slide-text h2 { font-size:22px; line-height:30px; }
.slide3 .get-touch-left h2 {font-size:17px; line-height:25px; }
}

@media only screen and ( max-width:680px) {
.slide1 {background-position: left 80% bottom 180px; background-size: cover;}
.slide-text { padding: 14% 0 0;}
.slide-text h2 {font-size:15px; line-height:26px;}
.get-touch {bottom: 7%;}
.get-touch-left p { font-size: 15px; line-height: 25px;}
.get-touch-right .btn { margin:2% 0 0;}
.get-touch-right .btn a,.get-touch-right .btn a:hover { padding:8px 40px 8px 15px;font-size: 16px;background-size: 7%;background-position: top 8px right 10px;}
.slide1-services li h2 {font-size:17px;line-height:25px;}


.slide2 .slide-text h2 {  font-size:20px; line-height:30px;}
.slide2 .slide-text p { font-size:16px; line-height:22px;}
.slide2 .slide-text { padding:9% 0 0;}
.slide2 .worcester-logo { left:26%; top:36%;}
.slide2 .slide-text h2 { font-size:15px; line-height:22px;}



.slide3 {background-position: left 80% bottom 200px; background-size: cover;}
.slide3 .slide-text { padding:22% 0 0;}
}

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

}

@media only screen and ( max-width:520px) {
.slide1,.slide2,.slide3,.slide-text { height:500px;}
.slide1 {background-position: left 80% bottom 170px; background-size: cover;}
.slide-text { padding: 10% 0 0;}
.slide1-services { margin:4% 0 0;}
.slide1-services li { margin:0 30px 0 0;}

.slide2 .slide-text p,.slide3 .slide-text p {font-size: 14px; line-height: 22px;}
.slide2 .worcester-logo li { margin:0px;}
.slide2 .worcester-logo li img { width:50% !important;}


.slide3 .slide-text h2 { font-size:19px; line-height:25px; }
.slide3 .get-touch-left h2 {font-size:15px; line-height:22px; }
}



@media only screen and ( max-width:450px) {
.slide1 {background-position: left 76% bottom 180px; background-size: cover;}
.slide1-services li { margin:0 15px 0 0;}
.slide1-services li h2 { font-size:15px; line-height:22px; margin:0px;}

.slide2 .worcester-logo { left:22%; top:36%;}
}

@media only screen and ( max-width:400px) {
.slide1-services li { margin:0 8px 0 0;}
.slide1-services li h2 br { display:none;}
.slide1-services li h2 { font-size:14px; line-height:20px;}

.slide-text { padding: 18% 0 0;}
.slide1-services li#icon1 a,.slide1-services li#icon1 a:hover,
.slide1-services li#icon2 a,.slide1-services li#icon2 a:hover,
.slide1-services li#icon3 a,.slide1-services li#icon3 a:hover { background-size:50% auto;}
.slide-text h2 { font-size: 13px; line-height: 20px;}
.slide1-services a { padding:50px 0 0;}

.slide2 {background-position: left 76% bottom 145px; background-size: cover;}
.slide2 .worcester-logo li img { width:40% !important;}
.slide2 .slide-text p,.slide3 .slide-text p {font-size: 11px; line-height:18px;}
.slide2 .slide-text h2 { font-size: 13px;line-height: 20px;}
.slide2 .worcester-logo {left:19%; top: 38%;}

.slide3 {background-position: left 80% bottom 160px; background-size: cover;}
.slide3 .get-touch {  bottom: 8%;}
.slide3 .slide-text h2 { font-size:17px; line-height:22px; }
.slide3 .get-touch-left h2 {font-size:13px; line-height:20px; }
.slide3 .slide-text p { font-size:14px; line-height:20px; }


}

@media only screen and ( max-width:370px) {
.slide1,.slide2,.slide3,.slide-text { height:400px;}
.slide1 {background-position: right 20% bottom 170px; background-size: cover;}

.slide-text { padding: 12% 0 0;}
.slide1-services li { width:80px;}
.slide1-services li h2 { font-size:12px; line-height: 20px;}
.slide1 .slide-text h2 br { display:none;}
.get-touch-left p { font-size: 12px;line-height: 20px;}
.get-touch-right .btn a,.get-touch-right .btn a:hover { padding:8px 35px 8px 15px;font-size: 14px;background-size: 7%;background-position: top 8px right 10px;}
.get-touch { bottom: 10%;}

.slide2 .worcester-logo { left:0%; width:100%;}
}