/* Dennis Homann CSS */


html {
	height:100%;
	width: 100%;
	overflow: auto;
	}
	


body {
	height:100%;
	width: 100%;
	margin:0;
	padding-bottom: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 13.5pt;
	font-weight: 300;
	line-height: 155%;
	text-align:left;
	color: #1a1a1a;
	letter-spacing: 0px;
	
	}


	
	
	
	

	/* common
----------------------------------------------------- */


p {
	margin: 0; 
	padding-top: 17px; 
	}

a:focus { outline: none;}

a {
	text-decoration: none;
	}
	

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

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.hidden {
	display: none;
	}
	
.inline {
	display: inline-block;
	}
		
.transparent {
	opacity: 0;
	}
	
.bg_white {
	background-color: #fff;
	}
	
.float_left {
	float: left;
	}
	
.float_right {
	float: right;
	}
	
.highlight,
.highlight a {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 13.5pt;
	font-weight: 400;
	line-height: 155%;
	text-align:left;
	color: #1f1f1f;
	letter-spacing: 0px;
	}

.return {
	clear: both;
	}
	
.active {
	opacity: 0.3;
	}
	
		
hr {
	clear: both;
	height: 0;
	border: none;
	border-width: 0;
	background: transparent;
	margin: 0;
	}
	
.section_break {
	font-size : 1pt;
	margin: 0;
	padding: 0;
	background: #fff;
	line-height: 0%;
	}
	
.is-cms .section_break {
	font-size : 20pt;
	margin: 0;
	padding: 0;
	background: #ccc;
	line-height: 100%;
	}
	
/* --- header area --- */	


.logo {
	position: fixed;
	top:34px;
	left:3.5%;
	height: 165px;
	width: auto;
	background-color: transparent;
	z-index:10000;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	}
	
.logo_subpage {
	position: fixed;
	top:34px;
	left:3.5%;
	height: 84px;
	width: auto;
	background-color: transparent;
	z-index:10000;
	}

	
.scrolled {	
	height: 84px;
	}
	
.logo_vertical {
	position: fixed;
	top:20px;
	right:20px;
	height: auto;
	width: 11%;
	background-color: transparent;
	z-index:10000;
	}
	
.logo_vertical_alt {
	position: fixed;
	top:20px;
	right:20px;
	height: 70%;
	width: auto;
	background-color: transparent;
	z-index:10000;
	}
	
	
.logo_mobile,
.logo_in_mobile_menu,
.logo_mobile_alt,
.logo_in_mobile_menu_alt {
	display: none;
	}
	
.isolate {
	isolation: isolate;
	}

	
.menu_block {
	position: fixed;
	top: 0;
	right: 0;
	width: 10%;
	height: auto;
	z-index: 4000;
	}
	
.icon_mobile {
	display: none;
	}
	
.menu_block img {
	width: 80px;
	display: block;
	margin: 40px auto 0 auto;
	opacity: 1;
	-ms-transition: all 1s ease-out; 
	-webkit-transition: all 1s ease-out; 
	transition: all 1s ease-out; 
	}
	
	
.menu_block img:hover {

	opacity: 0.7;
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
    }
    
.icon, .icon_mobile {
	}
	
	
.back_to_top {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 4%;
	height: auto;
	z-index: 4000;
	display: none;
	}
	
.back_to_top img {
	width: 35px;
	display: block;
	margin: 0px auto 30px auto;
	opacity: 1;
	-ms-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out; 
	}
	
	
.back_to_top img:hover {
	opacity: 1;
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
    }	

	
.header_area {
	position: relative;
	width:100%; 
	height:100%;
	background: #fff;
	}
	
.header_area_no_hero_image {
	position: relative;
	width:100%; 
	height:120px;
	background: #fff;
	}
	
.header_area h1 {
	position: absolute;
	bottom: 20px;
	left: 50%;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 50pt;
	font-weight: 100;
	color: #fff;
	z-index: 10000;
	text-transform: uppercase;
	}
	
@keyframes bounce {
	0% { transform: translateY(0); }
	100% { transform: translateY(-30px); }
	}
	
.down_arrow {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 7%;
	height: auto;
	z-index: 4000;
	}
	
.down_arrow img {
	width: 35px;
	height: auto;
	display: block;
	margin: 0px auto 30px auto;
	opacity: 1;
	-ms-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out; 
	}
	
.down_arrow img:hover {	
	opacity: 1;
	-ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari */
    transform: scale(1.05);
    }
    

