/*
Theme Name: A Sleeky Theme
Author: Sleeky
Author URI: https://sleeky.co.uk
Description: Just another Sleeky theme.
Version: 1.0.0
License: (c) Copyright of Sleeky. All Rights Reserved.
Text Domain: sleeky
*/
/* Default Styles */
a {
	color: #0496FF;
	text-decoration: underline;
  	transition: .5s;
}
a:hover {
	color: xxxx;
}
blockquote {
	border-left: 5px solid 000000!important;
	margin: 0px;
	padding: 20px;
}
blockquote, table, table thead {
	background-color: #dfdfdf;
	border: 2px solid #dfdfdf;
}
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p {
	padding: 0px;
}
blockquote cite {
	font-style: italic;
	font-weight: bold;
}
body {
	/* font-family: century-gothic, sans-serif; */
	font-family: 'Poppins', sans-serif;
	margin: 0px;
	padding: 0px;
}
.clearfix {
	display: block;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0px;
	height: 0px;
	visibility: hidden;
}

.clear-float{
	float: none;
}

.float-right{
	float: right;
}
.column {
	float: left;
	width: 50%;
}
.container {
	margin: 0px auto;
	padding: 0px 40px;
	width: 1400px;
}
#blogs-header .container{
	max-width:1200px;
}
@media (max-width: 1480px) {
	.container{
		width: 1200px;
	}
}
@media (max-width: 1280px) {
.container {
	width: 100%;
	box-sizing: border-box;
}
	header .sticky .column.right{
		right: 0vw;
	}
	header .sticky  nav ul {
    	margin-right: 0px;
	}
}
footer, header, section {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
em {
	font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
img {
	height: auto;
	max-width: 100%;
}

nav .column.left {
	width: 25%;
}
nav .column.right {
	width: 75%;
}
nav .menu-item-has-children {
	position: relative;
}
nav .menu-item-has-children:focus .sub-menu, nav .menu-item-has-children:focus-within .sub-menu, nav .menu-item-has-children:hover .sub-menu {
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.25s;
	visibility: visible;
	z-index: 1;
}
nav .sub-menu {
	background-color: #ffffff;
	left: 0px;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: 100%;
	transform: translateY(-10px);
	transition: all 0.25s ease-in-out 0s, visibility 0s linear 0.25s, z-index 0s linear 0.01s;
	visibility: hidden;
	z-index: 1;
}
nav ul {
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
nav ul li {
	display: inline-block;
	line-height: 20px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}
nav ul li:first-child {
	padding-left: 0px;
}
nav ul li:last-child {
	padding-right: 0px;
}
nav ul li a {
	color: xxxx;
}
nav ul li a:hover {
	color: xxxx;
}
nav ul li ul li, nav ul li ul li:first-child, nav ul li ul li:last-child {
	padding: 10px;
}

/* zt nav menu button */
nav ul li.button a {
	background-color:#4BB3FD;
	border-radius:24px;
	color:white;
	padding:0.5rem 1rem;
	border:1px solid #4BB3FD;
}
nav ul li.button a:hover {
	background-color:#460B2D;;
	border-color:#460B2D;
}
header nav ul li.current_page_item.button > a,
header nav ul li.current_page_item.button > a:hover {
	color:white;
}
header nav ul li.current_page_item.button > a:hover {
	background-color:#0496FF;;
	border-color:#0496FF;
}

@media (max-width: 1000px) {
	nav {
		/* display: none; */
	}
}

ol li, ul li {
	padding: 10px 0px 0px 0px;
}
.outer {
	display: table;
	height: 100%;
	position: relative;
	width: 100%;
}
.outer .inner {
	display: table-cell;
	vertical-align: middle;
}
p {
	padding: 20px 0px 0px 0px;
}
p, blockquote cite, ol li, ul li, table {
	margin: 0px;
}

@media (min-width: 1001px) {
	.side-nav {
		/* display: none; */
	}
}

.side-nav .fa-bars{
	font-size: 36px;
	color: #e83e31;
}
.side-nav a {
	cursor: pointer;
	position: absolute;
	right: 5%;
}
.slick-next:before {
	content: "\f0da";
}
.slick-prev:before {
	content: "\f0d9";
}
.slick-next:before, .slick-prev:before {
	color: #000000;
	font-family: 'FontAwesome';
	font-size: 60px;
}
.slick-next {
	right: -30px;
	z-index: 1;
}
.slick-prev {
	left: -30px;
	z-index: 1;
}
.slick-slider {
	margin-bottom: 0px;
}

@media (max-width: 1450px) {
	.slick-next:before, .slick-prev:before {
		font-size: 40px;
	}
	.slick-next {
		right: -20px;
	}
	.slick-prev {
		left: -20px;
	}
}

@media (max-width: 600px) {
	.slick-next:before, .slick-prev:before {
		font-size: 20px;
	}
	.slick-next {
		right: 0px;
	}
	.slick-prev {
		left: 0px;
	}
}

.slide-close a {
	color: #ffffff;
	cursor: pointer;
	position: absolute;
	z-index: 5003;
	width: 50px;
    right: 2vw;
    top: 75px;
}
.slide-close .fa-times{
	font-size: 36px;
    color: #ffa630;
}
.slide-in-menu {
    background-color: #e83e31;
    height: 100%;
    left: 0px;
    opacity: 0;
    overflow: scroll;
    position: absolute;
    top: -100%;
    transition: 0.5s;
    width: 100%;
    z-index: 5001;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.7;
    text-transform: lowercase;
}
.slide-in-menu.active {
	position: fixed;
	opacity: 1;
	top: 0px;
}
.slide-in-menu li.active > ul {
	display: block;
}
.slide-in-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.slide-in-menu ul li {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.slide-in-menu ul li span.dot {
    color: #ffa630;
}
.slide-in-menu ul li a {
	color: #ffffff;
	opacity: 0;
	position: relative;
    transform: translateY(20px);
	transition: opacity .25s linear, color .5s linear, transform .3s cubic-bezier(.25,.46,.45,.94);
}
.slide-in-menu ul li.current-menu-item > a{
	color: #ffa630;
}
.slide-in-menu ul li a:hover{
	color: #ffa630;
}
.slide-in-menu.active ul li a {
	opacity: 1;
	transform: translateY(0);
}
.slide-in-menu.active ul li:nth-of-type(1) a {
	transition: color .5s linear, opacity .25s linear .5s, transform .3s cubic-bezier(.25,.46,.45,.94) .5s;
}
.slide-in-menu.active ul li:nth-of-type(2) a {
	transition: color .5s linear, opacity .25s linear .6s, transform .3s cubic-bezier(.25,.46,.45,.94) .6s;
}
.slide-in-menu.active ul li:nth-of-type(3) a {
	transition: color .5s linear, opacity .25s linear .7s, transform .3s cubic-bezier(.25,.46,.45,.94) .7s;
}
.slide-in-menu.active ul li:nth-of-type(4) a {
	transition: color .5s linear, opacity .25s linear .8s, transform .3s cubic-bezier(.25,.46,.45,.94) .8s;
}
.slide-in-menu.active ul li:nth-of-type(5) a {
	transition: color .5s linear, opacity .25s linear .9s, transform .3s cubic-bezier(.25,.46,.45,.94) .9s;
}
.slide-in-menu.active ul li:nth-of-type(6) a {
	transition: color .5s linear, opacity .25s linear 1s, transform .3s cubic-bezier(.25,.46,.45,.94) 1s;
}
.slide-in-menu.active ul li:nth-of-type(7) a {
	transition: color .5s linear, opacity .25s linear 1.1s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.1s;
}
.slide-in-menu.active ul li:nth-of-type(8) a {
	transition: color .5s linear, opacity .25s linear 1.2s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.2s;
}
.slide-in-menu.active ul li:nth-of-type(9) a {
	transition: color .5s linear, opacity .25s linear 1.3s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.3s;
}
.slide-in-menu.active ul li:nth-of-type(10) a {
	transition: color .5s linear, opacity .25s linear 1.4s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.4s;
}
/* zt nav menu button */
.slide-in-menu.active ul li.button {
	margin-top:1rem;
	font-size:22px;
}
.slide-in-menu.active ul li.button a {
	background-color:#4BB3FD;
	border-radius:24px;
	color:white;
	padding:0.5rem 1rem;
	border:1px solid #4BB3FD;
}
.slide-in-menu.active ul li.button a:hover {
	background-color:#460B2D;
	border-color:#460B2D;
}
.slide-in-menu.active ul li.button .dot{
	display:none;
}
/**/
.slide-in-menu ul ul {
	font-size: 16px;
	padding-bottom: 5px;
}
strong, table thead th {
	font-weight: bold;
}
table {
	background-color: #ffffff;
	padding: 10px;
	text-align: left;
}
table th {
	padding: 10px;
}
.wp-block-table {
	margin: 0px;
}
/* THEME STYLES */
.slick-slide:focus,
.slick-slide a:focus{
	outline: none;
}
/*#navbar{
	overflow: hidden;
}*/
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    height: 157px;
    background-color: white;
    z-index: 999;
    -webkit-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
    box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
	box-sizing: border-box;
}
#navbar.sticky .sub-menu{
	display: none;
}

#navbar.sticky .menu-item-has-children:focus .sub-menu,
#navbar.sticky .menu-item-has-children:focus-within .sub-menu,
#navbar.sticky .menu-item-has-children:hover .sub-menu{
    display: block;
    visibility: initial;
    opacity: 1;
}

/*.sticky + #hero-home {
  padding-top: 60px;
} */
h1, h2, h3, h4, h5{
	color: #101010;
}
h1{
	font-size: 42px;
    font-weight: 700;
	/*text-transform: lowercase;*/
	margin-bottom: 15px;
}
h2{
	font-size: 42px;
    font-weight: 700;
	/*text-transform: lowercase; */
	margin-bottom: 6px;
}
h3{
	font-size: 30px;
	font-weight: 700;
}
h4{
	font-size: 24px;
	font-weight: 600;
}
/* zt heding underline */
.heading-underline::after{
	/* content:url('img/underline-red.svg');
	display:block;
	margin-top:-0.5rem;
	width:60%; */
}
/* zt end */
p{
	font-size: 18px;
	line-height: 1.4;
	color: #707070;
	/* font-family: century-gothic, sans-serif; */
	font-family: 'Poppins', sans-serif;
}
ul{
	color: #707070;
}
img.aligncenter{
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
img.alignright{
	margin-right: 0px;
	margin-left: auto;
	display: block;
}
.flex{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.read-more-link{
	color: white;
	text-decoration: none;
	text-align: center;
}

.read-more{
    width: 110px;
    font-family: "Metropolis", Verdana, Tahoma;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 14px 10px;
    position: relative;
    z-index: 2;
    border: none;
    background-color: #e83e31;
    text-transform: lowercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 65px;
    margin: 11px auto;
    margin-top: 35px;
    color: white;
    z-index: 9;
}

.read-more:hover{
	background-color: #298787;
	color: white;
	cursor: pointer;
}
span.dot{
	/* color: #e83e31; */
	display:none;
}
.link-box .link{
	width: 145px;
    font-family: "Metropolis", Verdana, Tahoma;
    font-weight: 600;
    font-size: 16px;
    padding: 18px 10px;
    position: relative;
    z-index: 2;
    border: 2px solid #4BB3FD; /* zt was e83e2f */
    background-color: #4BB3FD; /* zt was e83e2f */
    text-transform: lowercase;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 65px;
    margin-right: 10px;
    margin-top: 35px;
    color: white;
    z-index: 9;
    display: inline-block;
}
.link-box .link:hover{
	background-color: #460B2D; /* zt was transparent */
	border-color: #460B2D; /* zt was e83e2f */
}
/* zt update to 2nd link color */
.link-box a:nth-child(2) .link{
	background:white;
	border-color:#4BB3FD;
	color:#4BB3FD;
}
.link-box a:nth-child(2) .link:hover{
	border-color:#460B2D;
	color:#460B2D;
}
/*
.link-box .link.green{
    border: 2px solid #298787;
    background-color: white;
    color: #298787;
}
.link-box .link.green:hover{
	background-color: #298787;
    color: white;
}
*/
/* zt end */
.link-box .link.white{
    border: 2px solid white;
    background-color: transparent;
    color: white;
}
.link-box .link.white:hover{
	background-color: white;
    color: black;
}
.link-with-arrow{
	color: #e83e31;
	font-weight: bold;
    font-size: 20px;
    padding-top: 30px;
    text-transform: lowercase;
}
/* Header */
header{
	position: relative;
}
header .logo{
	position: absolute;
	top: -8px;
    left: calc(6vw - 43px);
    z-index: 9;
    width: 340px;
}
header .right.column{
	position: absolute;
    right: calc((100vw - 1200px) / 2);
    top: 62px;
    z-index: 99;
    color: black;
    text-transform: lowercase;
    font-weight: 400;
    width: auto;
}
header .sticky .column.right{
	right: 7vw;
}
header nav ul{
	margin-right: 0;
}
header nav ul li a{
	list-style-type: none;
	color: #707070;
	font-size: 20px;
}
header nav ul li.current_page_item > a{
	font-weight: bold;
	color: #0496FF; /* was #318b8b */
}
body.home header nav ul li.current_page_item > a{
	/* color: #e83e31; home */
}
body.page-id-13 header nav ul li.current_page_item > a{
	/* color: #0496FF; was #318b8b  what we solve */
}
body.page-id-19 header nav ul li.current_page_item > a{
	/* color: #ffa835; blog */
}
.bw-filter{
  background-color: rgba(255,255,255,1);
  background-blend-mode: luminosity;
  transition: background-color 1s ease-out;
}
/* zt First section has additional padding to cater for nav */
main section:first-of-type{
	padding-top:calc(14vh + 24px);
}
main section:first-of-type:is(#booking-form){
	padding-top:0;
	margin-top:calc(14vh + 24px);
}
/* zt end */
/* Hero */
#hero-home {
	/* height: 85vh; */
	/* min-height: 700px; */
	/* padding-top: 14vh; */ /* zt padding added globally to first section element */
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
	margin-bottom:2rem;
}
#hero-home .container{
	display:grid;
	grid-template-columns: 1fr 1fr;
	align-items:center;
}
/* #hero-home .flex-half.text-half{
	padding-left: 0px;
	padding-right: 70px;
	padding-top: 160px;
} */
#hero-home .link-box{
	padding-top: 10px;
}
#hero-home .text-on-image p{
	padding-top: 10px;
	font-weight: 600;
	color: #101010;
}
#hero-home .text-on-image p.link{
	color: #e83e31;
}
#hero-home .text-on-image p.date{
	color: #298787;
}
#hero-home .text-on-image p span{
	display: block;
    font-size: 25px;
    font-weight: 700;
    color: #298787;
    padding-bottom: 10px;
}
#hero-home .text-on-image{
    padding: 25px 55px;
    width: auto;
}
body.page-id-19 #hero-home .text-on-image{
	width: 49%;
}
#hero-home .flex-half{
	position: relative;
}
#hero-home .orange-blob-hero{
    position: absolute;
    width: 91%;
    left: 19%;
    top: 5px;
}
.arrow-down{
    /* position: absolute;
    bottom: 12vh;
    left: calc((100vw - 1400px) / 2); */
    cursor: pointer;
    /* margin-left: -12px; */
    z-index: 99;
	display:inline-block;
	width:77px;
	margin:0 auto;
}
.arrow-down{
	position:relative;
	bottom:unset;
	margin-left:unset;
	margin-top:80px;
}
.hero-text{
	max-width: 511px;
}
/* Booking form */
#booking-form .container{
	display:grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap:80px;
	padding:80px 40px 85px;
	max-width:1000px;
	margin:0 auto;
}
#booking-form.version-1{
	background-color:#4BB3FD;
}
#booking-form.version-2{
	background-color:#eee;
}
#booking-form.version-1 .booking-form-copy * {
	color:white;
}
#booking-form.version-1 .booking-form-copy h1,
#booking-form.version-1 .booking-form-copy h2 {
	line-height:1.2;
}
#booking-form .booking-form-copy h1::after,
#booking-form .booking-form-copy h2::after {
	content:"";
	display:block;
	width:40%;
	height:5px;
	margin-top:0.75rem;
}
#booking-form.version-1 .booking-form-copy h1::after,
#booking-form.version-1 .booking-form-copy h2::after {
	background-color:#0496ff;
}
#booking-form.version-2 .booking-form-copy h1::after,
#booking-form.version-2 .booking-form-copy h2::after {
	background-color:#e83e31;
}
#booking-form .booking-form-form{
	background-color:white;
	border-radius:8px;
	padding:0.25rem 2rem 1.5rem;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
}
#booking-form .booking-form-form label{
	font-weight:600;
	line-height:2;
}
#booking-form input:not([type=submit]){
	border-radius:24px;
	background-color:#eee;
	border:1px solid #eee;
	width:100%;
	max-width:85%;
	font-size:20px;
	padding:0.5rem 1rem;
}
#booking-form input:not([type=submit]):focus-visible{
	background-color:#eee;
	border-color:#eee;
}
#booking-form input[type=submit]{
	border-radius:25px;
	padding:0.5rem 1rem;
	font-size:18px;
	cursor:pointer;
	border-color:transparent;
	color:white;
	line-height:1;
	transition:all 0.2s ease-in-out;
	margin-top:0.5rem;
}
#booking-form.version-1 input[type=submit]{
	background-color:#460B2D;
}
#booking-form.version-1 input[type=submit]:hover{
	background-color:#0496ff;
}
#booking-form.version-2 input[type=submit]{
	background-color:#4BB3FD;
}
#booking-form.version-2 input[type=submit]:hover{
	background-color:#460B2D;
}
#booking-form input.wpcf7-not-valid{
	border:1px solid #e83e31;
}
/* Logos */
#logos {
	padding:80px 0 85px;
}
#logos h2 {
	text-align:center;
	margin-bottom:2rem;
}
#logos .logos{
	list-style-type:none;
	margin:0;
	padding:0;
	display:flex;
	align-items: center;
    justify-content: center;
	gap:40px;
}
#logos .logo img{
	max-width:200px;
}
/* Blogs header */
#blogs-header{
	margin:40px 0;
}
#blogs-header .container{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:40px;
}
#blogs-header .latest-post{
	padding-left:70px;
	padding-right:70px;
}
#blogs-header img{
	border-radius:24px;
	margin-bottom:1rem;
	max-height:400px;
	object-fit:contain;
}
#blogs-header .latest-post-heading{
	margin:0 0 0.25rem;
	line-height:1.2;
}
#blogs-header .latest-post-heading a{
	color:#000000;
}
#blogs-header .latest-post-heading a:hover{
	color:#4bb3fd;
}
#blogs-header .latest-post-cat{
	margin:0 0 1rem;
	padding:0;
	color:#460B2D;
	margin-bottom:1rem;
	mix-blend-mode:darken;
}
#blogs-header .latest-post-excerpt{
	padding:0;
	margin-bottom:2rem;
	mix-blend-mode:darken;
}
#blogs-header .button{
	background-color:#4BB3FD;
	border-radius:24px;
	color:white;
	padding:0.5rem 1rem;
	font-size:18px;
	line-height:1;
	display:inline-block;
}
#blogs-header .button:hover{
	background-color:#460B2D
}
#blogs-header .picked-posts{
	list-style-type:none;
	margin:0;
	padding:0;
}
#blogs-header .picked-posts li {
	margin-bottom:1rem;
}
#blogs-header .picked-posts p {
	padding:0;
}
#blogs-header .picked-posts .link-with-arrow a,
#blogs-header .picked-posts .link-with-arrow i{
	color:#460B2D;
	font-size:16px;
}
#blogs-header .picked-posts .link-with-arrow:hover a,
#blogs-header .picked-posts .link-with-arrow:hover i{
	color:#0496ff;
}
/* Small Centered Text Section */
#small-centered-text{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	background-size: 100% 124%;
	background-position: left top;
	background-repeat: no-repeat;
}
#small-centered-text.extra-padding{
	padding-top: 200px;
	padding-bottom: 100px;
}
#small-centered-text .orange-blob-right{
    position: absolute;
    left: 0px;
    top: -27%;
    height: 160%;
    z-index: -1;
}
#small-centered-text .grey_background_blob{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}
#small-centered-text .centered-text{
	width: 600px;
	margin: auto;
	position: relative;
    z-index: 99;
}
/* zt text color */
#small-centered-text .centered-text.white-text h1,
#small-centered-text .centered-text.white-text h2,
#small-centered-text .centered-text.white-text h3,
#small-centered-text .centered-text.white-text h4,
#small-centered-text .centered-text.white-text p:not(.link){
	color:white;
}
/* zt end */
/* Quote Section */
#quote{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	background-size: 100% 124%;
	background-position: left top;
	background-repeat: no-repeat;
}
#quote .centered-text{
	width: 600px;
	margin: auto;
	position: relative;
    z-index: 99;
}
.quote-container p {
	color:white;
	padding:0 120px 20px 100px;
}
.quote-container .quote-quote{
	font-style: italic;
	font-size:20px;
}
.quote-container .quote-quote:before{
	content:"“";
}
.quote-container .quote-quote:after{
	content:"”";
}
.quote-container .quote-name{
	font-weight:bold;
}
.quote-container .quote-company,
.quote-container .quote-position{
	font-size:12px;
	text-transform:uppercase;
}
.quote-container .quote-company{
	font-weight: bold;
	padding-bottom:5px;
	font-size:13px;
}
.quote-container .quote-position{
	padding-bottom:0;
}
.quote-container{
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	min-height:627px;
	display:grid;
	align-content:center;
	justify-content:center;
}
.quote-container.blob-red{
	background-image: url("https://www.think-learning.com/wp-content/uploads/2023/08/purple-blob.png");
}
.quote-container.blob-yellow{
	background-image: url("https://www.think-learning.com/wp-content/uploads/2023/08/purple-blob.png");

}
.quote-container.blob-turquoise{
	background-image: url("https://www.think-learning.com/wp-content/uploads/2023/08/purple-blob.png");
}
/* Dark Banner Section */
#dark-banner{
	background-color: black;
	color: white;
	margin-top: 70px;
	margin-bottom: 170px;
}
body.home #dark-banner{
	margin-bottom: 0px;
}
#dark-banner h2{
	color: white;
}
#dark-banner .text-half p:not(.link){
	color: white;
}
.flex-half{
	width: 50%;
}
.flex-half.text-half{
	padding-top: 50px;
    padding-left: 90px;
    padding-bottom: 50px;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex.text-left .flex-half.text-half{
	padding-left: 0px;
	padding-right: 90px;
}
.flex-half .image-container{
    width: 500px;
    height: 500px;
    max-width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: -110px;
    margin-top: 80px;
    border-radius: 42px;
    position: relative;
    z-index: 9;
}
#hero-home .flex-half .image-container{
	    width: 600px;
}
.text-on-image{
    background-color: white;
    color: black;
    padding: 25px 35px;
    position: absolute;
    bottom: 30px;
    left: -36px;
    border-radius: 44px;
    -webkit-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
    box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
    width: 315px;
}
#dark-banner .link-box{
	padding-top: 9px;
}
#dark-banner .link-with-arrow{
	padding-top: 5px;
}
#dark-banner .text-left .text-on-image{
	left: -25%;
}
/* Icon Box Section */
#icon-box-section{
	padding-top: 70px;
	padding-bottom: 70px;
	background: url(img/light-blue-blob-off-left.png) top left no-repeat,
                url(img/light-grey-blob-off-right.png) top right no-repeat;
}
#icon-box-section .container{
	box-sizing: border-box;
}
.icon-boxes{
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.icon-box{
	display:flex;
	flex-direction:column;
	margin-right: 6%;
	-webkit-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
    box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.25);
    background-color: rgba(255,255,255,0.9);
    text-align: center;
    padding: 80px 60px 50px;
    border-radius: 20px;
	transition:all 0.3s ease-in-out;
}
.icon-box:last-child{
	margin-right: 0px;
}
.icon-box:hover{
	-webkit-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.5);
    box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.5);
}
/* zt remove bottom border color */
/*
.icon-box:nth-of-type(3n+1){
	border-bottom: 8px solid #298787;
}
.icon-box:nth-of-type(3n+1) .dot,
.icon-box:nth-of-type(3n+1) .link-with-arrow{
	color: #298787;
}
.icon-box:nth-of-type(3n+2){
	border-bottom: 8px solid #e83e31;
}
.icon-box:nth-of-type(3n+2) .dot,
.icon-box:nth-of-type(3n+2) .link-with-arrow{
	color: #e83e31;
}
.icon-box:nth-of-type(3n+3){
	border-bottom: 8px solid #ffa630;
}
.icon-box:nth-of-type(3n+3) .dot,
.icon-box:nth-of-type(3n+3) .link-with-arrow{
	color: #ffa630;
}
*/
/* zt end */
.icon-box h3{
	font-weight: 700;
    margin-top: 28px;
    margin-bottom: 5px;
}
.icon-box p {
	margin-bottom:2rem;
}
.icon-box img{
	margin: 0px auto;
    display: block;
    height: 110px;
}
.icon-box img.circle{
	border-radius:50%;
}
/* zt icon box button nb, button really should be a generic */
.icon-box .button{
	color:white;
	background-color:#460B2D;
	font-weight:600;
	padding:0.75rem 1.25rem;
	transition:all 0.3s ease-in-out;
	border:1px solid #460B2D;
	border-radius:24px;
	display:inline-block;
	margin-top:auto;
}
.icon-box .button:hover{
	background-color:#0496ff;
	border-color:#0496ff;
}
/* zt */
/* Image/Video and Text */
#image-video-text{
	padding-top: 75px;
    padding-bottom: 85px;
}
body.home #image-video-text {
    padding-top: 50px;
    padding-bottom: 50px;
}
#image-video-text img{
	border-radius:23px;
}
#image-video-text .fluid-width-video-wrapper{
	background-color:#FAFAFA;
}
#image-video-text .fluid-width-video-wrapper:before{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='-56 -56 128 128'%3E%3Cpath fill='%23dfdfdf' d='M8-56c-35.199 0-64 28.801-64 64 0 35.203 28.801 64 64 64 35.203 0 64-28.797 64-64 0-35.199-28.797-64-64-64zM-8 40v-64L40 8-8 40z'/%3E%3C/svg%3E");
	font-size:30px;
	color:#dfdfdf;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#image-video-text .vit-caption{
	font-size:14px;
}
#image-video-text .vit-title-below{
	margin-top:40px;
	margin-bottom:0;
}
#image-video-text .caption-then-title{
	margin-bottom:30px;
}
#image-video-text .caption-then-text{
	margin-bottom:10px;
}
#image-video-text .vit-centred {
	text-align:center;
}
#image-video-text .vit-centred h2,
#image-video-text .vit-centred p {
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#image-video-text .vit-centred .vit-media {
	margin:30px auto 0;
}
#image-video-text .vit-media{
	 max-width:1024px;
}
#image-video-text .vit-left,
#image-video-text .vit-right{
	display:flex;
}

