/* Extended CSS Styles */

/* Text */

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "sofia-pro", sans-serif;
	color: #1D1D1B;
}

body, p {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 1px;
}

h1 {
	font-weight: 900;
	font-size: 60px;
	line-height: 70px;
}

h2 {
	font-weight: 900;
  font-size: 42px;
  line-height: 48px;
	margin: 0;
}

h3 {
	font-weight: 900;
	font-size: 30px;
	line-height: 36px;
}

h4 {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	margin: 0;
}

h5 {
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	margin: 0;
}

h6 {
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
	margin: 0;
}

.accent {
	color: #F8AB2A;
}

a:hover {
	color: #03AEED;
	transition: background-color .25s ease-out,color .25s ease-out;
}

a:focus,
button:focus,
.slick-slide:focus {
	outline: none;
	cursor: pointer;
}

.back-button {
	color: #1D1D1B;
	font-weight: 700;
}

.back-button:hover {
	color: #F8AB2A;
}

table {
	table-layout: fixed;
}

.show-now {
	display: none;
}

/* Animation */

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Layout */

body {
	background: none;
	overflow-x: hidden;
}

.grid-container {
	max-width: 85rem;
}

.grid-container.full {
	padding: 0 15px;
}

header .grid-container.full {
	padding: 0;
}

.height-100 {
	float: left;
	height: 100%;
}

.section-container {
	float: left;
	width: 100%;
	padding-top: 105px;
}

.section {
	float: left;
	width: 100vw;
	padding: 100px 0;
	position: relative;
}

.section.reduced {
	padding: 40px 0;
}

.section-title {
	padding-left: 20px;
	margin-bottom: 40px;
}

.section-title.reduced {
	margin-bottom: 20px;
}

.intro {
	margin-bottom: 40px;
}

.intro .section-title.reduced {
	padding-left: 0;
}

#contact-form {
	padding-top: 0;
}

.contact-form {
	padding-right: 80px!important;
}

.contact-form .button {
	float: right;
}

@media screen and (min-width: 1024px) {

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

.centralise-content.flex-start {
	justify-content: flex-start;
}

.centralise-content.flex-end {
	justify-content: flex-end;
}

}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.remove-padding {
	padding: 0!important;
}

.banner-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.banner-overlay.light {
	background: rgba(0, 0, 0, 0.50);
}

.banner-overlay.dark {
	background: rgba(0, 0, 0, 0.50);
}

.section-id {
	float: left;
	width: 100%;
}

/* Breadcrumbs */

#breadcrumbs, 
#breadcrumbs a,
#breadcrumbs span {
	color: #001489;
    font-weight: 400;
    margin-bottom: 10px;
}

/* Forms */

form input,
form textarea {
	box-shadow: none!important;
}

form input[type=text],
form input[type=tel],
form input[type=email],
form input[type=number],
form textarea {
	background: none;
}

/* Buttons & Links */

.button,
.wpcf7-submit {
		background-color: #FFC52F;
    color: #1d1d1b!important;
    text-align: center;
    padding: 15px 35px!important;
    font-size: 18px!important;
    letter-spacing: 1.2px;
    font-weight: 900;
    border-radius: 2px;
    text-transform: uppercase
}

.wpcf7-submit {
	border: none!important;
}

.button.primary {
	background-color: #FFC52F;
}

.button.secondary {
	background-color: #B9EDDD;
}

.button:hover,
.button.primary:hover,
.button:focus,
.button.primary:focus {
	background-color: #1D1D1B;
	color: #FFFFFF!important;
}

.button.secondary:hover {
	background-color: #FFC52F;
}

.button.full {
	width: 100%;
}

.button.text-center {
	display: table;
  margin: auto;
}

/* Header */

header {
	position: fixed;
  width: 100%;
  z-index: 100;
  transition: transform 0.4s;
  background-color: #FFC52F;
  padding: 0 40px;
}

header .navigation .logo-bg {
	background-color: #FFFFFF;
	padding: 35px 0;
}

header .navigation .logo {
	float: left;
	max-width: 117px;
}

header .navigation #menu-main-navigation {
	float: right;
	padding: 40px 0;
}

header .navigation #menu-main-navigation li {
	position: relative;
}

header .navigation #menu-main-navigation li > a {
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	color: #1D1D1B;
	padding: 0.7em 8px;
}

/*header .navigation #menu-main-navigation li:nth-child(3) > a:after,
header .navigation #menu-main-navigation li:nth-child(4) > a:after {
	content: '';
	float: right;
	width: 25px;
  height: 25px;
  background: url("/wp-content/uploads/2023/02/menu-icon.png");
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -5px;
  margin-left: 10px;
}*/

header .navigation #menu-main-navigation li > ul.sub-menu {
	display: none;
}

header .navigation #menu-main-navigation li:hover > ul.sub-menu {
	display: block;
    position: absolute;
    background: #ffc52e;
    list-style: none;
    width: 300px;
    left: -60px;
    padding: 20px 10px 10px 10px;
}

header .navigation #menu-main-navigation li:hover > ul.sub-menu li > a {
	padding-right: 20px;
}

header .navigation #menu-main-navigation li:hover > ul.sub-menu li > a:after {
	content: '';
	float: right;
	width: 25px;
  height: 25px;
  background: url("/wp-content/uploads/2023/02/menu-icon.png");
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 10%;
  right: 0;
}

.hamburger {
	float: right;
	padding: 0;
}

.hamburger:focus {
	background: none;
}

.hamburger-box {
	width: 25px;
  height: 37px;
  margin-top: 10px;
}

.hamburger > div {
	float: left;
	margin-right: 15px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background-color: #1d1d1b;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	width: 25px;
  height: 3px;
}

.hamburger-inner:before {
	top: -8px;
}

.hamburger-inner:after {
	bottom: -8px;
}

.hamburger.is-active:hover, .hamburger:hover {
	opacity: 1;
}

/* Footer */

footer {
	float: left;
	width: 100%;
}

footer .main-footer {
  float: left;
  width: 100%;
  padding: 80px 0 40px 0;
  background-color: #1D1D1B;
}

