/* Font-face Icons */
 


*{ box-sizing: border-box!important; font-family: 'Bentham', serif;  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

html, body{ background: black; padding: 0; outline: none; margin: 0; border: none; color: white; }
h1, h2, h3, h4, h5, h6{ margin:0; padding: 0; }

.bg1{ background-color: #bf9491; }
.bg2{ background-color: #acc798; }
.bg3{ background-color: #a1cccf; }
.bg4{ background-color: #c3a9d6; }
.bg5{ background-color: purple; }

heading { 
position: fixed;
height: 80px;
width: 100%;
z-index: 10000; 
padding: 20px;
max-width: 1200px;
margin: auto;
right: 0;
left: 0;
}


.logo {
position: absolute;
left: 20px;
width: 100px;
height: 50px; 
cursor: pointer; 
}

.homelogo{ max-width: 500px; } 

.award {
position: absolute;
width: 80px; 
right: 20px;  
}
.award-2 {
position: absolute;
width: 80px; 
right: 100px;  
}
.mobile-menu-hint{ display: none; }

.menu {
background-color: rgba(91, 91, 91, 0.82);
height: 50px;
position: fixed;
z-index: 100;
right: 20%;
left: 20%; 
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.57);
text-align: center;
max-width: 510px;
margin: auto;
}

.menu-item { 
display: inline-block;

height: 100%;


.hide{display:none;}  
   
}
.menu-item a{  
	
	display: block; 
height: 100%;
padding: 15px;
color:white;
text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-size: 14px;
	
}
 

.home-menu {
  background-image: url(http://www.quada.co.uk/resources/images/branding/home-icon.png);
  background-image: url(http://www.quada.co.uk/resources/images/branding/home-icon.svg), none;
  background-repeat: no-repeat;
background-position: center;
background-size: 40%;
	color:transparent!important;
}

.menu-item a:hover{ background-color:black; }

section.slider {
height: 100%;
background: black; 
width: 100%;
}

.flexslider {
height: 100%; 
}

.fbox{
	height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    flex-flow: column;
    -moz-flex-flow: column;
    -webkit-flex-flow: column;
}


.alignment-center {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-flex-align: center;
}


.full-inside-wrapper {
padding: 0;
}

.inside-wrapper {
 
}



.inside-logo {  
width: 360px;
position: relative;
}

.inside-video-holder { 
height: 320px;
width: 600px;
position: relative;
background: black;
}



.map-wrapper { 
background: red;
height: 100%;
width: 100%;
z-index: 999999;
position: absolute!important;
display: block!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
}


.concept_sub_heading {
color: white; 
font-size: 1.2em;
padding: 10px;
}

.content_item {
margin-bottom: 20px;
}


.project-thumb{  padding:10px;  }
.maxwidth{ max-width:1000px; }
.maxwidth2{ max-width:500px; }
.maxwidth3{ max-width:600px; }
.conceptsmaxwidth{ max-width: 1180px; margin: 0 auto; }

.bgimg{  background-repeat: no-repeat; background-size: cover; background-position: center;  }
.homeslide1{ background-image: url(../images/home1.jpg);}
.homeslide2{ background-image: url(../images/home2.jpg);}
.homeslide3{ background-image: url(../images/home3.jpg);}
.homeslide3 .blue-jay-video{border:10px solid #000000;}
.aboutbg{ background-image: url(../images/mission-image1.jpg);}

.aboutbg .fp-tableCell{ background: rgba(0, 0, 0, 0.8); } 
.section{ text-align:center; }

/* projects*/
/* .projectslide2{ background-image: url(../images/projects-1.jpg); } */
.projectslide2{ background-image: url(../images/Blue-Jay-night-1.jpg); }

.projectslide3{ background-image: url(../images/contact1.jpg); } 
.projectslide3 .fp-tableCell{ background: rgba(0, 0, 0, 0.65); } 
.projectslide3000{  background-image: url(../images/Blue-Jay-night-2.jpg); }
.projectslide3010{ background-image: url(../images/Blue-Jay-night-3.jpg); }
.projectslide4{ background-image: url(../images/projects-3.jpg); }
.projectslide5{ background-image: url(../images/home2.jpg); }
.projectslide6{ background-image: url(../images/projects-4.jpg); }
.projectslide61{ background-image: url(../images/Claremont-Park-Esher-009.jpg); }
.projectslide62{ background-image: url(../images/Claremont-Park-Esher-010.jpg); }
.projectslide63{ background-image: url(../images/Blue-Jay-inside-1.jpg); }
.projectslide64{ background-image: url(../images/Blue-Jay-inside-2.jpg); }
 
.projectslide7{ background-image: url(../images/projects-5.jpg); }

.projectslide8{ background-image: url(../images/Hartford-Manor-1222-11570-v1-final.jpg); }

.projectslide8dine{ background-image: url(../images/harford-dining.jpg); }
.projectslide8libr{ background-image: url(../images/harford-library.jpg); }
.projectslide8kitc{ background-image: url(../images/harford-main-kitchen.jpg); }
.projectslide8srom{ background-image: url(../images/harford-sitting-room-01.jpg); }

.projectslide1h{ background-image: url(../images/Hartford-Manor-view1.jpg); }
.projectslide2h{ background-image: url(../images/Hartford-Manor-view2.jpg); }
.projectslide3h{ background-image: url(../images/Hartford-Manor-view4.jpg); }
.projectslide4h{ background-image: url(../images/Hartford-Manor-view3.jpg); }
.projectslide5h{ background-image: url(../images/Hartford-Manor-view5.jpg); }
.projectslide6h{ background-image: url(../images/Hartford-Manor-view6.jpg); }
.projectslide7h{ background-image: url(../images/Hartford-Manor-view7.jpg); }
.projectslide8h{ background-image: url(../images/Hartford-Manor-view8.jpg); }

.projectslide10h{ background-image: url(../images/HMI1.jpg); }
.projectslide20h{ background-image: url(../images/HMI2.jpg); }
.projectslide30h{ background-image: url(../images/HMI3.jpg); }
.projectslide40h{ background-image: url(../images/HMI4.jpg); }
.projectslide50h{ background-image: url(../images/HMI5.jpg); }
.projectslide60h{ background-image: url(../images/HMI6.jpg); }
.projectslide70h{ background-image: url(../images/HMI7.jpg); }
.projectslide80h{ background-image: url(../images/HMI8.jpg); }
.projectslide90h{ background-image: url(../images/HMI9.jpg); }
.projectslide100h{ background-image: url(../images/HMI10.jpg); }

.harford-galleria{ background-image: url(../images/harford-galleria.jpg); }
.projectslide9{ background-image: url(../images/Harford-Farm-Forest-Green-Road-Gate-View.jpg); }
.projectslide9 .fp-tableCell{ background: rgba(0, 0, 0, 0.65); } 
.projectslide10{ background-image: url(../images/Hartford-Manor-1222-11570-v2-final.jpg); }
.projectslide10055{ background-image: url(../images/Hartford-Manor-1222-11570-v4-day.jpg); }
.projectslide1011{ background-image: url(../images/Hartford-Manor-1222-11570-v4-high.jpg); }

.projectslide11{ background-image: url(../images/Burston-Road-Putney-01.jpg); background-position: top; }


.projectslide12{ background-image: url(../images/Burston-Road-Putney-30.jpg); } 

.projectslide24 .fp-tableCell, .projectslide19 .fp-tableCell, .projectslide16 .fp-tableCell, .projectslide12 .fp-tableCell{ background: rgba(0, 0, 0, 0.65); } 

.projectslide13{ background-image: url(../images/Burston-Road-Putney-married-1.jpg); }
.projectslide14{ background-image: url(../images/Burston-Road-Putney-married-2.jpg); }

.projectslide15{ background-image: url(../images/Hotwells-Road-Bristol-1.jpg); }
.projectslide16{ background-image: url(../images/Hotwells-Road-Bristol-2.jpg); }
.projectslide17{ background-image: url(../images/Hotwells-Road-Bristol-3.jpg); }


.projectslide18{ background-image: url(../images/Marina-Place-KingstonPics2.jpg); }
.projectslide19{ background-image: url(../images/Marina-Place-KingstonPics4.jpg); } 
.projectslide20{ background-image: url(../images/Marina-Place-KingstonPics3.jpg); }
.projectslide21{ background-image: url(../images/Marina-Place-KingstonPics5.jpg); }
.projectslide22{ background-image: url(../images/Marina-Place-KingstonPics6.jpg); }
.projectslide220{ background-image: url(../images/Marina-Place-Kingston-x01.jpg); } 

.projectslide221{ background-image: url(../images/Marina-Place-Kingston-x02.jpg); } 



.projectslide23{ background-image: url(../images/Kimber-Road-Wandsworth-SW18-1.jpg); }
.projectslide24{ background-image: url(../images/Kimber-Road-Wandsworth-SW18-4-2.jpg); }
.projectslide25{ background-image: url(../images/Kimber-Road-Wandsworth-SW18-2.jpg); }
.projectslide26{ background-image: url(../images/Kimber-Road-Wandsworth-SW18-3.jpg); } 


.conceptslide2 { background-image: url(../images/Bristol-Harbourside-01.jpg); }
.conceptslide3 { background-image: url(../images/Bristol-Harbourside-02.jpg); }
.conceptslide4 { background-image: url(../images/Bristol-Harbourside-03.jpg); }
.conceptslide5 { background-image: url(../images/Bristol-Harbourside-04.jpg); }


.conceptslide6 { background-image: url(../images/West-Quay-Gloucester-Docks-000.jpg); background-size: 114%; }
.conceptslide7 { background-image: url(../images/West-Quay-Gloucester-Docks-001.jpg); background-size: 100%;
background-position: bottom;}
.conceptslide8 { background-image: url(../images/West-Quay-Gloucester-Docks-002.jpg); background-size: 130%; } 

.contact1{ background-image: url(../images/claremont-park-esher-2.jpg); }
.contact1 .fp-tableCell{ background: rgba(0, 0, 0, 0.5); } 
.contact2 { position: relative; }


/* MCSS */
.white-font{ color:white; }
.font1{ font-family: 'Default-font';  }
.font-size1{ font-size: 2em; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); }
.txtshadow{ text-shadow: 1px 1px rgba(0, 0, 0, 0.8);  }
.font-size2{ font-size: 1.2em;  }
.font-ital{ font-style: italic; }
.width1{ width:50%; }
.bgstyle2{ background-color:rgba(0, 0, 0, 0.72); }
padding1{ padding:20px; }
.bgstyle3{ background-color:rgb(49, 54, 63); }
img.award-image{/*margin:0 0 0 -30px;*/display:inline-block;float:left;}
.clearfix{clear:both;}
.padd-left-1{ padding-left: 50px; }
.brdtop1{ border-bottom: solid 3px white; }
.mrgsty1 { margin: 10px 0; }
.txtcnt{ text-align: center; }
.spacer1{ height:100px; }
.marginzauto{ margin: 0 auto; }
.txtleft{ text-align: left; }
.caps{ text-transform: uppercase; }
.margin1{ margin: 100px; }
.margin2{ margin-bottom: 40px; }
.projects .intro p{ font-size: 4em; color:red; background: green; }
.projects-wrapper { max-width: 1180px;
margin: 0 auto;  }
.link1:hover{ text-decoration: underline; color:white; }
.vtop .fp-tableCell{ vertical-align: top; padding-top: 120px; }
.video-wrapper{ position: relative; 
display: inline-block; 
margin: 0 auto;
max-width: 700px; width: 50%;}
.maintainer{ width:100%; height:auto; }
.blue-jay-video { top: 0; right: 0; bottom: 0; left: 0; position: absolute; height: 100%; width: 100%;  }
.credits{ padding-top:30px; font-size: 12px; }

.bh{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300; }
.projects-wrapper a h4{ margin: 20px 0; }

.credit {
display: inline-block;
width: 40%;
}

.lineheight1{line-height: 1.5; }

.watchvideo a{color:#ffffff;}
.watchvideo {
background: rgba(0, 0, 0, 0.75);
max-width: 200px;
display: inline-block;
padding: 10px;
margin-top: 20px;
cursor: pointer;

  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}

.watchmanor {
background: rgba(255, 255, 255, 0.75);
max-width: 300px;
display: inline-block;
padding: 10px;
margin-top: 120px;
cursor: pointer;
border-radius:2px;
font-size: 24px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}
.watchmanor a{text-decoration:none;color:#000;}
.watchmanor p{font-size: 14px;padding:0 20px;margin:0;}

p.manor-align{    
	position: absolute;
    display: inline-block;
    bottom: 100px;
    width: 500px;
    background: rgba(0,0,0,.5);
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 22px;
}
.concepts{ background-color: #86b3dd; }

.bpyms{ background-position-y: -70%; }
.bg33{ background-color: black; }

.watchvideo:hover{ background: black; }


	/* Small and mobile screens */ 
	@media only screen  	
	and (max-width : 600px) 	{
	/* Styles */

		 		 
	heading{ background: rgb(142, 142, 142);  height:auto; text-align: center; }
	heading *{   -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  font-size: 14px; }
	.menu{ position: relative; margin: 0 auto; left: 0; right: 0;  left: auto; right: auto; margin: 20px 0; height: auto;  }  
		 		
	.logo{ position: relative; left: 0; right: 0; text-align: left; }  
		 		
/*	.award{ position: relative; margin: 0 auto; width:60px; right:0; }
	.award-2{ position: relative; margin: 0 auto; width:60px; right:20px; }  */
	
	.award{position:relative;margin:0 auto;width:60px;left:30px;}
	.award-2{position:absolute;margin:0 auto;width: 60px;left: 0px;bottom: 20px;}
	
	.mobile-menu-hint{ background: rgba(44, 44, 44, 0.93); height:40px; width: auto; padding: 5px 15px; color:white; position: absolute; top:20px; right:20px; z-index: 99999; display: block; padding-top: 11px; font-size: 10px; text-align: center; }
	
	p.manor-align{width:100%;font-size:18px;max-width:100%;position:relative;bottom:-70px;}
	.menu-item { display: block; text-align: left; border-bottom: solid 1px rgb(138, 138, 138); }
	 
	heading.qari{ background: none; }
		.qari .menu, .qari .award, .qari .award-2{ display: none; }
		
		img.award-image{width:60%;height:auto;}
		
		.watchmanor{margin-top:30px;}
		
		.section .fp-tableCell{padding: 80px 20px 40px 20px;}
		.abouttext{ padding: 80px 20px 40px 20px; }
		.font-size2 { font-size: 1.24em; line-height: 1;}
		
		.fp-controlArrow{ top: auto!important; bottom: 0; }
		.projects-wrapper{ padding: 10px; }
		.conceptsmaxwidth { padding: 80px 10px 80px 5px; }
		
		.thisiscontact{  padding: 20px; } 
		.homelogo { padding: 30px; }
		
		.noborder{ border: none!important; }

	} /* end small/mobile */
	
	
	
	/* medium and tablet screens */
	@media only screen 
	and (min-width : 601px) 
	and (max-width : 1024px)  { 
	/* Styles */
	 body{  }
	  
	
	} /* end medium */

































/* iphone */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	
		 		 

	
	
}































 

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


	.width1 { width: 100%; margin: 15%; }
	.font-size1{ font-size: 1.5em; } 
	.video-wrapper{ width: 80%; max-width: 80%; }
	
	.conceptsmaxwidth, .projects-wrapper{ margin:80px; }
	
	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.menu-item a{ font-size: 12px; }
	.width1 { width: 100%; margin: 23%; } 
	.font-size1{ font-size: 1.5em; } 
	
	.video-wrapper{  background: red 
display: inline-block; 
margin: 0 auto;
max-width: 1000px!important; border: solid 3px cyan; }


}