@charset "UTF-8";

/*
Title:      	Nick Brundall Solicitor stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	13st March 2019
*/


/* PRIMARY COMPONENTS */

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  	font-size: 100%;
	height: 100%;
	}

html * {
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	}

body {
	font-size: 1.0em;
	line-height: 1.6875em;
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
  	color: #2f323c;
  	background-color: #5a97ae;
	}

body, html {
  	/* prevent horizontal scrolling */
  	overflow-x: hidden;
	}
	
::-moz-selection { 
	background: #5a97ae; 
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: #5a97ae; 
	color: #ffffff; 
	text-shadow: none; 
	}

img::-moz-selection	{ 
	background: transparent; 
	}
	
img::selection { 
	background: transparent; 
	}
	
a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}	
	
a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .3s ease-in;
	}			

ol {
	color: #ffffff;
	font-weight: normal;
	}	
	
ol li {
	padding: 0 0 8px 0;
	}		
	
p {
	margin: 0 0 1.1rem 0; 
	text-align: left;
	color: #2f323c;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}
	
em {
	font-family: "FSSienaLightItalic", serif;
	font-weight: normal;
	font-style: italic;
	}	
	
strong {
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}

	
h1 {
 	text-align: left;
	font-size: 2.6875rem;
	line-height: 2.9275rem;
	color: #5a97ae;
	font-family: 'Martel', serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 2.0rem 0;
	padding: 0;	
	}
@media only screen and (max-width: 960px) {
  	 h1 {
    	font-size: 2.4875rem;
		line-height: 2.7875rem;	
  	}
}	



h2 {
 	text-align: left;
	font-size: 1.525rem;
	line-height: 1.825rem;
	color: #ffffff;
	font-family: 'Martel', serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;	
	}
@media only screen and (max-width: 960px) {
  	 h2 {
    	font-size: 1.625rem;
		line-height: 1.925rem;
  	}
}
	

	
h3 {
 	text-align: left;
	font-size: 1.15rem;
	line-height: 1.45rem;
	color: #818482;
	font-family: "FSSienaMedium", serif;
	font-weight: 600;
	font-style: normal;
	margin: 1.5rem 0 0.5rem 0;
	padding: 0;	
	text-transform: uppercase;
	letter-spacing: 0.075rem;
	}
@media only screen and (max-width: 960px) {
  	 h3 {
    	font-size: 1.2rem;
		line-height: 1.5rem;
  	}
}


h4 {
 	text-align: left;
	font-size: 1.0rem;
	line-height: 1.3rem;
	color: #5a97ae;
	font-family: "FSSienaMedium", serif;
	font-weight: 600;
	font-style: normal;
	margin: 1.5rem 0 0.5rem 0;
	padding: 0;	
	text-transform: uppercase;
	letter-spacing: 0.075rem;
	}
@media only screen and (max-width: 960px) {
  	 h4 {
    	font-size: 1.1rem;
		line-height: 1.4rem;
  	}
}

	
	
.divlinesolid {
	height: 1px;
	margin: 1.6rem 0;
	width: 100%;
	border-bottom: #cdcfce solid 1px;
	}	

.divlinedotted {
	height: 1px;
	margin: 1.6rem 0;
	width: 100%;
	border-bottom: #cdcfce dotted 1px;
	}



.divlinethickleft {
	height: 1px;
	margin: 3.0rem 0 4.0rem -25%;
	width: 125%;
	z-index: 100;
	position: relative;
	border-bottom: #cdcfce solid 10px;
	}	
@media (max-width: 960px) {	
	.divlinethickleft {	
	margin: 3.0rem 0 4.0rem 0;
	width: 100%;
	}	
}

	
.clear {
 	clear: both;
	overflow: hidden;
	height: 0;
 	}	





/* TABLE COMPONENTS */	
	
.cmslistrow1 { 
	border-top: 3px solid #ffffff;
	padding: 0;
	margin: 0;
	width: 100%;
	background: #eeeeee;
	border-bottom: 2px solid #ffffff !important;
	}
.cmslistrow2 { 
	border-top: 3px solid #ffffff;
	padding: 0;
	margin: 0;
	width: 100%;
	background: #e6e6e6;
	border-bottom: 2px solid #ffffff !important;
	}


.cmslistlefttitle { 
	width: 30%; 
	margin: 0.7rem 0 0 0; 
	padding: 0.85rem;
	border-right: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	text-align: left;
	color: #1d1d1b;
	font-size: 1.1rem;
	line-height: 1.1rem;	
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	background: #d2d2d2;
	}		
.cmslistrighttitle { 
	width: 70%; 
	margin: 0.7rem 0 0 0; 
	padding: 0.85rem;
	border-bottom: 3px solid #ffffff;
	text-align: left;
	color: #1d1d1b;
	font-size: 1.1rem;
	line-height: 1.1rem;	
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	background: #d2d2d2;
	}	

	
.cmslistleft { 
	width: 30%; 
	margin: 0; 
	padding: 0.45rem 0.85rem;
	border-right: 3px solid #ffffff;
	border-bottom: 1px solid #ffffff !important;
	text-align: left;
	color: #1d1d1b;
	font-size: 0.9rem;
	line-height: 1.2rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}	
.cmslistright { 
	width: 70%; 
	margin: 0; 
	padding: 0.45rem 0.85rem;
	border-bottom: 1px solid #ffffff !important;
	text-align: left;
	color: #1d1d1b;
	font-size: 0.9rem;
	line-height: 1.2rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}		




.cmslistlefttitle2 { 
	width: 50%; 
	margin: 0.7rem 0 0 0; 
	padding: 0.85rem;
	border-right: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	text-align: left;
	color: #1d1d1b;
	font-size: 1.1rem;
	line-height: 1.1rem;	
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	background: #d2d2d2;
	}		
.cmslistrighttitle2 { 
	width: 50%; 
	margin: 0.7rem 0 0 0; 
	padding: 0.85rem;
	border-bottom: 3px solid #ffffff;
	text-align: left;
	color: #1d1d1b;
	font-size: 1.1rem;
	line-height: 1.1rem;	
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	background: #d2d2d2;
	}	

.cmslistleft2 { 
	width: 50%; 
	margin: 0; 
	padding: 0.45rem 0.85rem;
	border-right: 3px solid #ffffff;
	border-bottom: 1px solid #ffffff !important;
	text-align: left;
	color: #1d1d1b;
	font-size: 0.9rem;
	line-height: 1.2rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}	
.cmslistright2 { 
	width: 50%; 
	margin: 0; 
	padding: 0.45rem 0.85rem;
	border-bottom: 1px solid #ffffff !important;
	text-align: left;
	color: #1d1d1b;
	font-size: 0.9rem;
	line-height: 1.2rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}		


	
				
	

/* TEXT COMPONENTS */	
	
.normaltxt {
	text-align: left;
	color: #1d1d1b;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}
.normaltxt a:link, .normaltxt a:visited {
	color:#5a97ae;
	text-decoration:none;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}	
.normaltxt a:active, .normaltxt a:hover {
	color:#5a97ae;
	text-decoration:none;
	border-bottom: 1px solid #5a97ae;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}
@media (max-width: 960px) {	
	.normaltxt {	
	font-size: 1.1rem;
	line-height: 1.4rem;
	}	
}


.normaltxtgrey {
	text-align: left;
	color: #cdcfce;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}
.normaltxtgrey a:link, .normaltxtgrey a:visited {
	color:#5a97ae;
	text-decoration:none;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}	
.normaltxtgrey a:active, .normaltxtgrey a:hover {
	color:#5a97ae;
	text-decoration:none;
	border-bottom: 1px solid #5a97ae;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}
@media (max-width: 960px) {	
	.normaltxtgrey {	
	font-size: 1.1rem;
	line-height: 1.4rem;
	}	
}


.addresstxt {
	text-align: left;
	color: #ffffff;
	font-size: 1.3rem;
	line-height: 1.6rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}
.addresstxt a:link, .addresstxt a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}	
.addresstxt a:active, .addresstxt a:hover {
	color:#b8b8b8;
	text-decoration:none;
	border-bottom: 1px solid #b8b8b8;
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}
@media (max-width: 960px) {	
	.addresstxt {	
	font-size: 1.45rem;
	line-height: 1.75rem;
	}	
}


.smallertxt {
	text-align: left;
	color: #2f323c;
	font-size: 0.9rem;
	line-height: 1.2rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}	
.smallertxt a:link, .smallertxt a:visited {
	color:#5a97ae;
	text-decoration:none;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}	
.smallertxt a:active, .smallertxt a:hover {
	color:#5a97ae;
	text-decoration:none;
	border-bottom: 1px solid #5a97ae;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}
@media (max-width: 960px) {	
	.smallertxt {	
	font-size: 1.05rem;
	line-height: 1.4rem;
	}	
}


	
.largertxt {
	text-align: left;
	color: #2f323c;
	font-size: 1.2rem;
	line-height: 1.6rem;	
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}		
.largertxt a:link, .largertxt a:visited {
	color:#5a97ae;
	text-decoration:none;
	font-family: "FSSienaBold", serif;
	font-weight: normal;
	font-style: normal;
	}	
.largertxt a:active, .largertxt a:hover {
	color:#5a97ae;
	text-decoration:none;
	border-bottom: 1px solid #5a97ae;
	font-family: "FSSienaBold", serif;
	font-weight: normal;
	font-style: normal;
	}
@media (max-width: 960px) {	
	.largertxt {	
	font-size: 1.35rem;
	line-height: 1.75rem;
	}	
}



.footerlegaltxt {
	text-align: right;
	color: #ffffff;
	font-size: 0.95rem;
	line-height: 1.25rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	}		
.footerlegaltxt a:link, .footerlegaltxt a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}	
.footerlegaltxt a:active, .footerlegaltxt a:hover {
	color:#5a97ae;
	text-decoration:none;
	border-bottom: 1px solid #5a97ae;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}
@media (max-width: 768px) {	
	.footerlegaltxt {	
	text-align: left !important;
		font-size: 1.0rem;
	line-height: 1.3rem;
	}	
}


.copyrighttxt {
	text-align: right;
	color: #cdcfce;
	font-size: 0.85rem;
	line-height: 1.1rem;	
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	}	
.copyrighttxt strong {
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}
@media (max-width: 768px) {	
	.copyrighttxt {	
	text-align: left !important;
		font-size: 0.9rem;
	line-height: 1.2rem;
	}	
}




.telmobtxt {
	text-align: right;
	font-size: 1.675rem;
	line-height: 1.675rem;
	color: #b7b7b7;
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
	}	
.telmobtxt a:link, .telmobtxt a:visited {
	color:#b7b7b7;
	text-decoration:none;
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}	
.telmobtxt a:active, .telmobtxt a:hover {
	color:#ffffff;
	text-decoration: none;
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  	.telmobtxt {
		font-size: 1.475rem;
		line-height: 1.475rem;
		}	
	.telmobtxt span {
		display: none;
		visibility: hidden;
	  }
}



.bulletlist {
	margin: 0 auto 0.6rem auto;
	padding: 0;
	list-style: none;
	color: #1d1d1b;
	width: 95%;
	}	
.bulletlist ul {	
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlist li {
	list-style-type: none;
	margin: 0;
	text-align: left;
	color: #1d1d1b;
	font-size: 1.0rem;
	line-height: 1.35rem;		
	font-family: "FSSienaRegular", serif;
	font-weight: normal;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlist li i {
	color: #5a97ae;
	margin: 0 0.35rem 0 0;
	font-size: 0.9rem !important;
	}					
.bulletlist a:link, .bulletlist a:visited {
	color: #5a97ae;
	text-decoration: none;
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}
.bulletlist a:active, .bulletlist a:hover  {
	color: #5a97ae;
	text-decoration: none;
	border-bottom: 1px solid #5a97ae;
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}	
@media (max-width: 960px) {	
	.bulletlist li {	
	font-size: 1.1rem !important;
	line-height: 1.4rem !important;
	}	
}




.bulletlistsmall {
	margin: 0 auto 0.6rem auto;
	padding: 0;
	list-style: none;
	color: #1d1d1b;
	width: 95%;
	}	
.bulletlistsmall ul {	
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlistsmall li {
	list-style-type: none;
	margin: 0;
	text-align: left;
	color: #1d1d1b;
	font-size: 0.9rem;
	line-height: 1.2rem;		
	font-family: "FSSienaRegular", serif;
	font-weight: normal;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlistsmall li i {
	color: #5a97ae;
	margin: 0 0.35rem 0 0;
	font-size: 0.7rem !important;
	}					
.bulletlistsmall a:link, .bulletlistsmall a:visited {
	color: #5a97ae;
	text-decoration: none;
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}
.bulletlistsmall a:active, .bulletlistsmall a:hover  {
	color: #5a97ae;
	text-decoration: none;
	border-bottom: 1px solid #5a97ae;
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}	
@media (max-width: 960px) {	
	.bulletlistsmall li {	
	font-size: 1.0rem;
	line-height: 1.3rem;
	}	
}




.bulletlistwhite {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	color: #ffffff;
	}	
.bulletlistwhite ul {	
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlistwhite li {
	list-style-type: none;
	margin: 0;
	text-align: left;
	color: #ffffff;
	font-size: 1.0rem;
	line-height: 1.35rem;		
	font-family: "FSSienaRegular", serif;
	font-weight: normal;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlistwhite li i {
	color: #5a97ae;
	margin: 0 0.35rem 0 0;
	font-size: 0.9rem !important;
	}					
.bulletlistwhite a:link, .bulletlistwhite a:visited {
	color: #5a97ae;
	text-decoration: none;
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}
.bulletlistwhite a:active, .bulletlistwhite a:hover  {
	color: #5a97ae;
	text-decoration: none;
	border-bottom: 1px solid #5a97ae;
	font-family: "FSSienaSemiBold", serif;
	font-weight: normal;
	font-style: normal;
	}	
@media (max-width: 960px) {	
	.bulletlistwhite li {	
	font-size: 0.9rem !important;
	line-height: 1.25rem !important;
	}	
}








/* SCROLL TO TOP */
	
.scrollToTop {
	width: 40px;
	height: 40px;
	border: 0;
	margin: 0 auto !important;
	padding: 0;
	-webkit-transition: background 0.3s ease-out;
	background-color: #5a97ae;
	color: #ffffff;	
	text-align: center !important;	
	line-height: 40px;
	font-size: 1.1rem;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	z-index: 999;
	}
.scrollToTop:hover {
	background-color: #ffffff;
	color: #5a97ae;
	}
@media (max-width: 960px) {	
	.scrollToTop{	
	width: 5.5%;
	}	
}
@media (max-width: 768px) {	
	.scrollToTop{	
	width: 8%;
	}	
}



		

/* SECTIONS COMPONENTS */

#wrapper {
	margin: 0 auto;
	width: 100%;
	}	

#topnavcontainer {
	margin: 0;
	padding: 0 5%;
	}
@media screen and (max-width: 960px) {
  #topnavcontainer {
  }
}


#mainnavholder {
	margin: 0;
	padding: 0;
	}
@media screen and (max-width: 960px) {
  #mainnavholder {
	  display: none;
	  height: 0;
	  visibility: hidden;
  }
}


#telcontainer {
	margin: 0;
	padding: 4.0rem 0 0 0;	
	top: 0;
	right: 0;
	position: relative;
	}
@media screen and (max-width: 960px) {
  #telcontainer {
	padding: 2.0rem 0 1.0rem 0;	
  }
}



#logoholder {	
	display: none;
	visibility: hidden;
	}	

@media screen and (max-width: 960px) {
  #logoholder img {	
	max-width: 50%;
	}
	#logoholder {	
	display: inline;
	visibility: visible;
	margin: 0;	
	padding: 0;	
	position: relative;
	left: 0;
  }
}


#homeheroholder {
	margin: 0 5% 0 30%;
	width: 65%;
	padding: 0;
	position: relative;
	z-index: 0;
	height: 65vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 65vh;';
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 60%, 90% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 60%, 90% 100%, 0% 100%);
	-webkit-box-shadow: 10px 15px 30px 5px rgba(22,24,30,.75);
	box-shadow: 10px 15px 30px 5px rgba(22,24,30,.75);
	}