footer .main-footer .menu ul {
	margin: 0;
	list-style: none;
}

footer .main-footer a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
}

footer a:hover {
	color: #FFC52F;
}

footer h4 {
	font-weight: 900;
  font-size: 14px;
	margin-bottom: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
}

footer .menu {
	display: block;
}

footer .menu {
	list-style: none;
	margin: 0;
}

footer .menu a {
	padding: 7px 0;
}

footer .lower-footer {
  padding: 20px 0;
  float: left;
  width: 100%;
  background-color: #FFC52F;
}

footer .lower-footer a {
	color: #1D1D1B;
}

footer .lower-footer .copy {
	margin: 0;
}

footer .lower-footer .social {
	position: absolute;
  right: 0;
  list-style: none;
  padding-right: 80px;
  margin-top: -5px;
}

footer .lower-footer .social ul {
	list-style: none;
	margin: 0;
}

footer .lower-footer .social li {
	float: left;
	padding: 0 10px;
}

footer .lower-footer .social li a {
	font-size: 28px;
}

/* Home */

#global-hero {
	min-height: 60vh;
	position: relative;
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#global-hero .hero--content {
	width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  margin: auto;
  z-index: 1;
}

#global-hero .hero--content .full-height {
	height: 100%;
}

#global-hero .hero--content .content {
	max-width: 45%;
}

#global-hero .hero--content .content h1 {
	margin-bottom: 20px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 42px;
	line-height: 50px;
}

#global-hero .hero--content .content h1:after {
	content: '';
  border: 2px solid #FFC52F;
  width: 80px;
  display: block;
  margin-top: 30px;
}

#global-hero .hero--content .content p {
	color: #ffffff;
	font-size: 26px;
	line-height: 34px;
}

#global-hero .hero--content .content .banner-buttons {
	margin-top: 30px;
}

#global-hero .hero--content .content .banner-buttons .button {
	margin-right: 20px;
	text-transform: uppercase;
}

#global-hero .hero--content .content .meta p {
	font-size: 14px;
}

.page--title {
	padding: 40px 0;
}

.page--title h1 {
}

.page--title .meta p {
	margin: 0;
}

/* Page Blocks */

#page-blocks {
	float: left;
	max-width: 100%;
	overflow: hidden;
}

#page-blocks .section-heading {
	text-transform: uppercase;
	margin-bottom: 20px;
}

#page-blocks .section-heading:after {
    content: '';
    border: 1px solid #FFC52F;
    width: 250px;
    display: block;
    margin-top: 30px;
 }

#page-blocks .section-heading.text-center:after {
	content: '';
  border: 1px solid #FFC52F;
  width: 250px;
  display: table;
  margin: auto;
  margin-top: 30px;
}

.animate-heading::after {
	transform: scaleX(20%);
  transition: transform 0.25s ease-out;
}

#page-blocks .section:hover .animate-heading::after {
	transform: scaleX(1)!important;
}

.page-id-108 #page-blocks .section-heading {
	display: none;
}

#page-blocks #textcarousel {
	background-size: cover;
	background-position: center;
	min-height: 80vh;
}

#page-blocks #textcarousel .text-carousel {
	background-color: #ffc52e;
	padding: 30px 0;
}

#page-blocks #textcarousel .text-carousel .slick-arrow {
	position: absolute;
	top: 40%;
	background-color: #1d1d1b;
    color: #ffffff;
    height: 40px;
    width: 40px;
    border-radius: 100%;
}

#page-blocks #textcarousel .text-carousel .slick-arrow.slick-prev {
	left: 20px;
}

#page-blocks #textcarousel .text-carousel .slick-arrow.slick-next {
	right: 20px;
}

#page-blocks #textcarousel .text-carousel h2 {
	margin-bottom: 10px;
}

#page-blocks #textcarousel .text-carousel p {
	margin-bottom: 0;
}

#page-blocks #video {
	min-height: 90vh;
}

#page-blocks #video .content h1 {
	color: #ffffff;
	font-size: 90px;
  line-height: 80px;
} 

#page-blocks #home-video .image-background {
	min-height: 90vh;
    position: relative;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

#page-blocks #fire-video .image-background {
	min-height: 70vh;
    position: relative;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    display: flex;
}

#page-blocks #home-video .image-background .banner-content {
	margin-top: -80px;
}

#page-blocks #home-video .image-background .banner-content h1,
#page-blocks #fire-video .image-background .banner-content h1 {
	margin-bottom: 30px;
	color: #ffffff;
}

#page-blocks #fire-video .image-background .banner-content h1 {
  margin-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 42px;
  line-height: 50px;
}

#page-blocks #fire-video .image-background .banner-content h1:after {
	content: '';
  border: 2px solid #FFC52F;
  width: 80px;
  display: block;
  margin-top: 30px;
}

@media screen and (min-width: 1300px) { 

	#page-blocks #fire-video .banner-content {
		padding-left: 80px;
	}

}

#page-blocks #home-video #remove.hide-me {
	background: none!important;
}

#page-blocks #home-video #remove.hide-me .banner-content {
	display: none;
}

.home #page-blocks #full-text .wrapper {
	width:80%;
	max-width: 1000px;
	height:100%; 
	margin:0 auto; 
	background:#CCC; 
}

.home #page-blocks #full-text .h_iframe {
	position:relative;
	padding-top: 56%;
}

.home #page-blocks #full-text .h_iframe iframe { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#page-blocks #banner {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.home #page-blocks #banner {
	margin-bottom: 0;
}

#page-blocks #banner .banner .image-background {
	min-height: 90vh;
  position: relative;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

#page-blocks #banner .banner .image-background .banner-content {
	width: 100%;
	z-index: 1;
	margin-top: -80px;
}

#page-blocks #banner .banner .image-background .banner-content.light h1,
#page-blocks #banner .banner .image-background .banner-content.light h2,
#page-blocks #banner .banner .image-background .banner-content.light p {
	color: #ffffff;
}

#page-blocks #banner .banner .image-background .banner-content h1,
#page-blocks #banner .banner .image-background .banner-content h2 {
	margin-bottom: 30px;
}

