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


html {
  height: 100%;
  box-sizing: border-box;
  background: #FFF;
}

* { 
	box-sizing:border-box;	
}

seimg:not([src]) {
  visibility: hidden;
}

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
	img:-moz-loading {
		visibility: hidden;
	}
}

a {  
  transition: all .3s ease-in-out; 
}

a:hover { 
   transition: all .3s ease-in-out; 
}



body  {
	  color: #415670;
    background: #FFF;
    font-size: 17px;
    font-family: brandon-grotesque, sans-serif;

font-weight: 400;

font-style: normal;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 2250px;
    min-width: 980px;
    text-align: left;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
    text-align: center;
}
	
::selection { 
	background: #c2ab8c; 
}	

.inner { 
  max-width: 1500px; 
  padding:0 50px;
  margin:0 auto;
}

p { 
	margin:0 auto 25px auto;
}

p:last-of-type { 
	margin-bottom: 0;
}

/* Header */

header { 
	position: fixed;
	z-index: 3;
	width:100%;
	max-width: 2250px;
	
}
header.fixed-header { 
	background:#384f6d;
	box-shadow: 2px 3px 10px 0px rgb(00 00 00 / 10%);
	z-index: 4;
}
header.fixed-header .main-header{ 
	padding:25px 0;
	 transition: all .3s ease-in-out;
	
}

header.fixed-header .logo-cont img { 
	max-width: 200px;
	transition: all .3s ease-in-out;
}

.header-left { 
	text-align: left;
	width:40%;
}

.header-right { 
text-align: right;
	width:40%;
	display:flex;
	justify-content: flex-end;

}

.main-header .header-right nav.links:first-child { 
	padding-right:50px;
}


.white { 
	background:#FFF;
}
.logo-cont { 
	width:20%;
}
.main-header { 
	padding:40px 0;
	
	margin:0 auto;
	max-width: 1500px;
	
	 transition: all .3s ease-in-out; 
}

.main-header .inner { 
display: flex;justify-content: space-between;
	align-items: center;
}
.main-header nav a { 
	color:#FFF;
	padding:0 25px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	text-decoration: none;
	font-weight: 700;	
}

.main-header nav a.active { 
	color:#c2ab8c;
}
.main-header nav a:hover { 
	color:#c2ab8c;
}

.main-header nav a:first-child { 
padding-left:0;
}

.main-header nav a:last-child { 
padding-right:0;
}

.cta-bar { 
	background: #c2ab8c; 
	color:#FFF;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 13px;
	padding:10px 0;
}

.cta-bar  a { 
	color:#FFF;
	font-weight: 700;
	text-decoration: none;
}

.logo-cont img { 
	max-width: 250px;
	transition: all .3s ease-in-out;
}
.hero { 
    padding:300px 0 300px 0;
    position: relative;
	background:url("img/ak-hero.jpg");
	position: relative;

   
}

.hero.blog { 
	    padding: 300px 0 120px;
	background:#384f6d;
}

h1.small-gold { 
	color:#c2ab8c; 
	font-size: 18px;
	font-weight:500;
	text-transform: uppercase;
	letter-spacing: 4px;
}

h2.big-white, h1.big-white { 
	font-size: 34px;
	color:#FFF;
	margin:0 auto;
	text-transform: uppercase;
	letter-spacing: 5px;
	line-height: 40px;
	max-width: 800px; 
	
}

.hero.blog .blog-date  { 
	margin-top:20px;
}

.hero h2.big-white { 
	margin:20px auto;
}

.gold-text { 
	color:#c2ab8c;
}

.hero p { 
	color:#FFF;
	margin-bottom: 40px;
}