.page_wrapper_below {
	position: relative;
	height: auto;
	width:100%;
	padding: 200px 0 0 0;
	background: #fff;
	}
	

	
.is-cms .page_wrapper_below {
	background: #eeeeee;
	}
	
.padding_bottom_zero {
	padding-bottom: 0;
	}  
	
.padding_bottom_80px {
	padding-bottom: 80px;
	}   
	
.section_title {
	position: fixed;
	top: 127px;
	left: 3.5%;
	margin: 0 0 0 0.2%;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 10.5pt;
	font-weight: 200;
	color: #1a1a1a;
	z-index: 8500;
	letter-spacing: 2px;
	line-height: 120%;
	text-transform: uppercase;
	z-index: 1;
	display: none;
	}
	
.section_title .bolder {
font-weight: 400;
	}

.cover_image {
	position: absolute; 
	top: 116px; 
	left: 2.5%; 
	width: 95%;
	height: 84%;
	height: calc(95% - 116px);
	margin: 0;
	overflow: hidden;
	z-index: 1000;
	}
	
	
.cover_image video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
        -webkit-transform: -webkit-translate(-50%, -50%);
	 object-fit: cover;
    object-position: center center;
        -webkit-object-fit: cover;
    -webkit-object-position: center center;
}


	
.is-cms .cover_image {
	background: #eee;
	}
	
		
	
/* --- menus --- */

.menu_screen {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.9;
	z-index: 9000;
	display: none;
	}
	
	
.menu_holder_alt {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 128px;
	width: 100%;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 10.5pt;
	font-weight: 300;
	line-height: 100%;
	letter-spacing: 2px;
	background-color: transparent;
	z-index: 9500;
	-webkit-transition: top 0.85s ease-in-out;
	transition: top 0.85s ease-in-out;
	text-transform: uppercase;
	}
	
.menu_holder_alt ul {	
	position: absolute;
	right: 7.5%;
	bottom: 40px;
	width: auto;
	height: auto;
	text-align: left;
	}
	
.menu_holder_alt li {
	display: inline-block;
	margin-left: 10px;
	}
	


.menu_holder_alt a {
	color: #1f1f1f;
	text-decoration: none;
}
	

.menu_holder_alt a:hover {
	font-weight: 300;
	}
	
.menu_holder_alt .bolder {
	font-weight: 600;
	}	
	

.menu_mobile {
	display: none;
	}
	
	
.main_insta_logo {
	display: inline-block;
	height: 22px;
	width: auto;
	margin: 0 0 -6px 0;
	opacity: 0.7;
	-ms-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out; 
	}
	
.sub_insta_logo {
	display: block;
	height: 22px;
	width: auto;
	margin: 16px 0 20px 0;
	opacity: 0.7;
	-ms-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out; 
	}
		
	
.main_insta_logo:hover,
.sub_insta_logo:hover {		
	opacity: 1;
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
    }



	
/* --- submenus --- */

.submenu_holder {
	position: absolute;
	top: 0px;
	left: 3.5%;
	margin: 180px 0 0 0.2%;
	width: auto;
	height: auto;
	z-index: 900;
	text-transform: uppercase;
	}
	
.is-cms .submenu_holder {
	display: none;
	}

	
		
.submenu_text,
.submenu_text a {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 10.5pt;
	font-weight: 300;
	line-height: 500%;
	text-align:left;
	text-decoration:none;
	letter-spacing: 2px;
	color: #1f1f1f;
	}
	
	
.submenu_text a:hover {
	font-weight: 300;
	color: #1f1f1f;
	}
	
.submenu_text_test a:hover {
	font-weight: 300;
	color: #ffffff;
	}


.submenu_text a.mPS2id-highlight { 
	color: #1f1f1f;
	font-weight: 400;
	letter-spacing: 1px;
	}

.credentials_logos {
	position: fixed;
	letter-spacing: 1px; 
	font-size: 13pt;
	line-height: 100%;
	bottom: 4%;
	left: 72px;
	margin-left: 2%;
	width: 100px;
	z-index: 1000;
	display: none;
	}
	
.is-cms .credentials_logos {
	display: block;
	}
	
.credentials_logos_no_header {
	position: fixed;
	letter-spacing: 1px; 
	font-size: 13pt;
	line-height: 100%;
	bottom: 4%;
	left: 72px;
	margin-left: 2%;
	width: 100px;
	z-index: 1000;
	}
	
	
	
.credentials_logos img,
.credentials_logos_no_header img {
	width: 100%;
	height: auto;
	margin-top: 20px;
	}
	
	
	
