html { 
 	margin:0; 
	padding:0; 
	min-height:100%	
	}	
body { 
 	margin:0; 
	padding:0; 	
height:100%;
	background-color:rgba(255,255,255,1);
	
	font-size: 62.5%; 		
			
	color:rgba(50,60,70, 0.9);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
	letter-spacing: 1.5px;
	height:auto;
} 
		


/*link Styles*/
	
a {
 color:rgba(50,60,70, 1.0);
  text-decoration: none;
}

a:hover {
  color:rgba(50,60,70, 0.75);
  text-decoration: none;
}	



/****************copy ****************/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0 10px 0px;
  font-family: inherit;
  font-weight: normal;
  text-rendering: optimizelegibility;
 
}

h1{font-size:1.4rem;}
h2{font-size:1.2rem;}
h3{font-size:1.2rem;}

p {
  margin: 10px 0px 10px 0px;  
  font-size:1.2rem;
  line-height: 1.8rem;
  clear:left;
  
}

* { box-sizing: border-box; }


.page-heading{margin-left:1.5%;}





.head-panel{ 
		width:90%;
		max-width:1800px;	
		margin-left: auto;
		margin-right: auto;
		
		
}

.logo {color:rgba(255,255,255,0.8);text-align:center; text-transform:uppercase;}
	.london{display:none;}	
	
header{	
position:relative;
		margin:0;	
		margin-bottom:-2px;	
		padding:55px 0 55px 0;		
		width:90%;
		max-width:1800px;	
		margin-left: auto;
		margin-right: auto;;		

			}
			
header:after {
		content: " ";
    	display: block;
   	 	height: 0;
    	clear: both;
    	overflow: hidden;
    	visibility: hidden;

}
		
header h1{	
			position: absolute;
			top:55px;
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);				
			color:rgba(50,60,70, 0.9);				
			text-align:center; text-transform:uppercase;
			}
			
	
.container {		
		width:90%;		
		max-width:1800px;	
		margin-left: auto;
		margin-right: auto;		
		height:auto;
		border:0px solid #00f; 
		overflow:hidden;
		
		
	}
.container:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;


}	
	

	
	
.oneCol {
	float:left;			
	width:100%;				
	/*background-color: rgba(245, 243, 244, 1);*/
	padding-bottom: 15px;
	border:0px solid #f00;
			
		}
		

.panel {
	padding:0;
	margin:0;	
	clear: both;
}

.panel:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;

}

