/* Extended CSS Styles */

/* */

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

/* Text */

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "futura-pt", sans-serif;
	color: #FFFFFF;
}

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

h1 {
	font-weight: 500;
	font-size: 80px;
	line-height: 90px;
}

h2 {
	font-weight: 500;
  font-size: 80px;
  line-height: 90px;
	margin: 0;
}

h3 {
	font-weight: 500;
	font-size: 34px;
	line-height: 34px;
	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;
}

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

table {
	table-layout: fixed;
}

.show-now {
	display: none;
}

/* Animation */

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

/* Layout */

body {
	background: #222222;
	overflow-x: hidden;
}

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

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

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

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

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

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

.section.reduced {
	padding: 20px 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);
}

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

/* Slick */

.slick-arrow {
	position: absolute;
	top: 50%;
}
.slick-arrow.slick-prev {
	left: 0;
}
.slick-arrow.slick-next {
	right: 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    content: '•';
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: 1;
    color: #787878;
}

/* Breadcrumbs */

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

/* Forms */

form label {
	color: #091F4B;
}

form input {
	box-shadow: none!important;
	border: none!important;
	border-bottom: 1px solid #FFFFFF!important;
}

form textarea {
	box-shadow: none!important;
	border: none!important;
	border: 1px solid #FFFFFF!important;
	color:#FFFFFF!important;
}

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

form input {
	color: #FFFFFF!important;
}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
	background:none!important;
}

.wpforms-container .wpforms-field-label,
.wpforms-submit-container button.wpcf7-submit,
.wpforms-field-number-slider-hint {
	color: #c9cac9;
}

.wpforms-field-number-slider-hint,
.wpforms-container .wpforms-field-label {
	font-weight: 300!important;
	font-size: 14px;
}

#wpforms-615-field_2-container {
	position: absolute;
	right: 0;
}

.wpforms-container {
	position: relative;
}

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
	max-width: 90%!important;
}

.wpforms-container textarea.wpforms-field-medium {
	height: 245px!important;
}

/* Buttons & Links */

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

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

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

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

header .navigation {
	padding: 0 20px;
}

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

.scroll-up header {
  transform: none;
}

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

header .navigation #menu-main-navigation {
	float: left;
	padding: 35px 0;
}

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

header .navigation #menu-main-navigation li > a {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0.7em 15px;
}

header .navigation #menu-main-navigation li > a:hover {
	color: #E22929;
}

header #menu-main-navigation li > ul {
	position: absolute;
    top: 100%;
    left: 50%;
    background: #101010;
    width: 100%;
    z-index: 20;
    padding: 20px;
    text-align: center;
    display: none;
    min-width: 300px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

header #menu-main-navigation li > ul > li {
	padding: 0;
}

header #menu-main-navigation li > ul > li a {
	color: #FFFFFF;
    padding: 5px 0;
}

header #menu-main-navigation li:hover > ul {
	display: block;
    list-style: none;
    margin: 0;
    padding: 20px;
}

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

.hamburger:focus {
	background: none;
}

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

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

.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: 120px 0 140px 0;
  background-color: #1C1C1C;
  position: relative;
}

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

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

footer .main-footer .logo {
	float: left;
	width: 33.3%;
}

footer .main-footer .logo img {
	display: table;
	margin: auto;
}

footer a:hover {
	color: #E22929;
}

footer h4 {
	font-weight: 500;
  font-size: 18px;
	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 .menu a:before {
	content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: #FFFFFF;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

footer #menu-footer-column-1.menu a:before {
	background-color: #E22929;
}

footer #menu-footer-column-2.menu a:before {
	background-color: #002EFF;
}

footer #menu-footer-column-3.menu a:before {
	background-color: #5EB133;
}

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

footer .lower-footer a {
	color: #FFFFFF;
}

footer .lower-footer .copy {
	margin: 0;
	color: #FFFFFF;
}

footer .main-footer .social {
	position: absolute;
  right: 0;
  bottom: 20px;
  list-style: none;
  padding-right: 20px;
}

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

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

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