/* --- below the fold content holders --- */	
	

.content_row {
	position: relative;
	width: 70%;
	height: auto;
	margin: 0px 4% 70px auto;
	padding-bottom: 0;
	background: #fff;
	}
	
.content_row_wide {
	position: relative;
	width: 86%;
	height: auto;
	margin: 0px 8% 70px auto;
	padding-bottom: 0;
	background: #fff;
	}
	
.content_row_remove_bottom_margin {
	margin-bottom: 0;
	}
	
.credentials_item {
	position: relative;
	width: 98%;
	background-color: #eee;
	padding: 2% 0 40px 2%;
	float: right;
	}
	
.credentials_inset {
	position: relative;
	width: 50%;
	height: auto;
	}
	
	
	

	
	
.text_holder {
	position: relative;
	width: 50%;
	max-width: 600px;
	height: auto;
	padding: 0 0 0px 33.3%;
	}
	
.text_holder_credentials {
	position: relative;
	width: 40%;
	max-width: 500px;
	height: auto;
	margin-left: 3%;
	padding: 0 0 0 0;
	}
	
.text_holder_credentials .standfirst {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 18pt;
	font-weight: 400;
	line-height: 135%;
	text-align:left;
	color: #1f1f1f;
	letter-spacing: 1px;
	}

.text_holder a {
	text-decoration: none;
	color: #6b737b;
	border-bottom: 1px solid #6b737b;
	}
	
.text_holder a:hover {
	text-decoration: none;
	border-bottom: 0;
	}
	
.text_holder .standfirst {
	position: relative;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 18pt;
	font-weight: 400;
	line-height: 135%;
	text-align:left;
	color: #1f1f1f;
	letter-spacing: 1px;
	margin: 0; 
	padding-top: 0; 
	}
	

	
.text_holder p:first-of-type {
	margin: 0; 
	padding-top: 0; 
	}
	
.text_holder h1 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 22pt;
	font-weight: 600;
	line-height: 140%;
	text-align:left;
	color: #1f1f1f;
	margin: 0 0 10px -2px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

.text_holder h2 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 18pt;
	font-weight: 400;
	line-height: 140%;
	text-align:left;
	color: #1f1f1f;
	margin: 0 0 17px -1px;
	letter-spacing: 0.5px;
	}
	
.text_holder h3 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 16pt;
	font-weight: 400;
	line-height: 120%;
	text-align:left;
	color: #1f1f1f;
	margin: 0 0 5pt 0;
	letter-spacing: 0px;
	}
	
.text_holder_img	{
	width: 100%;
	height: auto;
	}
    
    
.call_to_action_test a  { 
	font-size: 14pt;
	letter-spacing: 1px;
	display: inline-block; 
	width: 30%;
	margin: 40px 40px 0 0;
	border: 1px solid;
	border-color: #000 #000 #000 #000;
	text-decoration: none; 
	background: transparent; 
	color: #1f1f1f; 
	text-align: center; 
	padding: 8px 0 7px 0;
	opacity: 1;
	text-transform: uppercase;
	transition: all 1s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	} 
	
.call_to_action_test a:hover { 
	opacity: 1;
	border: 1px solid #ffffff;
	color: #ffffff; 
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
    }
    
.call_to_action_in_banner {
	position: absolute;
	bottom: 80px;
	left: 20%;
	width: 70%;
	height: auto;
	margin: 0;
	padding-bottom: 0;
	}
	
.call_to_action_in_banner a {
	display: inline-block; 
	width: 40%;
	margin: 0 10px 0 0;
	border: none;
	text-decoration: none; 
	background: #fff; 
	color: #000; 
	text-align: center; 
	padding: 8px 0 8px 0;
	opacity: 1;
	transition: all 1s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	}

.call_to_action_in_banner a:hover { 
	background: #000; 
	color: #fff;
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
    }
	
.action {
	color: #1f1f1f;
	font-weight: 400;
	}
	
.action a {
	text-decoration: none;
	color: #1f1f1f;
	border-bottom: 1px solid #1f1f1f;
	}
	
.action a:hover {
	text-decoration: none;
	border-bottom: 0;
	}
	

	
.more_gardens_container {
	position: relative;
	width: 80%;
	height: auto;
	margin: 50px 10% 0 10%;
	padding: 0px 0 85px 0;
	background: #ffffff;
	z-index: 20000;
	}
	
.more_gardens_container h3 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 22pt;
	font-weight: 300;
	color: #1f1f1f;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 30px 5.5%;
	}
	