/*colours*/
.white{background-color:rgba(255,255,255,1);}
.black{background-color:#000;}
.gray{background-color:#EEE;}
.orange{background-color:#FA0}
.blue{background-color:rgba(50,60,70, 1.0);}
.hot{color:rgba(250,100,100, 0.9);}
.wsbg{background-color:rgba(50,60,70, 0.05);}





/*menus*/
.menu-wrap{position:absolute; background-color:rgba(250,250,250,0.9);z-index:1000; width:100%}

		
			
		
			div.menu-headers { 
				display: flex;
				/*margin:0 0 30px 10px;*/ 
				border:0px solid #999; 
				padding-top:0rem;
				padding-bottom:1.5rem;
				text-align:center;

 			}
 
 			div.menu-headers ul{ 
 				/*width:600px;*/
 				border:0px solid white;
 				color:rgba(50,60,70, 1);	
 				
 				margin:auto;
 
 				}
 				
 			div.menu-headers ul li { 
 				display:inline; 
 				text-transform:uppercase;			
 				font-size:0.85rem;
 				margin-left:10px;
 				margin-right:10px;
 				cursor:pointer;
 
 			}
		
		
			div.menu-list {  
				width:auto;
				display:none; 
				padding:5%;
				padding-top:3rem;
				padding-bottom:3rem;
				border-top:solid 1px;
 				border-color:rgba(50,60,70, 0.075);
 				font-size: 1.5rem;
 				min-height:600px;
 			
 			}
 			
 			
 			div.menu-list:after {
				content: " ";
   			 	display: block;
    			height: 0;
   				clear: both;
    			overflow: hidden;
   			 	visibility: hidden;
   			 	


			}	
		
				
			div.menu-list ul { 
				margin:0; list-style-type:none;padding:0;	
				border-top:0px solid #000;	
			
				margin-top:0.5rem;
				margin-bottom:1.5rem;
 
 			}
 			div.menu-list ul:after {
				content: " ";
   			 	display: block;
    			height: 0;
   				clear: both;
    			overflow: hidden;
   			 	visibility: hidden;


			}	
		
 			
 			
 			div.menu-list li{ 				
 				padding-top:0.25rem; 		
 				padding-bottom:0.25rem; 
 				padding-bottom:0.25rem; 			
 				font-weight:500;			
				font-size: 80%;						
				text-transform: uppercase;		
				}
			
			div.menu-list li li{ 
				font-weight:400;				
							
				}
			div.menu-list li li li{ 
				font-weight:300;			
				text-transform: small-caps;			
				}
				
				
			.the-edit{ position:absolute;right:50px; }
			.the-edit a{float:left;}
			.the-edit img{ float:left;width:100%;max-width:400px; min-width:300px;}
 			
 			
 		.menu-item{
 		/*display:none;*/
 		}	
 			
/*utilities*/
		
		.utilities{
			position:absolute;
			top:20px;
			right:0;
			font-size:1.0rem; 
		}

		.utilities i{
			float:right;
			margin:4px;
			color:rgba(50,60,70, 0.8);
		}
		
		.utilities i:first-child{
			
		
		}
		.utilities i:hover{
			color:rgba(50,60,70, 1);
		}
	
		span.icon-label{
			font-size: 0.7rem;
   		 	margin-left: 5px;
    		font-family: helvetica;
    		text-transform: uppercase;
		}
	
 			
 			
/* hamburger*/


	.burger {
		position:absolute;
		top:20px;
		left:2.5%;
   	 	/*display:inline-block;*/
    	cursor: pointer;
	}

	.bar1, .bar2, .bar3 {
   	 	width: 30px;
    	height: 3px;
   		background-color: rgba(50,60,70, 0.9);
   		
    	margin: 4px 0;
    	transition: 0.8s;
   		50% 50%
   		
		}

	.change .bar1 {
  		-webkit-transform: rotate(-45deg) translate(-0px, 0px) ;
    	transform: rotate(-45deg) translate(-5px, 5px) ;
   		opacity: 0.0;
   
	}

	.change .bar2 {
		-webkit-transform:  translate(-0px, -0px) rotate(-45deg);
    	transform: translate(-0px, -0px) rotate(-45deg) ;
	}

	.change .bar3 {
     	-webkit-transform:  translate(-0px, 7px) rotate(45deg);
    	transform: translate(-0px, -7px) rotate(45deg) ;
	}
	


/*****************Footer*************/
		
			
footer{
		/*position:absolute;
		bottom:0;*/
		
		clear:both;
		height:80px;
		padding-bottom:20px;
		padding-top:20px;	
		width:90%;		
	max-width:1800px;	
		margin-left: auto;
		margin-right: auto;	
		background-color:rgba(255,255,255,1.0);
		
	}
	
	footer:after {
		content: " ";
    	display: block;
   	 	height: 0;
    	clear: both;
    	overflow: hidden;
    	visibility: hidden;

}


footer  ul.links {float:left; padding:0}
		
		footer  ul.links li { 
 				display:inline; 			
 				font-size:0.8rem; 			
 				margin-right:20px;
 				text-transform:uppercase;}
 				
 		.social{
			float:right;		
			margin-right:0px;
			font-size:1.0rem; 
		}

		.social i{			
			margin:4px;
			
			color:rgba(50,60,70, 1.0);
		}
		
	
		.social i:hover{
			color:rgba(0,0,0,1.0);
		}
	
		





/***************** Landing page grids *************/
	.l-container{		
			width:90%;	
			max-width:1800px;	
			margin-left: auto;
			margin-right: auto;		
		
			border:0px solid #00f; 
	
		
	} 
	
	.l-container p{
			line-height: 1.1rem;
	}
	
		.head-container{ 
		
			position:relative;
			margin-bottom:5%; border:0px solid #f00;
			width:100%;
			padding-top:70%;
			overflow:hidden;
			background-size: cover;
    		-webkit-background-size: cover;
  			-moz-background-size: cover;
  			-o-background-size: cover;
   			background-repeat: no-repeat;
   			background-position: center;

 		}
 	.head-container:after {
			content: " ";
			display: block;
			height: 0;
			clear: both;
			overflow: hidden;
			visibility: hidden;
			}
	.head-container div{ position:absolute; left:20px; bottom:20px; width:70%; color:rgba(255,255,255,0.9); text-transform:uppercase;}
	.head-container div h2{ font-size:2.5rem;}
	.head-container div p{ font-size:1.0rem;}

	.grid-container{ margin-bottom:5%; border:0px solid #f00;

 	}


	.grid-container:after {
			content: " ";
			display: block;
			height: 0;
			clear: both;
			overflow: hidden;
			visibility: hidden;
			}

		
		.grid-box{
			position:relative;			
			border-left:0px solid;	
			border-top:0px solid;	
			border-color:rgba(245,243,244,1);			
			background-color: rgba(240,240,240, 1);;
			font-size:0.9rem;
			padding:0;		
			margin-right:0px;			
			background-size: cover;
    		-webkit-background-size: cover;
  			-moz-background-size: cover;
  			-o-background-size: cover;
   			background-repeat: no-repeat;
   			background-position: center;
			
			
			}
			
			
	
		.left{float:left;}	
		.right{float:right;}
		
		
		.s-0{width:100%; }
		.s-1{width:62%; }
		.s-2{width:38%; }
		.s-3{width:38%; }
		
		.s-4{width:62%; }
		.s-5{width:38%; }
		
		
		
		.d-0 {
    		margin-top: 62%;
		}
		.d-1 {
    		margin-top: 100%;
		}	
		.d-2 {
    		margin-top: 100%;
		}
		.d-3 {
    		margin-top: 63.125%;
		}
		
		.d-4 {
    		margin-top: 61.125%;
		}
		
		.d-5 {
    		margin-top: 100%;
		}
	
		
		
 		
 	.summary {position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.005); color:rgba(255,255,255,0.9); width:80%;}	
 	.summary p{font-size:0.9rem; line-height: 1.3rem; margin:20px; margin-top:0; text-transform:uppercase;}
	.summary h4{font-size:1.0rem; line-height: 1.4rem; margin:20px;margin-bottom:5px;text-transform:uppercase;}
		
	



	video { 
	width: 100%;
    height: auto;
    }	

/***************** Landing page grids *************/


	
/***************** responsive *************/
@media screen and (min-width: 1350px) {



div.menu-list ul ul li { 
				width:25%;
				float:left;	
				margin-right:20px;
				
 
 			}
 			div.menu-list ul ul ul { 
				width:100%;
				
				
				
 
 			}
 			div.menu-list ul ul ul li{ 
				width:100%;
				margin:2px;
 			}
 			
 			.the-edit{ position:absolute;right:50px; }
 			.the-edit img{clear:both;}
	
}

@media screen and (max-width:1350px) {
		
		div.menu-list ul ul  { 
				width:100%;
				float:left;	
				
					margin-bottom:50px;
 
 			}
 			
 			div.menu-list ul ul li { 
				width:32%;
				float:left;	
				margin-right:20px;
				
 
 			}
 			div.menu-list ul ul ul { 
				width:100%;
				
				
				
 
 			}
 			div.menu-list ul ul ul li{ 
				width:100%;
				margin:2px;
 			}


.the-edit{ position:absolute;right:-50px; }
	.the-edit img{clear:both;width:100%;max-width: 300px;
		min-width: 200px;  }

}





@media screen and (max-width: 1100px) {		
	
		.s-1{width:100%; }
		.s-2{width:62%; }
		.s-3{width:38%; }
		.s-4{width:62%; }
		.s-5{width:38%; }
	
		.d-1 {
    		margin-top: 100.0%;
		}	
		.d-2 {
    		margin-top:100%;
		}
		.d-3 {
    		margin-top: 163.0%;
		}
		
		.d-4 {
    		margin-top: 70.0%;
		}
		
		.d-5 {
    		margin-top:114.25%;
		}
		
		
	
	.head-container div h2{ font-size:2rem;}
	.head-container div p{ font-size:1.0rem;}
		
		
	.summary p{font-size:0.9rem; }
	.summary h4{font-size:1.2rem;}
		
		

}
	




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

	.l-container{		
			width:95%;
		}	
		
	footer{
			width:95%;			
		}
	footer ul.links {
 
    width: 70%;}
		
	.container {
		width:95%;
		min-height:200px;
		margin-left: auto;
		margin-right: auto;
		margin-top:5px;
		margin-bottom:10px;
		border-bottom:0px solid #999; 
		
		}
div.menu-list {  
			
 				min-height:400px;
 			
 			}
 			

			div.menu-list ul ul  { 
				width:100%;
				float:left;	
				
				
 
 			}
 			
 			div.menu-list ul ul li { 
				width:32%;
				float:left;	
				margin-right:20px;
				
 
 			}
 			div.menu-list ul ul ul { 
				width:100%;
				
				
				
 
 			}
 			div.menu-list ul ul ul li{ 
				width:100%;
				margin:2px;
 			}

	
		.the-edit{ position:absolute;right:0px; }
	
		.the-edit img{ 
		float:left;
		clear:both;
			
			width: 100%;
			max-width: 200px;
			min-width: 100px; 
		}
		
		header{	
			margin:0;			
			padding:55px 0 55px 0;		
			width:100%;		

			}
			
	
		
		span.icon-label{
				display:none;
		}
			
			
			
	.head-container div h2{ font-size:1.5rem;}
	.head-container div p{ font-size:0.9rem;}	
			
	.summary p{font-size:0.9rem; }
	.summary h4{font-size:1.0rem;}
		
	}
		
		
		
	
	
/***************** menu responsive *************/	
@media screen and (min-width: 700px) { 			
 			
 					
 			.burger {	
   	 			display:none;
   	 		}
   
   	 			
			
	div.menu-list {  
			
 				min-height:0;
 			
 			}
			
	
			}					
		

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


header{	
	margin:0;
	padding:30px 0 30px 0;
	
	width:100%;
	

}
header h1{	
			
			top:10px;
			left: 50%;
			
			}

.head-panel{ 
		width:90%;
		margin-left: auto;
		margin-right: auto;
		
		
}

	.utilities{
			position:absolute;
			top:20px;
			right:10px;
			font-size:1.2rem; 
		}


				div.menu-list ul ul li { 
				width:100%;
				float:left;	
				margin-right:20px;
				
 
 			}
 			
 			div.menu-headers{ 
 				display:none;
 			}
 					
 			.burger {	
   	 			display:block;
   	 		}
   	 			
   	 		div.menu-list ul ul{ display:none;}
   	 		div.menu-list ul ul ul{ display:none;}
   	 		
   	 		
   	 			
   	 		.fa.fa-phone,.fa.fa-sign-in,.fa.fa-search{display:none;}
   	 		span.icon-label{
				display:none;
			}
			
			
			
			div.menu-list li{ 				
 				padding-top:0.5rem; 		
 				padding-bottom:0.5rem; 
 						
 				font-weight:300;			
				
				}
			
			div.menu-list {  
				
				padding:3%;
				padding-top:1.5rem;
				padding-bottom:1.5rem;
				border-bottom:solid 1px;
 				border-color:rgba(50,60,70, 0.075);
 				min-height:0;
 			}
			
			
			
	.the-edit{ position:relative;float:left; clear:both;}
	.the-edit a{ position:relative;float:left; margin-left:-170px;}
	.the-edit img{ display:none;}	
			
		
	
					
		
	
	 .l-container{		
			width:95%;	
		
		
		}
	.s-1{width:100%; }
		.s-2{width:100%; }
		.s-3{width:100%; }
		.s-4{width:100%; }
		.s-5{width:100%; }
	
		.d-1 {
    		margin-top: 100.0%;
		}	
		.d-2 {
    		margin-top:70.0%;
		}
		.d-3 {
    		margin-top: 70.0%;
		}
		
		.d-4 {
    		margin-top: 70.0%;
		}
		
		.d-5 {
    		margin-top:70.0%;
		}
		
.head-container div p{ display:none;}			
.summary p{display:none; }
	
	}	
	

	
	}