/* Colour Divide */

.color-divide {
	float: left;
	width: 100%;
}

footer .color-divide .link-block {
	height: 5px;
}

header .color-divide .link-block {
	height: 40px;
}

.color-divide .link-block.red {
	background-color: #E22929;
}

.color-divide .link-block.blue {
	background-color: #002EFF;
}

.color-divide .link-block.green {
	background-color: #5EB133;
}

.color-divide .link-block a {
	line-height: 38px;
	color: #ffffff;
}

/* Home */

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

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

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

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

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

#global-hero .hero--content .content p {
	color: #ffffff;
	font-size: 18px;
	line-height: 28px;
	width: 50%;
}

.home #global-hero .hero--content .content p {
	width: 100%;
}

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

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

#global-hero .hero--content .banner-logo {
	position: absolute;
	bottom: 30px;
	right: 60px;
}

.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 {
	color: #FFFFFF;
	margin-bottom: 20px;
}

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

#page-blocks #client-scroll {
	background-color: #2F2F2F;
}

#page-blocks #client-scroll .image-container {
	padding: 0 50px;
}

#page-blocks #client-scroll .slick-arrow {
	color: #FFFFFF;
	background: none;
}

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

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

#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 .content {
	z-index: 1;
}

#page-blocks #full-text .section-heading {
	margin-bottom: 40px;
}

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

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

#page-blocks #icon-blocks .image-container img {
  max-height: 110px;
  margin-bottom: 40px;
}

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

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

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

}

#page-blocks #image-text .section-heading {
	margin-bottom: 60px;
}

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

#page-blocks #image-text .bottom-block {
	position: relative;
}

#page-blocks #image-text .bottom-block .content {
	position: absolute;
  bottom: 0;
  left: 0;
}

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

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

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

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

#page-blocks #three-blocks .block .image-container {
	max-height: 640px;
	overflow: hidden;
}

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

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

#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-blocks #three-blocks .block .content p {
	margin-bottom: 30px;
}

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

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

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

#page-blocks #testimonials {
	padding: 80px 0 40px 0;
	background-image: url('/wp-content/uploads/2023/03/motif-backgroundv2.png');
	background-size: cover;
	background-position: center;
}

#page-blocks #testimonials .content {
	padding: 40px;
}

#page-blocks #testimonials .content p,
#page-blocks #testimonials .content h3 {
	color: #FFFFFF;
}

#page-blocks #testimonials .content .quote {
	float: left;
	width: 100%;
	margin-top: 20px;
	min-height: 260px;
}

#page-blocks #testimonials .content .author p {
	color: #A3A3A3;
}

#page-blocks #testimonials .content .button {
	float: right;
	margin-top: 40px;
}

#page-blocks #testimonials .initial {
	height: 100px;
	width: 100px;
	background-color: #E22929;
	color: #FFFFFF;
	border-radius: 100%;
	float: left;
    margin-right: 20px;
}
#page-blocks #testimonials .initial.installations {
	background-color: #002EFF;
}
#page-blocks #testimonials .initial.facilities {
	background-color: #5EB133;
}

#page-blocks #testimonials .initial span {
	font-weight: 500;
	font-size: 24px;
}

#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-blocks #gallery .image img { width: 100%; }

#page-blocks #gallery .slick-dots {
	display: table;
	margin: auto;
}

#page-blocks #team {
	background-image: url('/wp-content/uploads/2023/03/motif-background.png');
	background-size: cover;
	background-position: center;
}

#page-blocks #team .section-heading {
	margin-bottom: 40px;
}

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

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

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

/* Page Specific */

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