#page-blocks #banner .banner .image-background .banner-content h2.increase {
	font-size: 90px;
	line-height: 80px;
}

#page-blocks #banner .banner .image-background .banner-content p {
	font-size: 26px;
  line-height: 34px;
}

#page-blocks #banner .slick-arrow {
	position: absolute;
  z-index: 1;
  background: #ffffff;
  padding: 15px 19px;
  top: 40%;
  font-size: 20px;
}

#page-blocks #banner .slick-arrow.slick-prev {
	left: 0;
}

#page-blocks #banner .slick-arrow.slick-next {
	right: 0;
}

#page-blocks #full-text {
	position: relative;
	background-size: cover;
  background-position: center;
  min-height: 70vh;
  margin-bottom: 30px;
  border-bottom: 50px solid #000000;
  border-top: 50px solid #000000;
}

#page-blocks #full-text:after {
	content: '';
    border: 25px solid #FFC52F;
    width: 75%;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    bottom: -50px;
}

#page-blocks #full-text .content {
	z-index: 1;
}

#page-blocks #full-text .content.light,
#page-blocks #full-text .content.light h2 {
	color: #ffffff;
}

#page-blocks #full-text .content.light h2 {
	margin-bottom: 30px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#page-blocks #full-text .content.light h2:after {
		content: '';
    border: 1px solid #FFC52F;
    width: 25%;
    display: table;
    margin: auto;
    margin-top: 30px;
    transform: scaleX(20%);
}

#page-blocks #full-text .button {
	margin-top: 30px;
}

#page-blocks #full-text .contained {
	padding: 80px;
}

#page-blocks #full-text .contained .text-split {
	padding: 40px 0 20px 0;
}

#page-blocks #full-text .contained .text-split .cell:first-child {
	padding-right: 40px;
}

#page-blocks #full-text .contained .text-split .cell:nth-child(2) {
	padding-left: 40px;
}

#page-blocks #full-text .banner-overlay.dark {
	background: rgba(0, 0, 0, 0.75);
}

#page-blocks #full-image {
	background-size: cover;
  background-position: center;
  min-height: 75vh;
}

#page-blocks #icon-blocks {
	text-align: center;
}

#page-blocks #icon-blocks .block {
	margin-bottom: 30px;
	padding: 10px 10px 20px 10px;
}

#page-blocks #icon-blocks .block .content-outline {
	border: 1px solid #ebebeb;
	height: 100%;
	padding: 10px 20px;
}

#page-blocks #icon-blocks p.text-center {
	    width: 75%;
    display: table;
    margin: auto;
    margin-bottom: 60px;
}

#page-blocks #icon-blocks .image-container img {
  max-height: 120px;
  display: table;
  margin: auto;
  padding: 20px;
}

#page-blocks #icon-blocks h3 {
	margin-bottom: 20px;
}

#page-blocks #image-text {
	padding: 0;
}

#page-blocks #image-text .content {
	padding: 60px;
	border-bottom: 2px solid #ffc530;
}

@media screen and (min-width: 1601px) {

#page-blocks #image-text .content {
	max-width: 75%;
}

}

#page-blocks #image-text .image-container {
	background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#page-blocks #image-text .image-container::after {
	  content: '';
    height: 45%;
    width: 35%;
    display: block;
    top: 27.5%;
    right: -40px;
    position: absolute;
    background-color: #1D1D1B;
    z-index: -2;
}

#page-blocks #image-text .image-container::before {
	  content: '';
    height: 60%;
    width: 35%;
    display: block;
    top: 20%;
    right: 0;
    position: absolute;
    background-color: #FFC52F;
    z-index: -1;
}

#page-blocks #image-text.gallery .image-container::after {
	  content: '';
    height: 120%;
    width: 35%;
    display: block;
    top: -10%;
    right: -40px;
    position: absolute;
    background-color: #1D1D1B;
    z-index: -2;
}

#page-blocks #image-text.gallery .image-container::before {
	  content: '';
    height: 100%;
    width: 35%;
    display: block;
    top: 20%;
    right: 0;
    position: absolute;
    background-color: #FFC52F;
    z-index: -1;
}

.page-id-479 #page-blocks #image-text .image-container::after,
.page-id-479 #page-blocks #image-text .image-container::before,
.page-id-474 #page-blocks #image-text .image-container::after,
.page-id-474 #page-blocks #image-text .image-container::before,
.page-id-483 #page-blocks #image-text .image-container::after,
.page-id-483 #page-blocks #image-text .image-container::before,
.page-id-876 #page-blocks #image-text .image-container::after,
.page-id-876 #page-blocks #image-text .image-container::before, 
.page-id-234 #page-blocks #image-text .image-container::after,
.page-id-234 #page-blocks #image-text .image-container::before,
.page-id-443 #page-blocks #image-text .image-container::after,
.page-id-443 #page-blocks #image-text .image-container::before,
.page-id-466 #page-blocks #image-text .image-container::after,
.page-id-466 #page-blocks #image-text .image-container::before,
.page-id-453 #page-blocks #image-text .image-container::after,
.page-id-453 #page-blocks #image-text .image-container::before,
.page-id-463 #page-blocks #image-text .image-container::after,
.page-id-463 #page-blocks #image-text .image-container::before {
	display: none;
}

#page-blocks #image-text .image-container .banner-overlay {
	background: rgba(38, 34, 98, 0.70);
}

#page-blocks #image-text h2 {
	margin-bottom: 20px;
	text-transform: uppercase;
}

#page-blocks #image-text h2::after {
	content: '';
  border: 2px solid #FFC52F;
  width: 125px;
  display: block;
  margin: 30px 0;
}

#page-blocks #image-text p {
	padding-right: 20%;
}

#page-blocks #image-text .button {
	margin-top: 30px;
}

#page-blocks #image-text.gallery .image-container {
	min-height: 75vh;
}

#page-blocks #three-blocks .block {
	padding: 15px;
	margin-bottom: 30px;
}

#page-blocks #three-blocks.five .block {
	padding: 0;
}

