/* Extended CSS Styles */

/* Text */

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Lexend Deca', sans-serif;
	color: #262262;
}

body, p {
	font-size: 16px;
	line-height: 28px;
}

h1 {
	font-weight: 500;
	font-size: 52px;
	line-height: 46px;
}

h2 {
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	margin: 0;
}

h3 {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	margin: 0;
}

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;
}

h1 span, h2 span, h3 span, h4 span, a span, p span {
	color: #03AEED;
}

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;
}

table {
	table-layout: fixed;
}

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

/* Layout */

body {
	background: none;
}

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

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

.section {
	float: left;
	width: 100%;
	padding: 100px 0;
}

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

.section.border-top {
	border-top: 18px solid #03AEED;
	margin-top: 60px;
	padding-top: 0;
}
.section.border-bottom {
	border-bottom: 18px solid #262262;
	margin-bottom: 60px;
	padding-bottom: 0;
}

.section-title {
	margin-bottom: 60px;
}

.section-title::after {
	display: block;
	content: '';
  border: 2px solid #03AEED;
  width: 150px;
  margin-top: 30px;
}

.section-title.center::after {
	display: table;
	margin: auto;
	margin-top: 30px;
}

@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;
}

.banner-overlay.light {
	background: rgba(3, 174, 237, 0.70);
}

.banner-overlay.dark {
	background: rgba(38, 34, 98, 0.70);
}

.blog .banner-overlay {
	background: rgba(38, 34, 98, 0.70);
}

.align-center {
	display: table;
	margin: auto;
}

/* Breadcrumbs */

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

/* Forms */

form label {
	color: #091F4B;
}

form input,
form textarea {
	box-shadow: none!important;
	border: 1px solid #103767!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: #B42B35;
		color: #FFFFFF;
    text-align: center;
    padding: 16px 25px!important;
    font-size: 14px!important;
    border-radius: 3px;
}

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

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

.button.secondary {
	background-color: #03AEED;
}

.button.tertiary {
	background-color: #004DA9;
}

.button:hover,
.button.primary:hover,
.button.secondary:hover,
.button.tertiary:hover {
	background-color: #03AEED;
}

.button.full {
	width: 100%;
}

/* Header */

header {
	position: fixed;
  width: 100%;
  z-index: 100;
  transition: transform 0.4s;
  background-color: #ffffff;
}

.scroll-down header {
  transform: translate3d(0, -100%, 0);
}

.scroll-up header {
  transform: none;
}

header .top-header {
	background-color: #03AEED;
}

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

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

header a {
  	color: #262262;
  	font-size: 14px;
}

header .top-header a {
	color: #ffffff;
	font-size: 16px;
	padding: 12px 30px;
}

header .top-header a:hover {
	text-decoration: underline;
}

header .top-header .menu-top-header-left-container {
	background-color: #262262;
	float: left;
	width: 100%;
	border-radius: 0 0 60px 0;
}

header .top-header #menu-top-header-left {
	float: right;
	padding: 10px 100px 10px 0;
}

header .top-header #menu-top-header-right {
	padding: 10px 0 10px 100px;
}

header .main-header .button {
	margin: 0;
}

header .social a {
	font-size: 36px;
  padding: 0px 8px;
}

header .menu.actions {
	list-style: none;
    float: right;
    padding: 10px 0;
}

header .menu.actions li {
	color: #FFFFFF;
	float: right;
}

header .menu.actions li#resources-m {
	padding-left: 20px;
}

header .menu.actions li > div {
	cursor: pointer;
	padding: 0 15px;
}

header .menu.actions li > div .fas {
	padding-left: 10px;
}

header .grid-menu {
	padding: 60px 0;
	background-color: #262262;
}

header .grid-menu .menu {
	display: block;
}

header .grid-menu h3 {
	margin-bottom: 20px;
}

header .grid-menu .menu ul {
	margin: 0;
	list-style: none;
}

header .grid-menu .menu li a {
	padding: 7px 0;
	color: #ffffff;
}

header .grid-menu #menu-header-menu-products {
	columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

header .usp {
	background-color: #FFFFFF;
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
}

header .usp .cell a,
header .usp .cell p {
	font-size: 13px;
}

header .usp .cell:last-child a {
	float: right;
}

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