#image-video-text .vit-left .vit-media,
	#image-video-text .vit-right .vit-media{
		width:55%;
	}
	#image-video-text .vit-left .vit-text,
	#image-video-text .vit-right .vit-text{
		width:45%;
	}
#image-video-text .vit-left .vit-text{
	padding-left:40px;
}
#image-video-text .vit-right .vit-text{
	padding-right:40px;
}
/* About section / text-with-image section */
#text-with-image .flex-half.text-half {
	padding-top: 75px;
    padding-bottom: 85px;
}
body.page-id-21 #text-with-image .flex-half.text-half {
    padding-top: 125px;
    padding-bottom: 200px;
}
body.page-id-21 #dark-banner .flex-half.text-half.flex > p:nth-child(2){
	font-weight: bold;
}
body.home #text-with-image .flex-half.text-half {
    padding-top: 50px;
    padding-bottom: 50px;
}
.text-box{
    -webkit-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.15);
    box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.15);
    padding: 25px 55px 45px;
    border-radius: 23px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
}
.text-box.no-bg{
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset;
	background-color:unset;
}
.text-box.white-text h2,
.text-box.white-text p{
	color:white;
}
.text-box-item{
	-webkit-flex-direction: row;
	flex-direction: row;
}
.text-box-item p{
	padding-top: 10px;
}
.text-box-item h4{
	padding-top: 20px;
}
#text-with-image .flex-half .image-container {
	width: 100%;
    height: 600px;
    background-size: contain;
}
.item-left{
	width: 61px;
}
.item-left img{
	width: 61px;
	height: auto;
	margin-top: 30px;
}
.bullet-point.item-left {
    width: 15px;
}
.bullet-point.item-left img{
	width: 15px;
	height: auto;
	margin-top: 30px;
}
.item-right{
	    width: calc(100% - 61px);
	    padding-left: 40px;
}
body.page-id-13 .not-bullet-point-box .item-right{
	width: 100%;
	padding-left: 0px;
}
body.page-id-13 .not-bullet-point-box .item-left{
	display: none;
}
body.page-id-13 .not-bullet-point-box h4{
	padding-bottom: 10px;
}
body.page-id-13 #text-with-image{
	padding-bottom: 27px;
}
/* Latest News Section */
#latestnews{
	padding-top: 75px;
	padding-bottom: 100px;
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
}
#latestnews .container{
	position: relative;
}
#latestnews .news-items.flex{
	justify-content: space-between;
	gap:20px;
}