.cta-main { 
	padding:10px 20px; 
	display: inline-block;
	text-decoration: none;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.cta-main.gold { 
background: #c2ab8c; 
	color:#FFF;
	border:2px solid #c2ab8c;
}

.cta-main.gold:hover { 
	background: none; 
	color:#c2ab8c;
	border:2px solid #c2ab8c;
}

.cta-main.gold-border { 
background: none; 
	color:#c2ab8c;
	border:2px solid #c2ab8c;
}

.cta-main.gold-border:hover { 
background: #c2ab8c; 
	color:#FFF;
	border:2px solid #c2ab8c;
}

.cta-main.white { 
background: #FFF; 
	color:#c2ab8c;
	border:2px solid #FFF;
}

.cta-main.white:hover { 
	background: none; 
	color:#FFF;
	border:2px solid #FFF;
}

.cta-main.white-border { 
background: none; 
	color:#FFF;
	border:2px solid #FFF;
}

.cta-main.white-border:hover { 
background: #FFF; 
	color:#c2ab8c;
	border:2px solid #FFF;
}

.cta-main.shift-right { 
	margin-left:15px;
}
.hero-image { 
	position: relative
}
.fix-image { 
	position: relative;
	top: -220px;
	max-width: 1200px;
	margin:0 auto;
	left:0;
	right:0;
}

section.section { 
	padding:120px 0;
}

section.intro { 
	margin-top: -285px;
    padding-bottom: 0px;
	padding-top:120px;
	background: #FFF;
}

h2.big-blue { 
	color:#384f6d;
	font-size: 34px;
    margin: 0 0 30px 0;;
    text-transform: uppercase;
    letter-spacing: 5px;
}

span.gold-quote { 
 letter-spacing: 3px;
	color:#c2ab8c;
	font-size: 18px;
	text-transform: uppercase;
	max-width: 700px;
	display: inline-block;
	font-weight: 500;
	margin-bottom: 30px;
}



section.intro p { 
	max-width: 700px;
	color:#415670;
	text-align: justify;
    text-align-last: center;
}

img.fix-head { 
	position: relative;
	max-width: 250px;
	    top: 120px;
}



section.history { 
	background:#e3e0db;
	    margin-top: -20px;
	padding-top:240px;
}

.split { 
	display: flex;
	    color: #415670;
	margin-top:80px;
	align-items: center
		
}

.split-l { 
	width:40%;
	text-align: justify;
	padding-right: 80px;
}

.split-r { 
	width:60%;
}

img { 
	max-width: 100%;
}

section.blue { 
	background: #384f6d;
	
}

.logos-split {
		display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	max-width: 900px;
    margin: 0 auto;
	    justify-content: space-between;
	margin-bottom:20px;
	
}

.logos-split .logo-act {
	width:25%;	
	margin-bottom: 30px;
}

.logos-split img { 
	max-width: 200px;
}

section.design { 
	padding-bottom: 70px;
}

.design p {
		max-width: 700px;
	color:#415670;
	text-align: justify;
    text-align-last: center;
	
}

.services { 
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	margin-top:100px;
}

.service { 
	width:25%;
	padding:0 40px;
	margin-bottom: 70px;
}

.service img { 
	max-width: 70px;
}

.service:nth-child(1n) {
		padding-left:0;
	
}

.service:nth-child(4n) {
		padding-right:0;
	
}


.service h4, .project h4, .blog h4 { 
	color: #384f6d;
    font-size: 14px;
    margin: 10px 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.service p { 
	text-align: center;
}

section.projects { 
	    background: #e3e0db;
    
}
.project-grid { 
	margin-top:100px;
	display: flex;
	flex-wrap:wrap;
	flex-direction:row;
	    justify-content: center;
}

.project { 
	background:#FFF;
	padding:50px;
	width:calc(50% - 10px);
	text-align: left;
	margin-right:20px;
	margin-bottom: 20px;
}

.project:nth-of-type(2n){
	margin-right:0;
}

.project .cat-name { 
	text-decoration: none;
}

.project .cta-main { 
	margin-top:20px;
}

.project p { 

	color:#415670;
	text-align: justify;
   
}

.project p:not(:first-of-type) {
display: none;
	
}

.project p:first-of-type { 
	margin-bottom: 0;
}
.project h4 { 
	font-size: 18px;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #1c2736;
	opacity: .8;
    display: none;
}




.slick-prev, .slick-next { 
   z-index: 3;
    background: #d9b38d;
    border-radius: 0px;
    width: 40px;
    box-shadow: none;
    height: 40px;
}

.slick-prev:before, .slick-next:before { 
   color: #FFF;
    font-weight: 900;
    line-height: 1;
    font-size: 30px;
    display: inline-block;
    margin-top: -10px;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { 
    background: #d9b38d;
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table;
}

.slick-slide > div { 
    height: 100%;
    padding-bottom: 10px;
}

   /* the slides */
  .slick-slide {
    margin: 0 10px;
    height: inherit !important;

  }

  .slick-track
  {
      display: flex !important;
  }


  /* the parent */
  .slick-list {
    margin: 0 -10px;
  }

.slick-slide { 
	
}

.project img { 
  transition: all .3s ease-in-out;
}

.project img:hover { 
	opacity: .75;
	  transition: all .3s ease-in-out;
}

.modal-close { 
	    position: absolute;
     transition: all .3s ease-in-out;
    background: #384f6d;
    top: 0;
	cursor: pointer;
	color:#FFF;
	font-size: 40px;
    right: 0;
    padding: 10px 12px;
}
.modal-close:hover { 
	opacity: .75;
}

.modal  {
	background:#FFF;
	visibility: hidden;
	position: fixed;

	width:100%;
	max-width: 1000px;
	margin-left:0px !important;
	left:0 !important;
	right:0 !important;
	padding:50px;
	text-align: justify;	
	margin-left:auto !important;
	margin-right: auto;
	 transform: translateY(-50%);
	overflow-y: auto;
	max-height: 1000px !important;
	  margin-top:-999em;
	 top: 50% !important;
}

.modal h3 { 
	color: #384f6d;
    font-size: 18px;
    margin: 10px 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 5px;
	margin-bottom: 20px;
}

.modal p, .blog-article p { 
	color: #415670;
    text-align: justify;
}

.testimonial { 
	background:#31465e;
	color:#FFF;
	display: flex !important;
	flex-direction:column;
	padding:60px;
	height: 100%;
	justify-content: center;

}

.testimonial p { 
	margin-bottom: 20px;
}

.testimonial .name { 
	text-transform: uppercase;
	letter-spacing:3px;
	font-size: 12px;
	
}

.testimonial .company { 
	color:#c2ab8c;
	
}

.blog-page-articles { 
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	margin-top:0 !important;
	align-items: stretch;
}

.blog-page-articles .blog-article { 
	height:auto !important;
}

.hp-blog-articles { 
	
	margin-top:60px;
}




.blog-article { 
	background:#e1ded9;
	height: 100%;
	padding:0px;
	width:  calc(33.33333% - 13.333333px);
}

.article-info {
	text-align: justify;
	padding:40px;
	
}

.hp-blog-articles .blog-article:nth-child(2n) { 
	margin:0 20px;
}

.testimonail-flex { 
	margin-top:60px;
}

.blog-article .cta-main { 
	margin-top: 30px;
}

.blog-article a { 
	text-decoration: none;
	
}

.hero.blog h2.big-white { 
	margin:0 auto;
}

.blog-article img { 
	display: block;
	
	height: auto;
	max-height: 500px;
		
}

.blog-page-articles .blog-article {
	margin-right: 20px;
	margin-left:0;
	
}

.blog-page-articles .blog-article { 
	margin-bottom: 20px;
}

.blog-page-articles .blog-article:nth-child(2n) {
	margin-left:0;
}

.blog-page-articles .blog-article:nth-child(1n) {
	margin-left:0;
	margin-bottom: 20px;
}


.blog-page-articles .blog-article:nth-child(3n) {
	margin-right:0;
}

.blog-page-articles .blog-article:last-child { 
	margin-right: 0;
}

.gold { 
	background:#c2ab8c;
}

.gold p { 
	margin:30px auto 30px auto;
    max-width: 700px;
    color: #FFF;
    text-align: justify;
    text-align-last: center;

}

.gold p a { 
	color:#FFF;
	font-weight: 500;
	text-decoration: none;
}

.social-icons { 
	margin:20px 0;
}

.social-icons a:first-child {
	margin-right: 10px;
}

footer a { 
	color:#FFF;
}

.footer-top { 
	background:#384f6d;
	padding:100px 0;
	color:#FFF;
}

.footer-bottom a { 
 margin:0 10px;
}

.footer-bottom .inner { 
	display: flex;
	flex-direction:row;
	justify-content: center;
	align-items: center;

}
.footer-bottom img { 
	max-width: 30px;
	
	
}

.footer-top .inner { 
	display: flex;
	flex-direction: column;
	align-items: center;
}
.footer-top img.logo { 
	    max-width: 200px
}

.footer-bottom { 
	background:#31465e;
	padding:50px 0;
	color:#FFF;
}

.social-icon  {
	color:#c2ab8c;
	font-size: 30px;
	margin:30px 0;
}

.form-row input[type="text"], .form-row input[type="email"], .form-row input[type="tel"], textarea  { 
	border:2px solid  #e1ded9;
	padding:15px 15px;
	width:100%;
	    font-family: brandon-grotesque, sans-serif;
	color: #415670;
	font-size: 16px;
	max-height: 100px;
}

textarea { 
	min-height: 100px;
}

.form-row input[type="text"]:focus, .form-row input[type="email"]:focus, .form-row input[type="tel"]:focus, textarea:focus { 
	border:2px solid #384f6d;
	outline:none;
}

#enquire { 
  width:750px;
  padding:50px;
  background: #FFF;
  display: none;
   position: fixed;
  top: 50%  !important;
	text-align: center;
  left: 50% !important;
  transform: translate(-50%, -50%)  !important;
  margin-left: 0 !important;

}

#enquire p { 
	text-align: center;
}

#enquire a { 
  color:#c2ab8c; 
     
}