.more_gardens_next_arrow {
	position: absolute;
	top: 45%;
	right: 0;
	margin-right: -50px;
	width: 60px;
	height: auto;
	opacity: 0.3;
	-ms-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out; 
	}
	
.more_gardens_prev_arrow {
	position: absolute;
	top: 45%;
	left: 0;
	margin-left: -50px;
	width: 60px;
	height: auto;
	opacity: 0.3;
	-ms-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out; 
	}
	
.is-cms .more_gardens_next_arrow,
.is-cms .more_gardens_prev_arrow {
	display: none;
	}
	
	
.more_gardens_next_arrow:hover,
.more_gardens_prev_arrow:hover {
	opacity: 1;
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
    }

.more_gardens_carousel {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 4% 0 4.5%;
	background: #fff;
	}
	
.more_gardens_carousel li {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	display: inline-block;
	}
	
.is-cms .more_gardens_carousel li {
	width: 30%;
	}
	
.more_gardens_carousel li .thumbnail {
	position: relative;
	width: 98%;
	height: auto;
	overflow: hidden;
	}


	
.more_gardens_carousel li .thumbnail img {
	width: 100%;
	height: auto;
	display: block;
	}
	


	
	
.disabled {
	opacity: 0.1;
	}
	
	
	
.pull_quote {
	position: relative;
	width: 80%;
	margin: 0 0 70px 20%;
	height: auto;
	padding: 0;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 38pt;
	font-weight: 200;
	line-height: 110%;
	text-align: left;
	letter-spacing: 0px;
	color: #1f1f1f;
	}
	
.pull_quote p {
	margin: 0;
	}
	
.pull_quote_highlight {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 42pt;
	font-weight: 400;
	line-height: 120%;
	text-align: left;
	letter-spacing: 1px;
	color: #1f1f1f;
	}
	
.quoted {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 20pt;
	font-weight: 200;
	line-height: 120%;
	text-align: left;
	letter-spacing: 0px;
	color: #aaaaaa;
	}
	
	
.more_gardens_carousel h2,
.more_gardens_container h2 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 18pt;
	font-weight: 300;
	line-height: 100%;
	text-align:left;
	color: #1f1f1f;
	margin: 0 0 50px 0;
	letter-spacing: 1px;
	}


	
.more_news li {
	width: 32.3%;
	display: inline-block;
	margin-right: 0.5%;
	vertical-align: top;
	background: #fff;
	}
	
.is-cms .more_news li {
	background: #eee;
	}
	

.more_news .thumbnail img {
	width: 100%;
	height: auto;
	}

	
.spacer {
	margin-right: 5%;
	}
	
.caption_holder {
	position: relative;
	height: auto;
	margin: -60px 0 20px 20px;
	padding: 0 0 0 0;
	width: 80%;
	text-align: left;
	pointer-events: none;
	}
	

	
.caption_holder h3 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 15pt;
	font-weight: 400;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
		
.caption_holder p {
	margin: 0;
	padding: 0;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 12pt;
	font-weight: 300;
	color: #fff;
	line-height: 100%;
	}
	
.caption_holder h3 a {
	color: #fff;
	}
	
.caption_holder p a {
	color: #fff;
	}
	
	
/* --- project pictures and colour blocks --- */	

	
.project_picture {
	background: transparent;
	}
	
.project_picture img {
	width: 100%;
	height: auto;
	display: block;
	-webkit-transition: all 300ms ease-out; 
	transition: all 300ms ease-out; 
	}

.project_picture a img:hover {
	-webkit-transform: scale(1.02); /* Safari */
    transform: scale(1.02);
   filter: brightness(65%);
   }
    
.project_picture:hover .caption_holder,
.project_picture:hover .caption_holder a {
	}

    
.colour_holder {
	position: relative; 
	overflow: hidden;	
	}	


.colour_block {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	}