@media screen and (max-width: 960px) {
  #homeheroholder {
	  margin: 0 5%;
	  width: 90%;
	  top: 10vh;
	  height: 35vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'top: 10vh;'  'height: 35vh;';
  }
}


#homestraplineintroholder {
	margin: -50vh 0 0 5% !important;
	width: 45%;
	padding: 0;
	position: relative;
	z-index: 10;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;' 'margin: -50vh 0 0 5%;';
	}
@media screen and (max-width: 960px) {
  #homestraplineintroholder {
	  margin: -15vh 0 0 5% !important;
	  width: 90%;

  }
}


#homestraplineholder {
	margin: 0;
	padding: 7.5vh 0 5.0vh 7.5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 7.5vh 0 5.0vh 7.5%;';
	border-top: 6px solid #cdcfce;
	border-bottom: 6px solid #cdcfce;
	}
@media screen and (max-width: 960px) {
  #homestraplineholder {
	  border-top: none;
	  padding: 5vh 10% 5vh 5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 5vh 10% 5vh 5%;';
  }
}

.h1_strapline {
 	text-align: left;
	font-size: 2.0875rem;
	line-height: 2.7275rem !important;
	color: #ffffff;
	font-family: 'Martel', serif !important;
	font-weight: 300;
	font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;	
	}