#enquire label { 
      font-family: brandon-grotesque, sans-serif;
   display: block;
   font-size: 12px;
	text-transform: uppercase;
   margin-bottom: 5px;
	letter-spacing:3px;
	font-weight: 500;

}

#enquire form { 
  display: flex;
  flex-direction: row;
  text-align: left;
  margin-top:40px;
   flex-wrap: wrap;
}

#enquire .form-row { 
  margin-bottom: 20px;
  width:calc(50% - 20px);
}

#enquire .form-row.full-width { 
	width:100%; 
	margin-right: 0 !important;
	margin-bottom: 35px;
}

#enquire .form-row.submit { 
  width:100%;
  text-align: center;
  margin-bottom: 0;

}

#enquire .form-row:nth-child(2n) { 
  margin-right:40px;
	margin-left:0px;
}

#enquire input[type="submit"], #submit-button { 
  padding: 13px 20px;
    display: inline-block;
	font-family: brandon-grotesque, sans-serif;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
	    background: #c2ab8c;
    color: #FFF;
    border: 2px solid #c2ab8c;
    cursor: pointer;
    border:none;
    -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
    color:#FFF;
	border: 2px solid #c2ab8c;
}

#enquire input[type="submit"]:hover { 
 background: none;
    color: #c2ab8c;
    border: 2px solid #c2ab8c;
}