#page-blocks #three-blocks .block .image-container {
	max-height: 640px;
	overflow: hidden;
	background-color: #F0F0F0;
  padding: 30px 30px 0 30px;
}

#page-blocks #three-blocks.five .block .image-container {
	max-height: 320px;
}

#page-blocks #three-blocks .block .content {
	padding: 60px 20px 0 20px;
	background-color: #F0F0F0;
  padding: 30px;
}

#page-blocks #three-blocks.five .block .content {
	padding: 60px 10px 0 10px;
}

#page-blocks #three-blocks .block .content h3 {
	text-transform: uppercase;
	margin-bottom: 20px;
}

.page-id-102 #page-blocks #three-blocks .block .content h3 {
	font-size: 20px;
	min-height: 90px;
}

#page-blocks #three-blocks.certifications .block .content h3 {
	min-height: 90px;
}

#page-blocks #three-blocks .block .content p {
	margin-bottom: 30px;
	min-height: 200px;
}

#page-blocks #three-blocks.certifications .block .content p {
	min-height: 240px;
}

#page-blocks #three-blocks.five .block .content p {
	min-height: 290px;
}

#page-blocks #three-blocks.certifications .block {
	margin-bottom: 30px;
}

#page-blocks #three-blocks.certifications .block .image-container {
	background-color: #FFFFFF;
	padding: 20px 0;
}

#page-blocks #three-blocks.certifications .block .image-container img {
	max-height: 150px;
  display: table;
  margin: auto;
  width: auto;
}	

#page-blocks #case-study-intro {
	background-size: cover;
	border-right: 35px solid #FFC52F;
	min-height: 80vh;
}

#page-blocks #three-blocks.certifications .block .content {
	padding-top: 30px;
}

#page-blocks #three-blocks .slick-arrow,
#page-blocks #gallery .slick-arrow,
#page-blocks #image-text.gallery .slick-arrow,
#page-blocks .latest-news .slick-arrow {
    position: absolute;
    top: 20%;
    left: 25px;
    background-color: #1d1d1b;
    color: #ffffff;
    height: 40px;
    width: 40px;
    border-radius: 100%;
  	z-index: 1;
  	font-size: 16px;
}

#page-blocks .latest-news .slick-arrow {
	top: -65px;
}

#page-blocks #three-blocks .slick-arrow.slick-next,
#page-blocks #gallery .slick-arrow.slick-next,
#page-blocks #image-text.gallery .slick-arrow.slick-next,
#page-blocks .latest-news .slick-arrow.slick-next {
	right: 25px;
	left: auto;
}

#page-blocks #image-text.gallery .slick-arrow {
	top: 35vh;
	z-index: 1;
}



#page-blocks #docs .block {
	margin-bottom: 30px;
}

#page-blocks #docs .block h3 {
	margin: 20px 0;
  font-size: 24px;
  min-height: 60px;
  letter-spacing: 0;
}

#page-blocks #case-study-intro .content {
	z-index: 1;
}

#page-blocks #case-study-intro .content.light p {
	color: #FFFFFF;
}

#page-blocks #case-study-intro .content .button {
	float: right;
	margin-top: 30px;
}

#page-blocks #case-study-intro .banner-overlay.dark {
	background: rgba(0, 0, 0, 0.50);
}

.single-case_studies .latest-news {
	padding-top: 0;
}

.single-case_studies #gallery {
	padding-top: 40px;
}

#page-blocks #divide {
	float: left;
	width: 100%;
  padding: 40px 0;
  position: relative;
}

#page-blocks #divide .line {
	  height: 90px;
    background-color: #FFC52F;
}

#page-blocks #divide .line:before {
	content: '';
    display: block;
    width: 80%;
    background-color: #1D1D1B;
    height: 40px;
    position: absolute;
    top: 0;
    left: 10%;
}

#page-blocks #divide .line:after {
	content: '';
    display: block;
    width: 80%;
    background-color: #1D1D1B;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 10%;
}

#page-blocks #accordion button.accordion {
	position: relative;
	background-color: #FFFFFF;
    cursor: pointer;
    padding: 24px;
    width: 100%;
    text-align: left;
    border: 1px solid #05aeed;
    outline: none;
    transition: 0.4s;
    margin-bottom: 20px;
}

#page-blocks #accordion .panel ul {
	list-style: none;
}

#page-blocks #accordion .panel ul li {
	padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

#page-blocks #accordion .panel ul li:last-child {
	border: none;
}

#page-blocks #accordion .panel ul li > a p {
	margin: 0;
}

#page-blocks #accordion .panel ul li > a {
	color: #0a1389;
}

#page-blocks #accordion .panel ul li > a i {
	margin-right: 10px;
}

#page-blocks .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  border: none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
#page-blocks .active, #page-blocks .accordion:hover,
button:focus {
  background-color: #ccc;
  background: #ccc;
  border: none;
}

/* Style the accordion panel. Note: hidden by default */
#page-blocks .panel {
    background-color: #262262;
    display: none;
    overflow: hidden;
    margin-top: -20px;
    margin-bottom: 20px;
    color: #ffffff;
}

#page-blocks .panel .content {
	float: left;
	width: 100%;
	padding: 40px;
}

#page-blocks .panel p {
	font-size: 14px;
}

#page-blocks .panel .button {
	margin-bottom: 0;
	float: right;
	margin-top: 10px;
}

#page-blocks .accordion:after {
  content: '\02795';
  color: #262262;
  position: absolute;
  right: 4%;
  top: 45%;
}

#page-blocks .active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

#page-blocks #map {
	float: left;
	width: 100%;
	border-top: 18px solid #03AEED;
	border-bottom: 18px solid #03AEED;
	margin-top: 60px;
}

#page-blocks #two-images .image-container {
	position: relative;
	min-height: 90vh;
  background-size: cover;
  background-position: center;
}

#page-blocks #two-images .image-container.centralise-content .content {
	position: relative;
}

@media screen and (min-width: 1601px) {

#page-blocks #two-images .image-container.centralise-content .content {
	max-width: 75%;
}

}