.h1_strapline span {
	font-family: 'Martel', serif !important;
	font-weight: 700;
	font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	 .h1_strapline {
    	font-size: 1.5875rem;
		line-height: 2.1875rem !important;
  	}
}	



#homeintroholder {
	margin: 0;
	padding: 7.5vh 7.5% 6vh 7.5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 7.5vh 7.5% 6vh 7.5%;';
	background: #ffffff;
	}
@media screen and (max-width: 960px) {
  #homeintroholder {
	  padding: 5vh 7.5% 3vh 7.5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 5vh 7.5% 3vh 7.5%;';
  }
}



#getintouchareasband {
	margin: 10vh 0 0 0;
	position: relative;
	z-index: 100;
	padding: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a1c23+0,1e2028+5,1e2028+95,1a1c23+100 */
	background: #1a1c23; /* Old browsers */
	background: -moz-linear-gradient(top, #1a1c23 0%, #1e2028 5%, #1e2028 95%, #1a1c23 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1a1c23 0%,#1e2028 5%,#1e2028 95%,#1a1c23 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1a1c23 0%,#1e2028 5%,#1e2028 95%,#1a1c23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1c23', endColorstr='#1a1c23',GradientType=0 ); /* IE6-9 */
	}
#getintouchareasbandinner {
	margin: 0 auto;
	padding: 5vh 5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 5vh 5%;';
	background: url(../png/bg-pattern.png) center center repeat-x;
	background-size: 53px;
	}