#latestnews h2{
	position: absolute;
	top: 0;
	left: 4vw;
}
span.red-dot{
	/* color: #e83e31; */
	display:none;
}
#latestnews .link{
	position: absolute;
	top: 0;
	right: 4vw;
	margin-top: 0px;
}
.news-items{
	padding-top: 100px;
	padding-bottom: 30px;
}
.news-items:focus,
.news-items a:focus{
	outline: none;
}
#all-news .news-items.flex,
.alm-reveal{
	gap:60px;
}
.alm-btn-wrap{
	text-align:center;
	margin-top:40px;
}
.alm-load-more-btn{
	background-color:#4BB3FD;
	border-radius:24px;
	color:white;
	padding:1rem 2rem;
	border:1px solid #4BB3FD;
	cursor:pointer;
	font-size:1.125rem;
	text-transform: uppercase;
	/* font-family: century-gothic, sans-serif; */
	font-family: 'Poppins', sans-serif;
}
.alm-load-more-btn:hover{
	background-color:#460B2D;
	border:1px solid #460B2D;
}
.news-item{
	/* width: calc(25% - 30px); */
	width:calc( (100% / 3) - 120px );
	color: black;
	text-align:center;
    /* margin: 0.8%; */
    /* border-radius: 10%; */
    /* padding-left: 0px!important;
    padding-right: 0px!important; */
    position: relative;
   	/* -webkit-box-shadow: 0px 6px 26px -2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 6px 26px -2px rgba(0,0,0,0.2);
    box-shadow: 0px 6px 26px -2px rgba(0,0,0,0.2);
    background-color: white; */
}
/* .news-item:first-child,
.news-item:nth-child(5n){
	margin-left: 1.6%;
}
.news-item:last-child,
.news-item:nth-child(4n){
	margin-right: 1.6%;
} */
.news-item p:not(.link-with-arrow){
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0px;
}