/* 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 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 .content {
  color: #FFFFFF;
}

#page-blocks #case-studies h3 {
	border-bottom: 1px solid #E22929;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#page-blocks #case-studies p {
	margin-bottom: 30px;
}

#page-blocks #case-studies .slick-arrow,
.casestudy-slider .slick-arrow {
	background-color: #222222;
	color: #E12928;
	padding: 20px;
}

#page-blocks #case-studies .slick-arrow.slick-prev,
.casestudy-slider .slick-arrow.slick-prev {
	display: none!important;
}

.single-case_studies .section-container {
	position: relative;
	background-size: cover;
}

.single-case_studies .page--title {
	position: relative;
	z-index: 1;
}

.single-case_studies .page--title .large-8 {
	width: 75%;
  float: left;
  margin: 0;
}

.single-case_studies .page--title h1 {
	margin-bottom: 40px;
}

.single-case_studies #page-blocks {
	position: relative;
	z-index: 1;
}

.single-case_studies #contact-block.footer-only {
	display: none;
}

.single-case_studies #contact-block .contact-outline {
	background: none;
}

.single-case_studies .banner-overlay {
	background: rgba(0, 0, 0, 0.75);
	background-image: url(/wp-content/uploads/2023/03/corner-motif.png);
    background-size: 20%;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.single-case_studies #image-text .content {
	padding: 40px;
}

.single-case_studies #page-blocks #image-text .image-container img {
	width: 100%;
}

.page-template-case-studies .single-case h3 {
	min-height: 70px;
	margin-bottom: 30px;
}

.page-template-case-studies .single-case {
	margin-bottom: 30px;
}

/* Collage Block */

#page-blocks #collage-block {
	background-image: url('/wp-content/uploads/2023/03/motif-background.png');
	background-size: cover;
	background-position: center;
}

#page-blocks #collage-block .collage-blocks .image-container {
	position: relative;
}

#page-blocks #collage-block .collage-blocks p {
	color: #FFFFFF;
	padding-top: 40px;
}

#page-blocks #collage-block .collage-blocks .cell {
	padding: 15px;
}

/*#page-blocks #collage-block .collage-blocks .cell:first-child {
	display: flex;
}

#page-blocks #collage-block .collage-blocks .cell:first-child .image-container {
	align-self: flex-end;
}*/

#page-blocks #collage-block .collage-blocks .add-motif {
	position: absolute;
  right: -50%;
  top: -75%;
  width: 200%;
}

/* Contact Block */

#contact-block input {
	margin-bottom: 0;
}

#contact-block .section-heading {
	color: #FFFFFF;
	margin-bottom: 40px;
}

#contact-block .contact-outline {
	border: 1px solid #FFFFFF;
	padding: 40px;
	background-image: url('/wp-content/uploads/2023/03/motif-backgroundv2.png');
	background-size: 100%;
	background-position: top right;
}

#contact-block form .wpcf7-submit {
	color: #FFFFFF;
	float: right;
    margin-top: -80px;
}

#contact-block img {
	padding: 0 60px;
}

/* Page Specific */

.home #case-studies,
.home .latest-news {
	padding-top: 0;
	padding-bottom: 0;
}

.page-id-97 #global-hero {
	border-bottom: 25px solid #5EB133;
}

.page-id-97 .button,
.page-id-97 .button.primary,
.page-id-97 .wpcf7-submit {
	background-color: #5EB133; 
}

.page-id-97 #page-blocks #case-studies h3 {
	border-color: #5EB133;
}

.page-id-97 #page-blocks #case-studies .slick-arrow {
	color: #5EB133;
}

.page-id-99 #global-hero {
	border-bottom: 25px solid #002EFF;
}

.page-id-99 .button,
.page-id-99 .button.primary,
.page-id-99 .wpcf7-submit {
	background-color: #002EFF; 
}

.page-id-99 #page-blocks #case-studies h3 {
	border-color: #002EFF;
}

.page-id-99 #page-blocks #case-studies .slick-arrow {
	color: #002EFF;
}

.page-id-101 #global-hero {
	border-bottom: 25px solid #E22929;
}

.page-id-101 .button,
.page-id-101 .button.primary,
.page-id-101 .wpcf7-submit {
	background-color: #E22929; 
}

.page-id-97 .current-menu-item a {
	color: #5EB133!important;
}
.page-id-99 .current-menu-item a {
	color: #002EFF!important;
}
.page-id-101 .current-menu-item a {
	color: #E22929!important;
}