#getintouchareasleft {
	margin: 0 3.0rem 0 0;
	text-align: left;
	padding: 0;
	}
#getintouchareasright {
	margin: 0 0 0 3.0rem;
	text-align: right;
	padding: 0;
	}
@media (max-width: 960px) {
	#getintouchareasleft {
	margin: 0 0 4.0rem 0;
	}
	#getintouchareasright {
	margin: 0;
	}
}


#getintouchcol1, #getintouchcol2, #getintouchcol3 {
	margin: 0;
	text-align: left;
	padding: 0;
	float: left;
	width: 33.3333%;
	}







#footerlogosholder {
	margin: 0 auto 2.0rem auto;
	padding: 0 5% 0 0;
	}
@media (max-width: 960px) {
	#footerlogosholder {
	padding: 0;
	}
}

.brandslinksholder {
	margin: 0 auto;
	width: 33.3333%;
	padding: 0 ;
	float: left;
	text-align: center !important;
	}
.brandslinksholder img {
	margin: 0 auto;
	padding: 0;
	}


.brandslinks {
	width: 33.3333%;
	height: 100%;
	float: left;
	padding: 0 3.0rem 0 0;
	}
.brandslinks img {
	width: 100%;
	max-width: 500px;
	padding: 0;
	margin: 0 auto;
	}
