/* #Site Styles
================================================== */
/* ----- Site fonts -----
/* –––––– Feature Font
// Bold
font-family: 'Montserrat', sans-serif;
font-weight: 700;
/* –––––– Bodycopy Font
// Light
font-family: 'Montserrat', sans-serif;
font-weight: 300;
// Regular
font-family: 'Montserrat', sans-serif;
font-weight: 400;
---------------------- */
.tick-bullets p {
padding-left: 40px;
}
.bg-white.overlay {
background: #fff;
}
.bg-teal.overlay {
background: #5CC092;
}
.bg-midteal.overlay {
background: #46998F;
}
.bg-darkteal.overlay {
background: #0E6866;
}
.bg-orange.overlay {
background: #E28A4A;
}
.bg-grey.overlay {
background: #303742;
}
.heading-white h1,
.heading-white h2,
.heading-white h3,
.heading-white h4 {
color: #fff;
}
.heading-black h1,
.heading-black h2,
.heading-black h3,
.heading-black h4 {
color: #000;
}
.heading-teal h1,
.heading-teal h2,
.heading-teal h3,
.heading-teal h4 {
color: #5CC092;
}
.heading-midteal h1,
.heading-midteal h2,
.heading-midteal h3,
.heading-midteal h4 {
color: #46998F;
}
.heading-darkteal h1,
.heading-darkteal h2,
.heading-darkteal h3,
.heading-darkteal h4 {
color: #0E6866;
}
.heading-orange h1,
.heading-orange h2,
.heading-orange h3,
.heading-orange h4 {
color: #E28A4A;
}
.heading-grey h1,
.heading-grey h2,
.heading-grey h3,
.heading-grey h4 {
color: #303742;
}
.heading-white .tick-bullets.white ul li::before {
background-image: url(../assets/svg/icon-tick-white.svg);
}
.heading-black .tick-bullets.white ul li::before {
background-image: url(../assets/svg/check-black.svg);
}
.heading-teal .tick-bullets.white ul li::before {
background-image: url(../assets/svg/check-teal.svg);
}
.heading-midteal .tick-bullets.white ul li::before {
background-image: url(../assets/svg/check-midteal.svg);
}
.heading-darkteal .tick-bullets.white ul li::before {
background-image: url(../assets/svg/check-darkteal.svg);
}
.heading-orange .tick-bullets.white ul li::before {
background-image: url(../assets/svg/check-orange.svg);
}
.heading-grey .tick-bullets.white ul li::before {
background-image: url(../assets/svg/check-grey.svg);
}
.para-white p,
.para-white strong,
.para-white li {
color: #fff;
}
.para-black p,
.para-black strong,
.para-black li {
color: #000;
}
.para-teal p,
.para-teal strong,
.para-teal li {
color: #5CC092;
}
.para-midteal p,
.para-midteal strong,
.para-midteal li {
color: #46998F;
}
.para-darkteal p,
.para-darkteal strong,
.para-darkteal li {
color: #0E6866;
}
.para-orange p,
.para-orange strong,
.para-orange li {
color: #E28A4A;
}
.para-grey p,
.para-grey strong,
.para-grey li {
color: #303742;
}
.location-bullets.tick-bullets p {
padding-left: 0px !important;
}
.location-bullets.tick-bullets ul li {
font-size: 1rem;
}
.flexible-layout-master a:not(.read-more):not(nav a):not(.box-link)::before {
transform: none;
width: 0%;
}
.para-white a {
border-bottom: 1px solid #fff;
}
.para-black a {
border-bottom: 1px solid #000;
}
.para-teal a {
border-bottom: 1px solid #5CC092;
}
.para-midteal a {
border-bottom: 1px solid #46998F;
}
.para-darkteal a {
border-bottom: 1px solid #0E6866;
}
.para-orange a {
border-bottom: 1px solid #E28A4A;
}
.para-grey a {
border-bottom: 1px solid #303742;
}
@media all and (max-width: 1300px) {
.mega-menu .dropbtn {
top: -3px !important;
}
}
@media all and (min-width: 768px) and (max-width: 959px) {
.mega-menu .dropbtn {
top: -11px !important;
}
}
@media all and (max-width: 768px) {
.mega-menu .dropbtn {
top: -11px !important;
}
.read-more.plus .icon {
right: 7px !important;
}
.mega-menu .read-more.dropbtn {
margin-top: 2px !important;
min-width: 104px;
padding-right: 17px;
}
}
@media all and (max-width: 1024px) {
.mega-menu .read-more.dropbtn {
margin-top: 22px !important;
}
}
.centre-text-vertical {
margin: auto;
}
.sub-menu .icon.white {
width: 20px;
}
@media (max-width: 767px) {
.menu-item {
max-width: 294px;
}
.mega-menu .menu-dropdown ul li {
font-size: 1rem !important;
}
}
/* updated contact page stypling July 2023 */
.forminator-ui#forminator-module-816.forminator-design--default .forminator-label {
display: none !important;
}
.band.banner-contact h1 {
margin-bottom: 50px;
}
.band.banner-contact .contact-phone {
position: relative;
padding-top: 50px;
margin-top: 30px;
}
.band.banner-contact .contact-phone::before {
content: '';
position: absolute;
width: 26%;
height: 1px;
top: 0;
left: 0;
background-color: #fff;
}
.form-wrap .forminator-ui#forminator-module-816.forminator-design--default .forminator-textarea {
background-color: transparent;
padding: 20px;
}
.band.banner-contact .contact-phone div p {
margin-bottom: 8px;
}
.form-wrap .forminator-ui#forminator-module-816.forminator-design--default .forminator-error-message,
.form-wrap .forminator-ui#forminator-module-816.forminator-design--default .forminator-is_hover .forminator-textarea,
.form-wrap .forminator-ui#forminator-module-816.forminator-design--default .forminator-is_active .forminator-textarea {
background-color: transparent;
}
.form-wrap.general-enquiry-form.form-active .forminator-input,
.contact-forms .form-wrap .forminator-input {
padding: 20px !important;
box-sizing: border-box;
}
.form-wrap.general-enquiry-form.form-active .forminator-input:focus::placeholder {
color: transparent !important;
}
.forminator-ui#forminator-module-816.forminator-design--default .forminator-input,
.forminator-ui#forminator-module-816.forminator-design--default .forminator-input input {
font-size: 16px !important;
}
.forminator-ui#forminator-module-816.forminator-design--default .forminator-input::placeholder {
font-size: 16px !important;
}
.forminator-ui#forminator-module-816.forminator-design--default .forminator-textarea {
font-size: 16px !important;
}
textarea::placeholder {
color: #fff !important;
font-size: 16px !important;
}
.form-wrap .forminator-ui.forminator-custom-form[data-design=default] .forminator-has_error .forminator-error-message {
display: block;
position: absolute;
margin-top: -5px;
font-size: 13px !important;
}
.form-wrap .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) {
margin-bottom: 20px !important;
}
.forminator-hidden {
height: 0;
}
.banner-contact .contact-phone>div {
margin-bottom: 30px;
}
.banner-contact .contact-subheading {
padding-right: 80px;
}
footer .cta {
margin-bottom: 50px !important;
}
.band.banner-contact .form-wrap .forminator-row-last .forminator-col,
.cta .form-wrap .forminator-row-last .forminator-col {
justify-content: end;
margin-top: 0;
}
.form-wrap .forminator-row-last .forminator-col .forminator-button-submit.speech-icon {
padding: 15px 100px 15px 20px;
background-color: #E28A4A;
width: auto;
display: block;
position: relative;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button-submit.speech-icon:hover {
background-color: transparent;
color: #fff;
}
.cta form.forminator-custom-form {
margin-top: 0 !important;
}
.cta div.forminator-custom-form {
display: none !important;
}
.forminator-custom-form {
display: block !important;
}
input:focus::placeholder {
color: transparent !important;
}
.form-wrap .forminator-row-last .forminator-col .forminator-button-submit.speech-icon::after {
content: '';
position: absolute;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
right: 20px;
height: 100%;
width: 20px;
top: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button-submit.speech-icon:active::after,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button-submit.speech-icon:focus::after,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button-submit.speech-icon:hover::after {
background-image: url('data:image/svg+xml,');
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button-submit.speech-icon {
border: 1px solid #E28A4A;
right: 0;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:active,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:focus,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover {
box-shadow: none;
border: 1px solid #5CC092;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
footer .general-enquiry-form form input {
border: 1px solid #fff;
}
@media (max-width: 767px) {
.full-vh {
height: calc(100vh - 66px) !important;
}
.band.banner-contact h1.font-size-1 {
margin-bottom: 30px;
}
.banner-contact .contact-subheading {
padding-right: 0px;
}
.band.banner-contact .contact-phone {
position: relative;
padding-top: 35px;
margin-top: 15px;
margin-bottom: 30px;
}
.band.banner-contact .contact-phone::before {
width: 40%;
}
textarea::placeholder {
font-size: 1rem !important;
}
.form-wrap.general-enquiry-form.form-active .forminator-input,
.form-wrap .forminator-textarea {
padding: 12px !important;
}
.form-wrap .forminator-row-last .forminator-col .forminator-button-submit.speech-icon {
padding: 12px 80px 12px 20px;
font-size: 20px !important;
}
footer .cta .font-size-2 {
font-size: 1.5rem !important;
}
footer .cta .font-size-2 br:last-child {
display: none;
}
}
:root {
--containerWidth: 1280px;
}
html {
overflow-y: scroll;
}
.anchor {
position: relative;
top: -100px
}
/* This offsets the height of the sticky header */
body {
background-color: #FFF;
color: #000;
margin: 0px;
animation: fadein 2s;
-moz-animation: fadein 2s;
/* Firefox */
-webkit-animation: fadein 2s;
/* Safari and Chrome */
-o-animation: fadein 2s;
/* Opera */
overflow: clip;
font-size: 18px;
line-height: 1.2;
}
body.fixed-position {
position: fixed;
}
/* ----- Start: Fancy page fade ----- */
@keyframes fadein {
0% {
opacity: 0.01;
}
1% {
opacity: 0;
}
50% {
opacity: 50;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadein {
/* Firefox */
0% {
opacity: 0.01;
}
1% {
opacity: 0;
}
50% {
opacity: 50;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadein {
/* Safari and Chrome */
0% {
opacity: 0.01;
}
1% {
opacity: 0;
}
50% {
opacity: 50;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadein {
/* Opera */
0% {
opacity: 0.01;
}
1% {
opacity: 0;
}
50% {
opacity: 50;
}
100% {
opacity: 1;
}
}
/* ----- End: Fancy page fade ----- */
/* Wordpress Admin Bar Fix */
#wpadminbar span.display-name {
color: #FFF;
}
#wpadminbar .ab-top-menu>li.hover>.ab-item span,
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus span,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item span,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus span {
color: #00b9eb;
}
/* Type */
h1.visually-hidden,
.visually-hidden {
font-size: 0;
width: 1px;
height: 1px;
display: inline-block;
overflow: hidden;
position: absolute !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
clip: rect(1px, 1px, 1px, 1px);
}
h1,
h2,
h3,
h4 {
color: inherit;
font-family: 'Denton Bold';
font-size: inherit;
line-height: 1;
font-weight: inherit;
}
p,
li,
span.accent,
label {
color: inherit;
font-family: 'Diagramm';
font-size: inherit;
line-height: 1.4;
font-weight: inherit;
}
.special {
font-family: 'Diagramm';
font-weight: 700;
}
strong,
b {
font-family: inherit;
font-weight: 700;
font-size: inherit;
line-height: inherit;
color: inherit;
}
a {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
text-decoration: none;
padding-bottom: 1px;
border-bottom: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
a:not(.read-more):not(nav a):not(.box-link):not(.ab-item)::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: #fff;
bottom: 0;
left: 0;
transform-origin: left;
transform: scaleX(0);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
a:not(.read-more):not(nav a):hover::before {
transform-origin: left;
transform: scaleX(1);
}
a.underlined {
border-bottom: 1px solid #fff;
}
a.underlined:hover {
color: #E28A4A;
border-bottom: 1px solid #E28A4A;
}
a.underlined:hover::before {
transform: none !important;
width: 0;
}
a.underlined::before {
transform: none !important;
width: 0;
display: none;
}
.font-size-1 {
font-size: 3.4375rem;
/* 55px */
}
.font-size-2 {
font-size: 2.5rem;
/* 40px */
}
.font-size-3 {
font-size: 2.125rem;
/* 34px */
}
.font-size-4 {
font-size: 1.875rem;
/* 30px */
}
.font-size-5 {
font-size: 1.75rem;
/* 28px */
}
.font-size-6 {
font-size: 1.5rem;
/* 24px */
}
.font-size-7 {
font-size: 1.375rem;
/* 22px */
}
.font-size-8 {
font-size: 1.25rem;
/* 20px */
}
.font-size-9 {
font-size: 1.188rem;
/* 19px */
}
.font-size-10 {
font-size: 1.125rem;
/* 18px */
}
.font-size-11 {
font-size: 2.5rem;
}
/* 40px */
.font-size-12 {
font-size: 4.5rem;
}
.font-size-13 {
font-size: 4rem;
}
.font-size-vlg {
font-size: 9rem;
}
.font-size-regular {
font-size: 1rem;
/* 16px */
}
.font-size-small {
font-size: 0.875rem;
/* 14px */
}
.weight-bold {
font-weight: 700;
}
.weight-semibold {
font-weight: 600;
}
.weight-regular {
font-weight: 400;
}
.weight-light {
font-weight: 300;
}
.txt-center {
text-align: center;
}
.txt-right {
text-align: right;
}
.txt-uppercase {
text-transform: uppercase;
}
.pointer {
cursor: pointer;
}
blockquote,
blockquote p {
font-family: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
border: none;
padding: 0;
font-style: normal;
}
/* Misc */
img {
display: block;
max-width: 100%;
height: auto;
}
.hide-desktop {
display: none !important;
}
.wrap {
position: relative;
display: block;
}
a.box-link,
button.box-link,
input[type="submit"].box-link {
position: absolute;
top: 0px;
left: 0px;
display: block;
border: none;
height: 100%;
width: 100%;
z-index: 1000;
background: transparent url('../assets/box-link.png');
}
/* Video wrapper */
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-wrapper.hide {
display: none;
}
.video-wrapper .play-icon {
z-index: 10;
cursor: pointer;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.band.large-video .play-icon img {
margin-left: 15px;
height: 100px;
width: 100px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.large-video .play-icon p {
margin-bottom: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.video-wrapper .play-icon:hover img {
transform: scale(1.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.video-wrapper .play-icon:hover p {
color: #E28A4A;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.video-wrapper-no-pad {
padding-top: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Transitions */
.fade-2 {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fade-3 {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Begins Flex */
.flex,
.container .column.flex,
.container .columns.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-ms-flex-direction: row;
}
/* Breaks Content To Multiple Line */
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* Vertical Alignments */
.flex-align-c {
/* Centred */
-ms-flex-align: center;
align-items: center;
}
.flex-align-s {
/* Top (Default) */
align-items: flex-start;
-ms-flex-align: start;
}
.flex-align-e {
/* Bottom */
align-items: flex-end;
-ms-flex-align: end;
}
/* Horizontal Alignments */
.flex-justify-c {
/* Centred */
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.flex-justify-sb {
/* Justified */
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.flex-justify-se {
/* Centred Evenly (Not Supported in IE) */
justify-content: space-evenly;
-webkit-justify-content: space-evenly;
}
.flex-justify-fs {
/* Left (Default) */
-ms-flex-align: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.flex-justify-fe {
/* Right */
-ms-flex-align: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.flex-col {
flex-direction: column !important;
-ms-flex-direction: column !important;
}
/* Background Shapes */
.shape {
position: absolute;
pointer-events: none;
}
.shape img {
max-width: none;
width: 100%;
}
/* Position */
.relative {
position: relative;
}
.static {
position: static !important;
}
.inline-block {
display: inline-block;
}
.absolute {
position: absolute;
}
.mid {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.full {
width: 100%;
height: 100%;
max-width: 100%;
top: 0;
left: 0;
padding-left: 0;
padding-right: 0;
}
.fixed.full {
height: 100vh;
}
@media screen and (max-width: 1919px) {
.full-vh {
height: calc(100vh - 80px) !important;
}
}
/* Z-Index */
.z1 {
z-index: 1;
}
.z2 {
z-index: 2;
}
.z3 {
z-index: 3;
}
.z4 {
z-index: 4;
}
.z5 {
z-index: 5;
}
.z6 {
z-index: 6;
}
.z7 {
z-index: 7;
}
/* Overflow */
.band.overflow-v,
.overflow-v {
overflow: visible !important;
}
.band.overflow-h,
.overflow-h {
overflow: hidden !important;
}
/* Background & Border */
.bg-transparent {
background-color: transparent;
}
.bg-white {
background-color: #fff;
}
.bg-black {
background-color: #222223;
}
.bg-orange {
background-color: #f0b323;
}
.bg-grey {
background-color: #eff0e8;
}
.bd-white {
border: 1px solid #fff;
}
.bd-black {
border: #000 1px solid;
}
.bd-teal {
border: #5CC092 1px solid;
}
.bd-midteal {
border: #46998F 1px solid;
}
.bd-darkteal {
border: #0E6866 1px solid;
}
.bd-orange {
border: #E28A4A 1px solid;
}
.bd-grey {
border: #303742 1px solid;
}
.bd-green {
border: #088177 1px solid;
}
.no-bottom-bd {
border-bottom: none !important;
}
.no-top-bd {
border-top: none !important;
}
.no-left-bd {
border-left: none !important;
}
.no-right-bd {
border-right: none !important;
}
.bg-white-hov:hover {
background: #fff;
}
.bg-black-hov:hover {
background: #000;
}
.bg-orange-hov:hover {
background: #f0b323;
}
.bg-transparent-hov:hover {
background: transparent;
}
.bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg-image-tr {
background-position: right top;
background-repeat: no-repeat;
background-size: contain;
}
.overlay {
background: rgb(48, 55, 66);
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.overlay.gradient {
background: rgb(48, 55, 66);
background: -moz-linear-gradient(0deg, rgba(48, 55, 66, 1) 0%, rgba(48, 55, 66, 0) 67%);
background: -webkit-linear-gradient(0deg, rgba(48, 55, 66, 1) 0%, rgba(48, 55, 66, 0) 67%);
background: linear-gradient(0deg, rgba(48, 55, 66, 1) 0%, rgba(48, 55, 66, 0) 67%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#303742", endColorstr="#303742", GradientType=1);
}
.video-overlay.overlay {
z-index: 1;
}
/* Text Colour */
.txt-white,
.txt-white-hov:hover {
color: #fff;
}
.txt-black,
.txt-black-hov:hover {
color: #222223;
}
.txt-orange,
.txt-orange-hov:hover {
color: #f0b323;
}
.txt-grey,
.txt-grey-hov:hover {
color: #eff0e8;
}
.txt-faded-hov:hover {
opacity: 0.7;
}
/* Transitions */
.trans {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* Forms */
input,
button {
all: unset;
}
select {
-webkit-appearance: none;
}
input[type="text"],
input[type="email"],
select,
textarea {
background: transparent;
border-radius: 0;
border: none;
border-bottom: 1px solid #222223;
padding: 0 5px 10px 5px;
color: #222223;
width: 100%;
font-family: 'Diagramm', sans-serif;
font-size: 1rem;
}
input[type="search"] {
color: #fff;
font-size: 22px;
font-family: 'Diagramm', sans-serif;
}
input::placeholder {
color: #8c8c8d !important;
font-family: 'Diagramm', sans-serif !important;
font-size: 1.125rem !important;
}
select::-ms-expand {
display: none;
}
select option {
color: #303742;
}
/* Read More Buttons */
.read-more {
font-family: 'Diagramm', sans-serif;
outline: none !important;
box-shadow: none !important;
text-shadow: none !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: inline-flex;
align-items: center;
gap: 10px;
min-width: 180px;
padding: 14.5px 30px 14.5px 30px;
position: relative;
cursor: pointer;
border-radius: 40px;
border: solid 1px transparent;
}
.read-more-icon {
width: 16px !important;
height: 16px !important;
}
.read-more p {
margin: 0;
text-align: center;
}
.read-more.plus .icon {
width: 15px;
position: absolute;
top: 53%;
right: 40px;
transform: translate(0, -50%);
}
.read-more.speech .icon {
width: 18px;
position: absolute;
top: 53%;
right: 30px;
transform: translate(0, -50%);
}
.read-more.phone .icon {
width: 18px;
position: absolute;
top: 53%;
right: 35px;
transform: translate(0, -50%);
}
.read-more.plus .icon .plus-line,
.read-more.speech .icon .speechblock,
.read-more.phone .icon svg path {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.read-more.plus .icon.grey .plus-line {
stroke: #303742;
}
.read-more.speech .icon.grey .speechblock {
fill: #303742;
}
.read-more.plus .icon.darkblue .plus-line {
stroke: #101F33;
}
.read-more.speech .icon.darkblue .speechblock {
fill: #101F33;
}
.read-more.plus .icon.white .plus-line {
stroke: #ffffff;
}
.read-more.speech .icon.white .speechblock {
fill: #ffffff;
}
.read-more.plus .icon.teal .plus-line {
stroke: #5CC092;
}
.read-more.speech .icon.teal .speechblock {
fill: #5CC092;
}
.read-more.plus .icon.midteal .plus-line {
stroke: #46998F;
}
.read-more.speech .icon.midteal .speechblock {
fill: #46998F;
}
.read-more.plus .icon.orange .plus-line {
stroke: #E28A4A;
}
.read-more.speech .icon.orange .speechblock {
fill: #E28A4A;
}
.read-more.plus:hover .icon.grey-hov .plus-line {
stroke: #303742;
}
.read-more.phone:hover .icon.grey-hov svg path {
fill: #303742;
}
.read-more.speech:hover .icon.grey-hov .speechblock {
fill: #303742;
}
.read-more.plus:hover .icon.darkblue-hov .plus-line {
stroke: #101F33;
}
.read-more.speech:hover .icon.darkblue-hov .speechblock {
fill: #101F33;
}
.read-more.plus:hover .icon.white-hov .plus-line {
stroke: #ffffff;
}
.read-more.speech:hover .icon.white-hov .speechblock {
fill: #ffffff;
}
.read-more.plus:hover .icon.teal-hov .plus-line {
stroke: #5CC092;
}
.read-more.speech:hover .icon.teal-hov .speechblock {
fill: #5CC092;
}
.read-more.phone:hover .icon.teal-hov svg path {
fill: #5CC092;
}
.read-more.plus:hover .icon.midteal-hov .plus-line {
stroke: #46998F;
}
.read-more.speech:hover .icon.midteal-hov .speechblock {
fill: #46998F;
}
.read-more.plus:hover .icon.orange-hov .plus-line {
stroke: #f0b323;
}
.read-more.speech:hover .icon.orange-hov .speechblock {
fill: #f0b323;
}
.read-more.phone:hover .icon.orange-hov svg path {
fill: #f0b323;
}
.read-more.arrow.grey .icon.arrow .arrow-line {
stroke: #303742;
}
/* header .read-more.phone:first-child {
padding-right: 29px;
} */
.read-more.plus.small {
padding: 19px 40px 17px 29px;
min-width: auto;
}
.read-more.plus.small .icon {
right: 0;
}
.read-more.arrow {
padding: 0 40px 0 0;
margin-bottom: 10px;
}
.read-more.arrow .icon.arrow {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
width: 17px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.read-more.arrow:hover .icon.arrow {
right: -5px;
}
.read-more.no-pad-left {
padding-left: 0;
}
.read-more.no-pad-right {
padding-right: 0;
}
.subheader .read-more.no-pad-right p {
padding-right: 70px;
}
.band.text-left .subheader .read-more.no-pad-right.no-pad-left {
margin-top: 10px;
}
.band.text-left .subheader .read-more.plus.no-pad-right.no-pad-left .icon {
top: 54%;
}
.read-more.no-min-width {
min-width: unset;
}
.read-more.long {
min-width: 260px;
text-align: left;
}
/* Popups */
.popup-overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.7);
z-index: 10000000;
}
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
width: 80%;
max-height: 80%;
z-index: 10000001;
display: none;
max-width: 1400px;
}
.popup.popup-video .popup-close {
position: absolute;
top: -50px;
right: -50px;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
z-index: 100;
cursor: pointer;
pointer-events: auto;
width: 25px;
height: 25px;
}
.popup:not(.popup-video) .popup-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 100;
cursor: pointer;
pointer-events: auto;
width: 25px;
height: 25px;
}
.popup:not(.popup-video) {
padding: 70px;
overflow-y: scroll;
}
/* Accordion */
.accordion-wrap {
padding-top: 30px;
}
.accordion-item {
border-top: 2px solid rgba(30, 26, 52, 0.2);
}
.accordion-head {
padding: 40px 100px;
cursor: pointer;
}
.accordion-head:hover svg {
transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.accordion-head svg {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.accordion-head .arrow {
width: 50px;
margin-left: auto;
}
.accordion-head h3 {
margin: 0px;
}
.open .accordion-head .arrow {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.accordion-content {
padding: 20px 100px 40px 100px;
display: none;
}
.first .accordion-content {
display: block;
}
/* ::::::::: ScrollTrigger Animations ::::::::: */
.anim {
-webkit-transition: transform 0.8s ease-in-out, opacity 0.8s ease;
-moz-transition: transform 0.8s ease-in-out, opacity 0.8s ease;
-o-transition: transform 0.8s ease-in-out, opacity 0.8s ease;
transition: transform 0.8s ease-in-out, opacity 0.8s ease;
opacity: 0;
}
.anim.enable {
opacity: 1;
}
.zoom-in {
transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
}
.fade-up {
transform: translate(0%, 100px);
-ms-transform: translate(0%, 100px);
-webkit-transform: translate(0%, 100px);
-moz-transform: translate(0%, 100px);
}
.fade-down {
transform: translate(0%, -100px);
-ms-transform: translate(0%, -100px);
-webkit-transform: translate(0%, -100px);
-moz-transform: translate(0%, -100px);
}
.fade-left {
transform: translate(-100px, 0%);
-ms-transform: translate(-100px, 0%);
-webkit-transform: translate(-100px, 0%);
-moz-transform: translate(-100px, 0%);
}
.fade-up-left {
transform: translate(100px, 100px);
-ms-transform: translate(100px, 100px);
-webkit-transform: translate(100px, 100px);
-moz-transform: translate(100px, 100px);
}
.fade-down-left {
transform: translate(100px, -100px);
-ms-transform: translate(100px, -100px);
-webkit-transform: translate(100px, -100px);
-moz-transform: translate(100px, -100px);
}
.fade-right {
transform: translate(-100px, 0%);
-ms-transform: translate(-100px, 0%);
-webkit-transform: translate(-100px, 0%);
-moz-transform: translate(-100px, 0%);
}
.fade-up-right {
transform: translate(-100px, 100px);
-ms-transform: translate(-100px, 100px);
-webkit-transform: translate(-100px, 100px);
-moz-transform: translate(-100px, 100px);
}
.fade-down-right {
transform: translate(-100px, -100px);
-ms-transform: translate(-100px, -100px);
-webkit-transform: translate(-100px, -100px);
-moz-transform: translate(-100px, -100px);
}
.fade-left {
transform: translate(100px, 0%);
-ms-transform: translate(100px, 0%);
-webkit-transform: translate(100px, 0%);
-moz-transform: translate(100px, 0%);
}
.fade-up.enable,
.fade-down.enable,
.fade-right.enable,
.fade-left.enable,
.fade-up-left.enable,
.fade-down-left.enable,
.fade-up-right.enable,
.fade-down-right.enable {
transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
}
.zoom-in.enable {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
/* #Page Styles
================================================== */
/* ::::::::: Global Styles ::::::::: */
.band {
width: 100vw;
margin: 0px auto;
padding: 100px 0px;
}
/* Margin */
.margin-top {
margin-top: 40px;
}
.margin-bottom {
margin-bottom: 40px;
}
.margin-center {
margin: 0 auto;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.no-margin {
margin: 0 !important;
}
.breadcrumb {
display: none;
}
.breadcrumb.no-margin {
margin-bottom: 1px;
}
/* Padding */
.padding-top {
padding-top: 50px;
}
.padding-bottom {
padding-bottom: 50px;
}
section.no-pad-top {
padding-top: 0;
}
section.no-pad-bottom {
padding-bottom: 0;
}
.pad-top-430 {
padding-top: 430px;
}
.pad-top-400 {
padding-top: 400px;
}
.pad-top-250 {
padding-top: 250px;
}
.pad-top-50 {
padding-top: 50px !important;
}
.pad-top-100 {
padding-top: 100px !important;
}
.band.no-pad-bottom {
padding-bottom: 0;
}
/** Overflow at the top **/
.pad-bottom-600 {
padding-bottom: 600px;
}
.pad-bottom-450 {
padding-bottom: 450px;
}
.pad-bottom-380 {
padding-bottom: 380px;
}
.pad-bottom-50 {
padding-bottom: 50px !important
}
.pad-bottom-100 {
padding-bottom: 100px !important
}
section.pad-bottom-200 {
padding-bottom: 200px;
}
section.pad-top-200 {
padding-top: 200px;
}
.margin-top-500 {
margin-top: -500px;
}
.margin-top-360 {
margin-top: -360px
}
.margin-bottom-320 {
margin-bottom: -320px
}
.ie8 .band {
width: 100%;
}
.bodycopy ul {
list-style-type: none;
}
.bodycopy ul li,
.bodycopy ol li {
color: inherit;
padding-left: 25px;
margin-bottom: 15px;
font-size: inherit;
line-height: inherit;
}
.bodycopy ul li::before {
content: "\2022";
color: #303742;
font-weight: bold;
display: inline-block;
width: 20px;
margin-left: -20px;
font-size: 28px;
}
.bodycopy.txt-white ul li::before {
color: #fff;
}
.band .subheader .tick-bullets {
padding-top: 20px;
}
.tick-bullets ul li {
padding-left: 40px;
position: relative;
}
.tick-bullets ul li::before {
content: '';
position: absolute;
background-image: url('../assets/svg/icon-tick.svg');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
left: 0;
height: 25px;
width: 25px;
top: 17%;
}
.tick-bullets.white ul li::before {
background-image: url('../assets/svg/icon-tick-white.svg');
}
.bodycopy ol li {
list-style-type: decimal;
}
.bodycopy p {
margin-bottom: 20px;
}
.project-content .bodycopy p:has(strong) {
margin-bottom: 20px;
}
.project-content .bodycopy p,
.whats-included-bodycopy .bodycopy p {
margin-bottom: 15px;
}
.bodycopy h2,
.bodycopy h3,
.bodycopy h4 {
font-size: 28px;
line-height: 1.2;
margin-bottom: 20px;
font-weight: 700;
}
.bodycopy.txt-white h3,
.bodycopy.txt-white h4 {
color: #fff;
}
.bodycopy p a {
color: #f0b323;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.bodycopy p a:hover {
border-bottom: 1px solid #f0b323;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.subheader.txt-orange p strong {
color: #f0b323;
}
.subheader.txt-teal p strong {
color: #5CC092;
}
h3 {
margin-bottom: 30px;
}
.band-full-width p:not(.read-more p) {
padding-right: 0px;
}
.subheader p.breadcrumb {
padding-right: 0;
}
/* .project-content.text-right .bodycopy h3,
.project-content.text-right .bodycopy p,
.project-content.text-right .bodycopy ul
{padding-right: 0; padding-left: 80px;} */
/* Breadcrumb styles */
.band.breadcrumb.service-breadcrumbs {
padding: 50px 0;
margin-top: -50px;
z-index: 10;
position: relative;
}
/* .band.breadcrumb a:hover {color: #5CC092;} */
.band.breadcrumb a::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: #fff;
bottom: 0;
left: 0;
transform-origin: right;
transform: scaleX(0);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.breadcrumb a:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.band.breadcrumb.grey-breadcrumbs a::before {
background-color: #303742;
}
/* ::::::::: Header Styles ::::::::: */
header {
height: auto;
position: fixed;
width: 100%;
z-index: 90000;
background-color: #f3f4ef !important;
/* -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; */
}
header.sticky {
padding: 0;
height: auto;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
background: rgba(255, 255, 255, 0.9);
}
header.grey.stay-grey.sticky {
background-color: #fff;
}
header.grey.stay-grey.sticky.menu-open {
background-color: #303742;
}
header .logo {
width: 250px;
position: relative;
/* -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; */
}
/* header.sticky .logo {
width: 210px;
} */
/* header .logo .fade {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
} */
/* header.sticky .logo .fade { opacity: 0;} */
header .logo .logo-full,
header .logo .logo-scroll {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header .logo .logo-scroll,
header.sticky .logo .logo-full {
opacity: 0;
}
header.sticky .logo .logo-scroll,
header .logo .logo-full {
opacity: 1;
}
header .logo.fade-out .logo-full {
opacity: 0;
}
header .logo.fade-out .logo-scroll {
opacity: 1;
}
header .logo .logo-scroll {
position: absolute;
height: 57.2px;
top: 0;
}
header.sticky .logo .logo-scroll {
height: 52px;
}
header .button-wrap {
margin-left: auto;
}
header .button-wrap.left {
margin-right: auto;
margin-left: 0;
}
/* Header on a white background */
header .logo .uuid-ff766fe5-27dd-4a33-bb5d-98a8aff2e95c {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header.grey:not(.menu-open) .logo .uuid-ff766fe5-27dd-4a33-bb5d-98a8aff2e95c {
fill: #303742;
}
header.grey .txt-white {
color: #303742;
}
header.grey .phone svg path {
fill: #303742 !important;
}
header.grey .menu-line-1,
header.grey .menu-line-2,
header.grey .menu-line-3 {
stroke: #303742;
}
header.grey.menu-open .menu-line-1,
header.grey.menu-open .menu-line-2,
header.grey.menu-open .menu-line-3 {
stroke: #ffffff;
}
header.grey .read-more:hover {
color: #5CC092;
}
header.grey .read-more:hover .speechblock,
header.grey .read-more.phone:hover svg path {
fill: #5CC092 !important;
}
header.grey .mega-menu-button:hover {
color: #5CC092;
}
.read-more.phone.england:not(.active),
.read-more.phone.canadian:not(.active),
.phone.england:not(.active),
.phone.canadian:not(.active) {
display: none;
}
/* Header on a grey background */
header .logo .uuid-ff766fe5-27dd-4a33-bb5d-98a8aff2e95c {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header.white .logo .uuid-ff766fe5-27dd-4a33-bb5d-98a8aff2e95c {
fill: #303742;
}
header.white .txt-white {
color: #fff;
}
header.white .speechblock {
fill: #fff !important;
}
header.white .menu-line-1,
header.white .menu-line-2,
header.white .menu-line-3 {
stroke: #fff;
}
header.white .read-more:hover {
color: #5CC092;
}
header.white .read-more:hover .speechblock {
fill: #5CC092 !important;
}
header.white .mega-menu-button:hover {
color: #5CC092;
}
/* ---- Start: Mobile icon style & animation ---- */
header .mega-menu-button {
cursor: pointer;
margin-left: 20px;
}
header.menu-open .mega-menu-button p {
opacity: 0;
display: none;
}
header.menu-open .read-more {
display: none;
}
header.menu-open .top-header .read-more {
display: block;
}
header.menu-open .top-header .search-box {
visibility: hidden;
}
header .search-button {
display: none;
width: 15px;
height: 20px;
}
header .search-button svg {
width: 100%;
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header.menu-open .search-button {
display: block;
}
header .mega-menu-button svg {
display: block;
width: 23px;
}
header .mega-menu-button p {
display: none;
margin: 0 15px 0 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header .mega-menu-button line {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header .mega-menu-button.open .menu-line-3 {
opacity: 0;
transform: rotate(-45deg) translate(-12px, -2px);
}
header .mega-menu-button.open .menu-line-1 {
transform: rotate(45deg) translate(4px, -4px);
}
header .mega-menu-button.open .menu-line-2 {
transform: rotate(-45deg) translate(-12px, 7px);
}
header .mega-menu-button:hover .menu-line-3,
header .mega-menu-button:hover .menu-line-1,
header .mega-menu-button:hover .menu-line-2 {
stroke: #f0b323;
}
/* header .mega-menu-button {
display: none;
} */
.mega-menu {
width: 100%;
height: 100vh;
position: fixed;
overflow-y: scroll;
z-index: -1;
opacity: 0;
padding: 130px 0 50px 50px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.mega-menu.open {
z-index: 10000;
opacity: 1;
}
.mega-menu .container {
width: 90%;
}
.mega-menu .container .nav {
width: 45%;
margin: auto;
}
.mega-menu .contact {
width: auto;
padding: 70px 300px 70px 150px;
border: 1px solid;
border-right: 0;
}
.mega-menu .contact .contact-wrap {
text-align: center;
}
.mega-menu .contact p.weight-bold {
margin-top: 40px;
}
.mega-menu .contact p.weight-bold:first-child {
margin-top: 0;
}
.mega-menu .contact p {
margin: 0 0 10px 0;
}
.mega-menu .contact hr {
margin: 40px auto 0 auto;
width: 50%;
}
.mega-menu nav li {
font-size: 4.5rem;
line-height: 1.2;
position: relative;
}
.mega-menu nav a {
border: none;
}
.mega-menu nav a:hover {
border: none;
color: #E28A4A;
}
.mega-menu .menu-dropdown ul {
margin-left: 0;
padding: 20px 0 10px 0;
}
/* .mega-menu .menu-dropdown {display: none;} */
.mega-menu .menu-dropdown.show {
display: block;
margin-bottom: 30px;
}
.mega-menu .menu-dropdown ul li a {
width: 100%;
}
.mega-menu .read-more p span {
display: none;
}
.mega-menu .menu-dropdown .read-more.arrow {
margin-bottom: 0;
}
.mega-menu .menu-dropdown .read-more.arrow .icon.arrow {
width: 20px;
}
.mega-menu .dropbtn.clicked .icon svg .animate-line {
transform: rotateX(90deg);
transform-origin: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.mega-menu .dropbtn {
position: absolute;
top: 0px;
}
.mega-menu .dropbtn.plus .icon {
top: 35%;
}
.mega-menu .menu-dropdown ul li {
line-height: 1;
}
.mega-menu .dropbtn.clicked a.fade {
opacity: 0.3;
}
.menu-dropdown {
display: none;
transition: all 0.3s ease;
}
.menu-dropdown.open {
display: block;
}
/* Mega menu search styles */
header.menu-open .search-box.open .searchform {
margin-bottom: 0;
width: 300px;
margin-right: 10px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header .search-box .searchform {
margin-bottom: 0;
width: 0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header .search-box .searchform input {
padding: 0;
margin-bottom: 0;
}
header.menu-open .search-box.open .searchform input {
margin-bottom: 0;
padding: 0 5px 0 5px;
}
/* New Main Nav */
header .button-wrap .show-mobile {
display: none;
}
header .main-menu .menu {
padding: 20px 0;
margin: 0;
}
header .main-menu .menu>li {
display: inline-block;
padding: 0 5px;
position: relative;
opacity: 1 !important;
margin: 0;
font-size: 18px;
}
header .main-menu .menu>li::after {
content: "/";
position: absolute;
left: 100%;
top: 0;
/* padding: 0 5px 0 10px; */
}
header .main-menu .menu>li:last-child::after,
header .main-menu .menu>li:nth-child(4)::after {
display: none;
}
header .main-menu .menu>li:hover>a {
color: #f0b323;
}
header .main-menu .menu>li>.sub-menu {
display: none;
margin: 0;
position: absolute;
top: 100%;
left: 50%;
background: #FFFFFF;
width: 100%;
z-index: 20;
padding: 40px 20px 20px 20px;
text-align: center;
min-width: 180px;
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 .main-menu .menu>li:first-child>.sub-menu {
min-width: 260px;
}
header .main-menu .menu>li:hover>.sub-menu {
display: block;
}
header .main-menu .menu>li:hover>.sub-menu>li {
padding: 3px 0;
}
header .main-menu .menu>li>.sub-menu>li:hover>a {
color: #f0b323;
}
@media screen and (min-width: 1024px) {
header .main-menu .menu>li.header-cta {
padding: 8px 20px 8px 20px;
border-radius: 30px;
margin-left: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
header .main-menu .menu>li.header-cta>a {
color: #FFFFFF;
}
}
@media screen and (min-width: 1140px) {
header .main-menu .menu>li {
padding: 0 15px;
}
}
header .main-menu .menu>li.menu-item-has-children>.dropbtn {
padding: 0;
min-width: 0;
right: -12px;
top: 4px;
}
header .main-menu .menu>li.menu-item-has-children>.menu-dropdown {
position: absolute;
left: auto;
right: 0;
background-color: #5cc092;
min-width: 400px;
margin-top: 10px;
}
header .main-menu .menu>li.menu-item-has-children>.menu-dropdown>.sub-menu {
margin: 0;
padding: 30px 25px;
}
header .main-menu .menu>li.menu-item-has-children>.menu-dropdown>.sub-menu>li>a {
padding-right: 10px;
color: #FFFFFF;
width: 100%;
}
header .main-menu .menu>li.menu-item-has-children>.menu-dropdown>.sub-menu>li>a:hover {
color: #303742;
}
@media screen and (max-width: 1024px) {
header .button-wrap .show-mobile {
display: block;
}
header .button-wrap .hide-mobile {
display: none;
}
}
/* ---- End: Mobile icon style & animation ---- */
/* ::::::::: Homepage Styles ::::::::: */
.band-homebanner {
min-height: 100vh;
overflow: hidden;
position: relative;
padding: 0;
}
.band-homebanner .video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
padding: 0;
}
.band-homebanner iframe,
.band-homebanner video {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.band-homebanner .sixteen.columns {
padding-top: 290px;
}
.band-homebanner .read-more {
position: absolute;
left: 0;
bottom: 70px;
}
.band-homebanner h1 {
line-height: 68px;
margin: 0;
}
.band-homebanner .text-change .wrapper {
width: 100%;
margin-right: 30px;
position: relative;
height: 96px;
}
.band-homebanner .text-change .wrapper span {
position: absolute;
top: 0;
left: 0;
}
.band-homebanner .text-change .two,
.band-homebanner .text-change .three {
opacity: 0;
transform: translate(0, -100%);
}
.band-homebanner .sixteen.columns>p {
margin-top: -10px;
}
.band-homebanner .full-vh img {
width: auto;
min-width: 100%;
height: 100%;
object-fit: cover;
}
.band.text-left {
position: relative;
}
.band.text-left .read-more {
margin-top: 50px;
}
.band.text-left .bg-trigger {
position: absolute;
bottom: 0;
left: 0;
}
.scroll-arrow svg path {
stroke: #fff;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.scroll-arrow {
position: absolute;
bottom: 50px;
right: 50px;
width: 50px;
z-index: 100;
}
.scroll-arrow svg {
animation-duration: 5s;
animation-iteration-count: infinite;
animation-delay: 5s;
margin: 0 auto 0 auto;
transform-origin: bottom;
animation-name: bounce;
animation-timing-function: ease;
}
@keyframes bounce {
0% {
transform: scale(1, 1) translateY(0);
}
5% {
transform: scale(1.1, .9) translateY(0);
}
10% {
transform: scale(.9, 1.1) translateY(-20px);
}
15% {
transform: scale(1.05, .95) translateY(0);
}
20% {
transform: scale(1, 1) translateY(-7px);
}
25% {
transform: scale(1, 1) translateY(0);
}
50% {
transform: scale(1, 1) translateY(0);
}
100% {
transform: scale(1, 1) translateY(0);
}
}
/* Project Slider */
.band.featured-project-slider {
position: relative;
}
.band.featured-project-slider .section-title {
margin-bottom: 40px;
}
.band.featured-project-slider .section-title h2 {
margin: 0;
}
.band.featured-project-slider .project-slider {
width: calc(100vw - ((100vw - var(--containerWidth))/2));
position: relative;
padding-bottom: 50px;
}
.band.featured-project-slider .glide__slide,
.band .projects-wrap .project-card,
.band.projects-wrap .thought-card,
.band.thoughts .projects-wrap article {
padding: 15px;
}
.band.featured-project-slider .glide__slide p,
.band .projects-wrap .project-card p {
position: relative;
margin-bottom: 10px;
}
.band.featured-project-slider .glide__slide .on-hover,
.band.client-testimonials .on-hover,
.band .projects-wrap .project-card .on-hover {
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.featured-project-slider .glide__slide .overlay.gradient,
.band .projects-wrap .project-card .overlay.gradient {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.featured-project-slider .glide__slide .on-hover p,
.band .projects-wrap .project-card .on-hover p {
margin-bottom: 10px;
}
.band.featured-project-slider .glide__slide:hover .overlay.gradient,
.band .projects-wrap .project-card:hover .overlay.gradient {
background: #B46026;
opacity: 0.8;
}
.band.featured-project-slider .glide__slide:hover .on-hover,
.band .projects-wrap .project-card:hover .on-hover {
opacity: 1;
}
.full-width-slider .glide__slide img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
/* Slider Arrows */
.full-width-slider .glide__arrows {
display: none;
}
.band.csr .glide__arrows .glide__arrow,
.band.featured-project-slider .glide__arrows .glide__arrow,
.full-width-slider .glide__arrows .glide__arrow,
.center-slider .glide__arrows .glide__arrow,
.vacancy-slider .glide__arrows .glide__arrow {
border: none;
border-radius: 0;
width: 60px;
right: 0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0;
}
.center-slider .glide__arrows .glide__arrow.glide__arrow--left,
.full-width-slider .glide__arrows .glide__arrow.glide__arrow--left {
left: 0;
}
.band.featured-project-slider .glide__arrows .glide__arrow {
right: 10px;
}
/* .glide__arrow--left {
left: 0!important;
} */
.band.csr .glide__arrows .glide__arrow:hover,
.band.featured-project-slider .glide__arrows .glide__arrow:hover,
.full-width-slider .glide__arrows .glide__arrow:hover,
.center-slider .glide__arrows .glide__arrow:hover {
width: 70px;
}
.band.csr .glide__arrows .glide__arrow svg,
.band.featured-project-slider .glide__arrows .glide__arrow svg,
.center-slider .glide__arrows .glide__arrow svg {
width: 100%;
}
.full-width-slider.glide--carousel .glide__arrows {
display: block;
}
/* Slider Bullets */
.band.featured-project-slider .glide__bullets {
width: calc(100vw - ((100vw - var(--containerWidth))/2) - 100px);
left: 0;
bottom: 0;
transform: none;
}
.band.vacancies-band .glide__bullets {
width: 100%;
left: 0;
bottom: -20px;
transform: none;
}
.band.vacancies-band article {
max-width: 32%;
}
.band.featured-project-slider .glide__bullets .glide__bullet,
.band.vacancies-band .glide__bullets .glide__bullet {
height: 2px;
background-color: #101F33;
opacity: 0.3;
width: 100%;
border-radius: 0;
border: none;
margin: 0;
}
.band.featured-project-slider .glide__bullets .glide__bullet:hover,
.band.vacancies-band .glide__bullets .glide__bullet:hover {
background-color: #101F33;
border: none;
}
.band.featured-project-slider .glide__bullets .glide__bullet--active,
.band.vacancies-band .glide__bullets .glide__bullet--active {
opacity: 1;
}
.band.what-we-do {
padding-bottom: 0;
}
.band.what-we-do h3 {
margin-bottom: 30px;
}
.band.what-we-do p:not(.read-more p):not(.item p) {
padding-right: 200px;
}
.band.what-we-do .read-more {
margin-top: 20px;
}
.band.what-we-do .seven.columns {
padding-bottom: 200px;
padding-top: 40px;
}
.band.what-we-do .eight.columns {
padding: 50px 50px 100px 50px;
margin-right: 50px;
}
.band.what-we-do .eight.columns .item {
cursor: pointer;
position: relative;
}
.band.what-we-do .eight.columns .item .icon {
width: 50px;
margin-right: 25px;
}
.band.what-we-do .eight.columns .item p {
margin: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.what-we-do .eight.columns .item svg {
width: 25px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.what-we-do .eight.columns .item:hover svg {
transform: scale(1.3);
}
.band.large-image {
position: relative;
}
.band.large-image .white-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25%;
}
.band.large-image img {
width: 100%;
}
/* --- Client slider ---- */
.band.client-scroller {
overflow-x: visible;
}
.band.client-scroller .client-wrapper {
margin-top: 50px;
}
.band.client-scroller .client-wrapper .glide__track {
padding-bottom: 60px;
}
.band.client-scroller .client-wrapper .logo-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.band.client-scroller .client-wrapper.no-slider {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.band.client-scroller .client-wrapper .logo {
width: auto;
max-height: 80px;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
margin-bottom: 80px;
margin-right: 90px;
}
.band.client-scroller .client-wrapper.no-slider .logo img {
margin: 0 auto;
}
.band.client-scroller .client-wrapper.no-slider .logo:nth-child(6) {
margin-left: 0;
}
.band.client-scroller .client-wrapper .logo:nth-child(4n) {
margin-right: 0;
}
/* .band.client-scroller .client-wrapper .logo:nth-child(6) { margin-left: 100px;} */
.band.client-scroller .client-wrapper .logo:nth-child(7) {
margin-left: 50px;
}
.band.client-scroller .client-wrapper .logo img {
max-width: 220px;
width: 100%;
height: 100%;
max-height: 60px;
}
.band.client-scroller .client-wrapper .logo.height-30 img {
max-height: 30px;
}
.band.client-scroller .client-wrapper .logo.height-40 img {
max-height: 40px;
}
.band.client-scroller .client-wrapper .logo.height-50 img {
max-height: 50px;
}
.band.client-scroller .client-wrapper .logo.height-60 img {
max-height: 60px;
}
.band.client-scroller .client-wrapper .logo.height-80 img {
max-height: 80px;
}
.band.client-scroller .client-wrapper.no-slider .logo.no-height img {
max-height: unset;
}
.band.client-scroller .client-wrapper .logo.no-height img {
max-height: 150px;
max-width: unset;
height: 150px;
}
/* Generic logos */
.section-title+.logos {
margin-top: 5rem;
}
.logos {
display: grid;
gap: 3rem;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
.logos-item {
align-items: center;
display: grid;
justify-content: center;
}
.logos-item img {
height: auto;
max-height: 5rem;
max-width: 10rem;
width: auto;
}
.logos-item-temp img {
filter: invert();
opacity: 0.2;
}
/* Slider arrows */
.band.client-scroller .client-wrapper .glide__arrows {
margin-top: 50px;
}
.band.client-scroller .client-wrapper .glide__arrows .glide__arrow {
border: none;
border-radius: 0;
width: 35px;
top: unset;
transform: none;
text-shadow: none;
box-shadow: none;
padding-right: 0;
opacity: 0.5;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.client-scroller .client-wrapper .glide__arrows .glide__arrow:hover {
opacity: 1;
}
.band.client-scroller .client-wrapper .glide__arrow--right {
right: 0;
}
.band.client-scroller .client-wrapper .glide__arrow--left {
right: 50px;
left: unset;
}
/* Slider bullets */
.band.client-scroller .glide__bullets {
width: 100%;
bottom: 40px;
}
.band.client-scroller .glide__bullets .glide__bullet {
height: 2px;
background-color: #fff;
opacity: 0.3;
width: 100%;
border-radius: 0;
border: none;
margin: 0;
}
.band.client-scroller .glide__bullets .glide__bullet:hover {
background-color: #fff;
border: none;
}
.band.client-scroller .glide__bullets .glide__bullet--active {
opacity: 1;
}
/* --- Client Testimonials Slider ---- */
.band.client-testimonials .client-testimonial .glide__slides {
transform: translate3d(0, 0, 0) !important;
}
.band.client-testimonials .client-testimonial .glide__slide {
position: absolute;
top: 0;
left: 0;
order: 2;
transition: opacity 900ms ease-in-out;
opacity: 0;
}
.band.client-testimonials .client-testimonial .glide__slide.glide__slide--active {
position: relative;
order: 1;
opacity: 1;
z-index: 1;
}
.band.client-testimonials .client-testimonial .container {
padding-top: 100px;
}
.band.client-testimonials .client-testimonial .image {
position: absolute;
top: 0;
left: 0;
max-width: 620px;
width: 100%;
z-index: 10;
}
.band.client-testimonials .client-testimonial .image img {
width: 100%;
}
.band.client-testimonials .client-testimonial .nine.columns {
padding: 85px 100px 180px 140px;
}
.band.client-testimonials .client-testimonial .speech-mark,
.band.client-testimonials .vertical-slider .speech-mark {
margin-bottom: 30px;
width: 40px;
}
.band.client-testimonials .client-testimonial blockquote,
.band.client-testimonials .vertical-slider blockquote {
margin-bottom: 40px;
}
.band.client-testimonials .client-testimonial .client-logo,
.band.client-testimonials .vertical-slider .client-logo {
max-width: 130px;
margin-top: 30px;
}
.band.client-testimonials .client-testimonial .image:hover .overlay.gradient {
background: #E28A4A;
opacity: 0.8;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.client-testimonials .client-testimonial .overlay.gradient {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.client-testimonials .client-testimonial .image:hover .on-hover {
opacity: 1;
}
.band.client-testimonials .client-testimonial .on-hover {
position: absolute;
bottom: 30px;
}
.band.client-testimonials.flexible-content-band .client-testimonial .nine.columns {
padding-bottom: 110px;
}
/* Slider arrows */
.band.client-testimonials .nine.columns {
position: relative;
}
.band.client-testimonials .glide__arrow {
border: none;
border-radius: 0;
width: 35px;
top: unset;
bottom: 50px;
transform: none;
text-shadow: none;
box-shadow: none;
padding: 0 0 0 20px;
opacity: 0.5;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.client-testimonials .glide__arrow svg {
width: 20px;
}
.band.client-testimonials .glide__arrows .glide__arrow:hover {
opacity: 1;
}
.band.client-testimonials .glide__arrow--right {
right: unset;
left: 190px;
}
.band.client-testimonials .glide__arrow--left {
left: 140px;
}
.band.client-testimonials.bg-white .glide__arrow svg polyline {
stroke: #303742;
}
/* News Slider */
.band.featured-project-slider .news-slider {
width: calc(100vw - ((100vw - var(--containerWidth))/2));
position: relative;
padding-bottom: 50px;
}
.band.featured-project-slider .news-slider .glide__slide .overlay.gradient,
.projects-wrap .project-card.teal-overlay .overlay.gradient {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
background: #0E6866;
opacity: 0.8;
}
.band.featured-project-slider .news-slider .glide__slide:hover .overlay.gradient,
.projects-wrap .project-card.teal-overlay:hover .overlay.gradient {
background: #0E6866;
opacity: 0.9;
}
.band.featured-project-slider .news-slider p.font-size-9,
.projects-wrap .project-card.teal-overlay p.font-size-9 {
margin-bottom: 30px;
}
.band.band.featured-project-slider .news-slider .read-more {
padding-left: 0;
padding-bottom: 0;
}
.band.band.featured-project-slider .news-slider .read-more .icon {
top: unset;
transform: none;
bottom: 0;
}
.band.band.featured-project-slider .news-slider .read-more p {
margin-bottom: 0;
}
.projects-wrap .project-card.teal-overlay .read-more.plus .icon {
top: 47%;
}
/* Slider Bullets */
.band.featured-project-slider .news-slider .glide__bullets .glide__bullet {
height: 2px;
background-color: #fff;
opacity: 0.3;
width: 100%;
border-radius: 0;
border: none;
margin: 0;
}
.band.featured-project-slider .news-slider .glide__bullets .glide__bullet:hover {
background-color: #fff;
border: none;
}
.band.featured-project-slider .news-slider .glide__bullets .glide__bullet--active {
opacity: 1;
}
.band.featured-project-slider.bg-white-bottom .news-slider .glide__bullets .glide__bullet {
background-color: #303742;
}
/* ---- Footer ---- */
.forminator-module-edit-link {
display: none !important;
}
.forminator-hidden {
opacity: 0;
}
.newsletter-form .forminator-custom-form {
display: block !important;
}
.newsletter-form .forminator-label {
display: none;
}
footer .cta {
margin-bottom: 130px;
}
footer .contact-wrap p:first-child {
margin-bottom: 20px;
}
footer .contact-wrap p {
margin-bottom: 5px;
}
footer .social-wrap {
width: 170px !important;
}
footer .social-wrap .read-more.arrow {
width: 100%;
margin-bottom: 30px;
}
footer form {
position: relative;
}
footer .newsletter-form form button {
background: none;
background-image: url("data:image/svg+xml,%3Csvg id='uuid-18e9e8ce-d0e5-4846-bbe2-d22d5131ddca' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.9 15.03'%3E%3Cdefs%3E%3Cstyle%3E.uuid-238194af-bccd-4a02-8f4e-acfb63009aa7%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cg id='uuid-c679c320-96db-408c-b331-46a0d1eef7e4'%3E%3Cpolyline class='uuid-238194af-bccd-4a02-8f4e-acfb63009aa7' points='10.14 .35 17.19 7.43 10.14 14.68'/%3E%3Cline class='uuid-238194af-bccd-4a02-8f4e-acfb63009aa7' x1='17.19' y1='7.52' y2='7.52'/%3E%3C/g%3E%3C/svg%3E");
border: none;
position: absolute;
right: 0px;
top: 7px;
width: 20px;
padding: 0;
margin: 0;
display: block;
height: 17px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
}
footer .newsletter-form form button:hover {
right: -35px;
}
footer .newsletter-form form input[type="submit"] {
background: none;
border: 0;
padding: 0;
margin: 0;
}
footer .newsletter-form form .forminator-input:-webkit-autofill {
padding: 0 0 10px 0 !important;
}
footer .newsletter-form form .forminator-input {
font-size: 18px;
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
footer .newsletter-form form button svg {
position: absolute;
top: 0;
left: 0;
}
footer .bottom .copy {
padding-bottom: 20px;
}
footer .bottom .logo {
margin-bottom: -20px;
}
footer .logo.mobile {
margin-bottom: -20px;
margin-left: -40px;
}
footer .social-icon-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 40px;
}
footer .social-icon {
min-height: 30px;
max-height: 30px;
min-width: 30px;
max-width: 30px;
position: relative;
margin-right: 30px;
margin-bottom: 20px;
}
footer .social-icon.youtube {
min-width: 35px;
margin-top: -5px;
}
footer .social-icon svg path,
footer .social-icon svg circle {
fill: #ffffff !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
footer .social-icon:hover svg path,
footer .social-icon:hover svg circle {
fill: #f0b323 !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* #Fonts
================================================== */
/* --- What we do page styles ---- */
.band.banner {
padding-top: 150px;
}
.banner-whatwedo .colour-trigger.bg-trigger {
position: absolute;
top: -100px;
left: 0;
width: 100%;
height: calc(100% + 36px);
}
.banner .banner-heading {
margin: 0 auto;
}
.banner .banner-heading .box-text {
padding: 15px 40px;
}
.banner .full-width.banner-image-slider {
margin-top: -80px;
}
.box-text .wrapper {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: center;
perspective-origin: center;
}
.box-text .wrapper .cube {
position: relative;
width: 845px;
height: 124px;
animation-name: rotation;
animation-duration: 10s;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/* @keyframes rotation {
from {
transform: rotateX(0deg)
}
to {
transform: rotateX(360deg)
}
} */
@keyframes rotation {
0% {
transform: rotateX(0deg)
}
12.5% {
transform: rotateX(90deg);
}
25% {
transform: rotateX(90deg);
}
37.5% {
transform: rotateX(180deg);
}
50% {
transform: rotateX(180deg);
}
62.5% {
transform: rotateX(270deg);
}
75% {
transform: rotateX(270deg);
}
87.5% {
transform: rotateX(360deg);
}
100% {
transform: rotateX(360deg)
}
}
.side {
position: absolute;
width: 100%;
height: 100%;
border: #5CC092 1px solid;
display: flex;
align-items: center;
justify-content: center;
}
.front {
background-color: #fff;
-webkit-transform: translateZ(62px);
transform: translateZ(62px);
}
.back {
background-color: #fff;
-webkit-transform: translateZ(-62px);
transform: translateZ(-62px) rotateX(180deg);
}
/* .left {
background-color: #304ffe;
-webkit-transform: rotateY(90deg) translateZ(100px);
transform: rotateY(90deg) translateZ(100px);
}
.right {
background-color: #0091ea;
-webkit-transform: rotateY(-90deg) translateZ(100px);
transform: rotateY(-90deg) translateZ(100px);
} */
.top {
background-color: #fff;
-webkit-transform: rotateX(90deg) translateZ(62px);
transform: rotateX(90deg) translateZ(62px);
}
.side.bottom {
background-color: #fff;
-webkit-transform: rotateX(-90deg) translateZ(62px);
transform: rotateX(-90deg) translateZ(62px);
}
.text-right .text-side {
padding-left: 80px;
padding-right: 30px;
}
.full-width-slider .glide__slide div {
height: 100vw;
width: 100%;
}
.testimonial-slide-wrap {
width: 540px;
height: 100%;
}
.band.project-lifecycle p {
margin-bottom: 40px;
}
/* Vertical slider */
.client-testimonials .vertical-slider .glide__slide {
transform: rotate(-90deg);
/* width: 605px!important; */
height: 700px;
width: 615px;
}
.client-testimonials .vertical-slider .glide__slide .testimonial-slide-wrap {
width: 652px;
height: 650px;
margin-left: auto;
}
.client-testimonials .vertical-slider .glide__slides {
overflow: visible !important;
}
.client-testimonials .vertical-slider .glide__track {
overflow: visible !important;
}
.client-testimonials .vertical-slider {
transform: rotate(90deg);
position: absolute;
height: auto;
width: 100%;
right: -277px;
}
.client-testimonials .vertical-slider .glide__arrows {
transform: rotate(90deg);
}
.band.client-testimonials .vertical-slider .glide__arrow--right {
left: 250px;
}
.band.client-testimonials .vertical-slider .glide__arrow--left {
left: 187px;
}
.client-testimonials .vertical-slider .glide__arrow {
bottom: 270px;
}
.vertical-slider .slide-wrap-inner {
padding: 60px 110px 50px 50px;
height: 100%;
}
.band.client-testimonials.text-left .text-side {
padding-right: 80px;
padding-top: 200px;
padding-bottom: 150px;
}
.band.client-testimonials.text-left .text-side p {
padding-right: 70px
}
.band.services-band .container.bd-teal {
padding-top: 100px;
padding-bottom: 100px;
border-bottom: none;
}
.service-card .image {
height: 79px;
width: 79px;
margin-bottom: 30px;
}
.service-card {
width: 32%;
margin-top: 80px;
}
.service-card:nth-child(3n+2) {
margin-left: 20px;
margin-right: 20px;
}
/* ---- Service Subpage ---- */
/* Banner */
.band.service-banner {
position: relative;
padding-top: 200px;
}
.band.service-banner .line-block {
width: 55%;
position: absolute;
top: 200px;
left: 0;
height: 80%;
z-index: 1;
}
.band.service-banner .image {
position: absolute;
top: 155px;
left: 47%;
max-width: unset;
min-height: 760px;
width: 100%;
z-index: 2;
max-height: 80%;
overflow: hidden;
}
.band.service-banner .image img {
height: 100%;
min-height: 760px;
max-height: 760px;
}
.band.service-banner .six.columns {
padding-top: 100px;
}
.band.service-banner .service-icon {
width: 125px;
margin-bottom: 40px;
}
.band.service-banner h1 {
margin-top: 10px;
margin-bottom: 20px;
}
.band.service-banner>.container {
min-height: 600px;
}
.band.whats-included-bodycopy {
padding: 50px 0;
}
/* Center Image Slider */
.band.center-slider .inner-wrap img {
margin: 0 auto;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* .band.center-slider .glide__slide:not(.glide__slide--active) .inner-wrap img { transform: scale(0.7);} */
/* .band.center-slider .glide__slide.glide__slide--active .inner-wrap img { transform: scale(1.4);} */
.band.center-slider .glide__slides,
.band.center-slider .glide__track {
overflow: visible;
}
.band.center-slider .glide__slide.glide_slide-is-active .inner-wrap img {
transform: scale(1.4);
}
.band.center-slider .glide__slide.glide_slide-is-active .inner-wrap>div.absolute {
width: 100%;
}
/* profile band */
.band.profile-band .content-wrap {
padding: 80px 120px 80px 80px;
margin-right: 75px;
}
.band.profile-band .content-wrap .read-more {
margin-top: 30px;
}
.band.profile-band .profile-image {
right: 0;
bottom: -123px
}
/* Services minimal band */
.services-wrap.minimal .image {
height: 68px;
width: 72px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.services-wrap.minimal .image.sm {
height: 68px;
width: 90px;
}
.services-wrap.minimal .image.long {
height: 70px;
width: 90px;
}
.services-wrap.minimal .read-more.arrow {
margin-top: 20px;
padding: 0;
}
.services-wrap.minimal .service-card {
border-right: 1px solid #303742;
padding: 40px 30px;
margin-top: 50px;
}
.services-wrap.minimal .service-card:nth-child(3n+2) {
margin-left: 0;
margin-right: 0;
}
.services-wrap.minimal .service-card:first-child {
border-left: 1px solid #303742;
}
.services-wrap.minimal .service-card:hover .image {
transform: scale(1.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.services-wrap.minimal .service-card:hover .read-more.arrow .icon.arrow {
right: -5px;
}
.service-card .read-more.plus .icon {
width: 15px;
height: 15px;
top: 45%;
}
/* ::::::::: Who We Are Styles ::::::::: */
.fullscreen-box {
height: 100vh;
width: 100vw;
position: absolute;
top: 0;
}
.band-who-we-are-banner {
overflow: visible;
position: relative;
padding: 0;
z-index: 1;
}
.band-who-we-are-banner .sixteen.columns {
padding-top: 200px;
}
.band-who-we-are-banner h1 {
margin-bottom: 80px;
}
.band-who-we-are-banner-copy {
padding: 80px 80px 60px 60px;
z-index: -1;
margin-bottom: -10px;
position: relative;
}
.band-who-we-are-banner-square {
left: 0;
position: absolute;
top: 0;
}
.band.large-video.about-us-video {
margin-top: -2px;
z-index: 1;
}
.band.large-video.about-us-video .video-wrapper {
z-index: 2;
}
.band.large-video {
padding: 0;
position: relative;
}
.band.center-slider .grey-block,
.band.featured-project-slider .grey-block,
.band.large-video .grey-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
}
.band.large-video img {
width: 100%;
}
.band.large-video.pad-bottom-200 {
padding-bottom: 200px;
}
.timeline-slider {
margin-top: 60px;
}
.timeline-slider-heading {
position: absolute;
text-align: center;
top: -24px;
width: calc(100% - 60px);
}
.timeline-slider-heading-has-image {
bottom: -24px;
top: auto;
}
.timeline-slider .glide__slide {
align-items: center;
display: flex;
height: auto;
padding: 40px 30px;
position: relative;
}
.timeline-slider .glide__slide h4 {
display: inline-block;
line-height: 1;
margin: 0;
padding: 6px 12px;
}
.timeline-slider .glide__slide img {
aspect-ratio: 4 / 3;
display: block;
left: calc(50% - ((33% + 60px) / 2));
object-fit: cover;
position: absolute;
top: -150px;
width: calc(33% + 60px);
}
.timeline-slider .glide__slide p {
margin: 0;
width: 100%;
}
.timeline-slider .glide__slides {
padding: 40px 0;
}
.timeline-slider .glide__slides-has-image {
padding-top: 100px;
}
.glide__bullets-timeline {
display: grid;
grid-template-columns: repeat(var(--slides), 1fr);
}
.glide__bullets-timeline .glide__bullet-timeline {
height: 2px;
background-color: #101F33;
opacity: 0.3;
width: 100%;
border-radius: 0;
border: none;
margin: 0;
padding: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.glide__bullet-timeline:hover {
background-color: #101F33;
border: none;
}
.glide__bullets-timeline .glide__bullet--active {
opacity: 1;
}
.band.history .glide__arrows {
margin-top: 30px;
margin-bottom: 60px;
}
.band.history .glide__arrows .glide__arrow {
border: none;
border-radius: 0;
width: 35px;
top: unset;
transform: none;
text-shadow: none;
box-shadow: none;
padding-right: 0;
opacity: 0.5;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.history .glide__arrows .glide__arrow:hover {
opacity: 1;
}
.band.history .glide__arrow--right {
right: 0;
}
.band.history .glide__arrow--left {
right: 50px;
left: unset;
}
.values-card .image {
height: 100px;
width: 100px;
margin-bottom: 30px;
}
.values-card .image.tall {
margin-top: 35px;
margin-bottom: 20px;
}
.values-card {
width: 50%;
}
.values-card:nth-child(3n+2) {
margin-left: 20px;
margin-right: 20px;
}
.values-wrap.minimal {
flex-flow: row wrap;
margin-top: 80px;
}
.values-wrap.minimal .read-more.arrow {
margin-top: 20px;
padding: 0;
}
.values-wrap.minimal .values-card {
border-left: 1px solid #303742;
min-width: 33%;
padding: 20px 95px;
margin-bottom: 20px;
min-height: 250px;
max-height: 250px;
}
.values-wrap.minimal .values-card:nth-child(3n+2) {
margin-left: 0;
margin-right: 0;
}
.values-wrap.minimal .values-card:nth-child(even) {
border-right: 1px solid #303742;
}
.values-wrap.minimal .values-card:nth-child(3n) {
border-right: 1px solid #303742;
}
.values-wrap.minimal .values-card .image {
height: 115px;
width: 115px;
}
.band.bg-image-tr.culture {
padding: 200px 0;
}
.band.culture p:not(.read-more p):not(.item p):not(h3 p) {
padding-right: 123px;
}
/* --- our work page styles ---- */
.banner-outline.bd-orange,
.banner-outline.bd-teal {
padding-top: 80px;
width: 96%;
margin: auto;
margin-top: 30px;
padding-bottom: 200px;
max-width: 1450px;
}
.search-wrap {
height: 40px;
width: 80%;
margin-top: 40px;
}
.search-wrap img {
height: 20px;
width: 18px;
position: absolute;
right: 0;
bottom: 11px;
}
.search-wrap button {
position: absolute;
right: 0px;
cursor: pointer;
}
.search-wrap input {
width: 100%;
}
.projects-wrap .project-card,
.band.thoughts .projects-wrap article {
width: 32.5%;
cursor: pointer;
}
.projects-wrap .project-card:nth-child(3n+2) {
margin-right: 15px;
margin-left: 15px;
}
.search-wrap .facetwp-icon:before {
background: url('');
}
.search-wrap .facetwp-facet input.facetwp-search {
padding-right: 0;
}
.search-wrap .facetwp-input-wrap {
width: 100%;
}
.projects-wrap .facetwp-template {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.center-btn .facetwp-facet-load_more {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin-bottom: 0;
}
.center-btn .facetwp-facet-load_more .facetwp-load-more {
height: 100%;
width: 100%;
}
/* ::::::::: ESG Styles ::::::::: */
.band-esg-banner .sixteen.columns {
padding-top: 100px;
}
.approach {
overflow: visible;
}
.approach .accordion {
padding: 100px 20px 20px 20px;
position: relative;
}
.approach-heading {
display: inline-block;
height: 250px;
left: 0;
padding: 20px;
position: absolute;
top: -150px;
width: 90%;
z-index: 1;
}
.approach-heading h2 {
margin: 0;
}
.approach .accordion-head {
padding: 0;
}
.approach .accordion-head button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-ms-flex-pack: justify;
flex-direction: row;
-ms-flex-direction: row;
align-items: center;
-ms-align-items: center;
-webkit-transition: background 0.4s ease-in-out;
-moz-transition: background 0.4s ease-in-out;
-o-transition: background 0.4s ease-in-out;
transition: background 0.4s ease-in-out;
cursor: pointer;
background: rgba(0, 0, 0, 0);
border: none;
margin: 0;
padding: 40px 0;
width: 100%;
}
/* .approach .accordion-head button:focus, .approach .accordion-head button:hover {background: rgba(0,0,0,0.1);} */
.approach .accordion-item {
border-bottom: 1px solid #41008f;
border-top: none;
}
.approach .accordion-item:last-child {
border-bottom: none;
}
.approach .accordion-head path {
transition: opacity .3s ease;
}
.approach .open .accordion-head path[data-name="vertical"] {
opacity: 0;
}
.approach .accordion-head p {
line-height: 1;
margin: 0;
text-align: left;
}
.approach .accordion-head .plus {
width: 50px;
}
.approach .accordion-content>div {
padding: 30px 0;
display: block;
}
.approach .accordion-content {
padding: 0;
display: block;
}
.approach .accordion-content p {
line-height: 1.2;
margin: 0;
}
.approach .accordion-content p:not(:last-child) {
margin-bottom: 20px;
}
.approach .accordion-content-col:not(:last-child) {
margin-bottom: 20px;
}
.approach .accordion-head-has-link {
padding: 0 !important;
}
.approach .accordion-head-has-link a {
text-decoration: none;
width: 100%;
}
.approach .accordion-content {
height: 0px;
overflow: hidden;
transition: height .3s ease-in-out;
}
.csr h3 {
margin: 0;
}
.csr-heading {
padding-bottom: 50px;
}
.csr-heading img {
display: block;
margin: 0 auto 20px auto;
width: 50%;
}
.csr-glide-container {
left: calc(-10px - ((100vw - var(--containerWidth)) / 2));
margin-bottom: 40px;
position: relative;
/* ( Half of space around page + all columns ) - half column gap */
width: calc((((100vw - var(--containerWidth)) / 2) + var(--containerWidth)) - 10px);
}
.csr-glide-container .glide__slide {
position: relative;
transition: padding .5s ease;
}
.csr-glide-container .glide__slide img {
aspect-ratio: 4 / 3;
display: block;
object-fit: cover;
width: 100%;
}
.csr-glide-container .glide__slide:not(.glide_slide-is-active) {
padding: 16px;
}
.csr-slider-overlay {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 1) 100%);
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .5s ease;
}
.csr-glide-container .glide__slide:not(.glide_slide-is-active) .csr-slider-overlay {
bottom: 16px;
left: 16px;
opacity: 1;
right: 16px;
top: 16px;
}
.csr .glide__arrow--left {
border: none;
left: 1em;
}
/* ::::::::: Project Case Study Styles ::::::::: */
.band.project-banner::before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 90px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent);
}
.band.project-content .bodycopy h3 {
color: #46998F;
font-size: 1.25rem;
}
.project-brand {
display: flex;
justify-content: center;
}
.project-brand img {
height: auto;
max-height: 16rem;
max-width: 16rem;
width: 100%;
}
.project-brand.lg-logo img {
max-width: 27rem;
max-height: 30rem;
}
.band.quote-band {
padding-bottom: 120px;
}
.band.quote-band .quote-icon {
margin-bottom: 20px;
width: 40px;
}
.band.quote-band .quote-icon svg {
height: auto;
width: 100%;
}
.band.quote-band .quote-image {
right: 0;
top: calc(100% - 140px);
height: 200px;
width: 200px;
}
.band.quote-band .quote-image img {
aspect-ratio: 1 / 1;
height: 100%;
object-fit: cover;
width: 100%;
}
.band.quote-band figcaption {
bottom: 80px;
font-size: 20px;
}
.band.quote-band .content-wrap {
padding: 80px 160px 160px 80px;
margin-right: 75px;
}
.stats-band-container {
display: flex;
flex-flow: row wrap;
padding-top: 50px;
width: calc(100% - 70px);
}
.stats-band-heading {
height: 160px;
left: 10px;
padding: 50px 50px 50px 20px;
position: absolute;
top: calc(50% - 80px);
}
.stats-band-heading h2 {
margin: 0;
transform: rotate(180deg);
writing-mode: vertical-rl;
}
.stats-band-item {
flex: 0 0 100%;
padding: 0 50px 50px 50px;
}
.stats-band-item .image {
display: inline-block;
margin-bottom: 20px;
}
.stats-band-item .image img {
display: block;
max-height: 80px;
width: auto;
}
.band.tour-band h2,
.band.gallery-heading h2 {
padding: 40px 80px;
}
.band.gallery-heading {
overflow: visible;
}
.band.gallery-heading h2 {
margin-bottom: -40px;
padding-bottom: 60px;
}
.band.journey .four.columns {
padding-right: 30px;
}
.journey-slider {
padding-bottom: 60px;
}
.journey-slider-heading {
position: absolute;
text-align: center;
top: -92px;
width: calc(100% - 60px);
}
.journey-slider-heading img {
height: 120px;
max-height: 120px;
width: auto;
margin: 0 auto;
}
.journey-slider .journey-title {
height: 85%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
.journey-slider .glide__slide {
height: auto;
min-height: 180px;
padding: 40px 30px 20px 30px;
position: relative;
}
.journey-slider .glide__slide h4 {
display: inline-block;
line-height: 1;
margin: 0;
padding: 6px 12px;
}
.journey-slider .glide__slide p {
margin: 0;
width: 100%;
}
.journey-slider .glide__slides {
padding: 40px 0;
padding-top: 100px;
}
.glide__bullets-journey {
display: grid;
grid-template-columns: repeat(var(--slides), 1fr);
}
.glide__bullets-journey .glide__bullet-journey {
height: 2px;
background-color: #101F33;
opacity: 0.3;
width: 100%;
border-radius: 0;
border: none;
margin: 0;
padding: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.glide__bullet-journey:hover {
background-color: #101F33;
border: none;
}
.glide__bullets-journey .glide__bullet--active {
opacity: 1;
}
.band.journey .glide__arrows {
margin-top: 30px;
margin-bottom: 60px;
}
.band.journey .glide__arrows .glide__arrow {
border: none;
border-radius: 0;
width: 35px;
top: unset;
transform: none;
text-shadow: none;
box-shadow: none;
padding-right: 0;
opacity: 0.5;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.journey .glide__arrows .glide__arrow:hover {
opacity: 1;
}
.band.journey .glide__arrow--right {
right: 0;
}
.band.journey .glide__arrow--left {
right: 50px;
left: unset;
}
/* sitemap styling */
.bodycopy h2.sp-cpt-name {
font-weight: bold;
color: #E28A4A;
margin-bottom: 30px;
}
.bodycopy h3.sp-cat-name {
color: #303742;
}
.sp-wrap-cpt:last-child {
margin-top: 100px;
}
@media (max-width: 767px) {
.band.quote-band .content-wrap {
padding: 40px 20px 200px 40px;
margin-right: 20px;
}
}
@media (min-width: 560px) {
.stats-band-container {
width: calc(100% - 100px);
}
.stats-band-heading {
padding: 50px 80px 50px 20px;
}
.stats-band-item {
flex: 0 0 50%;
}
}
@media (min-width: 768px) {
.band.quote-band {
padding-bottom: 380px;
}
.band.quote-band figcaption {
position: absolute;
padding-right: 330px;
}
.band.quote-band .quote-image {
right: -22px;
top: calc(100% - 140px);
height: 380px;
width: 380px;
}
.journey-slider .glide__track {
width: calc((((100vw - var(--containerWidth)) / 2) + ((var(--containerWidth) / 16) * 12)) - 10px);
}
}
@media (min-width: 960px) {
.stats-band-item {
flex: 0 0 33.333%;
}
}
/* ::::::::: Forminator ::::::::: */
.form-wrap {}
.form-wrap .forminator-button {
cursor: pointer;
}
.form-wrap .forminator-button-submit,
.forminator-ui#forminator-module-816.forminator-design--material .forminator-button-submit,
.forminator-ui#forminator-module-1229.forminator-design--material .forminator-button-submit,
.forminator-ui#forminator-module-1363.forminator-design--material .forminator-button-submit {
background-color: #5CC092;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 18.495 16.349' width='18.495' height='16.349'%3E%3Cpath fill='%23303742' d='M18.495 0h-18.5v16.349l4.055-3.49h14.44Z' data-name='Path 101'/%3E%3C/svg%3E");
background-position: calc(100% - 20px) center;
background-repeat: no-repeat;
background-size: 20px;
border-radius: 0;
color: #303742;
font-size: 20px;
padding: 16px 20px;
width: 160px;
border: 1px solid #5CC092;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: left;
}
.forminator-ui#forminator-module-816.forminator-design--material .forminator-button-upload,
.forminator-ui#forminator-module-1363.forminator-design--material .forminator-button-upload {
border-radius: 0;
color: #303742;
font-size: 20px;
padding: 16px 20px;
width: 160px;
border: 1px solid #5CC092;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.form-wrap .forminator-button-submit:hover,
.forminator-ui#forminator-module-816.forminator-design--material .forminator-button-submit:hover,
.forminator-ui#forminator-module-1229.forminator-design--material .forminator-button-submit:hover,
.forminator-ui#forminator-module-1363.forminator-design--material .forminator-button-submit:hover {
background-color: transparent;
color: #5CC092;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 18.495 16.349' width='18.495' height='16.349'%3E%3Cpath fill='%235CC092' d='M18.495 0h-18.5v16.349l4.055-3.49h14.44Z' data-name='Path 101'/%3E%3C/svg%3E");
border: 1px solid #5CC092;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.form-wrap .forminator-button-submit.orange {
background-color: #E28A4A;
border: 1px solid #E28A4A;
}
.form-wrap .forminator-button-submit.orange:hover {
background-color: transparent;
border: 1px solid #E28A4A;
color: #E28A4A;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 18.495 16.349' width='18.495' height='16.349'%3E%3Cpath fill='%23E28A4A' d='M18.495 0h-18.5v16.349l4.055-3.49h14.44Z' data-name='Path 101'/%3E%3C/svg%3E");
}
.forminator-custom-form {}
.form-wrap .forminator-col {
grid-column: span 12;
}
.forminator-col-12 {}
.form-wrap .forminator-error-message {
color: #fff;
}
.forminator-design--material .forminator-label:not([class*="forminator-floating-"]) {
font-weight: normal !important;
margin-bottom: 20px !important;
}
.form-wrap .forminator-field input {
margin: 0;
}
.forminator-ui#forminator-module-816.forminator-design--material .forminator-file-upload>span {
color: #ffffff !important;
}
.forminator-has_error {}
.form-wrap .forminator-input,
.forminator-input:-webkit-autofill {
padding: 10px 5px 10px 5px !important;
background-color: transparent !important;
color: #303742;
-webkit-box-shadow: 0 0 0 100px #222223 inset;
-webkit-text-fill-color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 100px #222223 inset !important;
}
.forminator-input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 100px #222223 inset;
-webkit-text-fill-color: #fff;
}
.form-wrap .forminator-label {
display: none;
}
.form-wrap .forminator-label[for^="forminator-field-textarea"] {
display: none;
}
.form-wrap .forminator-required {
display: none;
}
.form-wrap .forminator-row {
display: grid;
gap: 20px;
grid-template-columns: repeat(12, 1fr);
margin-bottom: 20px;
}
.form-wrap .forminator-row-last .forminator-col {
display: grid;
justify-content: end;
}
.form-wrap .forminator-textarea {
border: 1px solid white;
font-size: 1.2rem;
margin: 0;
padding: 8px;
}
.form-wrap .forminator-textarea::placeholder {
color: transparent;
}
.form-wrap .forminator-field.show-label .forminator-label,
.forminator-file-label {
display: block;
border-bottom: 1px solid #fff;
cursor: pointer;
position: relative;
padding: 15px 0;
font-weight: 400;
font-size: 22px;
}
.form-wrap .forminator-file-label {
border-bottom: none;
}
.form-wrap .forminator-field.show-label .forminator-label input[type="file"] {
position: absolute;
opacity: 0;
width: 100%;
left: 0;
}
.form-wrap .forminator-field.show-label .icon {
width: 25px;
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
}
.forminator-field.show-label .icon.white .plus-line {
stroke: #ffffff;
}
.forminator-checkbox .forminator-checkbox-box {
width: 20px;
height: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
position: relative;
border-width: 2px;
border-style: solid;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
}
.forminator-checkbox span[aria-hidden]:not(.forminator-checkbox-image) {
border-color: #fff;
color: #17A8E3;
}
.form-wrap .visible-label .forminator-label {
display: inline-block;
font-size: 1.5rem;
margin-bottom: 20px;
}
label.forminator-checkbox {
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 1.25rem;
}
/* Culture page */
.culture-banner {
min-height: 100vh;
padding-bottom: 50px;
}
.culture-banner .container {
height: 80vh;
}
.culture-intro .margin-center img {
height: 90px;
width: auto;
margin: 0 auto;
margin-bottom: 30px;
}
.team-testimonials .heading h3 {
padding: 30px 80px 80px 80px;
margin-bottom: -50px;
display: inline-block;
}
.team-testimonials .fourteen.columns {
margin-left: auto;
padding: 80px 150px 50px 60px;
}
.band.team-testimonials .fourteen.columns .glide__arrow--right {
left: unset;
right: 50px;
}
.band.team-testimonials .fourteen.columns .glide__arrow--left {
left: unset;
right: 100px;
}
.our-team-band .heading {
display: inline-block;
padding: 30px 250px 200px 250px;
margin-bottom: -180px
}
.team-wrap {
gap: 10px;
width: 100%;
}
.team-member .team-image {
margin-bottom: 20px;
position: relative;
}
.team-member .team-image::after {
content: '';
display: block;
padding-bottom: 100%;
}
.team-member .team-image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.team-member {
text-align: start;
margin-bottom: 50px;
width: 24.3%;
}
.team-member p {
margin-bottom: 10px;
}
.our-team-band .alm-listing.team-wrap {
width: 100% !important;
}
.alm-load-more-btn.done {
visibility: hidden;
}
.alm-load-more-btn::after {
content: '';
position: absolute;
background-color: #fff;
-webkit-mask: url("../assets/svg/icon-plus.svg") no-repeat center;
mask: url("../assets/svg/icon-plus.svg") no-repeat center;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 15px;
height: 15px;
top: 50%;
transform: translateY(-35%);
right: 40px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.alm-load-more-btn:hover::after {
background-color: #088177;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.culture-slider.center-slider {
background: linear-gradient(#E28A4A 0%, #E28A4A 50%, #303742 50%);
}
.vacancies-band .section-title {
margin-top: 80px;
}
.vacancies-band .bg-shape {
position: absolute;
top: -275px;
right: 0;
pointer-events: none;
}
.vacancies-wrap {
gap: 15px;
margin-top: 20px;
margin-bottom: -200px;
}
.vacancies-wrap article {
width: 32%;
padding: 40px;
padding-bottom: 23px;
align-items: start;
flex-grow: 1;
}
.vacancies-wrap article .read-more {
margin-bottom: 0;
margin-top: 130px;
}
.vacancies-wrap article h4 {
margin-bottom: 40px;
padding-right: 80px;
}
.vacancies-wrap article p:first-of-type {
text-transform: uppercase;
font-size: 19px;
}
.band.white-band {
padding-top: 200px;
}
.band.center-slider .glide__slide.glide_slide-is-active .inner-wrap p {
margin-top: 100px;
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.center-slider .glide__slide .inner-wrap p {
text-align: center;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* vacancy page */
.vacancy-banner {
padding-top: 200px;
padding-bottom: 50px;
}
.vacancy-banner .breadcrumb {
margin: 20px 0 30px 0;
}
.vacancy-banner .subheader p.font-size-5 {
width: 75%;
}
.specification-wrap>div {
border-bottom: 1px solid #fff;
padding: 15px 0;
margin-bottom: 20px;
}
.apply_gsap {
margin: 0;
padding: 30px 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
display: inline-block;
}
.apply_gsap li {
list-style: none;
padding: 0;
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
font-size: 70px;
}
.apply_gsap span {
display: inline-block;
}
.apply_gsap .ticker-items,
.ticker-wrapper {
display: inline-block;
}
.apply_gsap .ticker-items li:last-child {
margin-right: 20px;
}
.vacancies-band .no-jobs-message {
width: 60%;
padding: 30px 0 100px 0;
}
.vacancies-band .no-jobs-message>p {
margin-bottom: 40px;
}
/* thoughts leadership page */
.band.projects.thoughts {
margin-top: 0;
}
.band.projects.thoughts .search-wrap {
margin-top: 0;
}
.band.projects.thoughts .filter-wrap .filter-item {
flex-grow: 1;
width: 100%;
position: relative;
}
.band.projects.thoughts .filter-wrap .filter-item:first-child {
margin-right: 20px
}
.band.projects.thoughts .filter-wrap .filter-item:not(.search-wrap) {
max-width: 300px;
cursor: pointer;
}
.band.projects.thoughts .filter-wrap .filter-item .facetwp-dropdown {
cursor: pointer;
}
.band.projects.thoughts .filter-wrap .filter-item.search-wrap {
margin-left: 100px
}
.band.projects.thoughts .filter-wrap .filter-item .dropdown-icon.filter-icon {
width: 24px;
height: 14px;
display: block;
position: absolute;
margin-top: -15px;
top: 30%;
right: 10px;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
pointer-events: none;
cursor: pointer;
}
.band.projects.thoughts .filter-wrap .filter-item .dropdown-icon.filter-icon img {
width: 25px;
height: 14px;
display: block;
}
/* Replaces the FontAwesome fa-chevron-down that used to sit here. */
.dropdown-icon.filter-icon .chevron-icon {
width: 100%;
height: 100%;
display: block;
}
/* Slider arrows: replaces the FontAwesome chevrons the slick configs used to
inject. Sized in em so it keeps inheriting the per-slider font-size rules. */
.slick-arrow .slick-arrow-icon {
width: 1em;
height: 1em;
display: inline-block;
vertical-align: middle;
}
.banner-outline.bd-teal {
padding-bottom: 70px;
}
.featured-news-post {
padding-top: 0;
overflow: visible;
}
.featured-news-post .image-side.tall .featured-image {
position: absolute;
height: 135%;
width: 100%;
bottom: 0;
}
.band.download-content-band {
padding: 150px 0;
}
.band.download-content-band .download-content {
padding: 50px;
}
.band.download-content-band .download-content>p {
padding-right: 40%
}
.band.download-content-band .download-content img {
position: absolute;
right: -30px;
top: -12%;
height: 345px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
transform: rotate(7deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.download-content-band .download-content:hover img {
transform: scale(1.05) rotate(7deg);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* Blog post page */
.band.blog-post-banner {
padding-top: 150px;
}
.blog-post-banner p span {
margin-right: 15px;
}
.blog-post-banner p {
display: inline;
}
.blog-post-banner ul.post-categories {
display: inline-block;
}
.blog-post-banner h1 {
margin-top: 50px;
}
.blog-intro.text-left .eight.columns.text-side {
margin-bottom: 150px;
}
.blog-intro.text-left p a {
color: #fff;
font-weight: 700;
}
.post-lead-image {
margin-top: -200px;
}
.post-lead-image img {
width: 100%;
margin: 0 auto;
}
.post-subheader .breadcrumb {
margin-bottom: 50px;
margin-top: 30px;
}
.band.bodycopy .twelve.columns p img {
width: 100%;
margin-bottom: 50px;
margin-top: 50px;
}
.band.bodycopy .twelve.columns blockquote p {
font-style: italic;
}
.band.bodycopy .twelve.columns p strong,
.band.bodycopy .twelve.columns p b {
font-weight: 600;
}
.share-band {
padding-top: 20px;
}
.share-band .social-icons img {
height: 26px;
width: 26px;
}
.share-band .social-icons>div {
position: relative;
height: 26px;
width: 30px;
margin-left: 15px;
overflow: visible;
}
.share-band .social-icons>div svg {
height: 26px;
width: 26px;
}
.social-icons .icon.teal-hov .path,
.social-icons .icon.teal-hov .rect {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.social-icons .icon.teal-hov:hover .path,
.social-icons .icon.teal-hov:focus .path,
.social-icons .icon.teal-hov:hover .rect,
.social-icons .icon.teal-hov:focus .rect {
fill: #5CC092;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.post-quote {
padding: 80px 90px 170px 90px;
margin-top: -30px;
}
/* old blog post styles */
.band.post-main-content.bodycopy form {
display: none !important;
}
.band.post-main-content.bodycopy input.wpcf7-form-control {
display: none !important;
}
.band.post-main-content.bodycopy img.img-with-animation.skip-lazy {
margin: 40px 0 !important;
}
.band.post-main-content.bodycopy .wpb_wrapper ol li {
color: #0E6866;
font-weight: bold;
}
/* contact page */
.forminator-select-dropdown-container--open .forminator-custom-form-816.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted,
.forminator-select-dropdown-container--open .forminator-custom-form-816.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted span:not(.forminator-checkbox-box) {
background-color: #e28a4a !important;
color: #ffffff !important;
}
.forminator-select-dropdown-container--open .forminator-custom-form-816.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected,
.forminator-select-dropdown-container--open .forminator-custom-form-816.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {
background-color: #e28a4a !important;
color: #fff !important;
}
.band .contact-phone .border-left {
border-left: 1px solid white;
padding-left: 40px;
}
/* .band .contact-phone {
display: flex;
align-items: center;
justify-content: space-between;
} */
.band .contact-phone div p {
margin-bottom: 0;
}
.band .contact-phone .read-more.phone {
padding-left: 35px;
}
.band .contact-phone .read-more.phone .icon {
left: 0;
width: 21px;
}
.band.banner-contact .nine.columns {
padding: 10px 0px 100px 0;
}
.band.banner-contact h1 {
line-height: 1;
}
.contact-banner-image {
height: 100%;
right: 0;
max-width: 40%;
top: 130px;
max-height: 600px;
overflow: hidden;
}
.band.banner-contact .contact-phone .social-icon-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.band.banner-contact .contact-phone .social-icon-wrap .social-icon {
min-height: 30px;
max-height: 30px;
min-width: 30px;
max-width: 30px;
position: relative;
margin-right: 30px;
margin-bottom: 20px;
}
.band.banner-contact .contact-phone .social-icon-wrap .social-icon svg path,
.band.banner-contact .contact-phone .social-icon-wrap .social-icon svg circle {
fill: #ffffff !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.band.banner-contact .contact-phone .social-icon-wrap .social-icon:hover svg path,
.band.banner-contact .contact-phone .social-icon-wrap .social-icon:hover svg circle {
fill: #E28A4A !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.form-tabs {
margin-top: 100px;
}
.form-tabs .read-more {
flex-grow: 1;
max-width: 320px;
}
.form-tabs .read-more:first-child {
margin-right: 20px;
}
.location-wrap .team-member .team-image {
overflow: hidden;
cursor: pointer;
position: relative;
}
.location-wrap .team-member:hover .team-image img {
transform: scale(1.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.location-wrap .team-member .team-image img {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* .location-wrap .team-member:hover .team-image .overlay.orange {background: #E28A4A; opacity: 0.7; z-index: 1; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;} */
.band.location-band .container.bd-orange {
padding-top: 100px;
}
.band.location-band .location-wrap {
margin-top: 30px;
}
.full-width-background-image {
top: 0;
left: 0;
right: 0;
bottom: 0;
filter: grayscale(1);
}
.canadian-site-portal {
padding: 150px 0;
}
.canadian-site-portal .overlay {
opacity: 0.7;
}
.canadian-site-portal .read-more {
margin-top: 20px;
}
.form-tabs .read-more.active {
background-color: transparent;
color: #fff;
}
.form-tabs .read-more.active.plus .icon.white-hov .plus-line {
stroke: #ffffff;
}
.general-enquiry-form,
.quote-form {
display: none;
}
.general-enquiry-form.form-active,
.quote-form.form-active {
display: block;
}
/* contact location specific */
.band.specific-location-banner .full-width-background-image {
filter: none;
}
.band.specific-location-banner .overlay {
opacity: 0.1;
}
.band.specific-location-banner h1 {
margin-bottom: 20px;
margin-top: 30px;
font-size: 5rem;
}
.band.specific-location-banner {
padding-bottom: 150px;
}
.band.specific-location-info-band .container {
margin-top: -170px;
}
.band.specific-location-info-band {
overflow: visible;
}
.location-info {
padding: 50px 80px 80px 80px;
}
.location-info p strong {
text-transform: uppercase;
}
.location-info p:has(strong) {
margin-bottom: 30px;
}
.location-info p:has(a) {
margin-bottom: 5px;
}
.location-info>div {
width: 33%;
margin-right: 50px;
flex-basis: auto;
}
.location-info p:has(a.underlined) {
margin-top: 30px;
}
.location-bullets {
padding: 140px 80px 0 80px;
}
.location-bullets p,
.location-bullets h1,
.location-bullets h2 {
color: #FFFFFF;
}
.location-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.location-grid>div:not(.team-member) {
grid-column: 1/2;
position: relative;
}
.location-grid>div:not(.team-member) .scroll-line {
width: 120%;
height: 1px;
max-width: unset;
margin-bottom: 120px;
}
.location-grid>div:not(.team-member) p {
margin-bottom: 30px;
}
/* .location-grid div:not(.team-member)::after {
content: '';
width:150%;
height:1px;
background-color: #303742;
position: absolute;
} */
.location-grid .team-member {
width: 100%;
}
/* flexible template styles */
.flexible-intro-band p.font-size-5 {
margin-bottom: 50px;
}
.band.center-slider.slider-with-caption .glide__track {
padding: 100px 0;
}
.band.center-slider.slider-with-caption {
margin-top: -100px;
}
/* get in touch popup */
#my-popup {
position: fixed;
bottom: 50px;
right: 130px;
height: auto;
width: auto;
padding: 50px 40px 50px 40px;
bottom: 0;
opacity: 0.95;
z-index: 1000;
transform: translateY(250px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#my-popup.grow {
transform: translateY(0px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#my-popup.grow p:hover {
transform: translateY(0px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff;
}
#my-popup .read-more.speech .icon.grey .speechblock:hover {
transform: translateY(0px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color: #ffffff;
fill: #ffffff;
}
/* #my-popup.grow:hover .read-more.speech .icon svg{
filter: invert(100%) sepia(97%) saturate(0%) hue-rotate(59deg) brightness(103%) contrast(104%);
} */
#my-popup p {
margin-bottom: 10px;
}
#my-popup .close-btn {
height: 20px;
width: 20px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 1000;
}
#my-popup .read-more {
padding: 0px 55px 0px 0px;
font-weight: bold;
}
#my-popup .read-more.speech .icon {
width: 22px;
top: 43%;
}
/* exit popup
================================================== */
#exit-popup {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.35s ease;
padding: 85px 0 20px 0;
}
#exit-popup.is-visible {
opacity: 1;
pointer-events: all;
}
.exit-popup__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.exit-popup__modal {
position: relative;
background: #F0B323;
max-width: 860px;
width: 90%;
padding: 3rem;
/* border-radius: 8px; */
border-radius: 1rem;
overflow: hidden;
max-height: 100%;
overflow-y: auto;
}
/* corner bracket border — same technique as .brochure-showcase__border */
.exit-popup__border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 2;
}
.exit-popup__border::before,
.exit-popup__border::after {
content: '';
position: absolute;
width: 100%;
height: 50%;
left: 0;
box-sizing: border-box;
--b: 1px;
--c: #000;
--w: 10px;
border: var(--b) solid #0000;
--_g: #0000 90deg, var(--c) 0;
--_p: var(--w) var(--w) border-box no-repeat;
background:
conic-gradient(from 90deg at top var(--b) left var(--b), var(--_g)) 0 0 / var(--_p),
conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100% 0 / var(--_p),
conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0 100% / var(--_p),
conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g)) 100% 100% / var(--_p);
}
.exit-popup__border::before {
top: 1px;
}
.exit-popup__border::after {
bottom: 0;
}
.exit-popup__watermark {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 100%;
max-width: 100%;
object-fit: contain;
opacity: 0.1;
pointer-events: none;
z-index: 1;
}
.exit-popup__close {
position: absolute;
top: 1.25rem;
right: 1.25rem;
background: none;
border: none;
cursor: pointer;
z-index: 10;
padding: 0;
line-height: 0;
}
.exit-popup__close img {
height: 20px;
width: 20px;
display: block;
}
.exit-popup__inner {
position: relative;
z-index: 3;
display: flex;
align-items: center;
gap: 2.5rem;
}
.exit-popup__content {
flex: 1;
min-width: 0;
}
.exit-popup__heading {
margin-bottom: 0.75rem;
}
.exit-popup__copy {
margin-bottom: 1.25rem;
line-height: 1.6;
}
.exit-popup__form {
margin-bottom: 0;
}
.exit-popup__form > .forminator-custom-form {
margin-bottom: 0!important;
}
.exit-popup__visual {
flex: 0 0 auto;
}
.exit-popup__image {
display: block;
max-height: 260px;
width: auto;
filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.25));
}
/* Forminator form overrides inside popup */
#exit-popup .exit-popup__form .forminator-custom-form .forminator-button {
background-color: #FFF !important;
}
#exit-popup .exit-popup__form .forminator-custom-form .forminator-button:hover {
background-color: #000 !important;
color: #FFF !important;
}
@media (max-width: 767px) {
.exit-popup__modal {
padding: 2rem 1.5rem;
width: 95%;
}
.exit-popup__inner {
flex-direction: column-reverse;
align-items: flex-start;
}
.exit-popup__visual {
display: none;
}
}
/* #Media Queries
================================================== */
@media all and (max-width: 1600px) {
header .read-more {
padding: 19px 55px 17px 20px
}
/* header .read-more.phone:first-child {
padding-right: 0;
} */
.read-more.phone .icon,
.read-more.speech .icon {
right: 23px;
}
}
/* Over 1600 sizes (devices and browsers) */
@media all and (min-width: 1700px) {
.band-homebanner .sixteen.columns {
padding-top: 400px;
}
.mega-menu .dropbtn {
top: 10px;
}
.mega-menu nav li {
font-size: 4rem;
}
/* .mega-menu .menu-dropdown ul li {line-height: 2.5rem;} */
.mega-menu .menu-dropdown ul li {
line-height: 1;
font-size: 1.25rem;
margin-bottom: 1rem;
}
/* service subpage */
.band.service-banner .image {
right: 16%;
max-width: unset;
}
/* contact page 1600 */
.contact-banner-image img {
margin-top: -30%;
}
.band.center-slider.slider-with-caption .glide__slide.glide_slide-is-active .inner-wrap p {
margin-top: 140px;
}
.band.center-slider.slider-with-caption {
padding: 0;
margin-top: -100px;
}
.band.center-slider.slider-with-caption .glide__track {
padding: 140px 0;
}
.band.featured-project-slider .glide__slide {
min-height: 680px;
max-height: 700px;
}
/* culture page 1600 */
.culture-banner {
min-height: 100vh;
}
#my-popup .read-more.speech .icon {
right: 23px;
}
}
/* Desktop 1300 to 1700 sizes (devices and browsers) */
@media all and (max-width: 1700px) {
.mega-menu nav li {
font-size: 3rem;
}
.mega-menu .menu-dropdown ul li {
line-height: 1;
font-size: 1.25rem;
margin-bottom: 1rem;
}
}
@media all and (max-width: 1500px) {
.band.service-banner .image {
left: 48%;
min-height: 700px;
max-height: 700px;
}
.band.service-banner .image img {
min-height: 700px;
max-height: 700px;
}
.band.breadcrumb.service-breadcrumbs {
margin-top: -100px;
}
}
/* Desktop 960 to 1300 sizes (devices and browsers) */
@media all and (max-width: 1300px) {
:root {
--containerWidth: 960px;
}
/* ::::::::: Global Styles ::::::::: */
/* Font sizes */
.font-size-1 {
/* font-size: 5rem; */
font-size: 2.5rem;
}
.font-size-2 {
font-size: 2.3rem;
}
.font-size-3 {
font-size: 1.85rem;
}
.font-size-4 {
font-size: 1.575rem;
}
.font-size-5 {
font-size: 1.4rem;
}
.font-size-13 {
font-size: 3.5rem;
}
/* ::::::::: Header Styles ::::::::: */
header .read-more {
font-size: 0.875rem;
}
.mega-menu .container .nav {
width: 50%;
}
.mega-menu nav li {
font-size: 2.5rem;
}
.mega-menu .menu-dropdown ul li {
line-height: 1;
font-size: 1.25rem;
margin-bottom: 1rem;
}
.mega-menu .contact {
padding: 50px 150px 50px 100px;
}
.mega-menu .contact p.weight-bold {
margin-bottom: 30px;
}
/* What we do band */
.band.what-we-do p:not(.read-more p):not(.item p) {
padding-right: 150px;
}
/* Client Scroller band */
.band.client-scroller .client-wrapper .logo {
margin-right: 70px;
}
/* Client testimonial band */
.band.client-testimonials .client-testimonial .image {
max-width: 520px;
}
/* image left text right band */
.subheader p:not(.read-more p),
.subheader ul,
.blog-intro .text-side.subheader>div,
.project-content .bodycopy h3 {
padding-right: 0
}
/* veritcal slider band */
.band.client-testimonials.text-left .text-side {
padding-right: 0;
}
.client-testimonials .vertical-slider {
right: -100px;
}
.client-testimonials .vertical-slider .glide__slide .testimonial-slide-wrap {
width: 550px;
height: auto;
}
.band.client-testimonials .vertical-slider .glide__arrow--right {
left: 191px;
}
.band.client-testimonials .vertical-slider .glide__arrow--left {
left: 134px;
}
.client-testimonials .vertical-slider .glide__arrow {
bottom: 221px;
}
/* services band */
.services-wrap.minimal .service-card {
width: 33%;
}
.services-wrap.minimal .service-card:nth-child(4) {
border-left: 1px solid #303742;
}
.services-wrap.minimal {
flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.band.service-banner .line-block {
height: 75%;
;
}
.band.service-banner .image {
position: absolute;
top: 100px;
right: 0;
max-width: unset;
z-index: 2;
}
.band.service-banner .six.columns {
padding-top: 100px;
}
.band.service-banner .service-icon {
width: 125px;
margin-bottom: 40px;
}
.band.service-banner h1 {
margin-top: 10px;
margin-bottom: 30px;
}
/* profile band */
.band.profile-band .content-wrap {
padding: 60px 80px 60px 60px;
margin-right: 50px;
}
.band.profile-band .content-wrap .read-more {
margin-top: 30px;
}
.band.profile-band .profile-image {
right: -75px;
bottom: -111px
}
.band.profile-band .profile-image img {
height: 240px
}
/* our work */
.projects-wrap .project-card {
width: 32%;
}
/* contact 1300 */
.band.banner-contact h1.font-size-1 {
font-size: 4.3rem;
}
.form-tabs .read-more.font-size-6 {
font-size: 1.3rem;
}
.band .contact-phone .border-left {
width: 40%;
}
.team-member {
width: 24%;
}
/* what we do 1300 */
.service-card {
width: 30%;
}
}
@media all and (min-width: 480px) {
/* ESG - Approach */
.approach-heading {
height: 350px;
top: -250px;
}
.timeline-slider .glide__slide img {
top: -150px;
}
.timeline-slider .glide__slides {
padding: 40px 0 80px 0;
}
.timeline-slider .glide__slides-has-image {
padding-top: 140px;
}
/* Forminator */
.forminator-col-6 {
grid-column: span 6;
}
}
@media all and (min-width: 959px) and (max-width: 1300px) {
header .logo {
width: 200px;
}
header .font-size-7 {
font-size: 1.15rem;
}
header .read-more.phone {
font-size: 1rem;
}
}
@media all and (min-width: 768px) {
/* ESG - Approach */
.approach .accordion {
padding: 100px 50px 50px 50px;
}
.approach-heading {
display: inline-block;
left: -130px;
padding: 30px;
width: 500px;
}
.approach .accordion-content-cols {
display: flex;
gap: 50px;
}
.approach .accordion-content-col {
flex: 1 1 calc(50% - 50px);
margin: 0;
}
/* ESG - CSR */
.csr h3 {
padding-left: 50px;
}
.csr-heading {
padding-bottom: 100px;
}
.csr-heading img {
margin: 0;
width: 100%;
}
.csr-glide-container {
margin: 0;
/* ( Half of space around page + 9/16 columns ) - half column gap */
width: calc((((100vw - var(--containerWidth)) / 2) + ((var(--containerWidth) / 16) * 9)) - 10px);
}
.csr-glide-container .glide__slide:not(.glide_slide-is-active) {
padding: 30px;
}
.csr-glide-container .glide__slide:not(.glide_slide-is-active) .csr-slider-overlay {
bottom: 30px;
left: 30px;
right: 30px;
top: 30px;
}
.csr .glide__arrow--left {
left: 2em;
}
/* Forminator */
.forminator-label[for^="forminator-field-textarea"] {
font-size: 22px;
}
.forminator-row {
gap: 50px;
margin-bottom: 25px;
}
.forminator-textarea {
font-size: 22px;
}
/* Full width slider */
.full-width-slider .glide__slide div {
height: 100vh;
width: 100%;
}
.full-width-slider-wide .glide__slide div {
aspect-ratio: 16 / 9;
height: auto;
width: 100%;
}
/* Who We Are timeline */
.timeline-slider .glide__slides {
padding: 40px 0 80px 0;
}
.timeline-slider .glide__slides-has-image {
padding-top: 120px;
}
.timeline-slider .glide__slide img {
top: 150px;
width: calc(33% + 60px);
}
.timeline-slider-heading {
top: -30px;
}
.timeline-slider-heading-has-image {
bottom: -30px;
top: auto;
}
.timeline-slider-image-left {
left: -60px !important;
}
.timeline-slider-image-right {
left: auto !important;
right: -60px;
}
}
@media all and (min-width: 880px) {
/* values band */
.values-card {
width: 20%;
}
.values-wrap.minimal .values-card:nth-child(even) {
border-right: none;
}
.values-wrap.minimal .values-card:last-child {
border-right: 1px solid #303742;
}
}
@media all and (min-width: 960px) {
/* Who We Are timeline */
.timeline-slider .glide__slides {
padding: 40px 0 80px 0;
overflow: visible;
}
.timeline-slider .glide__track {
overflow: visible;
}
.timeline-slider .glide__slides-has-image {
padding-top: 120px;
}
.timeline-slider .glide__slide img {
top: -150px;
width: calc(100% + 60px);
}
.timeline-slider-heading {
top: -30px;
}
.timeline-slider-heading-has-image {
bottom: -30px;
top: auto;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media all and (min-width: 768px) and (max-width: 959px) {
.hide-desktop {
display: none !important;
}
:root {
--containerWidth: 768px;
}
/* .band { padding: 50px 0;} */
/* ::::::::: Global Styles ::::::::: */
/* Font sizes */
.font-size-1 {
/* font-size: 4rem; */
}
.font-size-2 {
font-size: 2.1rem;
}
.font-size-6 {
font-size: 1.3rem;
}
.font-size-13 {
font-size: 3rem;
}
/* videos */
.band.project-banner .video-wrapper video {
height: 100%;
}
/* ::::::::: Header Styles ::::::::: */
header .logo {
width: 230px;
}
header .read-more {
padding-right: 25px;
}
header .read-more.phone .icon,
header .read-more.speech .icon {
right: 0px;
width: 15px;
}
header .read-more,
.mega-menu-button p {
font-size: 1.1rem;
display: none;
}
header .top-header .read-more p {
display: none;
}
.mega-menu .container {
flex-direction: column;
}
.mega-menu .container .nav {
margin-bottom: 30px;
width: 80% !important;
}
.mega-menu .contact {
padding: 50px 100px 50px 80px;
}
.mega-menu nav li {
font-size: 1.7rem;
}
/* Homebanner */
.band-homebanner .text-change .wrapper {
height: 77px;
}
/* What we do band */
.band.what-we-do {
padding-top: 0;
}
.band.what-we-do .container {
justify-content: center;
}
.band.what-we-do .seven.columns {
width: 90%;
padding-bottom: 70px;
}
.band.what-we-do .seven.columns br {
display: none;
}
.band.what-we-do .eight.columns {
width: 90%;
padding: 50px 50px 30px 50px;
margin: 0;
}
.band.what-we-do .eight.columns .item {
margin-bottom: 35px;
}
.band.what-we-do .eight.columns .item .icon {
height: 50px;
}
/* Client scroller band */
.band.client-scroller .section-title.font-size-2 {
font-size: 1.8rem;
}
.band.client-scroller .client-wrapper .logo {
margin-right: 40px;
}
.band.client-scroller .client-wrapper .logo img {
max-width: 150px;
}
.band.client-scroller .client-wrapper .logo:nth-child(6) {
margin-left: 60px;
}
.band.client-scroller .client-wrapper .logo:nth-child(7) {
margin-left: 10px;
}
/* Client testimonial band */
.band.client-testimonials .client-testimonial .image {
max-width: 320px;
}
.band.client-testimonials .client-testimonial .nine.columns {
width: 500px;
padding: 85px 70px 150px 110px;
}
.band.client-testimonials .glide__arrow--right {
left: 150px;
}
.band.client-testimonials .glide__arrow--left {
left: 105px;
}
.band.client-testimonials .client-testimonial .client-logo,
.band.client-testimonials .vertical-slider .client-logo {
max-width: 100px;
}
/* Footer */
footer {
margin-top: -1px;
}
footer .cta {
margin-bottom: 80px;
}
footer .four.columns,
footer .three.columns {
width: 40% !important;
margin-bottom: 30px;
}
footer .four.coluns.txt-orange,
footer .two.columns {
width: 40% !important;
margin-bottom: 0;
}
footer .bottom .left,
footer .bottom .right {
width: 100%;
}
footer .bottom {
margin-top: 50px;
}
footer .social-icon:nth-child(3n),
footer .social-icon {
margin-right: 20px;
}
/* what we do page tablet */
.box-text .wrapper .cube {
width: 642px;
}
.full-width-slider .glide__slide div {
height: 50vh;
}
.band.text-left .twelve.columns.subheader {
width: 625px !important;
}
.text-right .text-side {
padding-left: 50px;
}
/* our work page tablet */
.projects-wrap .project-card {
width: 48.99%;
}
.projects-wrap .project-card:nth-child(3n+2) {
margin-left: 0;
margin-right: 0;
}
.projects-wrap .project-card:nth-child(even) {
margin-left: 7.5px;
}
.projects-wrap .project-card:nth-child(odd) {
margin-right: 7.5px;
}
.banner-outline.bd-orange {
padding-top: 60px;
width: 98%;
margin: auto;
margin-top: 30px;
}
.vertical-slider.hide-mobile {
display: none !important;
}
.client-testimonial.hide-desktop {
display: block !important;
}
/* .band.client-testimonials .client-testimonial .container {padding-top:0; justify-content: flex-start; -webkit-justify-content: flex-start;}
.band.client-testimonials .client-testimonial .nine.columns {width: 352px; padding: 60px 30px 110px 30px;}
.band.client-testimonials .glide__arrow--right {left: 289px;}
.band.client-testimonials .glide__arrow--left {left: 240px;} */
/* service page tablet */
.band.service-banner .service-icon {
width: 100px;
}
.band.breadcrumb {
margin-top: -80px;
padding-bottom: 0;
}
.band.breadcrumb .eight.columns {
width: 100%;
}
.services-wrap.minimal .service-card {
width: 33%;
}
.services-wrap.minimal .service-card:nth-child(4) {
border-left: 1px solid #303742;
}
.services-wrap.minimal {
flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.band.center-slider.margin-bottom-320 {
margin-bottom: -221px;
}
.band.txt-center.pad-top-430 {
padding-top: 240px;
}
.band.profile-band {
margin-top: -1px;
}
.band.profile-band .content-wrap {
padding: 50px 60px 50px 40px;
}
.band.profile-band .profile-image {
right: -52px;
bottom: -66px;
}
.band.profile-band .profile-image img {
height: 180px;
}
.band.service-banner .image img {
min-height: unset;
max-width: unset;
}
.band.service-banner .image {
top: 140px;
}
.band.breadcrumb.service-breadcrumbs {
margin-top: -70px;
}
.band.featured-project-slider .glide__slide,
.band .projects-wrap .project-card,
.band.projects-wrap .thought-card {
min-height: 440px;
}
/* culture tablet */
/* .band.culture-banner {} */
section.no-pad-top.team-testimonials {
padding-top: 100px;
}
.team-testimonials .fourteen.columns {
padding-right: 100px;
}
.team-member {
width: 32%;
margin-bottom: 30px;
}
/* thought leadership tablet */
.band.thoughts-banner {
padding-top: 100px;
}
.banner-outline.bd-teal {
padding-top: 70px;
padding-bottom: 60px;
}
.band.projects.thoughts {
padding-top: 80px;
}
.featured-news-post .image-side.tall .featured-image {
height: 130%;
}
.band.projects.thoughts .filter-wrap .filter-item.search-wrap {
margin-left: 20px;
}
.band.projects.thoughts .filter-wrap .filter-item:not(.search-wrap) {
max-width: 200px;
}
.band .projects-wrap .project-card .on-hover {
opacity: 1;
}
.band.download-content-band {
padding: 100px 0;
}
.band.download-content-band .download-content img {
top: -9%;
height: 300px;
right: -42px;
}
/* blog post tablet */
.band.blog-post-banner .eleven.columns {
width: 90%;
}
.post-quote {
padding: 50px 40px 100px 40px;
}
.post-lead-image {
margin-top: -115px
}
.band.bodycopy {
padding: 50px 0;
}
.share-band {
margin-top: 50px;
}
.band.bodycopy {
margin-top: -1px;
}
.band.featured-project-slider.bg-grey {
margin-top: -1px;
}
.band.bodycopy .twelve.columns p img {
margin-bottom: 30px;
}
.band.featured-project-slider .glide__slide .on-hover,
.band .projects-wrap .project-card .on-hover {
opacity: 1;
}
/* contact tablet */
.band.banner-contact h1.font-size-1 {
font-size: 3.3rem;
}
.contact-banner-image img {
height: 100%;
width: auto;
max-width: unset;
}
.form-tabs .read-more.font-size-6 {
font-size: 1rem;
padding-right: 20px;
}
.form-tabs .read-more .icon {
right: 15px;
top: 55%;
}
.band.contact-forms {
margin-top: -1px;
}
.form-tabs {
margin-top: 50px;
}
.band.canadian-site-portal {
margin-bottom: -1px;
min-height: 300px;
}
.band.contact-forms {
padding-top: 50px;
}
.read-more.long {
min-width: 220px;
}
.band.contact-phone-band {
margin-top: -1px;
padding-top: 50px;
}
.band .contact-phone .border-left {
padding-left: 20px;
}
.contact-phone .border-left {
width: 55%;
}
/* contact specific location tablet */
.band.specific-location-banner {
padding-top: 150px;
padding-bottom: 80px;
}
.band.specific-location-info-band .container {
margin-top: -155px;
}
.location-info {
padding: 110px 20px 50px 20px;
}
.location-info>div {
margin-right: 10px;
}
.location-grid {
grid-template-columns: repeat(3, 1fr);
}
.location-grid div:not(.team-member) p {
padding-right: 150px;
}
.location-grid>div:not(.team-member) {
grid-column: 1/3;
}
/* flexible template tablet */
.band.center-slider.slider-with-caption .glide__track {
padding: 80px 0;
}
.band.center-slider.slider-with-caption {
padding: 0;
margin-top: -80px;
}
.band.center-slider .glide__slide.glide_slide-is-active .inner-wrap p {
margin-top: 70px;
}
/* project page tablet */
.band.center-slider.pad-bottom-200 {
padding-bottom: 100px;
}
.journey-slider-heading img {
max-height: 150px;
}
/* who we are tabelt */
.values-wrap.minimal {
margin-top: 20px;
}
.values-wrap.minimal .values-card {
width: 33%;
margin-top: 25px;
padding: 10px 40px;
}
.values-wrap.minimal .values-card:nth-child(2n) {
border-left: 1px solid #303742;
border-right: none;
}
.values-card .image.tall {
margin-top: 0;
}
.values-wrap.minimal .values-card .image {
height: 100px;
width: 100px;
}
.values-wrap.minimal .values-card:last-child {
border-right: 1px solid #303742;
}
.values-wrap.minimal {
justify-content: center;
}
.band.culture .seven.columns {
width: 400px;
}
.band.service-banner h2 {
font-size: 28px;
margin-bottom: 20px
}
}
@media all and (max-width: 1024px) {
header.sticky {
padding: 20px 0;
}
}
/* All Mobile Sizes (devices and browser) */
@media all and (max-width: 767px) {
.mega-menu .menu-dropdown ul li {
line-height: 1;
font-size: 1.25rem;
margin-bottom: 1rem;
}
.hide-desktop {
display: block !important;
}
.hide-mobile {
display: none !important;
}
/* ::::::::: Global Styles ::::::::: */
:root {
--containerWidth: 490px;
}
.container.mobile-extended {
--containerWidth: 520px;
}
.scroll-arrow {
position: absolute;
bottom: 90px;
right: 20px;
width: 35px;
}
.scroll-arrow.mobile-arrow.who-we-are {
bottom: 10px;
}
.scroll-arrow.esg {
bottom: 10px;
}
.scroll-arrow.contact {
bottom: 0;
}
.scroll-arrow.project {
bottom: 100px;
}
.band.service-banner h2 {
font-size: 25px;
margin-bottom: 30px
}
#my-popup {
right: 0;
left: 0;
padding: 15px 20px;
}
#my-popup p {
margin-bottom: 0px;
}
#my-popup .read-more.speech .icon {
width: 18px;
top: 60%;
right: 28px;
}
/* Font sizes */
.font-size-1 {
/* font-size: 4rem; */
}
.font-size-2 {
font-size: 2.1rem;
}
.font-size-3 {
font-size: 1.25rem;
}
.font-size-6 {
font-size: 1.3rem;
}
.font-size-7 {
font-size: 1.2rem;
}
.font-size-8 {
font-size: 1rem;
}
.font-size-12 {
font-size: 2rem;
}
.font-size-13 {
font-size: 2.25rem;
}
/* Forms */
input[type="text"],
input[type="email"],
select,
textarea {
background: transparent;
border-radius: 0;
border: none;
border-bottom: 1px solid #222223;
padding: 0 5px 10px 5px;
color: #222223;
width: 100%;
font-size: 1.2rem;
}
input::placeholder {
color: #fff !important;
font-size: 1.2rem !important;
}
/* ::::::::: Header Styles ::::::::: */
header {
padding: 20px 0;
}
header .top-header {
padding: 5px 10px;
}
header .logo {
width: 170px;
}
header.sticky .logo {
width: 150px;
}
header .top-header .read-more {
padding: 14px 10px 15px 10px;
min-width: 40px;
}
header .top-header .read-more.phone .icon {
height: 20px;
}
header .top-header .read-more p {
display: none;
}
header .top-header .read-more.tagline {
padding: 0;
}
header .top-header .read-more.tagline>p {
display: block;
}
header .top-header .read-more.tagline>p>img {
display: none;
}
.mega-menu {
justify-content: center;
align-items: center;
padding: 0;
}
.mega-menu .container {
flex-direction: column;
}
.mega-menu .container .nav {
margin-bottom: 30px;
width: 80% !important;
}
.mega-menu .contact {
display: none;
}
.mega-menu .nav {
width: 100%;
margin-left: 50px;
}
.mega-menu nav {
margin-left: 0px;
}
.mega-menu nav li:not(.header-cta) {
background: none !important;
}
.mega-menu nav li {
font-size: 1.7rem;
}
.mega-menu .menu-dropdown.show {
margin-right: 30px;
}
.mega-menu.open {
touch-action: none;
}
.mega-menu .read-more.dropbtn {
margin-top: -8px;
min-width: 104px;
padding-right: 10px;
right: 0;
}
.mega-menu nav li .phone-link {
color: #E28A4A;
}
/* Footer */
footer .contact-wrap {
margin-bottom: 40px !important;
}
/* Homebanner */
.band-homebanner h1 {
margin-bottom: 0;
}
.band-homebanner .text-change {
flex-direction: column;
}
.band-homebanner .text-change .wrapper.return-height {
height: 77px !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.band-homebanner .text-change .wrapper.return-height-lg {
height: 154px !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.band-homebanner .read-more {
bottom: 90px;
}
.band.featured-project-slider.projects-homepage {
padding-top: 50px;
}
.logos-item img {
max-width: 8rem;
}
/* What we do band */
.band.what-we-do {
padding-top: 0;
}
.band.what-we-do .container {
justify-content: center;
}
.band.what-we-do .seven.columns {
width: 90%;
padding-bottom: 70px;
}
.band.what-we-do .seven.columns br {
display: none;
}
.band.what-we-do .eight.columns {
width: 90%;
padding: 50px 50px 30px 50px;
margin: 0;
}
.band.what-we-do .eight.columns .item {
margin-bottom: 35px;
}
.band.what-we-do .eight.columns .item .icon {
height: 50px;
}
/* Client scroller band */
.band.client-scroller .section-title.font-size-2 {
font-size: 1.8rem;
}
.band.client-scroller .client-wrapper .logo {
margin-right: 20px;
margin-bottom: 50px;
}
.band.client-scroller .client-wrapper .logo img {
max-width: 100px;
}
.band.client-scroller .client-wrapper .logo.height-30 img {
max-height: 20px;
max-width: 120px;
}
.band.client-scroller .client-wrapper .logo.height-40 img {
max-height: 30px;
}
.band.client-scroller .client-wrapper .logo.height-50 img {
max-height: 40px;
}
.band.client-scroller .client-wrapper .logo.height-80 img {
max-height: 55px;
}
.band.client-scroller .client-wrapper .logo:nth-child(6) {
margin-left: 20px;
}
.band.client-scroller .client-wrapper .logo:nth-child(7) {
margin-left: 10px;
}
.band.client-scroller .client-wrapper .glide__arrows {
margin-top: 30px;
}
.band.client-scroller .client-wrapper .glide__arrows .glide__arrow {
width: 30px;
}
.band.client-scroller .glide__bullets {
bottom: 30px;
}
/* Client testimonial band */
.band.client-testimonials .client-testimonial .container {
padding-top: 0;
}
.band.client-testimonials .client-testimonial .image {
max-width: 100%;
position: relative;
}
.band.client-testimonials .client-testimonial .nine.columns {
width: 500px;
padding: 65px 60px 150px 60px;
border-top: 0;
}
.band.client-testimonials .client-testimonial .speech-mark {
margin-bottom: 20px;
width: 35px;
}
.band.client-testimonials .client-testimonial blockquote {
margin-bottom: 30px;
}
.band.client-testimonials .client-testimonial .client-logo {
max-width: 120px;
}
.band.client-testimonials .glide__arrow--right {
left: 100px;
}
.band.client-testimonials .glide__arrow--left {
left: 57px;
}
/* Footer */
footer .cta .sixteen.columns {
flex-direction: column;
align-items: start;
}
footer .cta .sixteen.columns .left {
margin-bottom: 20px;
}
footer .four.columns {
width: 100% !important;
margin-bottom: 30px;
}
footer nav ul {
display: flex;
flex-wrap: wrap;
}
footer nav ul li {
width: 50%;
}
footer .three,
footer .two.columns {
width: 50% !important;
margin-bottom: 0;
}
footer .bottom {
align-items: flex-end;
}
footer .bottom .left,
footer .bottom .right {
width: 50%;
flex-direction: column;
}
footer .bottom p {
margin: 0 0 10px 0;
}
footer .bottom .right p:last-child {
margin-bottom: 10px;
}
/* our work page mobile */
.projects-wrap .project-card {
padding: 0 !important;
width: 100%;
margin: 0 !important;
}
.banner-outline.bd-orange {
padding-top: 50px;
width: 90%;
margin: auto;
margin-top: 30px;
}
.search-wrap {
width: 100%;
}
/* what we do page mobile */
.box-text .wrapper .cube {
width: 100%;
}
.banner .banner-heading .box-text {
padding: 0;
padding-top: 10px;
}
.full-width-slider .glide__slide div {
height: 50vh;
}
.full-width-slider .glide__arrow.glide__arrow--left {
left: 0;
}
.band.text-left .twelve.columns.subheader {
width: 100%;
}
.text-right .text-side {
padding-left: 0px;
margin-top: 30px;
padding-right: 0;
}
.band.client-testimonials.text-left .text-side {
padding-top: 0;
padding-bottom: 50px;
}
.band.client-testimonials.text-left .text-side p {
padding-right: 0;
}
.band.client-testimonials .client-testimonial.hide-desktop .nine.columns {
border-top: 1px solid #fff;
}
.band.client-testimonials .client-testimonial.hide-desktop blockquote {
font-size: 1.2rem;
}
.band.client-testimonials .client-testimonial.hide-desktop p {
font-size: 1rem;
}
.band.client-testimonials .client-testimonial .client-logo img,
.band.client-testimonials .vertical-slider .client-logo img {
max-height: 70px;
}
.band.client-testimonials .client-testimonial.hide-desktop .glide__arrow--left {
left: unset;
right: 65px;
}
.band.client-testimonials .client-testimonial.hide-desktop .glide__arrow--right {
left: unset;
right: 25px;
}
.band.services-band .container.bd-teal {
padding: 50px 20px;
}
.band.services-band h3 br {
display: none;
}
.service-card {
width: 100%;
margin-top: 30px;
}
.service-card .image {
height: 60px;
width: 60px;
}
.service-card p {
margin-bottom: 10px;
}
.service-card:nth-child(3n+2) {
margin-left: 0px;
margin-right: 0px;
}
.service-card .image {
margin-bottom: 20px;
}
.service-card .read-more.plus .icon {
top: 40%;
}
.band.client-scroller .client-wrapper.no-slider {
grid-template-columns: repeat(2, 1fr);
}
.band.pad-bottom-450 {
padding-bottom: 380px;
}
/* service page mobile */
.band.service-banner {
padding-top: 100px;
}
.band.service-banner .image {
position: relative;
min-height: unset;
top: 0;
left: unset;
max-height: 350px;
overflow: hidden;
}
.band.service-banner .image img {
width: 100%;
height: auto;
min-height: unset;
}
.band.service-banner .six.columns {
padding-top: 70px;
}
.band.service-banner .description {
padding-right: 30px;
margin-bottom: 50px;
font-size: 1.2rem;
}
.band.service-banner>.container {
min-height: unset;
}
.band.service-banner .line-block {
height: 95%;
top: 20px;
width: 110%;
left: -10%;
}
.band.breadcrumb.service-breadcrumbs {
margin-top: -70px;
padding-bottom: 0;
}
.band.service-banner .service-icon {
width: 80px;
}
.band.breadcrumb {
margin-top: -80px;
padding-bottom: 0;
}
.band.breadcrumb .eight.columns {
width: 100%;
}
.band.breadcrumb.project-breadcrumbs {
margin-top: 0px;
padding-top: 30px;
}
.services-wrap.minimal .service-card {
width: 100%;
border-left: 1px solid #303742;
}
.services-wrap .service-card .font-size-6 {
font-size: 1.4rem;
}
.services-wrap .service-card .read-more.arrow .icon.arrow {
width: 25px;
}
.services-wrap {
flex-wrap: wrap;
}
.band.center-slider.margin-bottom-320 {
margin-bottom: -127px;
}
.band.txt-center.pad-top-430 {
padding-top: 170px;
}
.band.profile-band {
margin-top: -1px;
}
.band.profile-band .content-wrap {
padding: 40px 20px 40px 40px;
margin-right: 20px
}
.band.profile-band .profile-image {
right: -22px;
bottom: -136px;
}
.band.profile-band .profile-image img {
height: 160px;
}
.whats-included-bodycopy .text-side {
order: 2;
}
.whats-included-bodycopy .img-side {
order: 1;
margin-bottom: 40px;
}
.glide__arrow svg {
max-height: 50px !important;
}
.glide__arrow.glide__arrow--left {
left: 0;
}
.center-slider .glide__arrows .glide__arrow {
right: 0;
}
/* who we are mobile styles */
.band-who-we-are-banner h1 {
font-size: 41px;
}
.band-who-we-are-banner .sixteen.columns {
padding-top: 100px;
}
.band-who-we-are-banner-copy {
padding: 50px 30px;
}
.band.large-video {
margin-top: -60px;
}
.band.large-video .container,
.band.large-video .sixteen.columns {
width: 100%;
}
.values-wrap.minimal {
margin-top: 20px;
}
.values-wrap.minimal .values-card {
border-left: none;
margin-top: 20px;
padding: 10px 20px;
}
.values-wrap.minimal .values-card .image {
height: 100px;
width: 100px;
}
.values-wrap.minimal .values-card:nth-child(3n) {
border-right: none;
}
.values-wrap.minimal .values-card:nth-child(2n) {
border-left: 1px solid #303742;
border-right: none;
}
.values-card .image.tall {
margin-top: 0;
}
.values-wrap.minimal {
justify-content: center;
}
.band.bg-image-tr.culture {
padding-bottom: 80px;
}
.timeline-slider .glide__slide img {
aspect-ratio: 5 / 3;
left: calc(50% - ((50% + 60px) / 2));
top: -110px;
width: calc(50% + 60px);
}
/* culture mobile */
.band.culture-banner {
background-size: cover !important;
background-position: 13% -100px !important;
}
.culture-banner h1 {
font-size: 2.4rem;
}
.culture-banner h1 br {
display: none;
}
.team-member {
width: 100%;
margin-bottom: 30px;
}
.team-testimonials .heading h3 {
padding: 30px 50px 54px 50px;
margin-left: -15%;
width: 130%;
margin-bottom: -30px;
}
.team-testimonials .fourteen.columns {
padding: 50px 20px;
}
.team-testimonials .fourteen.columns blockquote {
font-size: 17px;
}
section.no-pad-top.team-testimonials {
padding-top: 50px;
}
.band.team-testimonials .fourteen.columns .glide__arrow--left {
right: 50px;
}
.band.team-testimonials .fourteen.columns .glide__arrow--right {
right: 10px;
}
.our-team-band .heading {
padding: 20px 0 100px 0;
width: 110%;
margin-left: -5%;
margin-bottom: -80px;
}
.vacancies-wrap article {
width: 100%;
}
.vacancies-band .bg-shape {
top: 0;
}
.vacancies-band h3 br {
display: none;
}
.vacancies-wrap article h4 {
padding-right: 0;
}
.vacancies-wrap article .read-more {
margin-top: 80px;
}
.vacancies-band .no-jobs-message {
width: 100%;
padding: 30px 0 50px 0;
}
/* vacancy mobile */
.band.vacancy-banner {
padding-top: 150px;
}
.forminator-field.show-label .forminator-label,
.forminator-file-label {
font-size: 1rem;
}
.forminator-field.show-label .icon {
width: 15px;
right: 10px;
}
.apply_gsap {
padding: 20px 0;
}
.apply_gsap li {
font-size: 35px;
}
.vacancy-banner .subheader p.font-size-5 {
width: 100%;
}
/* thought leadership mobile */
.band.featured-news-post {
padding-top: 0;
}
.banner-outline.bd-teal {
padding: 40px 0 10px 0;
}
.featured-news-post .image-side.tall .featured-image {
position: relative;
height: 250px;
margin-top: 20px;
}
.band.projects.thoughts .filter-wrap {
flex-wrap: wrap;
}
.band.projects.thoughts .filter-wrap .filter-item:not(.search-wrap) {
max-width: 300px;
cursor: pointer;
width: 30%;
}
.band.projects.thoughts .filter-wrap .filter-item:first-child {
width: 60%;
margin-right: 10px;
}
.band.projects.thoughts .filter-wrap .filter-item.search-wrap {
margin-left: 0;
}
.band.projects.thoughts .filter-wrap .filter-item .dropdown-icon.filter-icon {
width: 20px;
}
.band .projects-wrap .project-card.teal-overlay .on-hover {
opacity: 1;
}
.band.text-left .subheader .read-more.no-pad-right.no-pad-left {
margin-top: 0;
}
.band.projects .projects-wrap .project-card {
height: auto;
margin-bottom: 40px !important;
}
.mega-menu-button p {
display: none;
}
header .read-more.speech .icon {
right: 0;
width: 23px;
height: 20px;
margin-top: 1px;
}
.band.thoughts .projects-wrap article {
width: 100%;
margin-left: 0;
}
.band.download-content-band .download-content {
padding: 50px 30px;
}
.band.download-content-band .download-content img {
right: -5px;
top: -8%;
height: 150px;
}
.band.download-content-band {
padding: 70px 0;
}
/* blog post mobile */
.band.blog-post-banner {
padding-top: 100px;
}
.band.blog-post-banner p {
margin-bottom: 30px;
}
.post-subheader .breadcrumb {
margin-bottom: 40px;
}
.post-subheader .subheader p:not(.breadcrumb) {
margin-bottom: 0;
}
.eight.columns.post-quote {
padding: 50px 30px 50px 30px;
margin-top: 30px;
}
.post-lead-image {
margin-top: -90px;
}
.post-lead-image .container {
width: 280px;
}
.band.bodycopy .twelve.columns p img {
margin-bottom: 20px;
}
.social-icons .icon svg {
height: 22px;
width: 22px;
}
.share-band .social-icons>div {
height: 22px;
width: 22px;
margin-left: 15px;
}
.sixteen.columns.share-band {
margin-top: 50px;
}
/* contact mobile */
.band.banner-contact {
padding-top: 100px;
overflow: visible;
}
.band.banner-contact .nine.columns {
padding: 0;
}
.band.banner-contact .nine.columns p {
padding-right: 40px;
}
.band.banner-contact h1.font-size-1 {
font-size: 2.5rem;
}
.band.banner-contact img {
margin-top: 30px;
}
.band .contact-phone {
flex-wrap: wrap;
}
.band .contact-phone .font-size-4 {
font-size: 1.5rem;
}
.band .contact-phone.font-size-5,
.band .contact-phone .font-size-5 {
font-size: 1.4rem;
}
.band .contact-phone>div {
margin-bottom: 20px;
}
.band .contact-phone .read-more.phone .icon {
width: 18px;
}
.band .contact-phone .border-left {
width: 100%;
}
.form-tabs {
margin-top: 30px;
flex-wrap: wrap;
}
.form-tabs .read-more:first-child {
margin-right: 0;
}
.band.text-left .form-tabs .read-more {
margin-top: 20px;
}
.forminator-label[for^="forminator-field-textarea"] {
font-size: 1rem;
}
.form-tabs .read-more.font-size-6 {
font-size: 1.125rem;
}
.band.location-band .container.bd-orange {
padding: 50px 20px;
width: 330px;
}
.band.location-band .location-wrap {
margin-bottom: 0;
}
.band.location-band .location-wrap .team-member:last-child {
margin-bottom: 0;
}
.canadian-site-portal .font-size-2 {
font-size: 1.5rem;
}
.read-more.long {
min-width: 170px;
}
.location-wrap:not(.location-grid) .team-member {
width: 48%;
}
/* contact specific location mobile */
.band.specific-location-banner h1 {
margin-top: 20px;
font-size: 2.375rem;
}
.band.specific-location-banner {
padding-top: 100px;
padding-bottom: 80px;
}
.band.specific-location-info-band .container {
margin-top: -96px;
}
.location-info {
padding: 30px 20px 50px 20px;
flex-wrap: wrap;
}
.location-bullets {
padding: 80px 20px 0px 20px;
flex-wrap: wrap;
}
.location-info>div {
margin-right: 0px;
margin-bottom: 30px;
width: 100%;
}
.location-info>div:last-child {
margin-bottom: 0px;
}
.location-grid>div:not(.team-member) p {
padding-right: 0px;
}
.location-info p:has(strong) {
margin-bottom: 20px;
}
.location-grid>div:not(.team-member) p {
margin-bottom: 20px;
}
.location-grid {
grid-template-columns: 1fr 1fr;
}
.location-grid>div:not(.team-member) {
grid-column: 1/2;
}
.location-grid div:not(.team-member) .scroll-line {
height: 1px;
margin-bottom: 100px;
}
/*flexible page mobile */
.flexible-intro-band p.font-size-5 {
margin-bottom: 30px !important;
}
.band.center-slider .glide__slide.glide_slide-is-active .inner-wrap p {
margin-top: 50px;
}
.band.client-testimonials.flexible-content-band .client-testimonial .nine.columns {
padding-bottom: 70px;
}
.band.center-slider.slider-with-caption .glide__track {
padding: 50px 0;
}
.band.center-slider.slider-with-caption {
padding: 0;
}
.band.bodycopy.flexible-band {
padding-top: 50px;
}
/* project page mobile */
.project-content .eight.columns.bodycopy:last-of-type {
margin-top: 40px;
}
.project-content.extra-band .eight.columns.bodycopy:last-of-type {
margin-top: 0px;
}
.band.large-video.project-video .fifteen.columns {
margin: 0 auto;
}
.band.large-video.project-video {
margin-top: 0;
}
section.pad-top-200.band.center-slider {
padding: 100px 0;
}
section.pad-top-200.band.project-center-slider.center-slider {
padding: 30px 0;
}
.band.project-banner .full-vh img.hide-desktop {
max-width: unset;
height: 100%;
}
.project-brand img {
max-height: 5rem;
max-width: 10rem;
}
.project-brand {
margin-top: 20px;
justify-content: flex-start;
}
.band.quote-band figcaption {
font-size: 16px;
}
.band.quote-band.project-subpage-quote {
padding-bottom: 50px;
}
.band.quote-band.project-subpage-quote .content-wrap {
padding-bottom: 50px;
}
.project-content .eight.columns.bodycopy.text-side {
order: 1;
}
.project-content .eight.columns.bodycopy.image-side {
order: 2;
margin-top: 20px;
}
.project-content.extra-band {
padding-top: 0;
}
section.band.center-slider.pad-bottom-200 {
padding-bottom: 50px;
}
section.band.journey {
padding-top: 50px;
}
section.band.journey h2 br {
display: none;
}
.band.project-video.large-video.pad-bottom-200 {
padding-bottom: 50px;
}
.band.large-video .play-icon img {
margin-left: 10px;
height: 60px;
width: 60px;
}
.band.large-video .play-icon p {
font-size: 1.7rem;
margin-bottom: 0;
}
.band.center-slider .glide__arrows .glide__arrow {
width: 40px;
}
.band.center-slider .glide__arrows .glide__arrow:hover {
width: 40px;
}
.band.center-slider .glide__arrows .glide__arrow.glide__arrow--left {
right: unset;
left: 0px;
}
.band.center-slider .glide__arrows .glide__arrow.glide__arrow--right {
right: 0px;
}
.band.project-form {
padding-bottom: 0
}
.band.project-form form {
margin-bottom: 0;
}
/* ESG mobile */
.approach-heading {
height: 175px;
top: -135px;
left: -80px;
width: auto;
padding-left: 80px;
padding-right: 80px;
}
.approach .accordion {
padding-top: 40px;
}
.csr-heading img {
margin: 0 0 20px 0;
}
.band.csr .glide__arrows .glide__arrow {
left: 5px;
}
.esg-intro .twelve.columns.subheader {
padding-right: 20px;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media all and (max-width: 479px) {
/* ::::::::: Global Styles ::::::::: */
:root {
--containerWidth: 337px;
}
/* Font sizes */
.font-size-1 {
/* font-size: 3rem; */
}
.font-size-2 {
font-size: 2rem;
}
.font-size-3 {
font-size: 1.2rem;
}
.font-size-4 {
font-size: 1.2rem;
}
.font-size-5 {
font-size: 1.2rem;
}
.font-size-6 {
font-size: 1.125rem;
}
.font-size-7 {
font-size: 1rem;
}
.font-size-11 {
font-size: 1.8rem;
}
.band {
padding: 50px 0;
}
.pad-bottom-600 {
padding-bottom: 600px;
}
/* Form styles */
input[type="text"],
input[type="email"],
select,
textarea {
font-size: 1rem;
}
input::placeholder {
font-size: 1rem !important;
}
footer .newsletter-form form button {
top: 4px;
}
.form-wrap .forminator-ui#forminator-module-816.forminator-design--material .forminator-input,
.form-wrap .forminator-ui#forminator-module-816.forminator-design--material .forminator-input input {
font-size: 18px;
}
.form-wrap .forminator-ui.forminator-custom-form-816.forminator-design--material .forminator-label,
.form-wrap .forminator-ui#forminator-module-816.forminator-design--material .forminator-button-submit {
font-size: 1.25rem !important;
}
.form-wrap .forminator-ui.forminator-custom-form-816.forminator-design--material .forminator-checkbox-label {
font-size: 1rem !important;
}
.form-wrap #checkbox-1,
.form-wrap #checkbox-2,
.form-wrap #upload-1 {
margin-top: 20px;
}
.form-wrap .forminator-row-last .forminator-col {
justify-content: start;
}
.form-wrap .forminator-ui.forminator-custom-form[data-design=material] .forminator-file-upload {
align-items: start;
flex-direction: column;
}
/* ::::::::: Header Styles ::::::::: */
header .logo {
width: 170px;
}
.mega-menu .container .nav {
margin-bottom: 0;
}
.mega-menu .contact {
display: none;
}
/* Home banner */
.band-homebanner {
padding: 0;
}
.band-homebanner .text-change .wrapper.return-height {
height: 58px !important;
}
.band-homebanner .text-change .wrapper.return-height-lg {
height: 116px !important;
}
.band-homebanner .sixteen.columns>p {
margin-top: 0;
}
/* Featured project slider */
.band.featured-project-slider .section-title {
justify-content: space-between;
margin-bottom: 20px;
}
.band.featured-project-slider .section-title .read-more {
padding-left: 0;
padding-right: 0;
min-width: 88px;
}
.band.featured-project-slider .section-title .read-more.plus .icon {
right: -10px;
top: 53%
}
.band.featured-project-slider .glide__bullets {
width: calc(100vw - ((100vw - var(--containerWidth))/2) - 70px);
}
.band.featured-project-slider .glide__slide {
min-height: 400px;
}
.band.featured-project-slider:not(.bg-grey) .glide__slide .on-hover,
.band .projects-wrap .project-card .on-hover {
opacity: 0;
}
.band.featured-project-slider.bg-grey .glide__slide .on-hover {
opacity: 1;
}
/* .band.featured-project-slider:not(.bg-grey) .glide__slide .overlay.gradient { display: none;} */
.band.featured-project-slider .glide__arrows .glide__arrow,
.full-width-slider .glide__arrows .glide__arrow {
width: 40px;
right: 0;
}
.band.featured-project-slider .glide__arrows .glide__arrow:hover,
.full-width-slider .glide__arrows .glide__arrow:hover,
.center-slider .glide__arrows .glide__arrow:hover {
width: 40px;
}
.band .projects-wrap .project-card.teal-overlay .on-hover {
opacity: 1;
}
/* .band.featured-project-slider .container .project-slider {right: -8%;} */
/* What we do band */
.band.what-we-do p:not(.read-more p):not(.item p) {
padding-right: 50px;
}
.band.what-we-do .eight.columns {
width: 100%;
padding: 20px 20px 0 20px;
margin: 0;
}
.band.band.what-we-do .inner-wrap {
width: 90%;
}
.band.what-we-do .eight.columns .item .icon {
width: 30px;
height: auto;
margin-right: 20px;
}
.band.what-we-do .eight.columns .item p {
width: 80%;
}
.band.what-we-do .eight.columns .item svg {
width: 15px;
}
/* Large Image */
.band.large-image .container,
.band.large-image .container .sixteen.columns {
width: 100%;
}
/* Client Scroller */
.band.client-scroller .section-title.font-size-2 {
font-size: 1.6rem;
}
.band.client-scroller .client-slider .logo {
width: 50%;
margin-right: 0;
justify-content: center;
}
.band.client-scroller .client-slider .logo:nth-child(6),
.band.client-scroller .client-slider .logo:nth-child(7) {
margin-left: 0;
}
/* Client testimonial */
.band.client-testimonials .client-testimonial .nine.columns {
padding: 40px 30px 100px 30px;
}
.band.client-testimonials .glide__arrow {
bottom: 20px;
}
.band.client-testimonials .glide__arrow--left {
left: 25px;
}
.band.client-testimonials .glide__arrow--right {
left: 65px;
}
/* Footer */
footer .cta {
margin-bottom: 50px;
}
footer .cta .font-size-2 {
font-size: 1.3rem;
}
footer .four.columns {
width: 100% !important;
margin-bottom: 30px;
}
footer nav ul {
display: flex;
flex-wrap: wrap;
margin: 0;
}
footer nav ul li {
width: 100%;
}
footer .three,
footer .two.columns {
width: 100% !important;
margin-bottom: 0;
}
footer .three.columns {
margin-bottom: 30px;
}
footer .bottom {
align-items: flex-end;
margin-top: 30px !important;
}
footer .bottom .left,
footer .bottom .right {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
footer .bottom p {
margin: 0 0 10px 0;
}
footer .bottom .right p:last-child {
margin-bottom: 10px;
}
footer .social-wrap .read-more.arrow {
margin-bottom: 20px;
}
footer .social-wrap,
footer .contact-wrap {
border-bottom: 1px solid #fff;
}
footer .social-wrap {
width: auto !important;
}
footer .social-icon:nth-child(3n),
footer .social-icon {
margin-right: 20px;
}
footer .contact-wrap {
padding-bottom: 20px;
}
footer .newsletter-form form button {
right: 0;
}
.band.breadcrumb.general-page-breadcrumbs {
margin-top: -40px;
}
}
/* Retina Backgrounds */
@media (-webkit-min-device-pixel-ratio: 1.5) {}
@media screen and (min-width: 40rem) {
.logos {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 60rem) {
.logos {
gap: 4rem;
grid-template-columns: repeat(4, 1fr);
}
}
@media all and (max-width: 350px) {
/* ::::::::: Global Styles ::::::::: */
:root {
--containerWidth: 337px;
}
.band.featured-project-slider .glide__slide,
.band .projects-wrap .project-card,
.band.projects-wrap .thought-card,
.band.thoughts .projects-wrap article {
padding: 30px 20px;
min-height: 300px;
max-height: 350px;
}
}
.forminator-ui#forminator-module-816.forminator-design--default select.forminator-select2+.forminator-select .selection .select2-selection--single[role=combobox] .select2-selection__rendered {
background: #303742;
}
.forminator-ui#forminator-module-816.forminator-design--default select.forminator-select2+.forminator-select .selection .select2-selection--single[role=combobox] .select2-selection__rendered span {
color: #ffffff;
}
.forminator-ui#forminator-module-816.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role=combobox] {
border-color: #ffffff !important;
}
.forminator-ui#forminator-module-816.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role=combobox] .select2-selection__rendered {
color: #ffffff !important;
}
.forminator-ui#forminator-module-816.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role=combobox] .select2-selection__arrow {
background: #303742;
color: #ffffff !important;
}
.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class*=forminator-icon-]:before {
color: #ffffff !important;
}
.forminator-ui#forminator-module-816.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role=combobox] .select2-selection__arrow {
border-left: 1px solid #ffffff;
}
.header-cta {
font-size: 16px;
font-weight: 400;
font-family: 'Diagramm';
background-color: #f0b323;
padding: 0 !important;
}
.header-cta:hover {
background-color: #000;
}
.header-cta a {
color: #000 !important;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 30px;
line-height: 1;
}
.header-cta a:hover {
color: #f0b323 !important;
}
.no-relative {
position: static;
}
.relative {
position: relative;
}