#page-blocks #two-images .image-container .content {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 50px;
}

#page-blocks #two-images .image-container .content.has-background {
	background: rgba(255,255,255,0.7);
	padding-bottom: 10px;
}

#page-blocks #two-images .image-container .content h2 {
	  color: #ffffff;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#page-blocks #two-images .image-container .content.has-background h2 {
	color: #1d1d1d;
	padding-bottom: 30px;
  border-bottom: 1px solid #1d1d1d;
}

#page-blocks #two-images .image-container .content p {
	color: #ffffff;
	margin-bottom: 20px;
}

#page-blocks #product-highlight {
	float: left;
	width: 100%;
}

#page-blocks #product-highlight .image-container {
	min-height: 90vh;
}

#page-blocks #product-highlight .content {
	padding: 100px 60px;
}

#page-blocks #product-highlight h2,
#page-blocks #product-highlight p {
	color: #ffffff;
}

#page-blocks #product-highlight h2 {
	border-bottom: 2px solid;
  padding-bottom: 40px;
  margin-bottom: 40px;
  font-size: 54px;
  letter-spacing: 2px;
}

#page-blocks #product-highlight p {
	margin-bottom: 40px;
}

#page-blocks #featured-products .section-title {
	text-align: center;
}

#page-blocks #featured-products .section-title::before,
.archive .woocommerce-products-header__title.page-title::before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #1D1D1D;
    position: absolute;
    margin-top: 25px;
    z-index: -1;
}

#page-blocks #featured-products .section-title span,
.archive .woocommerce-products-header__title.page-title span {
	background: #ffffff;
	padding: 0 60px;
}

#page-blocks #featured-products .product {
	padding: 0 15px;
}

#page-blocks #featured-products .product .woocommerce-loop-product__title {
	padding: 0.5em 0;
    margin: 0;
    font-size: 1em;
}

#page-blocks #featured-products .product .button.product_type_simple {
	display: none;
}

#page-blocks #featured-products .slick-arrow {
	background: #ffffff;
	border-radius: 100%;
	height: 80px;
	width: 80px;
	position: absolute;
	top: 40%;
	left: 40px;
	z-index: 1;
}

#page-blocks #featured-products .slick-arrow.slick-next {
	left: auto;
	right: 40px;
}

#page-blocks #bullet-text .point {
	padding: 10px;
	background-color: #202F59;
	margin-bottom: 15px;
	min-height: 90px;
	border-left: 18px solid #EEAE49;
}

#page-blocks #bullet-text .point:nth-child(3n),
#page-blocks #bullet-text .point:nth-child(2) {
	background-color: #EEAE49;
	border-left: 18px solid #202F59;
}

#page-blocks #bullet-text .point p {
	font-weight: 700;
	color: #ffffff;
}

#page-blocks #bullet-text .point:nth-child(3n) p,
#page-blocks #bullet-text .point:nth-child(2) p {
	color: #202F59;
}

#instagram,
#reviews {
	padding-top: 0;
	padding-bottom: 50px;
}

#instagram .section-title {
	padding-left: 0;
}

#reviews .full-section-title {
	background-color: #F3F3F3;
	padding: 30px;
	margin-bottom: 30px;
 	border-radius: 8px;
}

#reviews .full-section-title .button {
	float: right;
	margin: 0;
}

#reviews .full-section-title .section-title {
	margin-bottom: 0;
	font-weight: 400;
}

#page-blocks #gallery .image {
	padding: 25px;

}

.page-id-100 #page-blocks #gallery .image-block {
	min-height: 50vh;
    background-size: cover;
    background-position: center;
  border: 5px solid #fff;
}

#page-blocks #gallery .image img,
#page-blocks #team .member {
	border-bottom: 40px solid #FFC52F;
}

#page-blocks #team .member {
	margin-bottom: 30px;
	position: relative;
}

#page-blocks #team .overlay-content {
	position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #272727;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

#page-blocks #team .member:hover .overlay-content {
  bottom: 0;
  height: 100%;
}

#page-blocks #team .overlay-content .content {
	padding: 30px;
}

#page-blocks #team .overlay-content h3,
#page-blocks #team .overlay-content p {
	color: #ffffff;
}

#page-blocks #team .overlay-content h3 {
	text-transform: uppercase;
	margin-bottom: 20px;
}

#page-blocks #team .count {
	    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #272727;
    color: #ffffff;
    line-height: 40px;
    font-weight: 900;
}

/* Vacancies */

#vacancies .section-heading {
	margin-bottom: 40px;
}

#vacancies .post {
	padding: 20px !important;
    margin: 0 !important;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    float: left;
    width: 100%;
}

#vacancies .post h3 {
	float: left;
	margin: 0;
	font-size: 24px;
}

#vacancies .post .link {
	float: right;
	color: #FFC52F;
}

/* Page Specific */

.page-id-100 #history {
	padding-top: 0;
}

.page-id-100 #page-blocks #three-blocks .block .content p {
	min-height: 400px;
}

.page-id-100 .latest-news {
	padding-top: 0;
}

.page-id-108 #page-blocks .latest-news .slick-arrow {
	top: 50px;
}

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

	.page-id-100 #history {
		padding-top: 40px;
		margin-top: 60px;
	}

	.page-id-100 #page-blocks #image-text.gallery .content {
		padding-top: 0;
    margin-top: -140px;
	}

	.page-id-100 #page-blocks #image-text.gallery p {
		padding-right: 0;
		max-height: 580px;
    overflow: scroll;
	}

}

@media screen and (min-width: 1920px) {

	.page-id-100 #page-blocks #image-text.gallery .content {
		padding-top: 0;
    margin-top: -80px;
	}

	.page-id-100 #page-blocks #image-text.gallery p {
		padding-right: 0;
		max-height: 530px;
    overflow: scroll;
	}

}

.page-id-102 #three-blocks {
	padding-top: 20px;
}

.page-id-104 #page-blocks #three-blocks .block .image-container {
	max-height: 250px;
}

#page-blocks #three-blocks .block .content p {
	min-height: 180px;
}