.blog-date { 
color: #c2ab8c;
	margin-bottom: 10px;
	display: block;
}

.blog-date a { 
	color: #c2ab8c;
	pointer-events:none;
	text-decoration:none;
}

.updated { 
	display:none;
}

.published  {
	display: inline-block;
}
.back { 
	display: inline-block;
	text-decoration:underline;
	color:#FFF;
	margin-bottom: 20px;
}

.blog-nav { 
	    background: #e1ded9;
	
}

.blog-cats { 
	display: flex;
	justify-content: center;
	align-items: center;
}

.blog-nav nav a {
    color: #384f6d;
    padding: 20px 0px;
	margin:0 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 700;
	position: relative;
}

.blog-nav nav a.active, .blog-nav nav a:hover {
	color:#c2ab8c;
}

.blog-nav nav a.active:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0%;
        bottom: 0;
    position: absolute;
    background: #c2ab8c;
    transition: width .3s ease 0s,left .3s ease 0s;
    width: 100%;
}

section.section.article { 
	padding-top:0;
	
}

.hero.blog-article-body { 
	    padding: 300px 0 340px;
}

.article .post-thumbnail img { 
	margin-top: -270px;
    position: relative;
	max-height: 500px;
	max-width: 1000px;
}

.article .inner { 
	max-width: 1000px;
}

.blog-content { 
	margin-top:100px;
	text-align: justify;
}

.blog-content h2 { 
	    color: #384f6d;
    font-size: 18px;
      margin-top: 40px;
    text-transform: uppercase;
    letter-spacing: 5px;
	
}

.blog-content img { 
	margin:25px 0;
}

.mob-header { 
	display: none;
}

@media screen and (max-width:1200px) {  
	.main-header nav a {
		    padding: 0 15px;
	}
	
	.fix-image { 
		max-width: 100%;
	}
}

@media screen and (max-height:1000px) {
	.modal { 
		max-height: 100vh !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    top: 0 !important;
    max-width: 100%;
	}
	
}

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

	.mob-header { 
		display: block;
	}
	
	section.blue, section.section, .footer-top { 
		padding:60px 0;
	}
	
	.logo-cont { 
		width: 100%;
	}
	
	
header.fixed-header { 
	background:#384f6d;
	box-shadow: 2px 3px 10px 0px rgb(00 00 00 / 10%);
}
header.fixed-header .main-header{ 
	padding:25px 0;
	 transition: all .3s ease-in-out;
	
}
	
	.header-closed nav {
			display: none;
		
	}

