/**
  Theme Name: RIVERSIDE SHUTTERS ENHANCED
  Version: 1.1
  Author: janleeks.com
  Author URI: http://www.janleeks.com
  Description: Bespoke theme for RiversideShuttersLondon, enhanced version for 2023 from original from 2019
*/


/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.hide-element {display: none;}

.wa__btn_popup {

  z-index: 9999!important;
}

/* #Site Styles
================================================== */
html {

}

html, body{
 height: 100%;
 width: 100%;
 
}

a, a p{
   outline: 0; text-decoration: none;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}

a:hover,  a p:hover {
   text-decoration: none;
   transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}


body{
	background:#FFF;
	font-family: proxima-nova, sans-serif;
	font-style: normal;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
    font-weight: 300;
	
}


header {
	width:100%;	
	z-index:100;
	position:fixed; top: 0px;box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.10);
	}

header #mobile{display: none;}


header .logo-block{
	height:193px;
	width: 193px;
	position: absolute;
	background-color: #464545;
	top: 0;
	left: -20px;
	z-index: 100;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.10);
}
header .logo-block .logowrapper{
	position: relative;
	height: 100%;
	widows: 100%;
}

header .logo-block .logowrapper img{
	width: 175px;
	height: auto;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	
}

header .logo-block.shutters .logowrapper img{
	width: 185px;
	
}



.navigationwrap{
	height:52px;
	background-color: #BFAD8F;			
	position: relative;}






header  .util-bar
{
	height: 30px;
	text-align: left;
	background-color: #FFF;}

header  .util-bar ul
{
	list-style: none;
	padding:0px;
	margin: 0;}


header  .util-bar ul li
{ 	padding:0px;
	margin: 0;
	display:inline-block;
	text-transform: uppercase;
	color:#464545!important;
    font-size:14px;
    letter-spacing: 0.15em;
	font-weight: 500!important;
}



header  .util-bar ul li a{
	color:#464545;
	text-decoration: none;
	margin: 1px 0 0 0px;
	background-size: 15px auto;
	background-position: left 5px center;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 30px;
	transition: opacity .25s ease-in-out;
	display: block;
	}

header  .util-bar ul li.call a
{	
	background-image: url("images/call-tiny.svg");

	}

header  .util-bar ul li.call.hide-mobile a
{	
	display: block;

	}


header  .util-bar ul li.call.hide-desktop a
{	
	display: none;

	}



header  .util-bar ul li a:hover
{background-color: #EEE;
}


header .right-nav{
	text-align: right;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

header.iconiclanding {
	background-color: #464545;
	}

header.iconiclanding .flex{
	display: flex;
	flex-wrap: nowrap;
	}


header.iconiclanding .logo-block-landing{
	height:auto;
	width: 20%;
	margin: 20px 0;
	position: relative;

}

header.iconiclanding .logo-block-landing img{
	width: 100%;
	height: 150px;
	display: block;

}

header.iconiclanding .call-to-actionwrap{
	width: 80%;
	text-align: right;
}
header.iconiclanding .call-to-action{
	 position: relative;
	height: 100%;

}

header.iconiclanding .call-to-action a{
font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 8px 15px;
    font-weight: 500;
    white-space: nowrap;
	border-radius: 5px;
	background-color: #BFAD8F;
	color: #464545;
	border: solid 1px #BFAD8F;
	position: absolute;
  top: 50%;
  transform: translateY(-50%);
	right: 0;
}

header.iconiclanding .call-to-action a:hover{

	background-color: #464545;
	border: solid 1px #BFAD8F;
	color: #BFAD8F;
}



#desknav  {
	list-style: none;
	line-height:14px;
	}
	
	#desknav  ul{
	padding:0px;
	margin: 0;
	list-style: none;
	text-align:left;
	display: flex;
		flex-wrap: nowrap;
	}
	
	#desknav  ul li{
	padding:0px;
	margin: 0px;
	position: relative;
		width: 40%;
		text-align: center;
		white-space: nowrap;
	}
	
	#desknav  ul li a{
	text-transform: uppercase;
	color:#464545;
	text-decoration: none;
	display:block;
	font-size:14px;
	margin: 0px 0px;
	padding:19px 20px 19px 20px;
	transition:  .50s ease-in-out;
	z-index: 100; 
    letter-spacing: 0.15em;
	font-weight: 500;
	}
	
	
		#desknav  ul li a:hover{
			color:#222;
	}

	#desknav  ul li:last-of-type a{
	background-color: #464545;
	color: #FFF;
	}



#desknav ul li a:before {
   content: "";
    position: absolute;
    bottom: 0px;
    border: 10px solid transparent;
    border-top-color: #BFAD8F;
    z-index:100;
	left: calc(50% - 10px);
	/*left:20px;*/
	 transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
}

#desknav ul li:last-of-type a:before {
    border-top-color: #464545;
}



#desknav ul li a:hover:before, #desknav ul li a.active:before {
	content: "";
    position: absolute;
    bottom: -20px;
    border: 10px solid transparent;
    border-top-color: #BFAD8F;
   left: calc(50% - 10px);
	/*left:20px;*/
	 transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
  
}

#desknav ul li:last-of-type a:hover:before, #desknav ul li:last-of-type a.active:before {

    border-top-color: #464545;
  
}






		#desknav  ul li a.active{
			color: #464545;
		}
		
		#desknav  ul li.current_page_item a{
			color:#464545;
			opacity:1;
		}
		
		 
		
		#desknav  ul li.current_page_ancestor a, #desknav  ul li.current_page_parent a{
			color:#464545;
			opacity:1;
		}


#desknav ul li.current_page_item a:before, 
#desknav ul li.current_page_ancestor a:before,
#desknav ul li.current_page_parent a:before{
content: "";
    position: absolute;
    bottom: -20px;
    border: 10px solid transparent;
    border-top-color: #BFAD8F;
    z-index:100;
	left: calc(50% - 10px);
	/*left:20px;*/
	 transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
	
}


#subNav {display: none;}



/*Here Rich I have started with something to hide the sub-elements*/

header #desktop ul li ul {
  	visibility: hidden;
	opacity: 0;
	 text-align:left;
	 width: auto;
	 margin-left: 0px;
    margin-top: 0px;
	flex-wrap: wrap;
	z-index: 99;
	border-radius: 0 0 5px 5px!important;
}

header #desktop ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/*  stuff dropped in to */

header #desktop ul:after {
	content: ""; clear: both; display: block;
}

header #desktop ul li li{
	display:block!important;
}

header #desktop ul li li:after{
	content : "";
}



	
header #desktop ul ul {
	background: #FFF!important;
	padding: 0px;
	position: absolute;
	top: 100%;
	z-index: 1000;
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.10);
	
	
}
header #desktop ul ul li {
	float: none; 
   white-space: normal;
	width: 100%!important;
}
header #desktop ul ul li a {
	padding: 15px!important;
	margin: 0px!important;
	color: #464545!important;
    display:block!important;
	 font-size: 13px;
	letter-spacing: 0.015em;
}

header #desktop ul ul li:last-of-type a{
	background-color: #FFF;
	color: #464545;
	border-radius: 0 0 5px 5px!important;
	}


header #desktop ul ul li a:before {
	display: none;
}	


header #desktop ul ul li.current-menu-item a {
color:#464545!important;
	background-color: #EEE;
}

header #desktop ul ul li.current_page_ancestor a {
	color:#464545!important;
}



section.topgap {
	margin-top: 82px;
}

section.topgap-landing {
	margin-top: 190px;
}




section.banner {background-color: #FFF!important;display: block; padding-top: 20px; margin-bottom: 10px;}

section.banner .imagewrap,
section.banner-video.small .imagewrap

{height: auto;
overflow: hidden;
	position: relative;
}

section.banner .imagewrap img,
section.banner-video.small .imagewrap
{width: 100%; height: auto;border-radius: 0 0 5px 5px!important; 
}

section.banner .imagewrap .banner-tint {
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.7) 100%);
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
}



section.banner .container, section.nobanner .container {height: 100%;text-align: center;position: relative;}

section.nobanner h1 {
    color: #464545;
    font-size: 20px;
	margin: 0!important;
	padding: 0!important;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);position: absolute;
    
}