@media (max-width: 960px) {
	.brandslinks {
	padding: 0 0.5rem;
	}
	.brandslinks img {
	padding: 0;
	}
}


#footerholder {
	margin: 10vh 0 0 0;
	position: relative;
	z-index: 100;
	padding: 0 5% 5vh 5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 0 5% 5vh 5%;'  'margin: 10vh 0 0 0;';
	}
@media screen and (max-width: 960px) {
  #footerholder {
	  padding: 0 5% 5vh 5%;
	  margin: 5vh 0 0 0;
	  /* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 0 5% 5vh 5%;'  'margin: 5vh 0 0 0;';
  }
}

#footerholderleft {
	margin: 0;
	text-align: left;
	padding: 0 10% 0 0;
	}
@media screen and (max-width: 960px) {
  #footerholderleft {
	  padding: 0;
	  margin: 0 auto;
	  text-align: center !important;
  }
}
#footerholdermid {
	margin: 0;
	text-align: left;
	padding: 1.5rem 0 0 0;
	}

#footerholderright {
	margin: 0;
	text-align: left;
	padding: 2.5rem 0 0 0;
	border-top: 3px solid #2f323c;
	}



#blueupbandholder {
	margin: 0 auto;
	position: relative;
	z-index: 100;
	padding: 0;
	text-align: center !important;
	border-bottom: 6px solid #5a97ae;
	}




#othercontentholder {
	margin: 4.0rem auto 0 auto;
	padding: 0;
	position: relative;
	z-index: 0;
	}
@media screen and (max-width: 960px) {
  #othercontentholder {
	  margin: 3.0rem auto 0 auto;
	  padding: 0 5%;
  }
}

#othertextcontentleftholder {
	margin: 0 0 0 19% !important;
	width: 81%;
	padding: 5.0rem 7.5%;
	position: relative;
	z-index: 10;
	background: #ffffff;
	}
@media screen and (max-width: 960px) {
  #othertextcontentleftholder {
	  margin: 0 !important;
	  width: 100% !important;
	  padding: 3.5rem 7.5%;
  }
}



#othertextcontentleftholderlegal {
	margin: 0 0 0 19% !important;
	width: 81%;
	padding: 5.0rem 7.5%;
	position: relative;
	z-index: 10;
	background: #ffffff;
	}
@media screen and (max-width: 960px) {
  #othertextcontentleftholderlegal {
	  margin: 0 !important;
	  width: 100% !important;
	  padding: 3.5rem 7.5%;
  }
}


#otherheroholder {
	margin: 0 12.5% 0 0;
	width: 87.5%;
	padding: 0;
	position: relative;
	z-index: 0;
	height: 65vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 65vh;';
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 60%, 90% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 60%, 90% 100%, 0% 100%);
	-webkit-box-shadow: 10px 15px 30px 5px rgba(22,24,30,.75);
	box-shadow: 10px 15px 30px 5px rgba(22,24,30,.75);
	}
@media screen and (max-width: 960px) {
  #otherheroholder {
	  height: 30vh;
	  width: 100%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 30vh;';
  }
}


.divlineextended {
	height: 1px;
	margin: 1.6rem 0 1.6rem -28%;
	width: 128%;
	z-index: 1000;
	border-bottom: #cdcfce solid 4px;
	}
@media screen and (max-width: 960px) {
  .divlineextended {
	  margin: 1.6rem 0;
	  width: 100%;
  }
}




#contactleftmapholder {
	margin: 0 0 0 19% !important;
	width: 81%;
	padding: 0;
	position: relative;
	z-index: 10;
	background: #5a97ae;
	}
@media screen and (max-width: 960px) {
  #contactleftmapholder {
	  margin: 0 !important;
	  width: 100% !important;
  }
}

#contactinfoholder {
	margin: 0 12.5% 0 0;
	width: 87.5%;
	padding: 0;
	position: relative;
	z-index: 0;
	background: #ffffff;
	height: 55vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 55vh;';
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 60%, 90% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 60%, 90% 100%, 0% 100%);
	-webkit-box-shadow: 10px 15px 30px 5px rgba(22,24,30,.75);
	box-shadow: 10px 15px 30px 5px rgba(22,24,30,.75);
	}
@media screen and (max-width: 960px) {
  #contactinfoholder {
	  height: 35vh;
	  width: 100%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 35vh;';
  }
}








/* BUTTONS COMPONENTS */

.buttonholderpromo {
	padding: 0;
	margin: 2.0rem 0 1.0rem 0;
	text-align: left;
	}
.buttonpromo {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	padding: 0.8rem 0 0.8rem 1.25rem;
	border: 0;
	text-decoration: none;
	color:#ffffff !important;
	display: inline;
	text-align: left;
	text-transform: uppercase;
	background: rgba(90, 151, 174, 1);
	margin:0 auto;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonpromo i {
	font-size: 1.0rem;
	line-height: 1.0rem;
	border: 2px solid #ffffff;
	padding: 0.7rem 0.7rem;
	background: rgba(30, 32, 40, 1.0);
	text-decoration: none;
	color: #5a97ae;
	display: inline;
	text-align: center;
	margin: 0 0 0 1.25rem;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;	
	}	
.buttonpromo:hover i {
	background: #ffffff;
	color: #5a97ae;
	}







/* EQUAL HEIGHTS */

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
	}
	
.items-container,.data-test-items {
    overflow: hidden;
    margin: 0 0;
	}
	
.itemleft {
    display: block;
    float: left;
    width: 33.333333%;
	}
.itemright {
    display: block;
    float: left;
    width: 66.666666%;
	}	
		
.item-1 { 
	padding: 0;	
	}
.item-2 { 
	padding: 0; 
	}
.iteminnerleft {
    padding: 0;
	}	
.iteminnerright {
    padding: 0;
	}


.item-3 { 
	padding: 0;
	background: #f6f5f4;
	}
.item-4 { 
	padding: 0; 
	background: #ebeae9;
	}
.iteminnerleftcontact {
    padding: 6.0rem 10%;
	}	
.iteminnerrightcontact {
    padding: 6.0rem 5%;
	}

.iteminnerleftnews {
    padding: 6.0rem 10%;
	}	
.iteminnerrightnews {
    padding: 6.0rem 5%;
	}



.itemcontactleft {
    display: block;
    float: left;
    width: 55%;
	}
.itemcontactright {
    display: block;
    float: left;
    width: 45%;
	}	
.item-5 { 
	padding: 5.0rem 7.5%;
	background: #5a97ae;
	}
.item-6 { 
	padding: 0; 
	background: #5a97ae url(../jpg/nick-brundall-solicitors.jpg) center center no-repeat;
	background-size: cover;
	}






.item img {
    display: block;
    max-width: 100%;
	}
.item p:last-child {
    margin-bottom: 0;
	}


@media only screen and (max-width: 960px) {
    .test-margin .itemleft, .test-margin .items-container.big-items .itemleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemright, .test-margin .items-container.big-items .itemright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	
	.iteminnerright {
    	padding: 0;
	}
	
	.iteminnerleftcontact {
    	padding: 4.0rem 5% 2.0rem 5%;
	}	
	.iteminnerrightcontact {
    	padding: 4.0rem 5%;
	}
	
	.iteminnerleftnews {
    	padding: 0;
		height: 0;
		display: none;
		visibility: 0;
	}	
	
	
	.test-margin .itemcontactleft, .test-margin .items-container.big-items .itemcontactleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemcontactright, .test-margin .items-container.big-items .itemcontactright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	
	.item-5 { 
		padding: 3.5rem 7.5%;
		}
	.item-6 { 
		height: 50vh;
		/* IE9 and 10  */
  		content: 'viewport-units-buggyfill;'  'height: 50vh;';
		}
	
}







/* LEGAL PAGES COMPONENTS */

@media all and (min-width: 768px) {
   #colstwo  {
  -webkit-column-count: 2;
  -webkit-column-gap: 45px; /* Saf3, Chrome*/
  -moz-column-count: 2;   
  -moz-column-gap: 45px; /* FF3.5+ */
  column-count: 2;        
  column-gap: 45px; /* Opera 11+*/
  padding: 0;
  }
}
@media all and (max-width: 768px) {
   #colstwo  {
  padding: 0;
  }
}


	
	