.colour_block img {	
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	}
	
	
.header_area .reveal_bg_div {
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
	
.is-cms .header_area .reveal_bg_div {
	position: absolute;
	width: 95%;
	height: 95%;
	}
	

.reveal_bg_div {
	position: relative;
	width: 100%;
	height: auto;
	}
	
.is-cms .reveal_bg_div {
	position: relative;
	width: 95%;
	height: auto;
	}
	
.reveal_bg_div img {
	width: 100%;
	height: auto;
	display: block;
	}
	
	
.project_picture_25pc {
	position: relative;
	width: 24.3%;
	height: auto;
	margin: 0 1% 0 0;
	float: left;
	}
		
.project_picture_33pc {
	position: relative;
	width: 32.3%;
	height: auto;
	margin: 0 1% 0 0;
	float: left;
	}
	
.project_picture_40pc {
	position: relative;
	width: 40%;
	height: auto;
	margin: 0 1% 0 0;
	float: left;
	}
	
.project_picture_45pc {
	position: relative;
	width: 45%;
	height: auto;
	margin: 0 1% 0 0;
	float: left;
	}
	
.project_picture_45pc_single {
	position: relative;
	width: 45%;
	height: auto;
	margin: 0 0 0 33.5%;
	}
	
.project_picture_49pc {
	position: relative;
	width: 49%;
	height: auto;
	margin: 0 1% 0 0;
	float: left;
	}
	
.project_picture_50pc {
	position: relative;
	width: 50%;
	height: auto;
	margin: 0 1% 0 0;
	float: left;
	}
	
.project_picture_60pc {
	position: relative;
	width: 60%;
	height: auto;
	margin: 0 1% 0 0;
	float: left;
	}
	
.project_picture_60pc_right {
	position: relative;
	width: 60%;
	height: auto;
	margin: 0 0 0 40%;
	}
	
.project_picture_66pc {
	position: relative;
	width: 65.6%;
	height: auto;
	margin: 0 1% 0 0;
	}
	
.project_picture_66pc_right {
	position: relative;
	width: 66.5%;
	height: auto;
	padding: 0 0 0 33.5%;
	}
	
.project_picture_80pc_right {
	position: relative;
	width: 80%;
	height: auto;
	padding: 0 0 0 20%;
	}
	

	
.project_picture_80pc_left {
	position: relative;
	width: 80%;
	height: auto;
	margin: 0 0 0 0;
	}
	
.project_picture_full_width {
	position: relative;
	width: 100%;
	height: auto;
	margin: 40px 0 80px 0;
	z-index: 2000;
	}
	
.is-cms .project_picture_full_width {
	position: relative;
	width: 100%;
	height: auto;
	margin: 40px 0 80px 200px;
	z-index: 2000;
	}
	
.margin_bottom_zero {
	margin-bottom: 0;
	}
	
.margin_bottom_40px {
	margin-bottom: 40px;
	}

	
.project_picture_full_width iframe {
	width: 100%;
	height: 500px;
	margin: 0 0 0 0;
	display: block;
	}
	
.project_picture_full_width img {
	width: 100%;
	height: auto;
	display: block;
	}

.inset {
	width: 100%;
	height: auto;
	margin: 20px 0 30px 0;
	padding-top: 0;
	}
	
.inset img {
	width: 100%;
	height: auto;
	display: block;
	}
	
.instagram_feed {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 80px;
	}
	
.instagram_gallery {
	line-height: 0;
	}
	
	
.instagram_gallery img:hover {
	opacity: 0.8;
	}	
	

/* --- picture background colours separate CSS file --- */	


	
	
/* News section */	


.news_date_top {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 12pt;
	font-weight: 300;
	line-height: 155%;
	text-align:left;
	color: #6b737b;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	margin: 20px 0 16px 0;
	}
	

.news_text_holder {
	position: relative;
	height: auto;
	margin: 0 0 70px 0;
	padding: 20px 40px 0 12px;
	width: auto;
	}
	
.news_text_holder a {
	text-decoration: none;
	color: #6b737b;
	border-bottom: 1px solid #6b737b;
	}
	
.news_text_holder a:hover {
	text-decoration: none;
	border-bottom: 0;
	}
	
.news_text_holder h3 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 16pt;
	font-weight: 400;
	color: #1f1f1f;
	margin: 15px 0 0px 0;
	}