header.fixed-header .logo-cont img { 
	max-width: 170px;
	transition: all .3s ease-in-out;
}
	.cta-bar a { 
		font-size: 12px;
	}
	
  body { 
        min-width: 0; 
        width:100%;

      }
	
	.main-header .inner { 
		position: relative;
	}
	
	.menu-but { 
		position: absolute;
		right:25px;
		
    top: 50%;
    transform: translateY(-50%);
		
	}
	
	.menu-close { 
		display: none
	}
	
	.logo-cont img {
    max-width: 170px;
	}
	
	.main-header {
	padding: 25px 0;
	}

	
	.header-closed {
		display: block;
		width:100%;
		
	}
	
	.header-closed nav:first-of-type { 
		margin-top:25px;
	}
	
	.header-closed nav a { 
		width:100%;
		display: block;
		padding:5px 0;
		
	}

      .inner { 
        padding:0 25px;
      }

      .overflow { 
        max-width: 100%;
        overflow: hidden;
      }
	
	header.dt-header { 
		display: none;
	}
	
	.fix-image { 
		max-width: 100%;
		    top: -100px;
	}
	
	 .services, .split{ 
		flex-direction: column;
	}
	
	.project, .service, .logo, .split-l, .split-r { 
		width:100%;
		margin-right: 0 !important;
		margin-left:0 !important;
		padding-right:0;
	
	}
	
	.service { 
		padding:0;
	}
	
	.logos-split { 
		
	}
	
	.logos-split .logo-act{ 
		width:calc(50% - 10px);
		margin-right: 20px;
	}
	
	.logos-split .logo-act:nth-child(2n) { 
		margin-right: 0;	
	} 
	
	.logos-split img {
    max-width: 80%;
}
	
	.hero { 
		background-size: cover;
		padding: 180px 0 160px 0;
		    background-position: center center;
	}
	
	h2.big-white, h1.big-white, h2.big-blue { 
		font-size: 24px;
		line-height: 30px;
	}
	
	section.intro {
    margin-top: -125px;
	}
	
	.modal { 
		    width: 100%;
    height: 100%;
    transform: none;
		overscroll-behavior: contain;
		overflow-y: scroll;
		max-height:none !important;
    
    top: 0 !important;
    left: 0 !important;
	}
	
	.hero h2.big-white { 
		    margin: 10px auto;
	}
	
	
	h1.small-gold, span.gold-quote { 
		font-size: 16px;
		line-height: 20px;
	}	
	
	.hero p { 
		margin-bottom: 30px;
	}
	
	img.fix-head { 
		top: 60px;
		max-width: 220px;
}
	section.history { 
		    margin-top: -120px;
		padding-top: 160px;
		padding-bottom: 60px;
	}
	
	.split { 
		margin-top:0;
	}
	
	.split p { 
		    text-align: justify;
    text-align-last: center;
	}
	
	.split-r { 
		margin-top:50px;
	}
	
	.openmen {
		transition: none; 
		    background: #384f6d;
	}
	
	.main-header {
		transition: none; 
		
	}
	
	
	section.design, section.projects { 
		padding:60px 0 30px 0;
	}
	
	.service { 
		margin-bottom: 30px;
	}
	
	.project-grid, .testimonail-flex, .services { 
		margin-top:50px;
	}
	
	.project { 
		padding: 30px;
	}
	
	#enquire { 
		width:100%;
		padding:40px;
	}
	
	#enquire .form-row { 
		width:100%;
		margin:10px 0 !important;
	}
	
	#enquire input[type="submit"], #submit-button { 
		width:100%;
	}
	
	.article .post-thumbnail img { 
		height: auto;
    margin-top: 0;
		max-width: calc(100% + 50px);
    margin-left: -25px;
	}
	
	.hero.blog-article-body {
		padding: 190px 0 50px 0;
     }
	
	.article .main-blog-image { 
		margin-top: 0px;
	}
	
	.blog-content { 
		margin-top:50px;
	}
	
	.blog-content img { 
		height: auto;
	}
	
	.blog-page-articles { 
		flex-direction: column;
	}
	
	.blog-page-articles .blog-article { 
		width:100%;
	}
	
	.article-info { 
		padding:30px;
	}
	
	.blog-article:last-child {
			margin-bottom: 0px !important;
		
	}
	
	.hero.blog {
padding: 190px 0 50px 0;		
	}
	
	.blog-nav nav a { 
		white-space: nowrap;
		font-size:11px;
	}
	
		
	section.intro p, .split-l p, .design p, .gold p { 
		text-align: center !important;
	}
	
	#enquire input[type="submit"], #submit-button, .form-row input[type="text"], .form-row input[type="email"], .form-row input[type="tel"], textarea{ 
		 -webkit-appearance: none;
		border-radius: 0;
	}
	
	.modal h3  { 
		text-align: left;
	}
	
	#enquire h3 { 
		text-align: center;
	}
	
	.cta-main { 
		    padding: 10px 15px;
	}
	
	
}