#happyleaves {	
	width: 178px;
	height: 15px;
	margin: 15px 0 0 0;
	padding: 0;
	float: right;
	text-align: right !important;
	}
@media all and (max-width: 768px) {
   #happyleaves  {
  margin: 0;
	   float: left;
	text-align: left !important;
  }
}




.left {
	text-align: left !important;
	}
.center {
	text-align: center !important;
	}	
.white {
	color: #ffffff;
	}	
.dark {
	color: #2f323c;
	}	




a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
	}
.gmnoprint div {
    background:none !important;
	}	
		






/* THREE PROMO COMPONENTS */

#threepromoband {
	padding: 0;
	margin: 0;
	text-align: center !important;
	background: #ffffff; /* Old browsers */
	z-index: 10;
	}

.threepromosholderleft {
	margin: 0;
	padding: 0;
	}
@media screen and (max-width: 960px) {
  .threepromosholderleft {
	margin: 0 0 6px 0;
  }
}

/* .threepromosholdermid {
	margin: 0 0.5rem;
	padding: 0;
	min-height: 20em;
	}
@media screen and (max-width: 960px) {
  .threepromosholdermid {
	margin: 0 0 1.0rem 0;
  }
} */

.threepromosholderright {
	margin: 0;
	padding: 0;
	}