.news_date {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 12pt;
	font-weight: 300;
	line-height: 155%;
	text-align:left;
	color: #6b737b;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
	
.mag_inset_right {
	width: 200px;
	height: auto;
	float: right;
	margin: 0 0 10px 10px;
	}


/* Social media */	


.instagram_container {
	position: relative;
	width: 75%;
	height: auto;
	margin: 0px 0 0 20%;
	}
	
.instagram_container img {
	width: 100%;
	height: auto;
	}


.creds {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 10pt;
	font-weight: 300;
	color: #6b737b;
	line-height: 160%;
	}
	
.creds a {
	text-decoration: none;
	color: #6b737b;
	padding-bottom: 2px;
	border-bottom: 1px solid #6b737b;
	}


.social_logos_holder a {
	border-bottom: none;
	}

.social_logos {
	width:45px;
	height: auto;
	margin: 0 26px 0 0;
	opacity: 1;
	border-bottom: 0px solid #fff;
	-ms-transition: all 0.75s ease-out; 
	-webkit-transition: all 0.75s ease-out; 
	transition: all 0.75s ease-out; 
	}
	

	
.social_logos:hover {
	opacity: 1;
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
    }
	





/* --- menu and call to action interactions --- */	

.anim_underscore {
	color: #1f1f1f;
	text-decoration: none;
	padding-bottom: 5px;
	position: relative;
	}


.anim_underscore::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transform: scaleX(0); 
	-webkit-transform-origin: right;
	-webkit-transition: -webkit-transform 0.3s ease-in;		 
	transform: scaleX(0); 
	transform-origin: right;
	transition: transform 0.3s ease-in;	
	}


.anim_underscore:hover::after {
	-webkit-transform: scaleX(1); 	
	-webkit-transform-origin: left;
	transform: scaleX(1); 
	transform-origin: left;
	}
	
	
	

.anim_menu_item_bg_slide {
	color: #1f1f1f;
	text-decoration: none;
	padding: 3px 6px 3px 0px;
	position: relative;
	}
	
.anim_menu_item_bg_slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: -8px;
	width: 150px;
	height: 100%;
	background: #000000;
	-webkit-transform: scaleX(0); 
	-webkit-transform-origin: right;
	-webkit-transition: -webkit-transform 0.3s ease-in;		 
	transform: scaleX(0); 
	transform-origin: right;
	transition: transform 0.3s ease-in;	
	z-index: -1;
	}

.anim_menu_item_bg_slide:hover::after {
	-webkit-transform: scaleX(1); 	
	-webkit-transform-origin: left;
	transform: scaleX(1); 
	transform-origin: left;
	}
	
	
.anim_button_bg_slide {
	text-decoration: none;
	position: relative;
	}
	
.anim_button_bg_slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	-webkit-transform: scaleX(0); 
	-webkit-transform-origin: right;
	-webkit-transition: -webkit-transform 0.3s ease-in;		 
	transform: scaleX(0); 
	transform-origin: right;
	transition: transform 0.3s ease-in-out;	
	z-index: -1;
	}

.anim_button_bg_slide:hover::after {
	-webkit-transform: scaleX(1); 	
	-webkit-transform-origin: left;
	transform: scaleX(1); 
	transform-origin: left;
	}


    
.call_to_action_submenu {
	margin: 30px 0 30px 0;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size: 16pt;
	font-weight: 400;
	color: #1f1f1f;
	text-decoration: none;
	letter-spacing: 1px;
	}
	
.call_to_action_submenu a {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size: 16pt;
	font-weight: 400;
	color: #6f6f6f;
	margin-right: 15%;
	letter-spacing: 1px;
	text-decoration: none;
	border-bottom: none;
	-ms-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	transition: height all 0.3s ease-out; 
	}
	
.call_to_action_submenu a:hover {
	color: #1f1f1f;
	}

.triangle {
	width: 0;
	height:0;
	border-top: 24px solid transparent;
	border-left: 24px solid #000;
	border-bottom: 24px solid transparent;
	display: inline-block;
	margin: 0 16px -18px 0;
	-webkit-transition: all 0.25s ease-in-out;
	}
	


.call_to_action_submenu a:hover .triangle {
	-webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
    border-left: 24px solid #aaaaaa;
	margin: 0 16px -18px 0;
	}




	
	

/* tablet Media queries
----------------------------------------------------- */	
	
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px) 
	{

.caption_holder h3 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 13pt;
	font-weight: 400;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0px;
	}
		