.news-item a{
    color: black;
}

.news-item h4{
	font-weight: 600;
	font-size: 20px;
    margin-bottom: 1rem;
    margin-top: 0px;
	text-transform: none;
	line-height: 1.3;
	/*text-transform: lowercase; */
	/* height: 65px; */
}

.news-item p.date{
    color: #0496FF;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 6px;
    padding-top: 6px;
}
.news-image-container{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/* height: 230px; */
	aspect-ratio:1/1;
	width: 100%;
	border-radius:50%;
}

.news-padding{
    padding: 18px;
    position: relative;
    margin-left: 2%;
    margin-right: 2%;
}
.news-text{
    height: 66px;
    overflow: hidden;
    padding-top: 5px;
}

.news-items .link-with-arrow{
    font-weight: 600;
    font-size: 20px;
    color: #460B2D;
    padding-left: 0px;
    padding-top: 0px;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 10px;
    text-transform: lowercase;
}
.news-item:hover .link-with-arrow{
	color: #0496ff;
}
/* Case Study Section */
#case-studies{
	position: relative;
}
.page-id-17 #case-studies{
	padding-bottom: 50px;
}
.casestudy-items{
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
}
.casestudy-item{
    max-width: 60vw;
    margin: 26px 30px 45px;
	color: black;
    border-radius: 40px;
    padding-left: 0px!important;
    padding-right: 0px!important;
    position: relative;
   	-webkit-box-shadow: 1px 7px 44px -6px rgba(0,0,0, 0.25);
    -moz-box-shadow: 1px 7px 44px -6px rgba(0,0,0, 0.25);
    box-shadow: 1px 7px 44px -6px rgba(0,0,0, 0.25);
    background-color: white;
    -webkit-flex-direction: row;
    flex-direction: row;
    display: flex!important;
}
.casestudy-item .casestudy-image-container,
.casestudy-item .casestudy-padding{
	opacity: 0.5;
}
.casestudy-item.slick-current .casestudy-image-container,
.casestudy-item.slick-current .casestudy-padding{
	opacity: 1;
}
.casestudy-items .casestudy-item.slick-current{
	border-bottom: 8px solid #e83e31;
}
.casestudy-image-link{
	width: 40%;
}
.casestudy-item .article-right{
	width: 60%;
    min-width: 475px;
    min-height: 382px;
}

.casestudy-item p:not(.link-with-arrow){
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0px;
}
.casestudy-item .link-with-arrow{
	padding-top: 14px;
}

.casestudy-item a{
    color: black;
}

.casestudy-item h4{
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 22px;
    margin-top: 15px;
    /*text-transform: none; */
    line-height: 1.3;
    height: auto;
}
.casestudy-image-container{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(22deg);
    width: 237px;
    height: 250px;
    border-radius: 50% 50% 50% 50% / 47% 31% 60% 60%;
    margin-top: 16%;
    margin-left: 31%;
}

.casestudy-padding{
    padding: 100px 35px;
    position: relative;
    margin-left: 6%;
    margin-right: 5%;
}

.casestudy-items .link{
    font-weight: 600;
    font-size: 20px;
    color: #e83e31;
    width: 266px;
    padding-left: 0px;
    padding-top: 7px;
    text-align: left;
    margin-top: 0px;
    text-transform: lowercase;
}
.casestudy-item:hover .link{
	color: #e83e31;
}
.casestudy-items .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #e83e31;
    font-size: 12px;
}
.casestudy-items .slick-dots li button:before{
	font-size: 8px;
}
.casestudy-image-link:focus{
	outline: none;
}
.green-blob-right{
	position: absolute;
    right: 0px;
    top: -50%;
    height: 600px;
}
.window-container {
    margin-left: 16%;
    margin-top: 12%;
    width: 335px;
    height: 307px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Text section with colour background */
#text-with-colour.background-offset,
#text-with-background-image.background-offset{
	margin-bottom: 200px;
}
#text-with-colour.background-offset .text-box,
#text-with-background-image.background-offset .text-box{
	margin-bottom: -180px;
	margin-top: 115px;
	padding-top: 60px;
    padding-bottom: 65px;
    position: relative;
    padding-left: 6vw;
    padding-right: 6vw;
}
#text-with-colour .text-box p:not(.link){
	color: black;
}
#text-with-colour .text-box.white-text p:not(.link){
	color: white;
}

.text-box.with-image{
	display:grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap:2rem;
}
.text-box.with-image.image-on-left img{
	order:-1;
}
/*
#text-with-colour .text-box .colour-image-container{
	position: absolute;
    top: 10%;
    right: 13%;
    margin-top: 0px;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* transform: rotate(22deg);
    width: 301px;
    height: 300px;
    border-radius: 50% 50% 50% 50% / 47% 31% 60% 60%;
    margin-top: 0px;
    margin-left: 0px;
}
*/
#image-text-with-intro .container{
	padding-top:5rem;
	padding-bottom:5rem;
}
#image-text-with-intro .intro{
	text-align:center;
	max-width:50ch;
	margin:0 auto 2rem;
}
#image-text-with-intro .content{
	display:grid;
	grid-template-columns: 1fr 1fr;
	align-items:center;
	gap:2rem;
}
#image-text-with-intro{
	background-repeat:no-repeat;
}
#image-text-with-intro.align-image-right {
	background-image:url(img/light-grey-blob-off-top-right.png);
	background-position:top right;
}
#image-text-with-intro.align-image-left {
	background-image:url(img/light-grey-blob-off-bottom-left.png);
	background-position:bottom left;
}
#image-text-with-intro.align-image-right .content img{
	order:1;
}
.single-casestudies .read-more.back-button{
    width: 200px;
    margin-bottom: 100px;
    margin-top: 50px;
}
/* ABOUT PAGE */
/* FAQ Section */
#faq-section .image-half{
	position: relative;
}
.orange-blob-about-us{
	position: absolute;
    z-index: -1;
    left: -10%;
    top: 14px;
    width: 86%;
}
#faq-section .flex-half .image-container{
	margin-bottom: 70px;
}
#faq-section h2{
    max-width: 355px;
    margin-bottom: 40px;
}
#faq-section h4{
	font-size: 20px;
}
.faq-item {
	border-radius: 50px;
    background-color: white;
    -webkit-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.15);
    box-shadow: 1px 7px 44px -6px rgba(0,0,0,0.15);
    position: relative;
    margin-bottom: 38px;
    margin-left: -35px;
}
.faq-item:last-child{
	margin-bottom: 0;
}
.faq-question {
    background-color: white;
    cursor: pointer;
    padding: 22px 38px;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    border-radius: 50px;
}
.faq-answer {
    position: relative;
	background-color: white;
	overflow: hidden;
	border-radius: 50px;
	line-height: 1.4;
	max-height: 0px;
	transition: max-height 0.2s ease-out;
}
.faq-answer .faq-answer-inner {
    padding: 7px 38px 40px;
    text-align: left;
    color: #707070;
}
.faq-question.active + .faq-answer{
	border-bottom: 8px solid #460B2D;
}