section.nobanner-landing { background-color: #BFAD8F; text-align: center; padding: 60px 0;}




section.nobanner-landing h1 {
    color: #464545;
	padding: 0!important;
	font-family: trajan-pro-3,serif;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .05em;
	margin: 0 0 30px 0;
    
}


section.nobanner-landing .call-to-action a {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .15em;
  padding: 8px 15px;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 5px;
  background-color: #464545;
  color: #BFAD8F;
  border: solid 1px #BFAD8F;
}


section.nobanner-landing .call-to-action a:hover {
  background-color: #BFAD8F;
  color: #464545;
  border: solid 1px #464545;
}






section.banner-landing {
	background-color: #000!important;
	display: block;
	padding-top: 0px;
	margin-bottom: 0px;
	height: 300px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;}

section.banner-landing .banner-tint {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

section.banner-landing .banner-tint .wrap-banner-content{
	width: 100%;
	height: 100%;
	position: relative;
}

section.banner-landing .banner-tint .wrap-banner-content .centre-banner-content{
	position: absolute;
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


section.banner-landing h1 {
    color: #FFF;
	margin: 0 !important;
	padding: 0px 0!important;
	font-family: trajan-pro-3,serif;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .05em;

    
}

section.banner-landing .call-to-action {
margin: 30px 0 0 0;
}


section.banner-landing .call-to-action a {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .15em;
  padding: 8px 15px;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 5px;
  background-color: #BFAD8F;
  color: #464545;
  border: solid 1px #BFAD8F;
}


section.banner-landing .call-to-action a:hover {
  background-color: #464545;
  color: #BFAD8F;
  border: solid 1px #464545;
}


section.iconic-landing-text-background{
background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
	
}

section.iconic-landing-text-background h2 {
  font-size: 26px;
  margin: 0 0 30px 0;
  line-height: 145%;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
	text-align: center;
}

section.iconic-landing-text-background .section-tint {
background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
	 padding: 80px 0 80px 0;
}

section.iconic-landing-text-background .section-tint.black {
background: rgba(0, 0, 0, 0.75);
	color: #fff;
}
section.iconic-landing-text-background .section-tint.white {
background: rgba(255, 255, 255, 0.85);
	color: #464545;
}


section.iconic-landing-text-background .section-tint .call-to-action  {
	text-align: center;
	margin: 50px 0;
}

section.iconic-landing-text-background .section-tint .call-to-action a {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .15em;
  padding: 8px 15px;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 5px;
  background-color: #BFAD8F;
  color: #464545;
  border: solid 1px #BFAD8F;
}

section.iconic-landing-text-background .section-tint.black .call-to-action a {
  background-color: #BFAD8F;
  color: #464545;
  border: solid 1px #BFAD8F;
}
section.iconic-landing-text-background .section-tint.black .call-to-action a:hover{
  background-color: #464545;
  color: #FFF;
  border: solid 1px #BFAD8F;
}

section.iconic-landing-text-background .section-tint.white .call-to-action a {
  background-color: #464545;
  color: #FFF;
  border: solid 1px #464545;
}

section.iconic-landing-text-background .section-tint.white .call-to-action a:hover{
  background-color: #BFAD8F;
  color: #464545;
  border: solid 1px #BFAD8F;
}



section.iconic-landing-text-background ul {
  font-size: 22px;
  margin: 50px 0 50px 0;
  line-height: 145%;
	list-style: none;
	position: relative;
	padding: 0;
	font-weight: 700;
}

section.iconic-landing-text-background ul li{
	padding-left: 50px;
}

				
section.iconic-landing-text-background ul li:before {
	position: absolute;
    content: "•";
    margin-left: -25px;
	font-size: 50px;
	margin-top: -5px;
	
}






section.iconic-landing-text-background .section-tint.white ul li:before {
    color: #464545;
	
}

section.iconic-landing-text-background .section-tint.black ul li:before {
    color: #FFF;
	
}


section.iconic-landing-text-background .section-tint.white ul.sheilds li:before {
	content: '';
	background:url('images/sheild-dark.svg');
	background-repeat: no-repeat;
	background-size: 14px auto;
	width: 25px;
	height: 25px;
	position: absolute;
    margin-left: -25px;
	font-size: 50px;
	margin-top: 8px;	
}

section.iconic-landing-text-background .section-tint.black ul.sheilds li:before {
	content: '';
	background:url('images/sheild-light.svg');
	background-repeat: no-repeat;
	background-size: 14px auto;
	width: 25px;
	height: 25px;
	position: absolute;
    margin-left: -25px;
	font-size: 50px;
	margin-top: 8px;	
}



section.iconic-landing-text-background h3 {
  font-size: 15px;
  margin: 0 0 30px 0;
  line-height: 145%;
	text-align: center;
}

section.iconic-landing-text-background p {
  font-size: 22px;
  margin: 0 0 30px 0;
  line-height: 145%;
	text-align: center;
	font-weight: 700;
}


section.iconic-landing-review{
	padding: 80px 0;
	background-color: #FFF;
	color: #464545;
	text-align: center;
	position: relative;
	z-index: 10;
}

section.iconic-landing-review p {
  font-size: 22px;
  margin: 0;
  line-height: 145%;
	font-weight: 700;
	
}

section.iconic-landing-review .star-wrap img {
  width: 200px;
height: auto;
	display: inline-block;
	margin-bottom: 30px;
	
}

section.iconic-landing-review .triangle-wrap {
position: absolute;
	bottom: -30px;
	height: 30px;
	width: 100%;
	text-align: center;
	
}

section.iconic-landing-review .triangle-wrap img{
height: 30px;
	width: auto;
	display: block;
	margin: 0 auto;
	
}

section.iconichalfhalf {text-align: left; padding: 50px 0; background-color: #FFF;}
section.iconichalfhalf.tinted { background-color: #EEE;}

section.iconichalfhalf .flex {display: flex;
flex-wrap: nowrap;
  width: 100%;
	align-items: center;
}

section.iconichalfhalf .flex.right {

flex-flow: row-reverse;
}


section.iconichalfhalf .flex {display: flex;
flex-wrap: nowrap;
  width: 100%;}



section.iconichalfhalf .flex .imagecol, section.iconichalfhalf .flex .textcol{width: calc(90% - 40px); margin: 0 20px;}

section.iconichalfhalf .flex .imagecol img{width: 100%; height: auto; display: block; }

section.iconichalfhalf h2 {
  font-size: 26px;
  margin: 0 0 30px 0;
  line-height: 145%;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
}

section.iconichalfhalf h3 {
  font-size: 15px;
  margin: 0 0 30px 0;
  line-height: 145%;
}

section.iconichalfhalf p {
  font-size: 22px;
  margin: 0 0 30px 0;
  line-height: 145%;
	font-weight: 700;
}

section.iconichalfhalf p {
  font-size: 22px;
  margin: 0 0 30px 0;
  line-height: 145%;
	font-weight: 700;
}


section.iconichalfhalf ul {
  font-size: 22px;
  margin: 0px 0 30px 0;
  line-height: 145%;
	list-style: none;
	position: relative;
	padding: 0;
	font-weight: 700;
}

section.iconichalfhalf ul li{
	padding-left: 20px;
}

				
section.iconichalfhalf ul li:before {
	position: absolute;
    content: "•";
    margin-left: -25px;
	font-size: 50px;
	margin-top: -5px;
	
}



section.iconichalfhalf iframe {
width: 100%; height: auto; display: block; aspect-ratio: 16 / 9;
}


section.iconichalfhalf .call-to-action  {
	text-align: left;
	margin: 50px 0;
}

section.iconichalfhalf .call-to-action a {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .15em;
  padding: 8px 15px;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 5px;
  background-color: #464545;
  color: #FFF;
  border: solid 1px #464545;
}

section.iconichalfhalf .call-to-action a:hover{
  background-color: #BFAD8F;
  color: #464545;
  border: solid 1px #BFAD8F;
}




section.banner h1 {
    color: #FFF;
    font-size: 36px;
	margin: 0!important;
	padding: 0!important;
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);position: absolute;
	line-height: 100%;
    
}

section.banner h1 strong{
    font-weight: 500;
    }

section.banner h1 br{
    display: none;
    }


section.banner .flex{display: flex;
flex-wrap: nowrap;}

section.banner .flex .imagewrap.flexed{
	width: 75%;
height: auto;}

section.banner .flex .advert-wrap{
	width: calc(35% - 20px);
margin-left: 20px;}

section.banner .flex .advert-wrap img{
	width: 100%;
height: auto;
display: block;
border-radius: 0 0 5px 5px;}

section.banner .flex .advert-wrap a{
	padding: 0px!important;
}

section.banner .flex .advert-wrap .desktop-ad{
	display: block;
}
section.banner .flex .advert-wrap .mobile-ad{
	display: none;
}


section.undernavad{
	width: 100%;}

section.undernavad img{
	width: 100%;
height: auto;
display: block;}	


section.nobanner {
    padding: 0px;
	margin-bottom: 20px;
	}

section.nobanner .container {
  	background-color: #EEE;
	border-radius: 0 0 5px 5px!important;
	}
section.nobanner .imagewrap {height: 150px;}

section.nobanner .container .tint-box{
	position: absolute;
	width: 80%;top: 50%;left: 50%;
  	transform: translate(-50%, -50%);
	margin-left: auto;margin-right: auto;
}

section.breadwrap .container{ background-color:#FFF; border-bottom: 1px solid #CCC;}
section.breadwrap.coverage .container{ background-color:#FFF; border-bottom: none}


section.breadwrap ul#breadcrumbs {
    color: #464545;
    font-size: 12px;
    list-style: outside none none;
    margin: 0;
    padding: 5px 10px 10px 10px;
	text-transform: uppercase;
	letter-spacing:0.05em;
font-weight: 500;}

section.breadwrap.coverage ul#breadcrumbs {

    padding: 10px 10px 10px 10px;}

section.breadwrap ul#breadcrumbs li {
    display: inline-block;
    margin: 0 5px 0 10px;
    padding: 0;
	background-image: none;}
section.breadwrap ul#breadcrumbs li.separator {color:#464545;}
section.breadwrap ul#breadcrumbs li a{color:#464545;text-decoration: none;}	
section.breadwrap ul#breadcrumbs  a{color:#464545;text-decoration: none;}	
section.breadwrap ul#breadcrumbs  a:hover{color:#464545;text-decoration: none;}	
section.breadwrap ul#breadcrumbs li a:hover{color:#464545;text-decoration: none;}	
section.breadwrap .breadcrumbs { margin-bottom: 50px;}







section.carousel-accreditations-overlay{height: auto;  text-align: center;
background-color: rgba(0,0,0,0.50); position: fixed; width: 100%; z-index: 99; top: 82px;}

section.carousel-accreditations-overlay ul.slides{height: 40px; }

section.carousel-accreditations-overlay ul.slides li a{margin: 0; padding: 0;  height: 0; top: 0;}

section.carousel-accreditations-overlay img{display: inline-block; margin: 0 10px;}

section.carousel-accreditations-overlay span{display: inline-block; vertical-align: top; margin: 12px 0 0 0; color: #FFF; text-transform: uppercase; letter-spacing: 0.15em; font-size: 14px; line-height: 100%; font-weight: 500;}





			section.carouselwrap {
		  background-color: #000;
		width: 100%;
		overflow: hidden;
		height: calc(75vh - 120px);	
		padding-top:0px;
		
		
		
	}
	




section.carouselwrap a.showmore{
font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    
    padding: 8px 15px;
    font-weight: 500;
    white-space: nowrap;
    background-color: #333;
    border: 1px #FFF solid;
    color: #FFF;
}




section.carouselwrap a.showmore:hover{
    background-color: #000;
}








		
.carouselwrap .row { margin-top:0px;}

.carouselwrap #slides .row.group.carouselrow
	 {margin: 0px; position:relative;}




	 
	
	 
	.slides-container  {margin: 0px;} 
	.slides-container li {margin: 0px;}

.slides-container li video{/* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
    min-width: 100%;
min-height: 100%;
object-fit: cover;}
	
	
section.carouselwrap .container {
	position:absolute;
	bottom: 0px;
	width:100%;
	max-width:100%;
	
	
	
	}


	
section.carouselwrap .table {

    height: 100%;/*
    position: relative;*/
    text-align: center;

}




section.carouselwrap .table .table-cell {

    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    padding: 2% 2%;
    width: 400px;
     transition:  .20s ease-in-out; 
    border: solid #FFF 0px;
}

section.carouselwrap  .table:hover .table-cell {border: solid #FFF 2px;}


section.carouselwrap  .table .table-cell h2{
    color: #464545;
    font-size: 16px;
    line-height: 90%;
    font-weight: 300;
	margin: 0 0 20px 0;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    transition:  .20s ease-in-out;
}

section.carouselwrap  .table .table-cell h3{
    color: #464545;
    font-size: 16px;
    line-height: 90%;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    font-weight: 500;
	margin:  0;
    transition:  .20s ease-in-out;
}
section.carouselwrap  .table:hover .table-cell h2{transform: scale(1.05);}

section.carouselwrap  .table .table-cell .white h2{
    color: #FFF!important;
}

section.carouselwrap  .table .table-cell .white h3{
    color: #FFF!important;
}

section.carouselwrap .table.video .table-cell {

    position: absolute;
  bottom: 5%;
    top: auto;
  left: 50%;
  transform: translate(-50%, -50%);
    padding: 0%;
    width: 400px;
     transition:  .20s ease-in-out; 
    border: solid #FFF 0px;
}





section.carouselwrap .optional-caption{
    position: absolute;
    bottom: -5px;
    background-color: #FFF;
    color: #464545;
  left: 50%;
  transform: translateX(-50%);
}


section.carouselwrap .optional-caption p{
    font-size: 12px;
    padding: 5px 10px;
    line-height: 100%;
    margin: 0;
}

section.banner-video {
  width: 100%;
  padding-top: 0px;
	position: relative;
background-size: cover;
background-position: center;
	margin-bottom: 0px;
}

section.banner-video.small{
background-color: #FFF !important;
  display: block;
  padding-top: 20px;
  margin-bottom: 10px;	
	
}


section.banner-video.small video{
  width: 100%;
  padding-top: 0px;
	position: relative;
background-size: cover;
background-position: center;
	margin-bottom: 0px;
	min-height: 400px;
}

section.banner-video video {
  width: 100% !important;
  height: 40vh !important;
max-height: 500px;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
	border-radius: 0 0!important;
	display: block;
}


section.banner-video.small video{
width: 100%;
  height: auto;
  border-radius: 0 0 5px 5px !important;
}

section.banner-video.small img{
width: 100%;
  height: auto;
  border-radius: 0 0 5px 5px !important;
}




section.banner-video .video.call-to-actions {
position: absolute;
	bottom:30px;
	width: auto;
	text-align: center;
	left: 50%;
  transform: translateX(-50%);
}

section.banner-video .buttons-wrap {
position: relative;
	width: 100%;
	height: 0;
}

section.banner-video .call-to-actions {
position: absolute;
	bottom:20px;
	width: 100%;
	text-align: center;
}

section.banner-video a {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.15em;
padding: 10px 10px 10px 45px;
font-weight: 500;
white-space: nowrap;
background-color: #333;
color: #FFF;
background-position: left 10px center;
background-repeat: no-repeat;
background-size: 25px auto;
border-radius: 0 0 10px 10px;
}


section.banner-video .show-video {
background-image: url("images/white-play-button.svg");
	background-size: 25px auto!important;
}

section.banner-video .video-survey {
background-image: url("images/smartphone-white.svg");
	background-size: 25px auto!important;
}

section.banner-video .free-quote {
background-image: url("images/quote-white.svg");
	background-size: 20px auto!important;
	padding: 8px 15px 8px 35px!important;
}

section.banner-video .call-back {
background-image: url("images/call-back-white.svg");
		background-size: 20px auto!important;
	
}

section.banner-video .finance {
background-image: url("images/calculator-white.svg");
	background-size: 20px auto!important;
	padding: 8px 15px 8px 35px!important;
}
section.banner-video a:hover {
background-color: #BFAD8F;
}


section.banner-video .flex{display: flex;
flex-wrap: nowrap;}

section.banner-video .flex .video-wrap{
	width: 75%;}

section.banner-video .flex .advert-wrap{
	width: calc(35% - 20px);
margin-left: 20px;}

section.banner-video .flex .advert-wrap img{
	width: 100%;
height: auto;
display: block;
border-radius: 0 0 5px 5px;}

section.banner-video .flex .advert-wrap a{
	padding: 0px!important;
}

section.banner-video .flex .advert-wrap .desktop-ad,
section.undernavad .desktop-ad{
	display: block;
}
section.banner-video .flex .advert-wrap .mobile-ad,
section.undernavad .mobile-ad{
	display: none;
}


section.text-block {
     color: #464545;
    padding: 50px 0 50px 0; text-align: center;
}

section.text-block .row:first-of-type {margin: 0; }
section.text-block .row {margin: 0 0 20px 0;}

section.text-block.leftalign {
    
 text-align: left;
}
section.text-block.first {
    
    margin-top: 0px;
}

section.text-block .row.extrapadding {
padding: 0px 0 30px 0;
}

section.text-block.white{
    background-color: #FFF;
    color: #464545;
}

section.text-block.findout{
    background-color: #EEE;
    color: #464545;
}

section.text-block.taupe{
    background-color: #E8E0D3;
    color: #464545;
}


section.text-block.duck{
    background-color: #BFAD8F;
    color: #464545;
}

section.text-block.grey{
    background-color: #868585;
    color: #FFF;
}

section.text-block.lightgrey{
    background-color: #EDEDED;
    color: #464545;
}
section.text-block.showroom-banner{
   padding: 25px 0;
}

section.text-block.showroom-banner .fullimage{
   margin-bottom: 0;
}

section.text-block.showroom-banner .showroom-text-wrap{
	margin-bottom: 50px;
}

section.text-block.miniaccreditations{
    background-color: #EDEDED;
    color: #464545;
    padding: 50px 0 50px 0;
}

section.text-block.miniaccreditations.white{
    background-color: #FFF;
}

section.text-block.toplinehead{
   /* padding: 70px 0 50px 0;position: relative;*/
}

section.text-block.toplinehead .headerwrap{
/*    padding: 10px 20px 0 20px;
    position: absolute;
    top:-20px;
    left: 50%;
  transform: translateX(-50%);*/
}
section.text-block.toplinehead.taupe .headerwrap{
    background-color: #E8E0D3;
}
section.text-block.toplinehead.white .headerwrap{
    background-color: #FFF;
}
section.text-block.toplinehead.duck .headerwrap{
    background-color: #BFAD8F;
}

section.text-block.toplinehead.grey .headerwrap{
    background-color: #868585;
}

section.text-block.toplinehead.lightgrey .headerwrap{
    background-color: #EDEDED;
}

section.text-block.promise{
    background-color: #FFF;padding: 0;color: #464545;
}

section.text-block.location{
   padding: 0!important;
	margin: -30px 0 0 0!important;
}


section.text-block.promise .container{
   background-color: #EEE;;
    outline: 2px solid #464545;
    outline-offset: -10px;
	/*border-radius: 0 0 5px 5px;*/
	padding: 20px 10px 20px 10px;
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.10);
/*background: radial-gradient(ellipse farthest-corner at right bottom, #BFAD8F 0%, #BFAD8F 8%, #BFAD8F 30%, #BFAD8F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #BFAD8F 0%, #BFAD8F 8%, #BFAD8F 25%, #5d4a1f 62.5%, #5d4a1f 100%);*/
}

section.text-block.promise .container p{
font-size: 18px; margin: 0;
}

section.text-block.promise h2{
	font-family: trajan-pro-3, serif;
font-weight: 600;
	
	text-transform: uppercase; font-size: 30px; letter-spacing: 0.05em; margin: 0 0 10px 0;}


section.four-key-points{background-color: #F2F2F2; padding: 20px 0; color: #464545; margin: 0;}
section.four-key-points.desktop{display: block;}
section.four-key-points.mobile{display: none;}
section.four-key-points .flex{display: flex;}

section.four-key-points .four-item-wrap{display: block; width: 40%;}
section.four-key-points .four-item-wrap .icon-wrap{display: inline-block; width: 25%; vertical-align: middle;}
section.four-key-points .four-item-wrap .icon-wrap img{display: block; width: 80%; height: auto;}
section.four-key-points .four-item-wrap .text-wrap{display: inline-block; width: 75%; vertical-align: middle;}
section.four-key-points .four-item-wrap .text-wrap p{font-weight: 600; font-size: 16px; line-height: 120%; margin: 0 10px 0 0px;}


section.checkatrade-trustpilot, .inlinecheckatradetrustpilot{background-color: #FFF; padding: 20px 0 40px 0; color: #464545; margin: 0; text-align: center;}
section.checkatrade-trustpilot .flex,
.inlinecheckatradetrustpilot .flex{display: flex;}
section.checkatrade-trustpilot .flex .halfer,
.inlinecheckatradetrustpilot .flex .halfer{width: 50%;}
section.checkatrade-trustpilot .flex .halfer .logo-wrap,
.inlinecheckatradetrustpilot .flex .halfer .logo-wrap {margin: 0 10px;}
section.checkatrade-trustpilot .flex .halfer .logo-wrap img,
.inlinecheckatradetrustpilot .flex .halfer .logo-wrap img{width: 50%; height: auto; display: block; margin: 0 auto;}
section.checkatrade-trustpilot .flex .halfer .text-wrap,
.inlinecheckatradetrustpilot .flex .halfer .text-wrap{margin: 0 20px 30px 20px;}
section.checkatrade-trustpilot .flex .halfer .text-wrap p.large,
.inlinecheckatradetrustpilot .flex .halfer .text-wrap p.large{font-weight: 600; font-size: 30px; margin: 0;}
section.checkatrade-trustpilot .flex .halfer .text-wrap p.small,
.inlinecheckatradetrustpilot .flex .halfer .text-wrap p.small{font-weight: 400; font-size: 14px; margin: 0;}



section.text-block h1{ font-family: trajan-pro-3, serif;  text-transform: uppercase; font-size: 30px; font-weight: 600; letter-spacing: 0.05em; margin: 0 0 30px 0;}
section.text-block h2{font-family: trajan-pro-3, serif; text-transform: uppercase; font-size: 24px; font-weight: 600; letter-spacing: 0.05em; margin: 0 0 20px 0;}
section.text-block h2:before {
/*  content : "";
  position: absolute;
  left    : calc(50% - 40px);
  bottom  : -5px;
  height  : 2px;
  width   : 80px;  
    background-color: #C2AD8D;*/}

section.text-block.leftalign h2:before, section.text-block.findout h2:before {
  display: none;}


section.text-block.duck h2:before, section.text-block.grey h2:before {
    background-color: #FFF;}


section.text-block h2.larger{ font-family: trajan-pro-3, serif;  text-transform: uppercase; font-size: 30px; font-weight: 600; letter-spacing: 0.05em; margin: 0 0 30px 0;}
section.text-block h2.larger:before{display: none;}


section.text-block.miniaccreditations h2{font-family: trajan-pro-3, serif;  text-transform: uppercase; font-size: 26px; font-weight: 600; letter-spacing: 0.05em; margin: 0 0 20px 0;}
section.text-block.miniaccreditations h2:before{display: none;}



section.text-block h2 strong{font-weight: 700;}
section.text-block h3{ text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: 0.15em; margin: 0 0 15px 0; color: #464545;}

section.text-block.grey h3{ color: #FFF;}

section.text-block h4{ text-transform: uppercase; font-size: 14px; font-weight: 300; letter-spacing: 0.15em; margin: 0 0 60px 0; position: relative;}
section.text-block h3.duck{ color: #FFF!important;}
section.text-block h4:before {
  content : "";
  position: absolute;
  left    : calc(50% - 40px);
  bottom  : -30px;
  height  : 2px;
  width   : 80px;  /* or 100px */
  background-color: #11CAFF;
}
section.text-block h4:before {
  content : "";
  position: absolute;
  left    : calc(50% - 40px);
  bottom  : -30px;
  height  : 2px;
  width   : 80px;  /* or 100px */
  background-color: #11CAFF;
}

section.text-block h5{ text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.25em; margin: 0 0 20px 0; position: relative;}





section.text-block p{ font-size: 22px; margin: 0 0 30px 0; line-height: 145%;}
section.text-block p.intro{ font-size: 28px; margin: 0 0 30px 0; line-height: 145%;font-family: trajan-pro-3, serif; font-weight: 300;}
section.text-block p a{ color: #2B2D31; font-weight: 400;}
section.text-block.grey p a{ color: #FFF; font-weight: 400;}

section.text-block p a:hover{ color: #BFAD8F; text-decoration: underline;}


section.text-block.duck p a{ color: #EDEDED;}

section.text-block p a:hover{ color: #2B2D31;}

section.text-block img.responsive,
section.text-block picture.responsive img{ width: auto; height: auto;}

section.text-block img.desktopresp,
section.text-block picture.desktopresp img
{ width: 90%; height: auto; display: inline-block;}

section.text-block img.mobileresp,
section.text-block picture.mobileresp img{ display:none;}


section.text-block .lcta-text{background-color: #EEE; padding: 0px; text-align: center; border-radius: 0 0 5px 5px; margin: 0 0 30px 0;
background-image: url("images/link.svg");
	background-repeat: no-repeat;
	background-position: right 15px center;
	
background-size: 15px auto;

}

section.text-block .lcta-text .lca-text-wrap{padding: 25px;} 

section.text-block .lcta-text p{font-size: 20px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; margin: 0 20px 0 0;}

section.text-block .lcta-text.gold{background-color: #BFAD8F; color:#464545;}

section.text-block .lcta-text.gold:hover{background-color: #464545; color:#BFAD8F;}

section.text-block .lcta-text.dark{background-color: #464545; color: #FFF;}

section.text-block .lcta-text.dark:hover{background-color: #BFAD8F; color: #464545;}


section.text-block .lcta-text .flex{display: flex; flex-wrap: nowrap; align-content: center;}

section.text-block .lcta-text .flex .image-wrapper{width: 30%;}

section.text-block .lcta-text .flex .image-wrapper img{width: 100%; height: auto; display: block; border-radius: 0 0 0px 5px;}

section.text-block .lcta-text .flex .text-wrapper{width: 70%; padding: 50px; position: relative;}

section.text-block .lcta-text .flex .text-wrapper p{position: absolute;
	top: 50%;
  left: 50%;
	transform: translate(-50%, -50%);
width: 100%;}

section.text-block.miniaccreditations .accreds  {
    display: flex;
    margin: 0 auto;
    width: 60%;
    align-items: center;
    align-content: center;
	justify-content: center;
}


section.text-block.miniaccreditations .accreds  .miniawrap{
    margin: 0 10px;
    text-align: center;
}




section.text-block.miniaccreditations .accreds img {
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

section.text-block.miniaccreditations .accreds img:hover {
   background-color: #FFF;
}


section.text-block .twocols ul{ font-size: 14px; margin: 0 0 60px 0; line-height: 145%;font-family: 'Playfair Display', serif; list-style-position: inside;}

section.text-block .call-to-action{
width:100%;
}

section.checkatrade-trustpilot .call-to-action,
.inlinecheckatradetrustpilot .call-to-action,
section.text-block .call-to-action.flexi{
width:100%;
	text-align: center;
}

section.text-block .call-to-action.flexi{
margin: 30px 0;
}


section.text-block .call-to-action a,
section.checkatrade-trustpilot .call-to-action a,
.inlinecheckatradetrustpilot  .call-to-action a{
font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 8px 15px;
    font-weight: 500;
    white-space: nowrap;
	border-radius: 0 0 5px 5px;
}


section.text-block.duck .call-to-action a, section.text-block.grey .call-to-action a, section.text-block.findout .call-to-action a,
section.checkatrade-trustpilot .call-to-action a, section.text-block .call-to-action.flexi a, .inlinecheckatradetrustpilot .call-to-action a{
	background-color: #BFAD8F;
	color: #464545;
	border-radius: 0 0 5px 5px;
}

section.text-block.findout .call-to-action a,section.text-block.showroom-banner .call-to-action a{
	background-color: #464545;
	color: #FFF;
}



section.text-block.white .call-to-action a,
section.text-block.lightgrey .call-to-action a{
color: #464545;
border: 1px #D3D3D3 solid;
}


section.text-block .call-to-action a:hover, 
section.text-block.findout .call-to-action a:hover,
section.checkatrade-trustpilot .call-to-action a:hover,
.inlinecheckatradetrustpilot .call-to-action a:hover{
   color: #FFF;
	background-color: #464545!important;
}

section.text-block.white .call-to-action a:hover{
    background-color: #333;
    color: #FFF;
}

section.text-block.findout .call-to-action a:hover,section.text-block.showroom-banner .call-to-action a:hover{
background-color: #BFAD8F!important;
	color: #464545;
}




section.text-block .double .call-to-action.flexi a{min-width: 300px; display: inline-block; text-align: center;}

section.text-block .double.left .call-to-action.flexi{text-align: right;}
section.text-block .double.right .call-to-action.flexi{text-align: left;}




section.text-block .text-minus {display: none;}

section.text-block .accordion-wrap{
    margin-bottom: 60px;
}
section.text-block .accordion h3.indicator {
    color: #464545;
    background-image: url(images/indicator.svg);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 9px 9px;
    padding: 10px 10px;
    cursor: pointer;
    width: calc(100% - 20px);
    border-bottom: solid 1px #EEE;}

section.text-block .accordion h3.indicator.expanded {
    border-bottom: none;
    background-image: url(images/indicator-open.svg);
    margin-bottom: 20px;
}

section.text-block .accordion h3.indicator a{color: #464545;}


section.text-block .accordion .accord-item
		 { display: none;
			 border-bottom: solid 1px #EEE;
			 margin-bottom:10px; 
			 clear: both;
			 overflow: hidden;
			 width: calc(100% - 20px);
			 padding: 10px;
			
}

section.text-block .ranges-index{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 10px 0 0 0;
}

section.text-block .ranges-index{
height: 100%;
 align-items: center;
  justify-content: center;
}

section.text-block .ranges-index a { border: 0px; padding:0px; margin: 0px}

section.text-block .ranges-index .single-range-wrap{
margin: 0px 5px;
 width: calc(33% - 10px);
    
}

section.text-block .ranges-index .single-range-wrap .single-flex{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
}



section.text-block .ranges-index .single-range-wrap .single-range-imagewrap{
width: 50%;
    vertical-align: top;
}

section.text-block .ranges-index .single-range-wrap .single-range-imagewrap img{
width: 100%; height: auto; margin: 0; padding: 0; display: block;
}

section.text-block .ranges-index .single-range-wrap .single-range-contentwrap{
width: 50%;
    vertical-align: top;
    position: relative;
}
section.text-block .ranges-index .single-range-wrap .single-flex:hover .single-range-contentwrap{
    background-color: #333!important;
}
section.text-block .ranges-index .single-range-wrap .single-flex:hover .single-range-contentwrap h3{
    color: #FFF!important;
}

section.text-block .ranges-index .single-range-wrap .single-range-contentwrap .title-wrap{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); position: absolute;
}

section.text-block .ranges-index .single-range-wrap .single-range-contentwrap h3{
text-transform: uppercase; font-size: 14px; font-weight: 300; letter-spacing: 0.15em; margin: 0;
  line-height: 150%;
    color: #464545;
}

section.text-block .ranges-index .single-range-wrap .single-range-contentwrap h3.white{
    color: #FFF;
}

section.text-block .ranges-index .single-range-wrap .single-range-contentwrap h3 strong{
font-weight: 500;
}



section.text-block .ranges-index-v2{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 10px 0 0 0;
}

section.text-block .ranges-index-v2{
height: 100%;
 align-items: center;
  justify-content: center;
}

section.text-block .ranges-index-v2 a { border: 0px; padding:0px; margin: 0px}

section.text-block .ranges-index-v2 .single-range-wrap{
margin: 0px 5px;
 width: calc(33% - 10px);
    
}

section.text-block .ranges-index-v2 .single-range-wrap .single-flex{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
}



section.text-block .ranges-index-v2 .single-range-wrap .single-range-imagewrap{
width: 100%;
}

section.text-block .ranges-index-v2 .single-range-wrap .single-range-imagewrap img{
width: 100%; height: auto; margin: 0; padding: 0; display: block;
}

section.text-block .ranges-index-v2 .single-range-wrap .single-range-contentwrap{
	width: 100%;
	position: absolute;
	padding: 10px 0;
	bottom: 10px;
	min-height: 30px;
background: rgb(70,69,69);
background: linear-gradient(180deg, rgba(70,69,69,0) 0%, rgba(70,69,69,1) 70%);
	
}
section.text-block .ranges-index-v2 .single-range-wrap .single-flex:hover .single-range-contentwrap{
    background-color: #333!important;
}
section.text-block .ranges-index-v2 .single-range-wrap .single-flex:hover .single-range-contentwrap h3{
    color: #BFAD8F!important;
}

section.text-block .ranges-index-v2 .single-range-wrap .single-range-contentwrap .title-wrap{
  	top: 50%;
  	left: 1%;
	width: 98%;
  	transform: translateY(-50%);
	position: absolute;
}

section.text-block .ranges-index-v2 .single-range-wrap .single-range-contentwrap h3{
text-transform: uppercase;
	font-size: 18px; letter-spacing: 0.15em; margin: 0;
  	line-height: 110%;
    color: #464545;
	font-weight: 500;
	
}

section.text-block .ranges-index-v2 .single-range-wrap .single-range-contentwrap h3.white{
    color: #FFF;
}






section.text-block .rooms-index{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
    height: 100%;
 align-items: center;
  justify-content: center;
}

section.text-block .rooms-index a { border: 0px; padding:0px; margin: 0px}

section.text-block .rooms-index .single-room-wrap{
margin: 0px 5px;
 width: calc(25% - 30px);
    background-color: #BFAD8F;
    padding: 10px;
    margin-bottom: 10px;
    
}



section.text-block .rooms-index .single-room-wrap .single-room-contentwrap h3{
text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 0.15em; margin: 0;
  line-height: 150%;
    color: #464545;
}

section.text-block .rooms-index .single-room-wrap .single-room-contentwrap h3 strong{
font-weight: 500;
}


section.text-block .rooms-index .single-room-wrap:hover {
    background-color: #333!important;
}
section.text-block .rooms-index .single-room-wrap:hover .single-room-contentwrap h3{
    color: #FFF!important;
}


section.text-block .tablepress th {
    background-color: #769A9B;
    color: #FFF;
    text-transform: uppercase;
}

			
				
section.text-block .fullimage img {width:100%; height: auto; position: relative; display: block;}

section.text-block .fullimage  {position: relative; margin-bottom: 30px;}
				


section.text-block .fullimage .info-overlay p{color: #464545; font-size: 12px; font-weight: 500; padding: 5px; text-transform: uppercase; letter-spacing: 0.15em; margin: 0;}


section.text-block .slides  {position: relative;}

section.text-block .slides .info-overlay p{color: #464545; font-size: 12px; font-weight: 500; padding: 5px; text-transform: uppercase; letter-spacing: 0.15em; margin: 0;}
			
				

section.text-block ul {
	font-size:22px; color:#333;list-style: none;position: relative;padding: 0;margin: 0 0 20px 0;
				}
				
			
				
				section.text-block ul li{
			
	padding-left: 20px; 
				
				}

section.text-block ul strong {}
				
				section.text-block ul li:before { position: absolute;
    content: "•";
    color: #BFAD8F;;
    margin-left: -10px;
	
}

section.text-block ul.locations-list {
	
	
	column-count: 3;
	column-gap: 10px;
	list-style: none;
	display: block;
				}

section.text-block ul.locations-list li{
	margin: 0 0 10px 0;
	padding: 0;
	display: inline-block;
	width: 100%;
				}


section.text-block ul.locations-list li a{
	padding: 10px;
	background-color: #BFAD8F;
	color: #464545;
	text-transform: uppercase;
	font-size: 18px;
  letter-spacing: .05em;
  font-weight: 500;
	display: block;
	text-align: center;
				}

section.text-block ul.locations-list li a:hover{
	background-color: #464545;
	color: #BFAD8F;
				}


section.text-block ul.locations-list li::before {
display: none;
}


				
				
					section.text-block ol {
			font-size:22px; font-weight:100; color:#333;

	list-style: none;
    position: relative;
    padding: 0;
    margin: 0 0 40px 0;
	
				
				}
				
				section.text-block ol li{
			counter-increment: list;
padding-left: 20px; 
				}
				
				section.text-block ol li:before { position: absolute;content: counter(list) "";
    color: #BFAD8F;;
    left: 0;
	font-weight:500;
}
				
				
section.text-block ul li a{color:#333;}






				
				
		section.text-block .factbox {background-color: #BFAD8F; padding: 40px; margin-bottom: 20px;border-radius: 0 0 5px 5px;}

		section.text-block .factbox p{color:#FFF;font-size:30px;line-height:100%;margin: 0 0 10px 0; text-align: center;font-weight: 300;}


section.text-block .factbox.quoteblock {background-color: #BFAD8F; padding: 20px; margin-bottom: 20px;border-radius: 0 0 5px 5px;}

section.text-block .factbox.quoteblock p{color:#FFF;font-size:30px;line-height:100%;margin: 0 0 10px 0; text-align: center; font-style: italic;font-weight: 300;}

section.text-block .factbox.quoteblock p{
 
  margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
}

section.text-block .factbox.quoteblock p:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 0px;
  position: relative;
  top: 10px;
  color: #FFF;
  font-size: 2em;
	opacity: 0.5;
}
section.text-block .factbox.quoteblock p::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 15px;
  color: #FFF;
  font-size: 2em;
	opacity: 0.5;
}


.text-block .halfandhalf img.lefty, .text-block .halfandhalf picture.lefty img{float: left; width: calc(50% - 30px); height: auto; margin-right: 30px; margin-bottom: 30px;}
.text-block .halfandhalf img.righty, .text-block .halfandhalf picture.righty img{float: right; width: calc(50% - 30px); height: auto; margin-left: 30px; margin-bottom: 30px;}


section.text-block .downloads { background-color: #BFAD8F; padding: 30px;border-radius: 0 0 5px 5px;}
section.text-block .downloads h2{color: #464545; margin-bottom: 10px;}

section.text-block .downloads-list {margin: 0; padding: 0; list-style: none; line-height: 250%;}

section.text-block .downloads-list li{margin: 0; padding: 0; list-style: none;}

section.text-block .downloads-list li a{ font-size: 18px; color: #464545;  background-image: url(images/pdf.svg); background-size: 30px auto; background-position: left center; background-repeat: no-repeat; padding:  10px  0 10px 50px;}

section.text-block .downloads-list li a:hover{text-decoration: underline; color: #FFF;}
		
	section.text-block ul.downloads-list li:before {
    content: "";
}
	
		
		section.text-block  .tabs
		 {
			 list-style: none;
			 margin: 0px 0px 20px 0px;
			 padding: 0px;
			 width: 100%;
			 text-align: left;
			 line-height: 250%;
}


section.text-block  .tabs li
		 {
			 display:inline-block;
			 margin: 0px;
			 padding: 0px;
			 background-image: none;
}

section.text-block ul.tabs li:before {
    content: "";
}



section.text-block  .tabs li a
		 {
			 color: #464545;
    cursor: pointer;
    font-size: 20px;
    margin-right: 4px;
	text-decoration: none;
	padding: 5px 10px;
			 letter-spacing: 0.1em;
			 text-transform: uppercase;border: solid 2px #BFAD8F; font-weight: 700;
			 background-color: #BFAD8F;border-radius: 0 0 5px 5px;
}
section.text-block .tabs li a:hover
		 {
			 background-color: #464545;
			 color:#fff!important;
			 text-decoration: none!important;
			 border: solid 2px #BFAD8F;
}
section.text-block  .tabs li a.active
		 {
			 background-color: #464545;
			 color:#fff;
}
	section.text-block  .tabs li a.current
		 {
             background-color: #464545;
border: solid 2px #464545;

			 color:#fff;
}	


section.text-block  .tabs li.current-arch a		 {
			 background-color:#464545;
			 color:#fff;
}	
		
		
section.text-block   .results th:first-child
		 { font-weight: normal;
			 
}


section.text-block   .tabbed-item .results th
		 { text-align:left;
			 
}

section.text-block  .tabbed-item .results td
		 { text-align:left;
			 
}

section.text-block   .tabbed-item .results td .pdf
		 { width: 19px;
		 height: 22px;
		 background-image:url(images/table-pdficon.png);
		 background-repeat: no-repeat;
		 display:block;
		 text-indent:-9999px;
		 background-position: 0px 0px;
		 background-size:19px 22px;
			 
}



section.text-block .tabbed  table
		 {
		 border-spacing: 0;
    border-collapse: collapse;
	font-size:12px;
	line-height:16px;
	color:#555;
	margin-bottom:10px;;
		
		
}

section.text-block .tabbed  table td
		 {
		 padding: 15px 0px;
		 text-align:right;
		 border-bottom: solid 1px #A7CFCD;
		
}

section.text-block .tabbed  table td:first-child
		 {
		
		 text-align:left;
		 
}

section.text-block .tabbed table th:first-child
		 {
		
		 text-align:left;
		
		 
}


section.text-block .tabbed  table th
		 {
		 padding: 15px 0px;
		 color:#333;
		  border-bottom: solid 1px #007680;
		  text-align:right;
		  font-weight: normal;
    font-style: normal;
	font-family: "AvenirLT-Heavy";
	text-transform:uppercase;
	letter-spacing:0.15em;
}



section.text-block .tabbed  table tr th.centre
		 {
			
             
             
             
}

section.text-block .halfoftextblock {width: 60%; float: left;}


section.text-block img.stretchyim {width: 30%!important; height: auto; margin-left: 10%;}

section.text-block form{margin: 0; padding: 0;}

section.text-block form p
		 {line-height: 100%;
margin:  5px 0 20px 0; font-size: 14px
			
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #464545 !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #464545 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #464545 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #464545 !important;
    opacity: 1;
}



section.text-block input[type="text"], section.text-block input[type="password"], section.text-block input[type="email"], section.text-block input[type="tel"], section.text-block select,
section.iconic-landing-text-background input[type="text"], section.iconic-landing-text-background input[type="password"], section.iconic-landing-text-background input[type="email"], section.iconic-landing-text-background input[type="tel"], section.iconic-landing-text-background select{
    padding: 6px 10px;
    box-shadow: none;
    box-sizing: border-box;
	width: 100%;
	color: #464545!important;
    display: inline-block;
    vertical-align: top;
    background-color: #FFF; font-size: 16px!important;
	border: 1px #464545 solid;
    font-weight: 600;
	border-radius: 0 0 5px 5px;

}

section.text-block input#f12_captcha{display: none;}



section.text-block textarea, section.iconic-landing-text-background textarea{
    padding: 6px 10px;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    box-sizing: border-box;
	width: calc(100% - 20px);
	color: #FFF;
    display: inline-block;
    vertical-align: top;
    background-color: #464545;

}


section.text-block input[type="text"]:focus, section.text-block input[type="password"]:focus, section.text-block input[type="email"]:focus, section.text-block input[type="tel"]:focus,
section.iconic-landing-text-background  input[type="text"]:focus, section.iconic-landing-text-background  input[type="password"]:focus, section.iconic-landing-text-background  input[type="email"]:focus, section.iconic-landing-text-background input[type="tel"]:focus{
	background-color: #EEE!important;
	color: #464545;
	border: 2px #464545 solid;
}




section.text-block textarea:focus, section.iconic-landing-text-background textarea:focus {
	background-color: #EEE!important;
color: #464545;
	border: 2px #464545 solid;
}


section.text-block label, section.iconic-landing-text-background label {display: none!important;
}

section.text-block form span, section.iconic-landing-text-background form span {  color: #464545; }

section.text-block input[type="submit"], section.iconic-landing-text-background input[type="submit"]{
    color: #FFF;
    border: none;
    outline: 0;
	background-color: #464545;
	border-radius: 0px;width: 100%; font-size: 16px;
letter-spacing: 0.05em;
    
    
    
}

section.text-block input[type="submit"]:hover,
section.iconic-landing-text-background input[type="submit"]:hover{
    color: #464545;
    border: none;
    outline: 0;
	background-color: #BFAD8F;
	border-radius: 0px;width: 100%;
}







section.text-block .flexslider3{
    margin: 0; padding: 0;
}

section.text-block .flexslider3 ul li{
  display: inline-block;
    margin: 0 auto;
}


section.text-block .flexslider3 ul li:before{
  display: none;
}

section.text-block .flexslider3 ul li p{
  margin: 0 0 10px 0;
    font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.15em;
}

section.text-block .flexslider3 ul li img{
 width: 70%;
    height: auto; margin: 0 auto; padding: 0;
}



section.text-block .flexslider4{
    margin: 0; padding: 0;
}

section.text-block .flexslider4 ul li{
  display: inline-block;
    margin: 0 auto;
	padding: 0!important;
}


section.text-block .flexslider4 ul li:before{
  display: none;
}

section.text-block .flexslider4 ul li img{
 width: 100%;
    height: auto; margin: 0 auto; padding: 0;
	max-height: 160px;
}





section.text-block .advert-wrap{
	width: 100%; margin-bottom: 30px;}

section.text-block .advert-wrap img{
	width: 100%;
height: auto;
display: block;
border-radius: 0 0 5px 5px;}

section.text-block .advert-wrap a{
	padding: 0px!important;
}

section.text-block .advert-wrap .desktop-ad{
	display: block;
}
section.text-block .advert-wrap .mobile-ad{
	display: none;
}

section.text-block .desktop-ad-flexible{
	display: block;
}
section.text-block .mobile-ad-flexible{
	display: none;
}

section.text-block .desktop-ad-flexible img{
width: 100%;
height: auto;
display: block;
border-radius: 0 0 5px 5px;
}
section.text-block .mobile-ad-flexible img{
width: 100%;
height: auto;
display: block;
border-radius: 0 0 5px 5px;
}


section.general1 .centre-recap{  margin: 20px auto;
width: 180px;
}

section.general1.intouch { background: rgb(255,255,255)!important; padding: 30px 0;}


section.general1.intouch .getintouch{ padding: 20px; text-align: center!important; background-color: #FFF; color: #0D2653!important; border: 5px solid #0D2653;}

section.general1.intouch .getintouch:hover{ background-color: #0D2653; border: 5px solid #0D2653;}


section.general1.intouch .getintouch h2 {color: #0D2653;
font-size: 20px;
margin: 0 0 10px 0; text-transform: uppercase;letter-spacing: 0.05em;}

section.general1.intouch p {
    color: #0D2653;
    font-size: 16px;
    line-height: 130%;
    margin: 0;
    text-align: center!important;
}

section.general1.intouch .getintouch:hover h2 {color: #FFF;}
section.general1.intouch .getintouch:hover p {color: #FFF;}




section.related {padding: 30px 0 30px 0;
    text-align: center;background-color: #EFEFEF;
}
section.related .container {
}



section.related h2{font-family: trajan-pro-3, serif;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.05em;
margin: 0 0 20px 0;
color: #464545;}

section.related .relatedwrap{ min-height:auto; padding: 10px; width: calc(30% - 30px) !important; display: inline-block; margin: 0 15px; vertical-align:top;
background-color: #BFAD8F;border-radius: 0 0 5px 5px;
}

section.related .relatedwrap:hover{ background-color: #464545;}

section.related .relatedwrap h3{
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: 14px;
color: #464545;}

section.related .relatedwrap:hover h3{ color: #FFF;}

.custom-hide-button {top:20px;
	position:absolute;
	left:20px;
	width:30px; 
	height:30px;
	border: 0px none #eee; 
	border-bottom: 0px none #ddd;
	background-size: 30px 30px;
	background: url(images/map-nav.svg) 0 0 no-repeat;
}
.custom-hide-button:hover {
	background: url(images/map-nav-on.svg);
	
}

.custom-hide-button.sidebar-open {
	background: url(images/map-nav-on.svg);
}







.article-information .container .infom{ background: rgb(235,235,235);
background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(204,204,204,1) 100%);
padding: 10px;
	text-align: left;
	margin-bottom: 0px;
}

.article-information .container .infom.tagsetc{background: rgb(235,235,235)!important;
padding: 10px;
	text-align: left;
	margin-bottom: 10px;
}


.article-information .author-wrap  #author-description img{ float: left; margin-right: 20px; margin-bottom: 10px;
}

.article-information .author-wrap  h2{
	color: #333;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-family: "FSAlbertBold", sans-serif;
    font-weight: normal;
    font-style: normal;
}

.article-information .author-wrap  p{
	color: #333; font-size: 16px; margin: 0 0 20px 0;
}


.article-information .author-wrap  p.topics{
	margin: 10px; line-height: 200%
}


.article-information .author-wrap  a{
color: #FFF;
	font-size: 14px;
line-height: 100%;
text-transform: uppercase;
letter-spacing: 0.09em;
display: inline-block;
    
background-color: #A05FBE;
border: solid 2px #A05FBE;
padding: 5px 10px;
    
    
    
}


.article-information .author-wrap  a:hover{
color: #A05FBE;
    background-color: #FFF;
border: solid 2px #A05FBE;
}



section.talkingabout{margin-top: 0px!important;}


section.talkingabout .row.blogs {margin-bottom: 60px;}
section.talkingabout .row.blogs.blogindex {margin-bottom: 20px;}

section.talkingabout.inpage {position: relative; 
}



section.talkingabout .artwrap{
    position: relative;
    display: flex;
}






section.talkingabout .titlearea{
    background: rgba(70,69,69,0.95);
    padding: 0px;
    width: calc(100% - 20px);
    display: block;
    vertical-align: top;
    text-align: center;
    position: absolute;
    bottom: 0px;
    right:0px;
    height: auto;
     color: #333;
     transition:  .10s ease-in-out;
   -moz-transition:  .10s ease-in-out;
   -webkit-transition:  .10s ease-in-out;
    margin: 10px;
}


section.talkingabout .row:nth-of-type(2) .titlearea{
    right: 0!important;
    left: auto;
}



section.talkingabout .titlearea .titlespace{
    padding: 10px;
}



section.talkingabout .titlearea .titlespace h3{
    font-size: 12px; margin: 0 0 0px 0; line-height: 145%; letter-spacing: 0.05em;text-transform: uppercase; font-weight: 500; color: #FFF;
}


section.talkingabout .titlearea .date{ text-transform: uppercase; letter-spacing: 0.25em; color: #FFF; font-weight: 500; font-size: 10px; margin: 0 0 5px 0!important;}



section.talkingabout .artwrap:hover .titlearea{
   background: rgba(43,45,49,1.0);
    height: auto;
     transition:  .10s ease-in-out;
   -moz-transition:  .10s ease-in-out;
   -webkit-transition:  .10s ease-in-out;
    transform: scale(1.025); /* Equal to scaleX(0.7) scaleY(0.7) */
}

section.talkingabout .artwrap:hover .titlearea .titlespace .excerpt p{
   display: none;
}
section.talkingabout .artwrap:hover .titlearea .date{
  color: #FFF;
}



section.talkingabout .imagearea{
    background-color: #CCC;
    padding: 0px;
    width: 100%;
    display: block;
    vertical-align: top;
}

section.talkingabout .imagearea img{
    width: 100%;
    display: block;
    height: auto;
}



section.talkingabout .pagination{
	text-align: center;
    background-color: #FFF;
    padding: 20px  0 0 0;
}

section.talkingabout .pagination ol{
	list-style: none;
	font-size: 16px;
}

section.talkingabout .pagination ol li{
	display: inline-block;
	margin: 0 10px;
}


section.talkingabout .pagination ol li:before{
	display: none;
}




section.talkingabout .pagination ol li.first img, section.latestviews .pagination ol li.last img{
	width: 7px; height: auto;
}

section.talkingabout .pagination ol li  a.prev, section.latestviews .pagination ol li  a.next{
	
}

section.talkingabout .pagination ol li  a.prev:hover, section.latestviews .pagination ol li  a.next:hover{
	background-color: #769A9B!important; color: #FFF!important;
}


section.talkingabout .pagination ol li a{    display: table-cell; vertical-align: middle; 
  text-align: center;
 color: #464545;
cursor: pointer;
font-size: 14px;
margin-right: 4px;
text-decoration: none;
letter-spacing: 0.1em;
text-transform: uppercase;
border: solid 1px #EEE;
 width: 24px; height: 24px;
font-weight: 500;
}
section.talkingabout .pagination ol li a:hover{  background: #bfad8f;

	color: #464545; 
}


section.talkingabout .pagination ol li .current{ 
    color: #FFF;
cursor: pointer;
font-size: 14px;
margin-right: 4px;
text-decoration: none;
letter-spacing: 0.1em;
text-transform: uppercase;
border: solid 1px #464545;
 width: 24px; height: 24px;  display: table-cell; vertical-align: middle; 
  text-align: center;background-color: #464545;
}


section.mapwrap {background-color: #CCC; width: 100%; height: 500px;}

		
footer {
		  background-color: #464545;
		  padding: 20px 0;
		  text-align: left;
		}

footer .logowrap{
	text-align: left;
	border-bottom: 1px solid #707070;
	margin-bottom: 20px;
}


footer .logowrap img {
		  width: 220px;
		  height: auto;
		display: block;
	padding: 20px 0;
		
		}
footer p {
		  font-size: 13px;
		  color: #CCC;
		  font-style: normal;
		  line-height: 150%;
		margin: 0 0 20px 0;
		}
		footer p.copyright {
		  color: #CCC;
		  font-size: 12px;margin: 0;
		}
		footer p a {
		  color: #CCC;
		  text-decoration: none;
			
		}
		footer p a:hover {
		  text-decoration: underline;
			color: #FFF;
		}
		footer h2 {
		  font-family: trajan-pro-3, serif;
		  text-transform: uppercase;
		  font-size: 15px;
		  font-weight: 600;
		  letter-spacing: 0.15em;
		  margin: 0 0 5px 0;
		  color: #FFF;
		  text-align: left;
		}
		footer ul {
		  list-style: none;
		  text-align: left;
		  line-height: 200%;
		  font-size: 13px;
			margin: 0 0 30px 0;
		}
		footer ul ul.children {
		  display: none;
		}
		footer ul li {
		  margin: 0;
		}
		footer ul li a {
		  color: #CCC;
		}
		footer ul li a:hover {
		  text-decoration: underline;
			color: #FFF;
		}
		
section.sub-footer {
		  background-color: #FFF;
		  padding: 30px 0;
		  text-align: left;
		}
		
		section.sub-footer h3 {
		  font-size: 14px;
		  text-transform: uppercase;
		  letter-spacing: 0.075em;
		  margin: 0 0 10px 0;
		font-weight: 300;
			display: block;
		}

section.sub-footer ul.socials{
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: left;
}

section.sub-footer ul.socials li{
	display: inline-block;
	margin: 0 10px 0 0px;
}

section.sub-footer ul.socials li img{
	height: 25px;
	width: auto;
	display: block;
}

section.sub-footer .member-logos{
	width: 100%;
	
}

section.sub-footer .alignright{
text-align: right;
	
}


section.sub-footer .member-logos img {
		  display: inline-block;
	vertical-align: middle;
		}

section.sub-footer .member-logos img.checkatrade {
		 width: 160px;
		height: auto;
	margin: 0 0px 10px 0;
		}

section.sub-footer .member-logos img.bbsa {
		 width: 160px;
		height: auto;
	margin: 0 0px 10px 30px;
		}

section.sub-footer .member-logos img.trustpilot {
		width: 100px;
height: auto;
clear: left;
margin: 0 0px 10px 30px;
		}

section.sub-footer .member-logos img.surreytrading {
		width: 50px;
height: auto;
	margin: 0 0px 10px 30px;
		}


section.sub-footer .member-logos img.guild {
		width: 60px;
height: auto;
	margin: 0 0px 10px 30px;
		}
		
footer.iconiclanding {
		  background-color: #464545;
		  padding: 20px 0;
		  text-align: center;
		}
footer.iconiclanding .logo-block-landing{
	width: 120px;
	height: auto;margin: 0 auto;
}

footer.iconiclanding .logo-block-landing img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

footer.iconiclanding p.copyright{
color: #BFAD8F;
}

.video-overlay {width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.95); position: fixed; top: 0; left: 0; overflow: hidden; z-index: 3000; display: none;}


.video-overlay .vidcontainer{content: "";
display: table;
clear: both;
position: relative;
width: 100%;
max-width: 1800px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;}


.video-overlay .closer img{width: 30px; float: right; margin-bottom: 30px; opacity: 0.75;}

.video-overlay .closer img:hover{opacity: 1;}

.video-overlay .central-block{ width: 100%; position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


.video-overlay iframe { width: 100%; height: 80vh; border: none;}


.respvid-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.respvid-wrap iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.fullimage .thumbwrap{ position: relative; margin-bottom:0px;}



.fullimage .thumbwrap .thumbover {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
	height:100%;
	z-index: 99;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/play-icon.svg);
	background-size:  60px 60px;transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}


.fullimage  a:hover .thumbover {
	 background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;background-image: url(images/play-icon.svg);
	

	background-position: center center;
	background-repeat: no-repeat;
	background-size:  60px 60px;transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
    
    
    
}







		.ctcc-inner {
			font-size:12px;
			color:#FFF;
			font-weight: normal;
    font-style: normal; 
	text-transform: uppercase;
	letter-spacing:1px;
	padding:2px;}

	
	
	#catapult-cookie-bar .ctcc-inner button#catapultCookie {
   background-color: #007680;
    border:  none;
    color: #FFF;
    font-size: 10px;
    letter-spacing: 2px;
    padding: 10px!important;
    text-align: center;
    text-transform: uppercase;
	border-radius: 0px!important;
		height: 30px;
		display: table-cell;
		vertical-align: middle;
		line-height: 100%!important;
}

	#catapult-cookie-bar a {text-decoration: underline;
}

#catapult-cookie-bar .ctcc-inner button#catapultCookie{background-color: #0D2653;}
#catapult-cookie-bar .ctcc-inner button#catapultCookie:hover {background-color: #000;}
#catapult-cookie-bar .ctcc-inner  span{margin:0 20px;display: inline-block;}


.boxzilla {border: 10px #464545 solid; background-color: #EDEDED; width: 50%; padding: 30px; text-align: center!important;}


.boxzilla-close-icon {
    right: 0px!important;
    top: 0!important;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 70px!important;
    color: #464545!important;
    opacity: 1!important;
    font-weight: 400!important;
    padding:10px 5px!important;}



.boxzilla h2 {
    font-family: trajan-pro-3, serif;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0 0 20px 0;
}

.boxzilla  p {
    font-size: 16px;
    margin: 0 0 30px 0;
    line-height: 145%;
}

.boxzilla  .flex {
    display: flex;
margin: 0 auto;
width: 100%;
justify-content: center
}


.boxzilla  .flex a{
   padding: 20px;
    background-color: #FFF;
    text-transform: uppercase;
    margin: 0 10px;
text-align: center;
    width: 30%;border: solid 5px #464545;
    color: #464545;
    font-weight: 500;
    font-size: 16px;
}

.boxzilla  .flex a:hover{
    background-color: #464545;
    color: #FFF;
}





@media only screen and (min-width: 1260px) and (max-width: 1360px) {
#desknav ul li a {
  padding: 19px 15px 19px 15px;
}
}


@media only screen and (min-width: 1024px) and (max-width: 1260px) {
    
#desknav ul li a {
  	padding: 19px 5px 19px 5px;
	font-size: 13px;
}
header .logo-block {
 left: 5px;
}
	
}


@media only screen and (min-width: 960px) and (max-width: 1023px) {
 #desknav ul li a {
  	padding: 19px 3px 19px 3px;
	font-size: 12px;
}	   
header .logo-block {
 left: 5px;
} 
	
	#desknav  ul li:first-of-type {
	margin-left: 10px;
	}	
}


		
		
		
		
		@media only screen and (min-width: 768px) and (max-width: 959px) {
            
          
            
            
            section.carouselwrap .slide-tint .table .table-cell {
   
    top: 40%;
}
            
            
            section.carouselwrap .slide-tint .table .table-cell-left h2 {
    font-size: 45px;
}    
    
section.carouselwrap .slide-tint .table .table-cell h2 {
    font-size: 18px;
}    
 section.carouselwrap .slide-tint .table .table-cell h3 {
    font-size: 45px;
    margin: 20px 0;
} 
    section.carouselwrap .slide-tint  .table .call-to-action a{
font-size: 11px;
    padding: 6px 14px;
} 
			
			
section.text-block img.responsive,
section.text-block picture.responsive img{ width: auto; height: auto;}

section.text-block img.desktopresp,
section.text-block picture.desktopresp img
{ width: 100%; height: auto; display: inline-block;}

section.text-block img.mobileresp,
section.text-block picture.mobileresp img{ display:none;}			
			
}
		
		
		
	
		
		





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

	header .logo-block {
  	height: 100px;
	width: 100px;
	left: 10px;
	}
	
	header .logo-block .logowrapper img {
	width: 90px;
  	}
	header .logo-block.shutters .logowrapper img{
	width: 98%;
	
}
    
    section.topgap {margin-top: 90px;}
	section.topgap-landing {
	margin-top: 140px;
}
	
      section.carousel-accreditations-overlay{top: 90px;}
	
	
	section.banner-video .video.call-to-actions {
  bottom: 20px;
}
	section.banner-video {
  padding-top: 0px;
		margin-bottom: 0px;
}
	
	section.banner {
  padding-top: 0px;
		margin-bottom: 0px;
}	
	
 section.checkatrade-trustpilot,
	.inlinecheckatradetrustpilot{
  padding: 20px 0 30px 0;
}   
	
#desktop{display: none;}
    
    
    header  .util-bar
{height: 30px; text-align: center; background-color: #FFF; position: fixed; top:0px; width: 100%;}



header  .util-bar ul li a{
	color:#464545;
	text-decoration: none;
	margin: 1px 0 0 0px;
	background-size: 15px auto;
	background-position: left 5px center;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 30px;
	transition: opacity .25s ease-in-out;
	display: block;
	font-size: 14px;
	}	
	
	section.banner-video .call-to-actions{bottom: 10px;}
	
section.banner-video a {
font-size: 11px;
display: inline-block;
background-size: 15px auto!important;
padding: 6px 13px 6px 40px;
}	
	
	
	
	
    
	section.carouselwrap {
		
	height: calc(70vh - 60px);	
	padding-top:0px;
        margin-top: 60px;
	}

    
    
    .expanded{
	margin-top:60px;
}
.locked{
	position:fixed;
	top:0px;
}

header{top:30px;}

    header #mobile{ display: block; text-align: center; height: 60px;}
header { background-color: #BFAD8F;
	height: 60px;
}	
header #mobile img.headlogo { width: 150px; height: auto; display: inline-block; float: left;}

header #mobile .logowrap{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

    
    header #mobile .button-wrap {
    display: block;
    float: right;
    width: 30%;
    text-align: right;
    margin-right: 0%;
}
    
    
        
    header #mobile .button-wrap {
    display: block;
    float: right;
    width: 30%;
    text-align: right;
    margin-right: 0%;
}
    
    section.talkingabout .artwrap {
   margin-bottom: 20px;
}
    
	section.talkingabout .row.blogs.blogindex {
    margin-bottom: 0px;
}

section.text-block img.responsive{ width: 100%; height: auto;}
	
header  .util-bar ul li.call.hide-mobile a
{	
	display: none;

	}


header  .util-bar ul li.call.hide-desktop a
{	
	display: block;

	}
	
header.iconiclanding {
	height: auto!important;
	top:0;
	}	
header.iconiclanding .logo-block-landing {
  width: 40%;
}
	
header.iconiclanding .logo-block-landing img {
  width: 100%;
  height: 100px;
  display: block;
}	
	
header.iconiclanding .call-to-actionwrap {
  width: 60%;
}
	
header.iconiclanding .call-to-action a {
  font-size: 14px;
	padding: 6px 10px;
	white-space: normal;
	text-align: center;
	width: 70%;
}	
	

section.text-block ul.locations-list {
	
	
	column-count: 2;
				}


section.text-block ul.locations-list li a{
	font-size: 16px;
				}
	
	
section.iconic-landing-text-background ul {
  font-size: 16px;
}

section.iconic-landing-text-background ul li{
	padding-left: 30px;
}

				
section.iconic-landing-text-background ul li:before {

    margin-left: -15px;
	font-size: 30px;
	margin-top: -5px;
	
}
section.iconic-landing-text-background h3 {
  font-size: 12px;
}

section.iconic-landing-text-background p {
  font-size: 16px;
}




section.iconic-landing-review p {
  font-size: 16px;
	
}	
	
section.iconic-landing-text-background h2 {
  font-size: 22px;
}
	
	
section.iconichalfhalf h2 {
  font-size: 22px;
}

section.iconichalfhalf h3 {
  font-size: 12px;
}

section.iconichalfhalf p {
  font-size: 16px;
}	
	
section.iconichalfhalf ul {
  font-size: 16px;
}	
	
section.banner-landing h1 {

  font-size: 24px;
}	
	
section.iconic-landing-text-background .section-tint .call-to-action a {

  white-space: normal;
	display: inline-block;
}
	
section.banner-landing .call-to-action a {
  white-space: normal;
	display: inline-block;
}	
	
}



@media only screen and (max-width : 768px) {
	
	
header  .util-bar ul li
{ 
    font-size:13px;
    letter-spacing: 0.05em;
}



header  .util-bar ul li a{
	
	margin: 1px 0 0 0px;
	background-size: 15px auto;
	background-position: left 5px center;
	padding: 4px 4px 4px 30px;
	}
    
section.carousel-accreditations-overlay span {
    margin: 5px 0 0 0;
    font-size: 12px;
}
    
    
    
    section.carouselwrap .table .table-cell {
    width: 300px;
}

section.carouselwrap  .table .table-cell h2{
  
    font-size: 14px;
    margin: 0 0 10px 0;
}

section.carouselwrap  .table .table-cell h3{
  
    font-size: 14px;
}
	
section.banner-video .flex{display: block;}

section.banner-video .flex .video-wrap{
	width: 100%;
	margin: 0 0 0px 0;}
	
	
section.banner-video video {
  border-radius: 0  !important;
	display: block;
}	
	

section.banner-video .flex .advert-wrap
	
	{ 
	width: 100%;
margin-left: 0px;}

section.banner-video .flex .advert-wrap img{
	width: 100%;
height: auto;
display: block;
border-radius: 0;}	
	
section.banner-video .flex .advert-wrap .desktop-ad,
section.text-block .advert-wrap .desktop-ad,
	section.text-block  .desktop-ad-flexible,
	section.banner .flex .advert-wrap .desktop-ad,
	section.undernavad .desktop-ad{
	display: none;
}
section.banner-video .flex .advert-wrap .mobile-ad,
section.text-block .advert-wrap .mobile-ad,
	section.text-block  .mobile-ad-flexible,
	section.banner .flex .advert-wrap .mobile-ad,
	section.undernavad .mobile-ad{
	display: block;
}	

	
section.banner-video .flex .advert-wrap .mobile-ad.hide,
section.text-block .advert-wrap .mobile-ad.hide,
	section.text-block  .mobile-ad-flexible.hide,
	section.banner .flex .advert-wrap .mobile-ad.hide,
	section.undernavad .mobile-ad.hide{
	display: none;
}	
	
section.banner .flex {
	display: block;
	}	
	
	section.banner .flex .imagewrap.flexed{
	width: 100%;
		margin-bottom: 20px;
	}
	


section.banner .flex .advert-wrap{
	width: 100%;
margin-left: 0px;}	
	
	
	
 section.breadwrap {
    display: none;
}   
    
section.banner h1 {
   
    font-size: 20px;
    
}    
section.nobanner h1 {
    font-size: 14px;
    
}
	
section.four-key-points.desktop{display: none;}
section.four-key-points.mobile{display: block;}	
	
section.four-key-points	{padding: 10px 0;}
section.four-key-points .flex{display: block; }

section.four-key-points .four-item-wrap{width: 100%;}

section.four-key-points .four-item-wrap .icon-wrap{text-align: center;}
section.four-key-points .four-item-wrap .icon-wrap img{width: 70%;}
section.four-key-points .four-item-wrap .text-wrap p{font-size: 15px; line-height: 110%;}
	

section.checkatrade-trustpilot .flex .halfer .logo-wrap,
.inlinecheckatradetrustpilot .flex .halfer .logo-wrap	{margin: 0 00px;}
section.checkatrade-trustpilot .flex .halfer .logo-wrap img,
.inlinecheckatradetrustpilot .flex .halfer .logo-wrap img{width: 90%;}
section.checkatrade-trustpilot .flex .halfer .text-wrap,
.inlinecheckatradetrustpilot .flex .halfer .text-wrap{margin: 0 10px 30px 10px;}
section.checkatrade-trustpilot .flex .halfer .text-wrap p.large,
.inlinecheckatradetrustpilot  .flex .halfer .text-wrap p.large{font-size: 26px;}
section.checkatrade-trustpilot .flex .halfer .text-wrap p.small,
.inlinecheckatradetrustpilot.flex .halfer .text-wrap p.small{font-size: 13px; }	
  
section.text-block.first {
    
    padding-top: 20px;
}	

	
section.text-block {

  padding: 30px 0 30px 0;
}	
	
	
section.text-block h1, section.text-block h2.larger {
    font-size: 20px;
    margin: 0 0 20px 0;
}    
    
 section.text-block p {
    font-size: 16px;
    margin: 0 0 20px 0;
}
 section.text-block p.intro {
    font-size: 20px;
    margin: 0 0 20px 0;
}	
	
 section.text-block h2 {
    font-size: 16px;
    margin: 0 0 15px 0;
} 
section.text-block.miniaccreditations h2{ font-size: 22px; margin: 0 0 15px 0;}    
    
    
  section.text-block .ranges-index .single-range-wrap {
    width: calc(50% - 10px);
} 
	
	  section.text-block .ranges-index-v2 .single-range-wrap {
    width: calc(50% - 10px);
} 
	
section.text-block .ranges-index-v2 .single-range-wrap .single-range-contentwrap h3 {

  font-size: 14px;
}	
	
 section.text-block .rooms-index .single-room-wrap {
    width: calc(33% - 30px); 
}
section.text-block .rooms-index .single-room-wrap .single-room-contentwrap h3 {
    font-size: 12px;
}
section.text-block .call-to-action a, section.checkatrade-trustpilot .call-to-action a, .inlinecheckatradetrustpilot .call-to-action a{
    font-size: 12px;
}
 section.text-block h3 {
    font-size: 12px;
} 
    
section.related {padding: 20px 0 20px 0;
}
section.related h2{
font-size: 16px;

margin: 0 0 20px 0;
}

section.related .relatedwrap{ padding: 5px; width: calc(100% - 40px) !important; margin: 0 0 10px 0;
}

section.related .relatedwrap:hover{ background-color: #464545;}

section.related .relatedwrap h3{

font-size: 12px;
color: #464545;}

    
    
    

    
    
section.carouselwrap .optional-caption{

    width: 95%;
}


section.carouselwrap .optional-caption p{
    font-size: 11px;
}    
section.carouselwrap .table.video .table-cell {

  bottom: 20%;
} 
    
section.text-block.miniaccreditations .accreds  {
 
    width: 80%;
}


 .boxzilla {width: 80%;} 
    
 .boxzilla .flex a {
    padding: 10px;
    font-size: 14px;
} 
	
header  .util-bar ul li.call.hide-mobile a
{	
	display: none;

	}


header  .util-bar ul li.call.hide-desktop a
{	
	display: block;

	}
	
	section.text-block.promise .container p{
font-size: 16px; 
		margin: 0 10px;
}

section.text-block.promise h2{ font-size: 20px;}
	
section.text-block ul {
 font-size: 16px;
}	
	
section.text-block img.responsive,
section.text-block picture.responsive img{ width: auto; height: auto;}

section.text-block img.desktopresp,
section.text-block picture.desktopresp img
{ display: none;}

section.text-block img.mobileresp,
section.text-block picture.mobileresp img{ width: 100%; height: auto; display: inline-block;}		
	
section.text-block .lcta-text {padding: 10px;margin: 0 0 20px 0; background-position: right 10px center; background-size: 12px auto;}
	
	section.text-block .lcta-text .lca-text-wrap{padding: 5px;}
	
section.text-block .lcta-text p{font-size:  14px; }	
	
	
section.text-block .accordion-wrap{
    margin-bottom: 20px;
}

section.nobanner  {margin-bottom: 10px;}	
	
section.nobanner .imagewrap {height: 125px;}	
	
section.nobanner .container .tint-box{
	width: 100%;top: 50%;left: 00%;
  	transform: translateY(-50%);
	
}	
section.text-block .double .call-to-action.flexi a{min-width: 220px; display: inline-block; text-align: center;}

section.text-block .double.left .call-to-action.flexi{text-align: center;}
section.text-block .double.right .call-to-action.flexi{text-align: center;}
section.text-block .double .call-to-action.flexi{ margin: 10px 0;}
	
	
section.iconichalfhalf .flex {display: flex;
flex-wrap: wrap;
  width: 100%;}



section.iconichalfhalf .flex .imagecol, section.iconichalfhalf .flex .textcol{width: 100%; margin: 0 0 30px 0;}

section.iconichalfhalf .flex.right {
  flex-flow: column-reverse;
}
section.iconichalfhalf .flex {
  flex-flow: column-reverse;
}
	
section.iconichalfhalf.withvids .flex {
  flex-flow: column;
}	
	
section.iconichalfhalf {
  padding: 30px 0 0 0;
}	
}

@media only screen and (max-width : 450px) {
	
	header .logo-block {
  	height: 100px;
	width: 100px;
	left: 10px;
	}
	
	header .logo-block .logowrapper img{
	width: 80px;
  	}
	
	header .logo-block.shutters .logowrapper img{
	width: 98%;
	
}

section.text-block h1, section.text-block h2.larger {
    font-size: 20px;
    margin: 0 0 15px 0;
}    
    
 section.text-block p {
    font-size: 15px;
    margin: 0 0 20px 0;
}   
 section.text-block h2 {
    font-size: 18px;
    margin: 0 0 12px 0;
} 
section.text-block h2::before {
    display: none;
   
} 
	
section.text-block ul, section.text-block ol {
 font-size: 15px;
}	
	
    
section.text-block.miniaccreditations h2{ font-size: 20px; margin: 0 0 10px 0;}     
    
section.text-block.toplinehead .headerwrap{
    padding: 0px;
    position: relative;
   
}
 section.text-block.toplinehead {

    padding: 40px 0 40px 0;
    position: relative;

}   
    
 section.text-block.showroom-banner.leftalign{
   text-align: center;
} 
	
	section.text-block.leftalign img{width: 100%; height: auto;}
	section.text-block img.stretchyim {width: 30%!important; height: auto; margin-left: 10%;}
	section#post-6.text-block.first{padding-bottom: 0;}
	section.text-block.leftalign .video-overlay .closer img{width: 30px!important;}
	
    
  section.text-block .ranges-index .single-range-wrap {
    width: calc(100% - 10px);
}  
 section.text-block .rooms-index .single-room-wrap {
    width: calc(50% - 30px); 
}
section.text-block .rooms-index .single-room-wrap .single-room-contentwrap h3 {
    font-size: 12px;
}
section.text-block .call-to-action a, section.checkatrade-trustpilot .call-to-action a ,.inlinecheckatradetrustpilot .call-to-action a{
    font-size: 11px;
}
 section.text-block h3 {
    font-size: 11px;
}  
       
  section.text-block.miniaccreditations .accreds  {
 
    width: 100%;

      
    }
    
    section.text-block.miniaccreditations .accreds .miniawrap {
    margin: 0 5px;
}
      
    
section.text-block.miniaccreditations .accreds img {
    width: 100%;
}    
    
  .boxzilla {width: 100%;} 
    
 .boxzilla .flex a {
    padding: 10px;
    font-size: 12px;
}  
  
.boxzilla-close-icon {
  
    font-size: 50px !important;
}    
  .boxzilla h2 {
    font-size: 20px;
} 
	
header  .util-bar ul li.call.hide-mobile a
{	
	display: none;

	}


header  .util-bar ul li.call.hide-desktop a
{	
	display: block;

	}	
	
	
/*section.sub-footer .member-logos img {
 display:block;
}*/


section.sub-footer .member-logos img.checkatrade {
		 width: 80%;
		height: auto;
	margin: 0 0px 20px 30px;
		}

section.sub-footer .member-logos img.bbsa {
		 width: 80%;
		height: auto;
	margin: 0 0px 20px 30px;
		}

section.sub-footer .member-logos img.trustpilot {
		width: 80%;
height: auto;
clear: left;
margin: 0 0px 20px 30px;
		}

section.sub-footer .member-logos img.surreytrading {
width: calc(40% - 5px);
height: auto;
margin: 0 0px 20px 5px;
display: inline!important;
		}
	
	
	section.sub-footer .member-logos img.guild {
width: calc(40% - 5px);
height: auto;
margin: 0 0px 20px 5px;
		display: inline!important;
		}
			
	footer .logowrap img {
  width: 180px;
}
	
	
section.text-block ul.locations-list {
	
	
	column-count: 2;
				}


section.text-block ul.locations-list li a{
	font-size: 13px;
				}		
	
	
}

	@media only screen and (max-height : 800px) {

}	




/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}


	
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

@media only screen and (max-height : 900px) {
.video-overlay .vidcontainer {

  width: 70%;
}	
}

.rc-message { background-color: #0D2653; padding: 10px; color: #FFF; margin-bottom: 20px;}


.rc-message p{ font-weight: 300; color: #FFF!important; text-transform: uppercase; letter-spacing: 0.075em; margin: 0!important;text-align: center!important;}

div.wpcf7-mail-sent-ok {
	background-color: #769A9B; padding: 10px; color: #FFF; margin-bottom: 20px; border: 0!important;font-weight: 300; color: #FFF!important; text-transform: uppercase; letter-spacing: 0.075em; margin: 0!important;text-align: center!important;
}

div.wpcf7-mail-sent-ng {
	background-color: #769A9B; padding: 10px; color: #FFF; margin-bottom: 20px;border: 0!important;font-weight: 300; color: #FFF!important; text-transform: uppercase; letter-spacing: 0.075em; margin: 0!important;text-align: center!important;
}

div.wpcf7-spam-blocked {
	background-color: #769A9B; padding: 10px; color: #FFF; margin-bottom: 20px;border: 0!important;font-weight: 300; color: #FFF!important; text-transform: uppercase; letter-spacing: 0.075em; margin: 0!important;text-align: center!important;}

div.wpcf7-validation-errors {
	background-color: #769A9B; padding: 10px; color: #FFF; margin-bottom: 20px;border: 0!important;font-weight: 300; color: #FFF!important; text-transform: uppercase; letter-spacing: 0.075em; margin: 0!important;text-align: center!important;
}


.mapp-layout {
    margin: 0 !important;
        margin-right: 0px;
        margin-left: 0px;
    border: none !important;
}



div.wpcf7 .ajax-loader {
 margin-top: 20px!important;
}


.grecaptcha-badge{
	visibility: collapse !important;  
}

.grecaptcha-badge { 
visibility: hidden; 
}

/* First we hide the default CF7 loader */
.wpcf7-spinner::before {
display:none;
}



/* Add custom CF7 loader */
.wpcf7-spinner {
background-image: url('images/ajax-loader.gif');
	background-repeat: no-repeat!important;background-size: 50px 50px!important;
width: 50px!important;
height: 50px!important;
background-color: #FFF!important;
margin: 10px!important;
display: block!important;
	position: relative;

}