@media screen and (max-width: 960px) {
  .threepromosholderright {
	margin: 0;
  }
}

.threepromosimage01, .threepromosimage02, .threepromosimage03 {
	margin: 0 auto;
	padding: 0;
	}

a .threepromossquarecontainer {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	margin: 0;
	padding: 2rem 10%;
	border: 0;
	background-color: rgba(30, 32, 40, 0);	
	}	
a .threepromossquarecontainer:hover  {
	background-color: rgba(30, 32, 40, 0.25);	
	}


a .threepromossquarecontainer > h3 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: center;
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #ffffff;
	display: block;
	font-family: 'Martel', serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	text-transform: none;
	padding: 0 0 1.0rem 0;
	letter-spacing: 0;
	border-bottom: 2px solid #cdcfce;	
	}	
a .threepromossquarecontainer > h3:hover {
	color: #2f323c !important;	
	}


.buttonsthreepromo {
	font-size: 1.1rem;
	line-height: 1.1rem;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	padding: 1.0rem 0 0 0;
	text-decoration:none;
	color: #ffffff;
	display: block;
	text-align: center;
	width: 100%;
	margin: 0;
	border: 0;
	background-color: rgba(255, 255, 255, 0);
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;		
	}	
.buttonsthreepromo i {
	color: #ffffff;
	font-size: 1.1rem;
	margin: 0 0 0 0.35rem;
	vertical-align: -0.1rem;
	}