/* Contact */

.page-template-contact .contact-form {
	padding: 0 20px;
}

.page-template-contact .address address {
	font-style: normal;
}

.page-template-contact .address .button {
	margin-top: 20px;
}

.page-template-contact .contact-block {
	min-height: 280px;
}

.page-template-contact .contact-block .contact-links {
	padding: 20px 0;
}

.page-template-contact .contact-block .contact-links.address {
	padding: 20px 15px;
}

.page-template-contact .contact-links h3,
.page-template-contact .address h3 {
	margin-bottom: 10px;
}

.page-template-contact .contact-links p {
	margin: 0;
}

.page-template-contact .contact-block .contact-links a {
	color: #1d1d1d;
}

.page-template-contact .contact-block .contact-links i {
	margin-right: 10px;
}

/* Sidebar */

.sidebar-content {
	float: left;
    width: 100%;
    padding-bottom: 100px;
}

.sidebar-content .side-nav {
	margin-bottom: 40px;
}

.sidebar-content .side-nav h3 {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.sidebar-content .side-nav > div {
	float: left;
	width: 100%;
}

.sidebar-content ul {
	list-style: none;
	margin: 0;
}

.sidebar-content ul li {
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
}

.sidebar-content ul li a {
	color: #091F4B;
	padding: 5px 0;
}

/* Case Studies */

#page-blocks .case-studies {
	padding-bottom: 0;
}

#page-blocks .case-studies .post {
	position: relative;
	padding: 0;
}

#page-blocks .case-studies .post .blog-image {
	margin: 0;
	position: relative;
	min-height: 70vh;
}

#page-blocks .case-studies .content {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 1;
}

#page-blocks .case-studies .content h3 {
	color: #FFFFFF;
}

#page-blocks .case-studies .content p {
	min-height: 130px;
}

#page-blocks .case-studies .content .button {
	margin-top: 10px;
}

#page-blocks .case-studies .content > div {
	width: 75%;
	color: #ffffff;
}

#page-blocks .case-studies .study-carousel .slick-slide {
  margin: 0 27px;
}

#page-blocks .case-studies .study-carousel .slick-list {
  margin: 0 -27px;
}

#page-blocks .case-studies .study-carousel .slick-arrow {
	position: absolute;
  top: 40%;
  background-color: #1d1d1b;
  color: #ffffff;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  z-index: 1;
 	font-size: 16px;
}

#page-blocks .case-studies .study-carousel .slick-arrow.slick-prev {
	left: 25px;
}

#page-blocks .case-studies .study-carousel .slick-arrow.slick-next {
	right: 25px;
}

/* Accreditations */

#accreditations .accreditation .image-container {
	padding: 0 20px;
}

/* Blog */

.blog .latest-news {
	float: left;
	width: 100%;
	min-height: 100vh;
	padding-top: 0;
}

.blog .latest-news .blog-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.blog .latest-news .overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right, rgba(14,21,33,0.7), rgba(14,21,33,0));
	width: 100%;
  height: 100%;
}

.blog .latest-news .all-news {
	position: relative;
	padding: 100px 0;
}

.blog .post .hidden {
	display: none;
}

.blog .post #blog-title::before {
content: '';
    display: block;
    height: 1px;
    width: 60px;
    background: #ffffff;
    float: left;
    margin-top: 12px;
    margin-right: 20px;
}

.blog .post #blog-title {
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
}

.blog .post #blog-image {
	display: none;
}

.blog .post #blog-image.display {
	display: block;
	animation: fadeIn 1s; 
}

.blog .post #blog-image.display .blog-image {
	  position: absolute;
    top: 0;
    display: table;
    margin: auto;
    width: 75%;
}

.blog .post #blog-image.display .blog-image img {
	    max-width: 60%;
    display: table;
    margin: auto;
    padding-top: 100px;
}

.blog .post #blog-content p {
	color: #ffffff;
}

.blog .post #blog-content .button {
	width: 200px;
	float: right;
	color: #ffffff;
	margin-top: 30px;
}

.blog #full-text {
	padding-bottom: 0;
}

.single-post .page--title {
	text-align: center;
	padding-bottom: 0;
}

.single-post .post-image {
	margin-bottom: 50px;
}

#page-blocks .latest-news .section-heading {
	margin-bottom: 0;
}

#page-blocks .post,
.latest-news .post {
	padding: 30px;
	position: relative;
}

#page-blocks .post > a,
.latest-news .post > a {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
	min-height: 800px;
}

@media (max-width: 1600px) {
	
	#page-blocks .post > a,
	.latest-news .post > a {
		min-height: initial;
	}
}

.latest-news .post .content {
	position: relative;
	width: calc(100% - 60px);
	max-width: 500px;
	margin-top: 60px;
	background-color: rgba(240, 240, 240, .9);
	border-right: 30px solid #1D1D1B;
	padding: 40px 30px;
	z-index: 2;
}

.latest-news .post .content h3 {
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 26px;
	margin: 0 0 20px;
	line-height: 1.2;
}

.latest-news .post .content p {
	color: #1D1D1B;
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 1.6;
}

.post .entry-date {
	color: #1D1D1D;
	float: left;
  width: 100%;
	margin-bottom: 10px;
}

.post .post-content {
	margin-bottom: 40px;
}

#page-blocks .post .post-content {
	padding: 0 20px 20px 20px;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.post .blog-image {
	position: absolute;
	width: 100%;
	height: auto;
	max-width: 1400px;
	transform: translateX(-50%);
	top: 0;
	left: 50%;
	z-index: 1;
	padding: 0 60px 60px 0;
}

@media (max-width: 1600px) {
	
	.post .blog-image {
		height: 100%;
	}
}

.post .blog-image img {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	display: block;
}

.post .post-content h3 {
	margin-bottom: 24px;
}

.post .post-content .button {
	float: right;
	margin-top: 30px;
}