.hamburger:focus {
	background: none;
}

.hamburger-box {
	width: 25px;
  height: 13px;
  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: #262262;
}

.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;
}

header .is-search-form {
	float: left;
    width: 100%;
    border-radius: 20px;
}

header .is-form-style input.is-search-input {
	border-radius: 20px 0 0 20px;
	padding-left: 20px;
	height: 45px;
	font-family: 'Work Sans', sans-serif;
}

header .is-form-style button.is-search-submit {
	border-radius: 0 20px 20px 0;
	height: 45px;
}

header .is-form-style button.is-search-submit .is-search-icon {
	border-radius: 0 20px 20px 0;
    padding-right: 10px;
}
#mega-menu-wrap-main_product .products-column .menu-header-menu-products-container,
#mega-menu-wrap-main_product .products-column .menu-header-menu-products-container .menu a {
	padding-left: 0;
}
#mega-menu-wrap-main_product .products-column li.menu-item {
	width: 50%;
}
#mega-menu-wrap-main_product .resources-column li.menu-item {
	width: 100%;
}
#mega-menu-wrap-main_product li.menu-item > a {
	color: #001489;
	padding: 7px 0;
}
.mega-block-title {
	margin-bottom: 20px!important;
	padding: 0!important;
}
#mega-menu-wrap-main_product #mega-menu-main_product > li.mega-menu-megamenu > ul.mega-sub-menu {
	margin-top: 47px;
}

/* Footer */

footer {
	float: left;
	width: 100%;
	margin-top: 70px;
}

footer .main-footer {
	background: #262262;
  float: left;
  width: 100%;
}

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

footer .main-footer #menu-footer {
	display: flex;
  list-style: none;
  padding: 0;
  justify-content:space-between;
}

footer .main-footer #menu-footer li a {
	font-size: 16px;
}

footer a {
	color: #FFFFFF;
	font-size: 14px;
}

footer a:hover {
	color: #03AEED;
}

footer .main-footer a:hover {
	text-decoration: underline;
}

footer h4 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 24px;
	color: #FFFFFF;
}

footer .contact h4 {
	margin-bottom: 0;
}

footer .contact .tel {
	margin-bottom: 20px;
}

footer p,
footer address {
	color: #FFFFFF;
	font-size: 14px;
}

footer address {
	font-style: normal;
}

footer .contact a {
	font-weight: 700;
}

footer .contact p {
	margin: 0;
}

footer .menu {
	display: block;
}

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

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

footer .main-footer address span {
	display: none;
}

footer .social {
	display: table;
  margin: auto;
  padding: 60px 0 10px 0;
}

footer .social a {
	font-size: 36px;
	padding: 0 8px;
}

footer .footer-logo {
	float: left;
	width: 100%;
	background: #ffffff;
  padding: 30px 0;
}

footer .lower-footer {
	padding-bottom: 50px;
	background: #262262;
  float: left;
  width: 100%;
}

footer .lower-footer a,
footer .lower-footer p {
	font-size: 12px;
	opacity: 0.4;
	color: #FFFFFF;
}

footer .lower-footer .copy a {
	color: #03AEED;
	opacity: 1;
}

footer .lower-footer .copy a:hover {
	text-decoration: underline;
}

footer .lower-footer .menu {
	float: right;
}

footer .lower-footer .menu li {
	float: left;
}

footer .lower-footer .menu li a {
	padding: 7px;
}

.latest-news .section-title {
	padding-top: 60px;
  margin-bottom: 30px;
}

.latest-news .post .post-content p {
	color: #091F4B;
	font-size: 16px;
}

.latest-news .post .post-content .button {
	margin: 0;
}

.latest-news {
	position: relative;
}

.latest-news::before {
	content: '';
  position: absolute;
  z-index: -1;
  background: #262262;
  width: 30%;
  border-radius: 100px 100px 10px 10px;
  height: 440px;
}

footer .footer-contact .wpcf7 br {
	display: none;
}

footer .footer-contact .wpcf7 input,
footer .footer-contact .wpcf7 select,
footer .footer-contact .wpcf7 textarea {
	border: 1px solid #03AEED!important;
	color: #03AEED;
}

footer .footer-contact .wpcf7 textarea {
	min-height: 281px;
}