.buttonsthreepromo:hover {
	color: #2f323c;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;	
	transform: translate(5px, 0);
	border-bottom: 0 !important;
	}	

	





/* COOKIES BAR */

.cookiemessage {
  	width: 85%;
	float: left;
	color: #d0cfce !important;
	
	}
.cookiebutton {
  	width: 15%;
	float: right;
	}
	
.yellow {
	color: #ffffff !important;
	padding: 0.65rem 0 0 0;
	}	

	
.cookie-bar {
  	position: fixed;
	z-index: 200;
  	width: 100%;
  	top: 0;
  	right: 0;
  	left: 0;
  	padding: 2.0rem 5%;
  	text-align: left;  	
  	background: #5a6771;
  	color: #d0cfce !important;
  	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "FSSienaLight", serif;
	font-weight: normal;
	font-style: normal;
	-webkit-box-shadow: 0 5px 10px 5px rgba(27,31,42,.15);
box-shadow: 0 5px 10px 5px rgba(27,31,42,.15);
  	-webkit-transition: .8s;
  	transition: .8s;
  	-webkit-animation: slideIn .8s;
            animation: slideIn .8s;
  	-webkit-animation-delay: .8s;
            animation-delay: .8s;
	}
.cookie-bar p {
  	color: #d0cfce !important;
	}
.cookie-bar a:link, .cookie-bar a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}	
.cookie-bar a:active, .cookie-bar a:hover {
	color:#5b98af;
	text-decoration:none;
	border-bottom: 1px solid #5b98af;
	font-family: "FSSienaMedium", serif;
	font-weight: normal;
	font-style: normal;
	}
	
@media (max-width: 960px) {
  .cookie-bar {
  	padding: 1.6rem 7.5%;
	}	
}		
	


.mobile {
  display: none;
}
@media (max-width: 960px) {
  .mobile {
    display: inline-block;	
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideIn {
  0% {
    -webkit-transform: translateY(-800px);
            transform: translateY(-800px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.close-cb {
  	color: #1b1f2a;
  	background: #ffffff;
  	position: absolute;
  	display: inline-block;
  	right: 0;
  	top: 30px;
  	cursor: pointer;
  	line-height: 45px;
  	height: 45px;
  	width: 45px;
  	font-size: 1.3rem;
  	text-align: center;
  	margin: 0;
	z-index: 10000;
}
.close-cb:hover {
	color: #ffffff;
	background: #5b98af;
}


.checkbox-cb {
  	display: none;
}
.checkbox-cb:checked + .cookie-bar {
  	-webkit-transform: translateY(-700px);
          transform: translateY(-700px);
}