.post .post-content .date {
	text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.pagination .screen-reader-text {
	display: none;
}

.pagination {
	width: 100%;
}

.pagination .nav-links {
	display: table;
	margin: auto;
}

.pagination .nav-links span,
.pagination .nav-links a {
	float: left;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
}

.single-post-center {
	display: table;
	margin: auto;
}

/* */

.grecaptcha-badge {
	display: none!important;
}

/* RESPONSIVE */

@media screen and (min-width: 2000px) {
	.grid-container {
		max-width: 100%;
	}

	.grid-container.full {
		padding: 0 60px;
	}

	.section {
		padding: 100px 40px;
	}

	body, p {
		font-size: 20px;
		line-height: 30px;
	}

	h1 {
		font-size: 100px;
		line-height: 120px;
	}

	h2 {
		font-size: 60px;
		line-height: 69px;
	}

	h3 {
		font-size: 40px;
		line-height: 46px;
	}

	#full-text p,
	#page-blocks #case-study-intro .content.light p {
		font-size: 30px;
		line-height: 50px;
	}

	footer h4,
	footer .menu a {
		font-size: 20px;
		line-height: 30px;
	}

	header .navigation .logo {
		max-width: 180px;
	}

	header .navigation .logo-bg {
		max-width: 10%;
    margin-right: 6%;
	}

	header .navigation #menu-main-navigation li > a {
		font-size: 20px!important;
		padding: 0.7em 30px!important;
	}

	.button, .wpcf7-submit {
		font-size: 20px!important;
	}

	#global-hero {
		min-height: 40vh;
	}

	#global-hero .hero--content {
		padding-left: 80px;
	}

	#page-blocks #full-text {
		min-height: 50vh;
	}

	#page-blocks #image-text .image-container {
		min-height: 55vh;
	}

	#page-blocks #case-study-intro {
		min-height: 55vh;
	}

	#page-blocks .case-studies .post .blog-image {
		min-height: 55vh;
	}

	#page-blocks .case-studies {
		padding: 40px 40px 0 40px;
	}

	#page-blocks #gallery .image img {
		width: 100%;
	}
}

@media screen and (min-width: 1920px) {

	header .navigation #menu-main-navigation li > a {
		font-size: 16px;
		padding: 0.7em 14px;
	}

}