.faq-item .fa-plus,
.faq-item .fa-times{
    position: absolute;
    right: 23px;
    color: #0E0004;
    font-size: 20px;
    top: 24px;
}
.faq-item .fa-plus,
.faq-question.active .fa-times{
	display: block;
}
.faq-item .fa-times,
.faq-question.active .fa-plus{
	display: none;
}
/* BLOG */
.text-on-image-blog a{
	color: black;
}
.text-on-image-blog h4{
	font-weight: 600;
	font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
	text-transform: none;
	line-height: 1.3;
	/*text-transform: lowercase; */
	height: initial;
}
#hero-home .text-on-image.text-on-image-blog p{
	font-weight: 400;
}

.text-on-image-blog p.date{
    color: #298787;
    font-size: 14px;
    font-weight: 600!important;
    margin: 0px;
    margin-bottom: 6px;
    padding-top: 6px;
}

.text-on-image-blog .link{
	font-weight: 600!important;
	font-size: 20px;
	color: #e83e31;
	width: 266px;
    padding-left: 0px;
    padding-top: 2px;
    text-align: left;
    margin-top: 0px;
    text-transform: lowercase;
}
.text-on-image-blog:hover .link{
	color: #e83e31;
}
.blog-feed,
.blog-feed-slide{
	outline: none;
}
#all-news{
	padding-bottom: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}
#all-news .orange-blob-right{
    position: absolute;
    left: 0px;
    top: -3%;
    height: auto;
    width: 16%;
	z-index:-1;
}
#all-news .news-items.flex,
.alm-reveal{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	gap:60px;
}
#all-news .news-item,
.alm-reveal .news-item{
	width:calc( (100% / 3) - 40px);
}
#all-news .slick-dots li.slick-active button:before,
#latestnews .slick-dots li.slick-active button:before{
    opacity: 1;
    color: #298787;
    font-size: 12px;
}
#all-news .slick-dots li button:before,
#latestnews .slick-dots li button:before{
	font-size: 8px;
}
#all-news .news-items,
.alm-reveal .news-item{
    padding-top: 10px;
    padding-bottom: 0px;
}
/* CONTACT PAGE */
/* Contact Section */
#contact-section{
    padding-bottom: 200px;
}
#contact-section .flex-half .image-container{
	margin-top: 0px;
	margin-bottom: 0px;
}
#contact-section .flex-half.text-half{
	padding-top: 0px;
	padding-bottom: 0px;
}
#contact-section .flex-half.image-half{
	position: relative;
}
.orange-blob-contact-section {
	position: absolute;
    z-index: -1;
    left: -13%;
    top: initial;
    width: 86%;
    bottom: -18%;
}
.contact-information a{
	color: black;
}
.contact-information svg{
	margin-right: 15px;
	color: #298787;
}
.contact-information svg.fa-map{
	color: #298787;
}
.contact-information svg.fa-phone-alt{
	color: #e83e31;
}
.contact-information svg.fa-envelope{
	color: #ffa630;
}
.social-icon-box .social-icons{
	padding-top: 31px;
    margin-left: 17px;
    padding-bottom: 17px;
}
.social-icon-box .social-icons a{
	position: relative;
	margin-right: 30px;
}
.social-icon-box .social-icons svg{
	margin-right: 30px;
    position: relative;
    z-index: 2;
    color: white;
    font-size: 24px;
}
.social-icon-box .social-icons svg.fa-facebook-f{
	margin-left: 3px;
}
.social-icon-box .social-icons svg.fa-twitter{
	margin-left: 6px;
}
.social-icon-box .social-icons .social-blobs{
    position: absolute;
    left: -28%;
    top: -109%;
    z-index: 0;
}
/* Contact Form */

.contact-form {
    list-style-type: none;
    box-sizing: border-box;
}

ul.contact-form {
    padding-left: 0px;
    width: 100%;
    margin: 0px auto;
    margin-top: 15px;
}

.contact-form li {
    display: inline-block;
    width:     100%;
    box-sizing: border-box;
}

.contact-form p{
	text-align: left;
	font-weight: 700;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 3px;
}
.contact-form p.form-label {
    display: none;
}

.contact-form li.half-field {
    width: 50%;
    float: left;
}
.contact-form li.half-field:nth-child(even){
	padding-left: 17px;
	padding-right: 0px;
}
.contact-form li.half-field:nth-child(odd){
	padding-right: 17px;
	padding-left: 0px;
}

.contact-form li input,
.contact-form li select,
.contact-form li textarea {
    width: 100%;
    padding: 3px;
    padding-bottom: 0px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 2px solid #298787;
    background-color: transparent;
    font-family: "Metropolis", Verdana, Tahoma;
    color: #767676;
    height: 37px;
    -webkit-appearance: none;
    font-size: 16px;
    line-height: 1.4;
}
.contact-form li input:focus,
.contact-form li select:focus,
.contact-form li textarea:focus{
	outline: none;
    background-color: #f9f9f9;
}
.contact-form li select option{
	color: black;
}
.contact-form li textarea{
    overflow: hidden;
    vertical-align: top;
    resize: vertical;
    height: 65px;
    padding-top: 0px;
}
.contact-form li.submit-btn {
    width: initial;
    position: relative;
}
.contact-form li.submit-btn .fa-arrow-right{
	position: absolute;
    top: 22px;
    left: 80px;
	color: #e83e31;
    font-weight: 600;
    font-size: 18px;
}
.contact-form li.submit-btn a{
 	z-index: 99999;
}

.contact-form li input[type="submit"] {
    border: none;
    text-transform: lowercase;
    color: #e83e31;
    font-weight: 600;
    font-size: 18px;
    width: 115px;
    text-align: left;
    margin-bottom: 0px;
}

.contact-form li input[type="submit"]:hover,
.contact-form li.submit-btn:hover .fa-arrow-right,
.contact-form li.submit-btn:hover input{
	color: #298787;
	cursor: pointer;
}

.contact-form li  p.form-label {
    color:#e9e9e9;
}
.contact-section span.wpcf7-list-item {
    margin-top: 0px;
    font-size: 14px;
}
.contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #767676;
}
.contact-form ::-moz-placeholder { /* Firefox 19+ */
  color: #767676;
  position: relative;
}
.contact-form :-ms-input-placeholder { /* IE 10+ */
  color: #767676;
}
.contact-form :-moz-placeholder { /* Firefox 18- */
  color: #767676;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 25px;
    color: #767676;
    position: relative;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffa630;
}
.wpcf7 form .wpcf7-response-output {
    border: 2px solid #298787;
}
ul.contact-form li input.wpcf7-not-valid {
    border-bottom: 2px solid #e83e31;
}
span.wpcf7-not-valid-tip {
    display: none!important;
}

/* Responsive Contact Form
===================================== */
@media all and (max-width: 676px) {
    .contact-form li.half-field {
        width: 100%;
    }
    .contact-form li.half-field:nth-child(odd),
    .contact-form li.half-field:nth-child(even){
    	padding-left: 0px;
    	padding-right: 0px;
    }
}
#contact-form{
	margin-bottom: 370px;
}
#contact-form.black-background{
	background-color: black;
}
#contact-form .text-box {
    margin-bottom: -60%;
    margin-top: 115px;
    padding-top: 60px;
    padding-bottom: 65px;
    position: relative;
    border-bottom: 8px solid #e83e31;
}
#contact-form .text-box .colour-img-container{
	position: absolute;
    top: 0%;
    right: 11%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#contact-form .text-box .colour-img-container.window-container {
    margin-left: 16%;
    margin-top: 10%;
    width: 400px;
    height: 373px;
}
/* Single */
/* SINGLE POST HEADER */
#single-post-header {
	background-size: contain;
    background-repeat: no-repeat;
	margin-bottom:60px;
}
#single-post-header .container{
	display:grid;
	grid-template-columns: 60%  40%;
	align-items: center;
	/* gap:40px; */
	max-width:1200px;
}
#single-post-header h1 {
	margin-bottom:2.5rem;
}
#single-post-header .author-meta{
	display:grid;
	grid-template-columns: 100px auto;
	align-items: center;
	gap:1.5rem;
}
#single-post-header .author-meta img{
	border-radius:50%;
}
#single-post-header .author-meta p {
	padding:0;
}
#single-post-header .author-name{
	font-size:20px;
	font-weight:600;
	color:#000000;
	margin-bottom:0;
}
#single-post-header .date{
	color: #460B2D;
	margin-bottom:0.5rem;
}
#single-post-header .post-cats{
	color: #999;
}
#single-post-header .scroll-down-container {
	text-align:center;
	padding:0;
}
#single-post-header .arrow-down {
	position:relative;
	margin:0 auto;
	bottom:unset;
	left:unset;
}
/* SINGLE POST CONTENT */
#single-post-content .container{
	max-width:85ch;
}
#single-post-content p:not(.read-more),
#single-post-content li{
	color:#000000;
}
#single-post-content h2 {
	color:#0496FF;
}
#single-post-content h3 {
	color:#4BB3FD;
}
#single-post-content{
	padding-bottom: 60px;
}
#single-post-content .read-more {
    width: 195px;
    font-size: 18px;
    padding: 14px 25px;
    margin-top: 80px;
}
#single-post-content p.date,
body.single p.date{
    color: #298787;
    font-size: 18px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 6px;
    padding-top: 18px;
}
.vertical-padding{
	padding-top: 50px;
	padding-bottom: 50px;
}
/* Footer*/
footer{
	background-color: #0496FF;
	color: white;
	padding-top: 50px;
}
footer .container{
	width: 830px;
}
@media (max-width: 830px) {
	footer .container {
		width: 90%;
	}
}
footer p{
	color: white;
}
footer p strong{
	font-size: 20px;
}
footer .footer-logo{
	margin: 0px auto;
	display: block;
	padding-bottom: 25px;
	width: 158px;
}
footer .info{
	text-align: center;
	font-size: 20px;
}
.contact-information .tel,
.contact-information .mail{
	color: #707070;
}
footer .info.tel,
footer .info.mail{
	display: inline;
}
footer .info a{
	color: white;
}