footer .footer-contact .wpcf7 input.button {
	border: none!important;
	color: #ffffff;
	float: right;
}

/* Home */

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

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

#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: 55%;
}

#global-hero .hero--content .content h1 {
	margin-bottom: 20px;
	color: #ffffff;
}

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

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

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

.page--title h1 {
	margin-bottom: 20px;
}

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

/* Slick Customisation */ 

.carousel--buttons {
	float: right;
}

.carousel--buttons button {
	color: #FFFFFF;
    font-size: 14px;
    padding: 0 10px;
    background: #001489;
    margin: 0 5px;
    height: 50px;
    width: 50px;
    border: 1px solid #001489;
    cursor: pointer;
    border-radius: 3px;
}

.carousel--buttons button.slick-prev {
	background: none;
	border: 1px solid #001489;
	color: #001489;
}

.carousel--buttons button:hover {
	background-color: #B42B35;
	border-color: #B42B35;
	color: #FFFFFF!important;
	transition: background-color .25s ease-out,color .25s ease-out;
}

/* Page Blocks */

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

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

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

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

#page-blocks #banner .banner .image-background .banner-content h1,
#page-blocks #banner .banner .image-background .banner-content p {
	max-width: 45%;
	color: #ffffff;
}

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

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

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

#page-blocks #banner .slick-arrow.slick-prev,
#page-blocks #image-text .imagetext-scroll .slick-arrow.slick-prev {
	left: 0;
}

#page-blocks #banner .slick-arrow.slick-next,
#page-blocks #image-text .imagetext-scroll .slick-next {
	right: 0;
}

#page-blocks #full-text h2 {
	margin-bottom: 40px;
}

#page-blocks #full-text h2::after {
	content: '';
  border: 2px solid #03AEED;
  width: 150px;
  display: table;
  margin: auto;
  margin-top: 30px;
}

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

#page-blocks #icon-blocks .image-container img {
	max-width: 130px;
	margin-bottom: 20px;
}

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

#page-blocks #image-text {
	padding-top: 60px;
}

#page-blocks #image-text .grid-container {
	background-color: #F5F5F5;
	border-radius: 20px;
	padding: 0;
 	overflow: hidden;
}

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

#page-blocks #image-text .image-container {
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-left: 10px solid #03AEED;
  position: relative;
}

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

#page-blocks #image-text .section-title {
	margin-bottom: 20px;
}

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

#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;
}

/* Contact */

.page-template-contact .contact-form {
	padding: 40px;
	background-color: #E7ECF3;
}

.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 80px;
}

.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: #262262;
}

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

.page-template-contact .contact-block .contact-links.address h3::after {
    display: block;
    content: '';
    border: 2px solid #03AEED;
    width: 30px;
    margin: 20px 0;
}

/* 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;
}

/* Blog */

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

.blog .latest-news {
	float: left;
	width: 100%;
}

.blog .latest-news::before {
	top: -150px;
	border-radius: 100px 100px 40px 40px;
}

.single-post .page--title {
	background-color: #E7ECF3;
}

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

.post {
	margin-bottom: 40px;
	padding: 0 10px;
}

.post a {
	color: #262262;
}

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

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

.post .post-content {
	padding: 20px 0;
}

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

.post .blog-image {
	min-height: 400px;
  background-size: cover;
  background-position: center;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.news-slick .slick-arrow {
	position: absolute;
	top: -85px;
	color: #262262;
}

.news-slick .slick-arrow.slick-prev {
	left: 15px;
}

.news-slick .slick-arrow.slick-next {
	right: 15px;
}

.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;
}


/* RESPONSIVE */

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

	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 .logo {
		max-width: 180px;
	}

	#hero .scroll {
		display: none;
	}

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

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

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

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

	#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;
	}

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

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

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

	.section-container {
		padding-top: 90px;
	}

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

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

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

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

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

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

	#page-blocks #banner .banner .image-background .banner-content {
		position: absolute;
		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;
	}

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

}

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

	header nav {
		float: right;
	}

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

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

	#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 {
		padding: 40px 20px;
    	background: white;
	}

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

	.hero--content .content .button {
		margin-top: 40px;
	}

}

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

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

	#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;
	}

}