@media screen and (min-width: 1300px) {
	.grid-container {
		max-width: 100%;
	}

	.section {
		padding: 100px 40px;
	}

	#global-hero .hero--content {
		padding-left: 80px;
	}

	#page-blocks .case-studies {
		padding: 40px 40px 0 40px;
	}
}

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

	.show-now {
		display: block;
	}

	.hide-now {
		display: none;
	}

	header #mobile-m {
		padding: 25px;
		float: right;
	}

	header .show-now {
		position: absolute;
    right: 0;
	}

	#mobile-menu {
		padding: 20px 40px;
	}

	#mobile-menu li {
		float: left; 
		width: 100%;
		text-align: center;
	}

	#mobile-menu .open-menu a {
		font-weight: 700;
    	font-size: 21px;
	}

	#mobile-menu .open-menu .sub-menu {
		list-style: none;
		margin: 0;
	}

	#mobile-menu .open-menu .sub-menu li > a {
		font-weight: 400;
		font-size: 16px;
	}

	#mobile-menu .menu li a {
		    padding: 12px 0;
    font-size: 18px;
    color: #1e1e1e;
	}

}

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

	.section {
		padding: 50px 0;
	}

	.section.reduced {
		padding: 30px 0;
	}

	h1 {
		font-size: 32px;
		line-height: 40px;
	}

	h2 {
		font-size: 22px;
		line-height: 27px;
	}

	h3 {
		font-size: 18px;
		line-height: 24px;
	}

	h4 {
		font-size: 16px;
		line-height: 21px;
	}

	header {
		padding: 0;
	}

	header .navigation .logo {
		display: table;
    margin: auto;
    max-width: 117px;
    float: none;
	}

	footer .main-footer .cell {
		margin-top: 20px;
	}

	#hero .scroll {
		display: none;
	}

	.hide-for-small-only {
		display: none;
	}

	#hero .hero--overlay {
		width: 100%;
		background: rgba(28, 76, 122, 0.70);
	}

	.page-id-100 #page-blocks #image-text.gallery .content {
		margin-top: 40px;
	}

	#page-blocks #home-video .image-background {
		background: none!important;
		display: flex;
    justify-content: center;
    align-items: center;
	}

	#global-hero .hero--content {
		position: relative;
    	max-width: 100%;
	}

	#page-blocks #divide {
		display: none;
	}

	#page-blocks #banner .banner .image-background {
		background-size: contain;
		min-height: 70vh;
	}

	#mobile-menu .social {
		margin-top: 20px;
	}

	#mobile-menu .social ul {
		list-style: none;
		display: table;
    margin: auto;
	}

	#mobile-menu .social ul li {
		width: 40px;
	}

	#mobile-menu .social a {
		color: #1e1e1e;
	}

	#page-blocks #image-text .content {
		padding: 20px;
	}

	#page-blocks .case-studies .content {
		position: relative;
    padding: 40px;
    float: left;
    background: #1d1d1b;
	}

	#page-blocks .case-studies .content > div {
		width: 100%;
	}

	#page-blocks .case-studies .study-carousel .slick-arrow {
		top: -25px;
	}

	.latest-news .post .post-content h3,
	.latest-news .post .post-content p {
		min-height: auto;
	}

	#page-blocks #image-text p {
		padding-right: 0;
	}

	.home #global-hero {
		min-height: 30vh;
	}

	#global-hero .hero--content .content {
    max-width: 95%;
    padding: 80px 0;
  }

	header .main-header {
		padding: 30px 15px;
	}

	#page-blocks #icon-blocks .icon-box {
		margin-bottom: 30px;
	}

	#page-blocks #three-blocks .block .content {
		min-height: auto;
	}

	#page-blocks #three-blocks.five .block .image-container {
		max-height: 100%;
	}

	#page-blocks #three-blocks.five .block .content p {
		min-height: 180px;
	}

	.latest-news::before {
		display: none;
	}

	#page-blocks .post > a, .latest-news .post > a {
		flex-direction: column;
	}

	.post .blog-image {
		padding: 0;
		position: relative;
		position: relative;
		transform: initial;
		left: initial;
	}

	.post .blog-image img {
		height: auto;
		object-fit: initial;
		
	}

	.latest-news .post .content {
		background-color: rgb(240, 240, 240);
		width: 100%;
		max-width: 100%;
		margin-top: 0;
	}

	.page-template-contact .contact-block {
		padding: 0;
		min-height: auto;
	}

	.post:first-of-type .entry-date {
    color: #262262;
	}

	#page-blocks #banner .banner .image-background .banner-content {
		margin: 0;
		padding-top: 80px;
	}

	#page-blocks #banner .banner .image-background .banner-content h1,
	#page-blocks #banner .banner .image-background .banner-content p {
		max-width: 80%;
    margin-left: 5%;
	}

	footer .main-footer #menu-footer {
		display: block;
		text-align: center;
	}

	footer .main-footer .menu-footer-container {
		padding: 0;
		margin-bottom: 20px;
	}

	footer .social {
		padding: 0;
	}

	footer .social li {
		padding: 5px 0;
	}

	#global-hero {
		min-height: 30vh;
	}

	.single-unit {
		margin-bottom: 40px;
	}

	#page-blocks #full-text .contained {
		padding: 40px;
	}

	#page-blocks #full-text .contained .text-split .cell:nth-child(2) {
    padding-left: 0.9375rem; 
  }

	#page-blocks #full-text {
  	padding: 40px 20px;
  	min-height: auto;
  }

  .home #page-blocks #full-text .wrapper {
  	width: 100%;
  }

  #page-blocks #full-text .special {
  	margin-bottom: 20px;
  }

  #page-blocks #bullet-text .point {
  	min-height: auto;
  }

  footer .main-footer .logo {
  	display: none;
  }

  #contact-form {
  	padding: 40px;
  }

  #page-blocks #latest-news .button {
  	display: table;
  	margin: auto;
  }

	#page-blocks .post, .latest-news .post {
		padding: 0;
	}

	#reviews .full-section-title .button {
		float: left;
		margin: 20px 0;
	}

	.contact-form {
		padding-right: 0!important;
	}

	#page-blocks #full-text .contained .text-split .cell:first-child,
	#page-blocks #full-text .contained .text-split .cell:nth-child(2),
	#page-blocks #full-text .contained .text-split {
		padding: 0;
	}

	#page-blocks #full-text .contained .text-split .cell:nth-child(2) {
		margin-top: 20px;
	}

	#page-blocks #team .member {
		border-bottom: none;
		margin-bottom: 0;
	}

	#page-blocks #team .member .team-content {
		padding: 40px 20px;
	}

	#page-blocks #team .member .team-content .button {
		margin-top: 20px;
	}

	#page-blocks #team .member .more-content {
		display: none;
	}
	#page-blocks #team .member .more-content.show {
		display: block;
	}

}

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

	header nav {
		float: right;
	}

	#mobile-menu li .sub-menu {
		display: none;
	}

	#mega-menu-wrap-header .mega-menu-toggle + #mega-menu-header {
		margin-top: 25px;
	}	

	#global-hero .hero--image {
		min-height: 50vh;
	}

	footer .lower-footer .social {
		position: relative;
    display: table;
    margin: auto;
    padding: 0;
	}

	#page-blocks #image-text .image-container {
		min-height: 50vh!important;
		margin-top: 20px;
	}

	#page-blocks #case-study-intro .content {
		padding: 20px;
	}

	#page-blocks .half--half .content {
		width: 85%;
	}

	#mega-menu-wrap-mobile #mega-menu-mobile > li.mega-menu-item > a.mega-menu-link {
		color: #001489!important;
	}

	#page-blocks #three-blocks .content h3 {
		min-height: auto;
	}

	#page-blocks #three-blocks .content .button {
		margin-top: 20px;
	}

	.hero--content .content h1 {
		margin-bottom: 20px;
	}

}

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

	#global-hero .hero--content .content {
		padding: 80px 10%;
	}

	#hero .hero--overlay {
		width: 100%;
	}

	#services .service-block,
	#latest-projects .project-block {
		margin-bottom: 24px;
	}

	#points .point {
		padding: 24px 0;
	}

	#gallery .gallery--image {
		min-height: 50vh;
	}

	#contact .sidebar {
		margin-top: 40px;
	}

	#gallery .carousel--buttons {
    	bottom: 20px;
    	right: 15%;
	}

	footer .main-footer {
		padding: 60px 0;
	}

	footer .main-footer .cell {
		margin-bottom: 20px;
	}

	footer address {
		margin-bottom: 20px;
	}

	footer .lower-footer .copy {
		text-align: center;
	}

	footer .menu-lower-footer-menu-container {
		display: table;
		margin: auto;
	}

	#product-page-blocks #product-tabs #tabs iframe {
		max-width: 100%;
		height: auto;
	}

	footer .accreditations h3 {
		margin-bottom: 20px;
		text-align: center;
	}

	footer .accreditations .accreditation img {
		display: table;
		margin: auto;
		float: none;
	}

	#page-blocks #team .blog-image {
		max-height: 180px;
	}

	table thead {
    display: none;
	  }
	  table td {
	    display: flex;
	  }
	  
	  table td::before {
	    content: attr(th);
	    font-weight: bold;
	    width: 120px;
	    min-width: 120px;
	  }

}

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


	#gallery .carousel--buttons {
	        display: table;
    	margin: auto;
    	position: relative;
    	top: 20px;
    	right: 0;
	}

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100%;
	}

	#page-blocks #banner .slick-arrow {
		display: none!important;
	}

}

.slick-arrow {
	overflow: hidden;
	color: transparent;
	text-indent: 100%;
	background-image: url('../../img/icon-chevron-right.svg');
	background-size: 20px auto;
	background-position: center;
	background-repeat: no-repeat;
}

.slick-arrow.slick-prev {
	transform: translate(0, -50%) rotate(180deg);
}

.vidbg-toggle-mute {
	display: none;
	visibility: hidden;
}