footer a {
	color: white;
}
footer .footer-menues{
	justify-content: space-around;
	-webkit-justify-content: space-around;
	text-transform: lowercase;
	padding-top: 50px;
	padding-bottom: 70px;
	margin-top: 50px;
	border-top: 1px solid white
}
footer .footer-menues h3{
	font-weight: 600;
}
footer .footer-menues ul{
	padding-left: 0px;
}
footer .footer-menues ul li{
	list-style-type: none;
	color: white;
}
footer .footer-menues ul li a{
	color: white;
	font-size: 18px;
}
footer #copyright{
	background-color: black;
	padding-bottom: 2px;
    font-size: 18px;
    text-transform: lowercase;
}
footer #copyright .container.flex{
	width:100%;
	max-width: 1400px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	box-sizing: border-box;
	gap:30px;
}
/* @media (max-width: 1200px) {
	footer #copyright .container.flex {
		width: 100%;
	}
} */
footer #footer-menu-privacy{
	padding-left: 0px;
	padding-top: 20px;
	margin-top: 0px;
}
footer #footer-menu-privacy li{
	list-style-type: none;
	display: inline;
	padding-right: 10px;
}
footer #footer-menu-privacy a{
	color: white;
}
footer .social-icons{
	padding-top: 20px;
	flex-shrink:0;
}
footer .social-icons a{
	color: white;
	margin-right: 7px;
}
footer .social-icons a:hover{
	color: #e83e31;
}
/* Media Queries */
@media (max-width: 1480px){
	#single-post-header .container{
		max-width:1100px;
	}
	/* .arrow-down{
		left: calc((100vw - 1200px) / 2);
	} */
	/* zt centered arrow for version 2 style of flexbible content layouts*/
	/* .arrow-down.centred {
		left:50%;
	} */
	/* zt end */
	#hero-home .orange-blob-hero {
	    left: initial;
	}
	#image-video-text .vit-left .vit-media,
	#image-video-text .vit-right .vit-media{
		width:60%;
	}
	#image-video-text .vit-left .vit-text,
	#image-video-text .vit-right .vit-text{
		width:40%;
	}
}
@media (max-width: 1400px){

	header nav ul li a{
		font-size: 18px;
	}
	header nav ul {
    	margin-right: 4vw;
	}
	header .sticky .column.right{
		right: 4vw;
	}
	header .right.column {
	    top: 57px;
	}
	header .logo{
	    width: 260px;
	}
	header .column.right{
		/* width: 69%; zt */
		right: 0px;
	}
	.sticky {
		height: 120px;
	}
	/* zt First section has additional padding to cater for nav */
	main section:first-of-type{
		padding-top:124px;
	}
	main section:first-of-type:is(#booking-form){
		padding-top:0;
		margin-top:calc(14vh + 24px);
	}
	/* zt end */
	#hero-home {
    	/* height: 615px; */
    	min-height: initial;
    	/* padding-top: 100px; */ /* zt padding added globally to first section element */
	}
	#hero-home .flex-half.text-half{
		width: 60%;
		padding-top: 120px;
	}
	#hero-home .flex-half.image-half{
		width: 40%;
	}
	#hero-home .orange-blob-hero {
	    width: 428px;
	    right: -30px;
	}
	/* .arrow-down{
    	bottom: 90px;
	} */
	/* zt centered arrow for version 2 style of flexbible content layouts*/
	/* .arrow-down.centred {
		bottom:45px;
	} */
	/* zt end*/
	#small-centered-text .orange-blob-right {
	    top: -10%;
	    height: 111%;
	}
	.flex-half .image-container {
    	width: 400px;
    	height: 400px;
    }
    #body-home .flex-half .image-container {
    	width: 500px;
    }
	#dark-banner .flex-half .image-container {
	    margin-left: 2vw;
	    margin-right: 2vw;
	    max-width: 90%;
	} /* 90% new */
    .flex-half.text-half{
    	padding-left: 0px;
    }
    .news-items{
    	-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
    }
	#all-news .news-items.flex,
	.alm-reveal{
		gap:40px;
	}
    #all-news .news-item,
	.alm-reveal .news-item {
	    width: calc( (100% / 3) - (80px  / 3));
	}
	/* #latestnews .news-item:nth-child(4){
		display: none;
	}
	#all-news .news-item:nth-child(5n){
		margin-left: 0.8%;
	}
	#all-news .news-item:nth-child(4){
		margin-right: 0.8%;
	}
	#all-news .news-item:nth-child(4),
	#all-news .news-item:nth-child(7){
		margin-left: 1.6%;
	}
	#all-news .news-item:nth-child(3n){
		margin-right: 1.6%;
	} */
	.icon-box {
    	margin-right: 30px;
    	padding: 50px 40px 45px;
	}
	#icon-box-section {
    	padding-bottom: 40px;
	}
	.icon-box img {
    	height: 100px;
	}
	.icon-box h3 {
    	margin-top: 40px;
    	margin-bottom: 5px;
	}
	.casestudy-image-container {
	    margin-left: 40px;
	    margin-right: 20px;
	}
	.casestudy-item h4{
		margin-top: 0px;
	}
	.casestudy-padding {
    	padding: 80px 35px;
	}
	#text-with-image .flex-half {
	    width: 50%;
	    margin-right: 60px;
	}
	#faq-section .flex-half .image-container {
    	margin-left: 4vw;
	}
	.orange-blob-about-us {
	    width: 400px;
	    left: 4vw;
	    margin-left: -54px;
	}
	.orange-blob-contact-section {
	    left: -11%;
	    width: 69%;
	    bottom: -10px;
	}
	.window-container {
	    margin-left: 15%;
	    margin-top: 11%;
	    width: 282px;
    	height: 267px;
	}
}
@media (max-width: 1350px){
	#hero-home .container{
		width: 83%;
	}
	/* .arrow-down{
		left: calc(8.5px + 8%);
	} */
	/* zt centered arrow for version 2 style of flexbible content layouts*/
	/* .arrow-down.centred{
		left:50%;
	} */
	#contact-form .text-box .colour-img-container {
	    right: 6%;
	}
}
@media (max-width: 1200px){
	#single-post-header .container{
		max-width:1000px;
	}
	#blogs-header .latest-post{
		padding-left:0;
		padding-right:0;
	}
	header .right.column {
    	/* top: 55px; */
		top:35px; /* mega menu toggle */
	}
	header .logo {
    	width: 240px;
	}
	header nav ul li a {
	    font-size: 16px;
	}
	.sticky {
		height: 109px;
	}
	nav ul li{
    	padding: 0px 6px 0px 6px;
	}
	#hero-home .container {
    	width: 90%;
	}
	/* .arrow-down {
	    left: calc(8.5px + 5%);
	} */
	/* zt centered arrow for version 2 style of flexbible content layouts*/
	/* .arrow-down.centred {
		left:50%;
	} */
	/* zt end*/
	#dark-banner .text-left .text-on-image {
    	left: -16%;
	}
	.window-container {
    	margin-left: 15%;
    	margin-top: 26%;
    	width: 263px;
    	height: 249px;
	}
	.casestudy-item .article-right{
    	min-width: 340px;
	}
}
@media (max-width: 1100px){
	/* .arrow-down {
    	bottom: 52px;
	} */
	/* zt centered arrow for version 2 style of flexbible content layouts*/
	/* .arrow-down.centred {
		left:50%;
	} */
	/* zt end*/
	.casestudy-image-container {
    	width: 90%;
	}
	#text-with-image{
		padding-top: 40px;
	}
	#text-with-image .flex.flex-halves{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#text-with-image .flex-half{
		width: 100%;
		text-align: center;
	}
	#text-with-image .flex-half .text-box{
		text-align: left;
	}
	#text-with-image .flex-half .image-container {
	    height: 333px;
	    margin-bottom: 10px;
	}
	#text-with-image .link-box .link{
	    margin-top: 20px;
	}
	#latestnews {
    	padding-top: 40px;
    	padding-bottom: 70px;
	}
	#faq-section{
		padding-top: 30px;
	}
	#faq-section .flex{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#faq-section .flex-half,
	#faq-section .flex-half.text-half,
	#faq-section .flex-half.image-half{
		width: 100%;
		text-align: center;
	}
	#faq-section .flex-half.text-half{
	    padding-top: 65px;
    	padding-bottom: 30px;
    }
	#faq-section h2{
		max-width: initial;
	}
	#faq-section .flex-half .image-container{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-top: 20px;
    	height: 340px;
	}
	.orange-blob-about-us {
	    width: auto;
	    left: 4vw;
	    margin-left: -75px;
	    height: 333px;
	    top: -10px;
	}
	#text-with-image .flex-half .image-container{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	body.page-id-21 #text-with-image .flex-half.text-half {
    	padding-top: 40px;
    	padding-bottom: 50px;
	}
	#contact-section .flex-half.image-half{
		display: none;
	}
	#contact-section .flex-half.text-half{
		width: 100%;
		text-align: center;
	}
	#contact-section {
    	padding-bottom: 30px;
	}
	#contact-section  .text-box {
	    width: 480px;
	    max-width: 100%;
	    margin: 30px auto;
	}
	.social-icon-box .social-icons {
	   	display: table;
	    margin: 17px auto;
	}
	.social-icon-box .social-icons a {
    	position: relative;
    	margin-right: 0px;
    	margin-left: 30px;
	}
	.faq-item{
		margin-left: 0px;
	}
	#contact-form .text-box .colour-img-container {
    	right: 3%;
    	top: 6%;
	}
	body.page-id-19 #hero-home .text-on-image {
	    width: 100%;
	    bottom: -112px;
	    box-sizing: border-box;
	    left: 0px;
	}
	#image-video-text .vit-left,
	#image-video-text .vit-right{
		flex-direction:column;
	}
	#image-video-text .vit-left .vit-media,
	#image-video-text .vit-right .vit-media,
	#image-video-text .vit-left .vit-text,
	#image-video-text .vit-right .vit-text{
		width:100%;
		text-align:center;
	}
	#image-video-text .vit-left .vit-text{
		padding-left:0;
	}
	#image-video-text .vit-left .vit-media{
		margin-bottom:40px;
	}
	#image-video-text .vit-right .vit-text{
		padding-right:0;
		margin-bottom:40px;
	}
}
@media (max-width: 1050px){
	.flex-half .image-container {
	    height: 350px;
	}
	.icon-box {
    	padding: 34px 23px 22px;
	}
	.icon-box h3 {
    	margin-top: 30px;
    	margin-bottom: 0px;
	}
	.icon-box img {
    	height: 100px;
	}
	#text-with-colour .text-box .colour-image-container {
	    top: 80px;
	    right: 71px;
	}
	#contact-form .text-box .colour-image-container {
	    top: 80px;
	    right: 71px;
	}
	#contact-form .text-box .colour-img-container.window-container{
		display: none;
	}
	#contact-form .text-box-inner.image-on-right {
    	width: 100%;
	}
}
@media (max-width: 1000px){
	.sticky {
    	position: static;
	}
	header .column.right{
		width: 50px;
		right: 4vw;
		z-index:9999; /* mega menu overlay */
	}

	.news-item {
	    width: calc(50% - 20px);
	}
	/* #latestnews .news-item:nth-child(3){
		display: none;
	} */
	/* #all-news .news-item:first-child,
	#all-news .news-item:nth-child(3),
	#all-news .news-item:nth-child(6),
	#all-news .news-item:nth-child(5n),
	#all-news .news-item:nth-child(2n),
	#all-news .news-item:nth-child(7),
	#all-news .news-item{
		margin-left: 2%;
		margin-right: 2%;
	} */
	/*#all-news .news-item:first-child,
	#all-news .news-item:nth-child(3),
	#all-news .news-item:nth-child(6){
		margin-left: 1.6%;
	}
	#all-news .news-item:nth-child(2n){
		margin-right: 1.6%;
	} */
	#hero-home .flex-half.text-half {
    	width: 60%;
    	padding-top: 100px;
	}
	#hero-home .orange-blob-hero{
		top: 24px;
	}
	.flex-half .image-container {
    	height: 333px;
    	margin-top: 90px;
	}
	#small-centered-text .centered-text {
    	width: 470px;
    	max-width: 100%;
	}
	#dark-banner {
    	margin-top: 40px;
	}
	.flex-half .image-container {
    	width: 310px;
	}
	.casestudy-item{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.casestudy-image-link {
    	width: 100%;
	}
	.casestudy-image-container {
    	width: 235px;
    	margin: 28px auto;
    	transform: none;
	}
	.casestudy-item .article-right {
    	width: 100%;
    	min-height: initial;
	}

	.casestudy-padding {
    	padding: 3px 35px 40px;
    	text-align: center;
	}
	.casestudy-items .link{
		text-align: center;
		width: initial;
	}
	.casestudy-item {
    	max-width: 85vw;
	}
	#faq-section .flex-half.text-half {
    	padding-bottom: 55px;
	}
	.window-container {
	    width: 263px;
	    height: 253px;
	    margin: 20px auto 10px;
	}
}
@media (max-width: 950px){
	.icon-boxes{
		-webkit-flex-direction: column;
    	flex-direction: column;
	}
	.icon-box{
		margin-bottom: 28px;
		margin-right: 0px;
	}
	#icon-box-section {
		padding-top: 50px;
    	padding-bottom: 22px;
	}
	#dark-banner {
    	margin-top: 22px;@media
    	margin-bottom: 50px;
	}
	#dark-banner .flex.flex-halves{
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	#dark-banner .flex.flex-halves.text-left {
	    -webkit-flex-direction: column;
	    flex-direction: column;
	    margin-bottom: 60px;
	}
	#dark-banner .flex-half,
	.flex-half .image-container{
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.flex.text-left .flex-half.text-half {
    	padding-left: 0px;
    	padding-right: 0px;
	}
	#dark-banner .flex-half .image-container{
		background-image: none!important;
	}
	#dark-banner .bw-filter {
    	background-color: transparent;
	}
	#dark-banner .flex-half .image-container{
		max-width: 100%;
	}
	#dark-banner .text-on-image{
		position: static;
	   /* width: 80%; */
	    width: 100%;
	    margin: auto;
        box-sizing: border-box;
	    background-color: #f3f3f3;
	}
	#dark-banner .flex-half .image-container {
    	height: initial;
    	margin-top: 15px;
	}
	.casestudy-image-container {
    	width: 160px;
    	height: 150px;
    	margin: 25px auto;
	}
	#dark-banner .flex-half .image-container {
    	margin-left: 0px;
    	margin-right: 0px;
	}
}
@media (max-width: 900px){
	h1 {
    	font-size: 43px;
    	margin-bottom: 10px;
	}
	h2 {
	    font-size: 38px;
	    margin-bottom: 2px;
	}
	#hero-home .text-on-image {
    	padding: 25px 29px;
	}
	.green-blob-right {
	    top: -28%;
	    height: 500px;
	}
	#small-centered-text.extra-padding {
    	padding-bottom: 45px;
	}
	#text-with-colour .text-box .colour-image-container{
		display: none;
	}
	#contact-form .text-box .colour-image-container{
		display: none;
	}
	.text-box-inner.image-on-right {
    	width: 100%;
    	text-align: center;
	}
	#text-with-colour .text-box {
    	margin-top: 79px;
	}
	#contact-form .text-box {
    	margin-top: 79px;
	}
	#text-with-colour .text-box {
	    text-align: center;
	}
}
@media (max-width: 880px) {
	.link-box .link{
		padding: 15px 3px;
	}
	footer #copyright .container.flex{
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
		padding-bottom: 10px;
		gap:0;
		text-align:center;
	}
	.copyright-text{
		padding-top: 0px;
		text-align: center;
	}
	#hero-home .flex-half.text-half {
    	padding-top: 40px;
	}
	#hero-home .flex-half .image-container {
    	height: 265px;
    	margin-top: 23px;
	}
	.flex-half .image-container {
    	height: 333px;
    	margin-top: 23px;
	}
	#hero-home .orange-blob-hero {
    	top: -25px;
	}
	header .right.column {
	    /* top: 40px; */
		top:30px; /* mega menu toggle */
	}
	#hero-home {
    	/* height: 440px; zt was 360 and cut off buttons */
	}
	.arrow-down{
		display: none;
	}
	header .logo {
    	width: 238px;
    	top: -4px;
    	left: 4vw;
	}
	#small-centered-text .orange-blob-right {
    	top: 7%;
    	height: 100%;
	}
	.green-blob-right {
    	top: -23%;
    	height: 400px;
	}
	body.page-id-13 #text-with-image {
    	padding-bottom: 27px;
	}
	#text-with-image .flex-half.text-half {
    	padding-bottom: 35px;
	}
	/*body.page-id-19 #hero-home .text-on-image {
    	width: 58%;
	} */
	body.page-id-19  #hero-home {
	    /* height: 445px; */
	}
}
@media (max-width: 765px) {
	#image-text-with-intro .container{
		padding-top:3rem;
		padding-bottom:3rem;
	}
	#image-text-with-intro .content{
		grid-template-columns: 1fr;
	}
	#image-text-with-intro.align-image-right .content img{
		order:unset;
	}
	#image-text-with-intro .copy{
		text-align:center;
	}
	.text-box.with-image{
		grid-template-columns: 1fr;
	}
	.text-box.with-image.image-on-right img{
		order:-1;
	}
	/* zt single post header */
	#single-post-header {
		margin-bottom:60px;
	}
	#single-post-header .container{
		grid-template-columns: 1fr;
	}
	#single-post-header .single-post-header-image{
		display:none;
	}
	/* zt end */
	/* zt heading underline */
	.heading-underline::after{
		/* margin-left:auto;
		margin-right:auto; */
	}
	/* Booking form */
	#booking-form .container{
		grid-template-columns: 1fr;
		gap:60px;
		padding:60px 40px 65px;
		/* align-items: center;
		gap:80px;
		padding:80px 40px 85px; */
	}
	/* zt end */
	#blogs-header .container{
		grid-template-columns: 1fr;
	}
	#blogs-header .latest-post{
		text-align:center;
	}
	#hero-home,
	body.page-id-19  #hero-home {
    	height: auto;
	}
	body.page-id-19 #hero-home .flex-half.image-half{
		padding-bottom: 123px;
	}
	#hero-home .flex{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#hero-home .flex-half,
	#hero-home .flex-half.text-half,
	#hero-home .flex-half.image-half{
		width: 100%;
		text-align: center;
	}
	.hero-text {
    	max-width: initial;
	}
	#dark-banner .flex-half .image-container {
    	margin-left: 0px;
    	margin-right: 0px;
	}
	#hero-home .flex-half.image-half{
		margin-top: 25px;
	}
	#hero-home .flex-half .image-container {
	    height: 300px;
	    /* width: 300px; zt */
		width:100%;
	    margin: 0px auto;
	    margin-bottom: 30px;
	}
	#hero-home .orange-blob-hero {
    	top: -42px;
    	width: 308px;
    	right: 76px;
	}
	#hero-home .text-on-image{
		left: -57px;
	}
	.green-blob-right{
		display: none;
	}
	#contact-section .text-box{
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media (max-width: 750px) {
	#hero-home .container{
		grid-template-columns: 1fr;
	}
	#hero-home img{
		display:none;
	}
	#small-centered-text .orange-blob-right {
    	bottom: -35px;
    	height: 202px;
    	top: auto;
	}
	.blog-feed {
	    margin-bottom: 30px;
	    /* margin-top: 40px; */
	}
	.news-items {
	    padding-bottom: 60px;
	}
	#latestnews .news-items.flex{
		flex-direction: column;
		align-items: center;
	}
	.news-item {
	    width: 100%;
	    max-width: 340px;
	    /* margin: 16px auto; */
	    display: none;
	}
	/* .news-item:first-child, .news-item:nth-child(5n) {
	    margin-left: auto;
	} */
	.news-item:nth-child(-n+8){
		display: block
	}
	.blog-feed-slide:nth-child(n+2){
		display: none;
	}
	#all-news .news-items.flex,
	.alm-reveal{
		-webkit-justify-content: center;
		justify-content: center;
		gap:20px;
	}
	#all-news .news-item,
	.alm-reveal .news-item {
		width:calc(50% - 20px);
	}
}
@media (max-width: 700px) {
	#quote .centered-text{
		width:100%;
	}
	.quote-container .quote-quote{
		font-size:18px;
	}
	.quote-container{
		position:relative;
		min-height:auto;
		border-radius:23px;
		padding:40px 30px;
	}
	.quote-container p {
		color:white;
		padding:0 0 20px;
	}
	.quote-container.blob-red{
		background-image:none;
		background-color:#e83e31;
	}
	.quote-container.blob-yellow{
		background-image:none;
		background-color:#FFA630;
	}
	.quote-container.blob-turquoise{
		background-image:none;
		background-color:#318B8B;
	}
	footer .footer-logo {
	    max-width: 130px;
	}
	footer .footer-menues{
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
		padding-top: 25px;
	    padding-bottom: 40px;
	    margin-top: 40px;
	}
	footer .main-footer-menu{
		margin-top: 0px;
	}
	footer .footer-menues h3{
		padding-top: 15px;
	}
}
@media (max-width: 600px){
	.slide-in-menu ul ul {
    	font-size: 14px;
	}
	.slide-in-menu{
		font-size: 20px;
	}
	.container {
	    margin: 0px auto;
	    padding: 0px 4vw;
	}
 	#hero-home .orange-blob-hero {
	    right: 28px;
	}
	#small-centered-text .orange-blob-right{
		display: none;
	}
	#small-centered-text {
    	text-align: center;
    	padding-top: 35px;
    	padding-bottom: 35px;
	}
	#text-with-colour .text-box {
	    /* margin-bottom: -155px; */
	    margin-top: 60px;
	    padding-top: 35px;
	    padding-bottom: 40px;
	    padding: 35px 16px 40px;
	}
	#text-with-background-image.background-offset .text-box,
	#text-with-color.background-offset .text-box{
		margin-bottom: -155px;
	}
	#all-news .orange-blob-right{
		display: none;
	}
	#faq-section h4 {
    	font-size: 18px;
	}
	.news-padding,
	.news-items .link-with-arrow {
	    text-align: center;
	}
	.news-padding{
	    padding: 13px;
	}
	.news-item h4,
	.news-text{
		height: initial;
	}
	#text-with-colour .link-box .link {
    	width: 130px;
    	    margin-right: 5px;
	}
}
@media (max-width: 500px){
	h1 {
    	font-size: 39px;
    	margin-bottom: 3px;
    	line-height: 1.1;
	}
	h2 {
    	font-size: 32px;
	}
	header .logo {
    	width: 200px;
	}
	#hero-home {
    	padding-top: 110px; /** was 75/
	}
	.link-box {
    	padding-top: 6px;
	}
	.link-box .link{
		margin-top: 15px;
	}
	#hero-home .link-box {
	    padding-top: 6px;
	}
	#hero-home .orange-blob-hero {
    	right: 3px;
	}
	.news-items {
    	padding-top: 32px;
	}
	#latestnews {
    	padding-top: 20px;
    	padding-bottom: 0px;
	}
	#latestnews h2{
		position: static;
		text-align: center;
	}
	#latestnews .link{
		position: static;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 23px;
	}
	#icon-box-section {
    	padding-top: 35px;
	}
	.casestudy-padding {
    	padding: 3px 20px 40px;
	}

	.casestudy-item .article-right {
    	min-width: initial;
	}

	.text-box-item{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#text-with-image .item-left {
    	width: 100%;
    	text-align: center;
	}
	#text-with-image .text-box-item.first .item-left img{
		margin-top: 0px;
	}
	#text-with-image .text-box{
		margin-top: 35px;
		padding: 25px 20px 45px;
		margin-bottom: 15px;
	}
	.item-right {
    	width: 100%;
    	padding-left: 0px;
    	text-align: center;
	}
	#contact-form .text-box {
    	padding-left: 20px;
    	padding-right: 20px;
	}
}
@media (max-width: 450px){
	#hero-home {
    	padding-top: 100px; /* was 60*/
	}
	#hero-home .text-on-image {
	    left: 14px;
	    right: 14px;
	    bottom: 14px;
	}
	#faq-section .flex-half .image-container {
	    height: 280px;
	}
	.orange-blob-about-us {
	    left: 4vw;
	    margin-left: -39px;
	    height: 200px;
	    top: -1px;
	}
	#all-news .news-items.flex,
	.alm-reveal{
		gap:20px;
	}
	#all-news .news-item,
	.alm-reveal .news-item {
		width:100%;
	}
}
@media (max-width: 400px) {
	#hero-home .orange-blob-hero {
    	right: -10px;
	}
	footer #footer-menu-privacy li{
		display: block;
		text-align: center;
	}
	footer .info a {
	    color: white;
	    display: block;
	    margin-top: 4px;
	}
	.info.location{
		padding-top: 7px;
	}
	#text-with-image .flex-half.text-half {
    	padding-top: 26px;
    	padding-bottom: 72px;
	}
	#dark-banner .flex-half .image-container {
    	height: initial;
    	margin-top: 5px;
    	margin-bottom: 0px;
	}
	#dark-banner {
    	margin-bottom: 15px;
	}
	body.home #dark-banner {
    	padding-bottom: 40px;
	}
	.text-on-image{
		padding-left: 25px;
		padding-right: 25px;
	}
	#small-centered-text.extra-padding {
    	padding-top: 75px;
	}
	.social-icon-box .social-icons svg{
		font-size: 18px;
	}
	.social-icon-box .social-icons .social-blobs {
    	left: -37%;
    	top: -73%;
	}
	.social-icon-box .social-icons a {
    	margin-left: 17px;
	}
	.social-icon-box .social-icons .social-blobs {
	    left: -31%;
	    top: -71%;
	    width: 88%;
	    height: auto;
	}
	#contact-section .text-box{
		padding: 25px 5px 20px;
	}
	.social-icon-box .social-icons {
    	padding-top: 16px;
	}
}
@media (max-width: 350px){
	#small-centered-text.extra-padding {
    	padding-top: 50px;
	}

	.flex-half.text-half {
	    padding-bottom: 25px;
	}
}

/* 404 page */

body.error404 main .container {
    padding-top: 200px;
    padding-bottom: 100px;
}

body.error404 main .container a {
    color: #e83e31;
}