.page-id-97 .color-divide .cell:first-child,
.page-id-99 .color-divide .cell:first-child,
.page-id-101 .color-divide .cell:first-child,
.page-id-97 .color-divide .cell:nth-child(2),
.page-id-99 .color-divide .cell:nth-child(2),
.page-id-101 .color-divide .cell:nth-child(2) {
	width: 45%;
}
.page-id-97 .color-divide .cell:last-child,
.page-id-99 .color-divide .cell:last-child,
.page-id-101 .color-divide .cell:last-child {
	width: 10%;
}
.page-id-97 .color-divide .cell:last-child a,
.page-id-99 .color-divide .cell:last-child a,
.page-id-101 .color-divide .cell:last-child a {
	display: none;
}

.page-id-97 #collage-block {
	padding-bottom: 0;
}

.page-id-97 #image-text {
	padding-top: 0;
}

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

.single-post .section-container .grid-container {
	display: table;
	margin: auto;
}

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

.latest-news .grid-container,
#case-studies .grid-container {
	background-color: #2E2E2E;
	padding: 40px;
}

.blog .latest-news .grid-container {
	background: none;
}

.latest-news .post .content {
}

.latest-news .post .content h3 {
	margin-bottom: 30px;
	color: #FFFFFF;
	float: left;
	width: 100%;
	min-height: 70px;
}

.category-name {
	float: left;
	width: 100%;
}

.category-name.Elevators {
	color: #E22929;
}
.category-name.Installations {
	color: #002EFF;
}
.category-name.Facilities {
	color: #5EB133;
}

.latest-news .post .content p,
.latest-news .post .post-content p {
	color: #1D1D1B;
	margin-bottom: 30px;
	color: #FFFFFF;
}

.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 {
	min-height: 300px;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
}

.post .post-content h3 {
	margin-bottom: 24px;
	float: left;
    width: 100%;
    min-height: 70px;
}

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

/* RESPONSIVE */

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

	.show-now {
		display: block;
	}

	.hide-now {
		display: none;
	}

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

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

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

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

	#mobile-menu ul {
		margin: 0;
		list-style: none;
	}

	#mobile-menu .menu li a {
		padding: 12px 0;
    font-size: 26px;
    color: #FFFFFF;
	}

}

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

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

	.section {
		padding: 50px 0;
	}

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

	h2 {
		font-size: 42px;
		line-height: 47px;
	}

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

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

	header {
		padding: 0;
	}

	header .navigation {
		padding: 20px;
	}

	header .navigation .logo {
		display: table;
    margin: auto;
    float: left;
	}

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

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

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

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

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

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

	#page-blocks #collage-block .collage-blocks .add-motif {
		display: none;
	}

	#page-blocks #image-text .content {
		padding: 20px;
		position: relative!important;
	}

	.single-case_studies #page-blocks {
		margin-top: -50px;
	}

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

	.single-case_studies .page--title {
		padding-bottom: 0;
	}

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

	.casestudy-slider .post .blog-image {
		min-height: auto;
	}

	#page-blocks #case-studies .slick-arrow, 
	.casestudy-slider .slick-arrow {
		top: 90%;
	}

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

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

	.page-template-case-studies .single-case h3 {
		min-height: auto;
	}

	.page-template-case-studies .single-case {
		margin-bottom: 60px;
	}

	.latest-news .post .content {
		position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    float: left;
	}

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

  #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 #testimonials .initial {
		display: none;
	}

}

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

	#global-hero .hero--content .banner-logo img {
		max-width: 80px;
	}

	#global-hero .hero--content .content p {
		width: 100%;
	}

	#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) {
	
	div.wpforms-container .wpforms-form .wpforms-field {
		width: 100%;
	}
	
	#wpforms-615-field_2-container {
		position: relative;
		margin: 0;
	}
	
	#contact-block form .wpcf7-submit {
		margin-top: 10px;
    	margin-bottom: 40px;
	}

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

}