.caption_holder p {
	margin: 0;
	padding: 0;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 10.5pt;
	font-weight: 300;
	color: #fff;
	line-height: 100%;
	}




}

	
/* Mobile breaks
-----------------------------------------------------
-----------------------------------------------------
----------------------------------------------------- */
@media only screen  and (max-width: 768px) {



body {
	font-size : 13pt;
	font-weight: 300;
	line-height: 135%;
	}
	
	
		

.logo,
.logo_vertical,
.logo_vertical_alt {
	display: none;
	}
	
	
.logo_mobile {
	position: absolute;
	top:20px;
	left:16px;
	height: auto;
	width: 230px;
	background-color: transparent;
	z-index:1000;
	display: block;
	}
	
.logo_subpage {
	display: none;
	}
	
.logo_mobile_alt {
	position: absolute;
	top:30px;
	left:16px;
	height: auto;
	width: 240px;
	background-color: transparent;
	z-index:1000;
	display: block;
	}
	

.logo_in_mobile_menu {
	position: fixed;
	top:20px;
	left:16px;
	height: auto;
	width: 230px;
	background-color: transparent;
	z-index:10000;
	display: none;
	}
	
.logo_in_mobile_menu_alt {
	position: fixed;
	top:30px;
	left:16px;
	height: auto;
	width: 240px;
	background-color: transparent;
	z-index:10000;
	display: none;
	}
	
.icon_mobile {
	position: fixed;
	top: 24px;
	right: 16px;
	width: 30px;
	height: 25px;
	z-index: 4000;
	display: block;
	}
	
.icon_mobile img {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	-ms-transition: all 1s ease-out; 
	-webkit-transition: all 1s ease-out; 
	transition: all 1s ease-out; 
	}
	
	
.back_to_top {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 20%;
	height: auto;
	z-index: 4000;
	display: none;
	}
	
.back_to_top img {
	width: 40px;
	display: block;
	margin: 0px auto 20px auto;
	opacity: 0.2;
	-ms-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out; 
	}

.header_area {
	position: relative;
	width:100%; 
	height:100%;
	background: #fff;
	}	
	
.cover_image {
	position: absolute; 
	top:90px; 
	left: 5%; 
	width: 90%;
	height: calc(96% - 90px);
	margin: 0;
	overflow: hidden;
	}
	
.credentials_logos {
	opacity: 0;
	}
	
.credentials_logos_no_header {
	display: none;
	}
	
	
.down_arrow {
	display:none;
	z-index: -10;
	}

.down_arrow img {
	width: 0;
	height: auto;
	opacity: 0;
		-ms-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out; 
	}	
	

.menu_holder_alt,
.submenu_holder {
	z-index: -10;
	display: none;
	}
	
	
.menu_mobile {
	position: fixed;
	top: 120px;
	left: 16px;
	width: auto;
	z-index: 10000;
	}
	
.menu_mobile a {
	text-decoration: none;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 24pt;
	font-weight: 200;
	line-height: 160%;
	text-align: left;
	letter-spacing: 0;
	color: #1f1f1f;
	text-transform: uppercase;
	}
	
.menu_screen_mobile {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	opacity: 0.95;
	z-index: 9000;
	display: none;
	}

	
.submenu_holder {
	}
	
.submenu_text,
.sub_insta_logo {
	display: none;
	}	


.page_wrapper_below {
	padding: 30px 0 0 0;
	}	
	
.section_title {
opacity: 0;
z-index: -10;
}
	
.content_row,
.content_row_wide,
.project_picture_row_container {
	position: relative;
	width: 90%;
	height: auto;
	margin: 0 5% 30px 5%;
	background: #fff;
	}
	

.text_holder {
	position: relative;
	width: 95%;
	margin: 0 0 20px 0;
	height: auto;
	padding: 0;
	z-index: 3000;
	}


.text_holder .standfirst {
	position: relative;
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 15.5pt;
	font-weight: 300;
	line-height: 125%;
	text-align:left;
	color: #1f1f1f;
	letter-spacing: 1px;
	}
	
.credentials_item {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #eee;
	padding: 0 0 6% 0;
	}
	
.credentials_inset {
	position: relative;
	width: 90%;
	height: auto;
	margin: 5% 0 0 5%;
	}
	
.text_holder_credentials {
	position: relative;
	width: 90%;
	height: auto;
	margin: 0 5% 0 5%;
	}
	
.text_holder_credentials .standfirst {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 14pt;
	font-weight: 400;
	line-height: 135%;
	text-align:left;
	color: #1f1f1f;
	letter-spacing: 0;
	}

.text_holder_credentials .call_to_action_test a {
	width: 50%;
	}	
	
.text_holder h1 {
	font-size : 17pt;
	margin: 20px 0 7pt 0;
	line-height: 130%;
	}


.text_holder h2,
.instagram_container h2 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 14pt;
	font-weight: 400;
	line-height: 140%;
	text-align:left;
	color: #1f1f1f;
	margin: 0 0 17px 0;
	letter-spacing: 0px;
	}
	
.text_holder h3 {
	font-family : "myriad-pro", Myriad Pro, sans-serif;
	font-size : 16pt;
	font-weight: 400;
	line-height: 100%;
	text-align:left;
	color: #1f1f1f;
	margin: 0 0 5pt 0;
	letter-spacing: 0px;
	}


