@charset "UTF-8";
/* CSS Document */


html {
  scroll-behavior: smooth;
	height:100%;
}


body { margin:0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } 

header > div { padding:20px 0; width: 960px; margin: 0 auto; display: flex;  } 
header > div > div { display: flex;  } 

nav { background-color: #39454e; border-bottom:1px solid #fff; color:#ffffff; } 
nav ul { margin:0; width:960px; margin: 0 auto; padding: 0; } 
nav li { padding: 8px 30px 8px 0; list-style: none; display:inline-block; font-size: 1em; } 
nav li a { text-decoration: none; color:#ffffff; } 

header .logo {  background: url("../images/waldorf-logo.jpg") no-repeat; background-size:150px 70px ; width: 150px; height:70px; } 
header .name { font-size: 2.5em; font-weight: bold; margin-left:20px; } 
header .name span { display: block; font-size:0.40em; font-weight: normal;  } 
header .contact { display: block; font-size:1.3em; padding:8px 0 0 150px; line-height: 1.4em; } 
header .contact > div { font-size: 1.2em; } 
header .contact a { font-weight: bold; text-decoration: none; color: #000000; } 
header .contact a:first-child:before {  content:''; display: inline-block; height: 30px; width:30px; margin:0 8px -5px 0; background: url("../images/call-icon-red.png") no-repeat center 5px; background-size:25px 25px; } 

.intro-content .contC h1 { padding: 0 20px; }


.pageHeader {  background: #000000 url("../images/iStock-1018835072.jpg") no-repeat; background-size: 2000px 1333px; background-position: center center;  } 
.pageHeader .dimmer { background: rgba(0,0,0,0.4); } 
.pageHeader .contC { width: 600px; margin:0 auto; color: #ffffff; padding:60px 0;  } 
.pageHeader .contC span { font-size: 2em; font-weight: bold; } 

.pageHeader.thanks .contC { text-align: center; padding: 100px 0; } 
.pageHeader.thanks .contC h1 { font-size: 4.5em; padding:15px 0; border-bottom: 4px solid #db2221; width: 380px; margin: 0 auto; } 

.pageHeader.error { background: none; } 
.pageHeader.error .contC { background-color: #39454e; border-bottom: 4px solid #db2221;   } 
.pageHeader.error .contC h1 { border-bottom:0; } 

.usp-list { margin: 20px 0 0 0; padding:0; } 
.usp-list li { list-style: none; font-weight: bold; padding: 5px 0;   } 
.usp-list li:before { border:1px solid #ff112c; border-radius: 50%; content:''; height:20px; width: 20px; display: inline-block;  margin: 0 10px -3px 0; background: url("../images/round-tick.png") no-repeat; background-size:20px 20px;} 
.pageHeader .contC a { padding: 10px 20px; margin-top:30px; display: inline-block; background-color: #db2221; border-radius:8px; text-decoration: none; color: #ffffff; font-weight: bold; border:1px solid #ffffff;  } 

.areas strong { text-align: center;  font-weight: bold; display: block; font-size: 2em;} 
.areas strong:before { content:''; display: inline-block;  width: 50px; height: 50px; margin-right:5px; background: url("../images/area-icon.png") no-repeat; background-size:50px 50px; margin-bottom:-5px;} 
.areas .contC { width:860px; margin: 0 auto; padding: 30px 0; } 
.areas .contC p { text-align: center; } 
.areas .contC span { font-weight: bold; } 


.services strong { text-align: center; padding: 20px; font-weight: bold; display: block; font-size: 2em; background-color: #f0f0f0;} 
.services .contC { width: 1000px; margin: 0 auto; padding: 50px 0; } 
.services .contC h3 {padding:15px 0 0 0; margin:0; font-size: 1.4em; } 
.services .contC p { padding: 10px 0; margin: 0; } 
.services .service-content { display:flex; padding: 20px 0; border-bottom:1px solid #000; } 

.services .service-content img { margin-left: 20px; } 
.usp-panel .contC { width: 800px; margin: auto; display: flex; padding: 30px 0; } 
.usp-panel .contC div { padding: 0 30px; } 

.usp-panel .contC .guaranteed {  background: url("../images/guaranteed-work.png") no-repeat; background-size:170px 170px;  } 
.usp-panel .contC .experienced{  background: url("../images/experienced.png") no-repeat; background-size:170px 170px;   } 
.usp-panel .contC .workmanship {  background: url("../images/workmanship.png") no-repeat; background-size:170px 170px;  } 
.usp-panel .contC .insured {  background: url("../images/insured.png") no-repeat; background-size:170px 170px; } 

.usp-panel .contC div { width: 170px; height:170px;  } 


.intro-content .contC {  width: 950px; margin: 0 auto; } 
.intro-content .contC h1 { text-align: center; margin: 0; padding: 20px 0 0 0; } 
.intro-content .contC h2 { text-align: center; margin: 10px 0 30px 0; } 

.intro-content.thanks .contC  { text-align: center; min-height: 100%; margin-bottom:-150px; } 
.intro-content.thanks .contC h2 { text-align: center; margin: 0; padding: 20px 20px 0 20px; font-weight: normal; } 
.intro-content.thanks .contC h3 { text-align: center; font-weight:normal; margin: 0; padding: 15px 20px; } 

.intro-content.thanks .contC a {  text-decoration: none;  } 
.intro-content.thanks .contC .telno { display: block; font-size: 2em; color:#000000; font-weight: bold; } 
.intro-content.thanks .contC .back { padding: 10px 20px; margin:20px 0; display: inline-block; background-color: #db2221; border-radius:8px; text-decoration: none; color: #ffffff; font-weight: bold; border:1px solid #ffffff; } 


.info-container { display: flex; margin: 50px 0 30px 0; } 
.info-container p { padding: 0 20px 10px 30px; margin: 0; line-height: 1.4em; } 
.info-container span { font-weight: bold; } 
.info-container a { color:#000000; } 


.quote-form { background-color: #C0C0C0; padding:20px; }
.quote-form .contC { width: 1000px; margin: 0 auto; text-align: center;} 
.quote-form .contC strong { font-size: 2em; display: block; padding:15px 0 5px 0; } 
.quote-form .contC strong span:first-child { color:#db2221;  } 
.quote-form .contC span:last-child { color:#5a5a5a;} 
.quote-form form { width: 960px; margin: 20px auto; text-align: center; } 
.quote-form form .name input, .quote-form form .phone input  { width:100%; padding: 10px 0; text-indent: 10px; border: 0; border-radius:5px; font-size:1em;  } 
.quote-form form .name, .quote-form form .phone { width: 50%; } 
.quote-form form .name { padding-right:10px; } 
.quote-form form .phone {padding-left:10px;}
.quote-form form .message { clear: left; } 
.quote-form form .message textarea { width: 100%; border: 0; margin: 20px 0; padding: 10px 0; height: 100px; text-indent: 10px; font-size:1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } 
.quote-form form .topRow { display: flex; } 
.quote-form form .submit { color:#ffffff; padding: 10px 60px; border: 1px solid #ffffff; background-color: #db2221; border-radius: 8px; font-weight:bold; font-size: 1em; cursor: pointer; opacity:1; } 
.quote-form form .submit:disabled { opacity:0.5; } 
.quote-form form .name span, .quote-form form .phone span { color: #db2221; display: block; font-size:0.90em; padding: 8px 0; text-align: left; }





.contact-section {  background-color: #db2221;  } 
.contact-section .contC { width: 1000px; margin: 0 auto; display: flex; }
.contact-section .waldorf-van { background: url("../images/waldorf-van.png") no-repeat; background-position: -15px top; background-size:480px 350px; }
.contact-section div { width: 50%; height: 300px; } 

.contact-section a { display: block; font-size: 2.5em; font-weight: bold; text-decoration: none; color: #000000; } 
.contact-section a:first-child:after { content:'/'; font-size: 3em; display: inline-block; width: 20px; height: 40px; font-weight:bold; } 
.contact-section span { display: block; color:#ffffff; } 
.contact-section span:first-child { font-size:1.8em; padding-top:50px } 
.contact-section span:last-child { font-size:1.3em; } 
.contact-section span:first-child:before { content:''; display:inline-block; width:35px; height:35px; margin-right:18px; background: url("../images/call-icon-white.png") no-repeat center top; background-size:35px 35px; } 

.contact-section .contact-numbers { padding-left:150px; } 



.usp-panel.grey { background-color: #f0f0f0; } 
footer { background-color: #39454e; } 
footer .contC { width: 920px; display: flex; margin: 0 auto;  } 
footer .phone-no a { display:block; color: #ffffff; text-decoration:none; font-size: 2em; font-weight: bold; }
footer .phone-no span { color:#ffffff; font-size: 1.3em; } 
footer .contC div { width: 50%; padding: 60px 0} 
footer .get-quote { text-align: center; } 
footer .get-quote a { padding: 10px 20px; margin-top:30px; display: inline-block; background-color: #db2221; border-radius:8px; text-decoration: none; color: #ffffff; font-weight: bold; border:1px solid #ffffff;  } 

footer .copyright { background-color:#f0f0f0; text-align: center; padding: 13px 0; font-size:0.85em; background: #f0f0f0 url("../images/copyright-logo.png") no-repeat right 5px; background-size: 170px 62px; } 

footer.thanks { height:200px;} 
.push { height:200px; } 


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

.quote-form .contC { width: auto; } 
	.contact-section .contC { width: auto; } 
	.contact-section .contact-numbers { padding-left:30px; } 
.services .contC { padding: 0; width: auto; } 
	.services .service-content { padding: 20px; } 

} 




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

header .logo { background-size: 100px 47px; width: 100px; height: 47px; margin-top:5px }
	header > div { padding: 20px; width: auto; } 
	header .name { font-size: 2em; margin-left: 15px; }
	header .contact { padding-top:0; font-size:1.1em; } 
	header .contact > div { font-size:1.15em; } 	
	nav ul { width: auto; } 
	.intro-content .contC  { width: auto; } 
	
nav li {
	padding: 8px 10px 8px 20px;}
	
	.quote-form form { width: auto; } 
	
	
	.contact-section .contact-numbers { padding-left:40px; } 
}

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

.areas .contC { width: auto; }
	.services {
		margin-top: 0px; }
footer .contC { width: auto; margin:0 30px; } 

	}

@media screen and (max-width: 800px) { 
.usp-panel .contC { width:auto; }
	
	.usp-panel .contC div {
  
    width: 150px;
    height: 150px;
		
	}
		.usp-panel .contC .guaranteed {  background: url("../images/guaranteed-work.png") no-repeat top center; background-size:150px 150px;  } 
.usp-panel .contC .experienced{  background: url("../images/experienced.png") no-repeat top center; background-size:150px 150px;   } 
.usp-panel .contC .workmanship {  background: url("../images/workmanship.png") no-repeat top center; background-size:150px 150px;  } 
.usp-panel .contC .insured {  background: url("../images/insured.png") no-repeat top center; background-size:150px 150px;  } 
	
	
	
}


@media screen and (max-width: 780px) 
{
	
	header .contact span { display: none; } 
	header .contact { padding: 0; text-align: center; border-top:4px solid #db2221; padding: 0 0 4px 0; } 

	header > div { display: block; } 
	header .company-name { width: 238px; margin: 0 auto; padding: 12px 0; } 
	header > div { padding: 5px 0; }
	header .contact > div {  }
	header .contact a:first-child:before { background-size: 22px 22px; }
	nav ul { text-align: center; } 
	nav li { padding: 8px 20px; } 
		header .contact > div { font-size:1.10em; } 
	header .contact a:first-child { margin-right:6px; } 
		header .contact a:last-child { margin-left:6px; } 
	.pageHeader .contC span { display: block; text-align: center; } 
	.pageHeader .contC a { display: block; text-align: center; } 
	.pageHeader .contC { padding: 50px 0; } 
	
	.usp-panel.white { display: none; } 
	.info-container { display: block; } 

	.info-container > div { padding: 0 30px; } 
	.info-container > div img { width: 100%; height: auto; } 
	.info-container p { padding: 10px 0; } 
	.intro-content .contC h1 { padding-top:30px; } 
	.info-container { margin: 30px 0; } 
	
	.contact-section { height: auto; } 
	.contact-section span:first-child { font-size: 1.6em; }
	.contact-section a { font-size: 2.3em; }
	.contact-section span:last-child { font-size: 1.2em; }
	.contact-section .contC { background-size: 375px 273px;}
	


	.contact-section span:first-child:before { width: 28px; height: 28px; background-size: 28px 28px; } 
	
	
	.services .service-content { display: block; padding: 10px 0; } 
	.services .service-content div:first-child { padding: 0 30px; } 
	.services .service-content img { width: 100%; height: auto; margin: 0; }
	.services .contC p { padding:10px 0 25px 0; }
		
		.services .service-content { border:0; }
		
	

	
	.areas .contC p {
    padding: 0 30px;
}

	
	.usp-panel .contC div {
  
    width: 120px;
    height: 120px;
		
	}
	
	.usp-panel .contC .guaranteed {  background: url("../images/guaranteed-work.png") no-repeat top center; background-size:120px 120px;  } 
.usp-panel .contC .experienced{  background: url("../images/experienced.png") no-repeat top center; background-size:120px 120px;   } 
.usp-panel .contC .workmanship {  background: url("../images/workmanship.png") no-repeat top center; background-size:120px 120px;  } 
.usp-panel .contC .insured {  background: url("../images/insured.png") no-repeat top center; background-size:120px 120px;  } 
	
	.quote-form { padding-top:5px; padding-bottom: 5px; } 
	
	.areas .contC { padding: 30px 0 20px 0; }
	
}

@media screen and (max-width: 600px) {
.pageHeader .contC { width:auto; padding: 40px 25px; } 
	
	
	
	.pageHeader.thanks .contC h1 { font-size:3.6em; width: 300px; }
	.intro-content.thanks .contC h2 { font-size: 1.4em; } 
	
}

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

	
	.contact-section .contact-numbers { width:60%; } 
	.contact-section .waldorf-van { width:40%; } 
	.contact-section div { height:250px; } 
	.contact-section a { font-size: 2em; }
	.contact-section span:first-child {
    font-size: 1.4em;
}
	.contact-section span:last-child {
    font-size: 1.05em;
}

	.contact-section .contact-numbers {
    padding-left: 30px;
}
	
	
	.pageHeader .contC span {
		font-size: 1.8em; }
	
	
	.intro-content .contC h1 {
   
		font-size: 1.7em; }
	
	.quote-form .contC strong {
		font-size: 1.8em; }
	
	.services strong { font-size:1.8em; padding: 15px; } 
	
	.services .contC h3 { font-size:1.2em;  }
	
	.services .contC p {
    
		font-size: 0.95em; }
	
	

footer .phone-no a { font-size:1.7em; }
	footer .contC div { padding: 40px 0; } 

.usp-panel .contC div {
  
    width: 100px;
    height: 100px;
		
	}
	
	.usp-panel .contC .guaranteed {  background: url("../images/guaranteed-work.png") no-repeat top center; background-size:100px 100px;  } 
.usp-panel .contC .experienced{  background: url("../images/experienced.png") no-repeat top center; background-size:100px 100px;   } 
.usp-panel .contC .workmanship {  background: url("../images/workmanship.png") no-repeat top center; background-size:100px 100px;  } 
.usp-panel .contC .insured {  background: url("../images/insured.png") no-repeat top center; background-size:100px 100px;  } 
	
	footer .copyright p { padding:0 20px;} 


}

@media screen and (max-width: 450px) {
	
	footer .contC { display:block; padding: 25px; }	
	footer .contC div { width:auto; text-align: center; padding:0; } 
	footer .get-quote a { margin-top:20px; }
}


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

.contact-section span:first-child { padding-top: 40px; font-size:1.3em; padding-bottom:5px;	}
	.contact-section span:last-child { font-size: 0.95em; padding-top: 3px; }
	.contact-section div { height: 230px; }
	.contact-section a {
    font-size: 1.85em;
}
	.services .contC h3 { padding:0; }
	.intro-content .contC h1 { font-size: 1.6em; }
}