/* --- thumbnail and picture holders --- */	
	
/* --- hide the thumbnail classes

.thumbnail_33pc,
.thumbnail_60pc {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	float: none;
	}
	
.thumbnail_60pc_right,
.thumbnail_66pc_right,
.thumbnail_66pc_left,
.thumbnail_80pc_right,
.thumbnail_80pc_left	{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
	}

--- */
	
.more_news li {
	width: 100%;
	display: block;
	margin: 0;
	vertical-align: top;
	}
	
.more_news .thumbnail img {
	width: 100%;
	height: auto;
	}


.caption_holder {
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
	pointer-events: auto;
	}
	
.caption_holder h3 {
	font-size : 12pt;
	text-align: left;
	line-height: 130%;
	color: #1a1a1a;
	}
	
.caption_holder p {	
	font-size : 11pt;
	line-height: 140%;
	color: #1a1a1a;
	}


/* --- project pictures --- */	

	
.project_picture img {
	width: 100%;
	height: auto;
	}
	
.project_picture_45pc {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px 0 30px 0;
	float: none;
	}
	
.project_picture_25pc,
.project_picture_40pc,
.project_picture_49pc,
.project_picture_33pc,
.project_picture_50pc {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px 0 30px 0;
	float: none;
	}

	
.project_picture_80pc_right {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	}
	

	
.project_picture_66pc,
 .project_picture_60pc {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0px 0;
	float: none;
	}
	
.project_picture_66pc_right,
.project_picture_60pc_right {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.project_picture_80pc_left {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	}
	
.project_picture_full_width {
	position: relative;
	width: 100%;
	height: auto;
	margin: 30px 0 40px 0;
	}
	
.project_picture_full_width img {
	width: 100%;
	height: auto;
	display: block;
	}
	
	

.pull_quote {
	position: relative;
	width: 80%;
	margin: 0 0 40px 5%;
	font-size : 20pt;
	}
	
.quoted {
	font-size : 16pt;
	}
	
	
.call_to_action_test a  { 
	font-size: 12pt;
	letter-spacing: 1px;
	display: inline-block; 
	width: 35%;
	margin: 20px 20px 0 0;
	border: 1px solid;
	border-color: #000 #000 #000 #000;
	text-decoration: none; 
	color: #1f1f1f; 
	text-align: center; 
	padding: 7px 0 8px 0;
	opacity: 1;
	transition: all 1s ease-out; 
	-webkit-transition: all 0.5s ease-out; 
	} 
	
.text_holder_credentials .call_to_action_test a {
	width: 50%;
	}
	
.call_to_action_test a:hover { 
	opacity: 1;
	border: 1px solid #ffffff;
	color: #ffffff; 
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
    }	
	

	
	
.call_to_action_in_banner {
	position: absolute;
	bottom: 10px;
	left: 5%;
	width: 90%;
	}

.call_to_action a,
 .call_to_action_in_banner a { 
	width: 45%;
	margin: 10px 2% 0 0;
	padding: 7px 0 10px 0;
	}	
	
	
.mag_inset_right {
	width: 80%;
	height: auto;
	float: none;
	margin: 20px 0 10px 0;
	}
	
.social_logos {
	width:35px;
	height: auto;
	margin: 0 15px 0 0;
	opacity: 0.7;
	border-bottom: 0px solid #fff;
	-ms-transition: all 0.75s ease-out; 
	-webkit-transition: all 0.75s ease-out; 
	transition: all 0.75s ease-out; 
	}
	
.more_gardens_container {
	position: relative;
	width: 90%;
	height: auto;
	margin: -30px 5% 30px 5%;
	padding: 30px 0 85px 0;
	background: #fff;
	}
	
.more_gardens_carousel {
	width: 90%;
	margin: 0 5% 0 5%;
	height: auto;
	}
	
.more_gardens_carousel li {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	display: block;
	}
	
.more_gardens_carousel li .thumbnail {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	display: block;
	}
	
.more_gardens_carousel li .thumbnail img {
	width: 100%;
	height: auto;
	}
	
.more_gardens_next_arrow,
.more_gardens_prev_arrow {
	display: none;
	}
	

.return {
	clear: both;
	display: none;
	}
	
.active {
	opacity: 0.3;
	}	

.call_to_action_submenu a {
	border: #000 #000 #000 #000;
	display: inline-block;
	margin-bottom: 20px;
	}

}