@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap");
body , textarea , input , select {
font-family: 'Nunito Sans', sans-serif;
line-height: 1.1em;
color: #6D7279;
font-size: 16px;
}
h1 , h2 , h3 , h4 , h5 , h6 , .title-large, .title-medium, .title-small {
line-height: 1.2em;
margin-top: 0;
color: #414448;
font-weight: 800;
}
.bg_red .wp_content h5{
color: white;
}
h1, h2, .title-large {
font-size: clamp(28px, 2.5vw, 48px);
}
h3 , .title-medium {
font-size: clamp(26px, 2vw, 36px);
}
h4 , .title-small {
font-size: clamp(22px, 1.8vw, 30px);
}
h5, h6 {
font-size: 20px;
}
.hero {
font-size: clamp(32px, 3vw, 54px);
font-weight: 800;
line-height: 1.2em;
margin-bottom: 0.2em;
}
a {
color: #E81D2A;
}
a:hover {
opacity: 0.7;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
}
img {
max-width: 100%;
height: auto;
display: block;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
font-style: italic;
}
.button {
padding: 20px 40px;
display: inline-block;
text-decoration: none;
color: #fff;
background: #E81D2A;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
font-weight: 700;
font-size: 16px;
box-sizing: border-box;
text-align: center;
}
.button.white {
background: #fff;
color: #414448;
}
.button.grey {
background: #414448;
color: #fff;
}
.button.outline {
background: transparent;
color: #fff;
border: 1px solid #fff;
}
.button:hover {
opacity: 0.7;
}
.mce-content-body a.button[data-mce-selected] {
padding: 8px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
}
.bordered-text {
border-left: 5px solid  #E81D2A;
padding-left: clamp(15px, 2vw, 30px);
} ul.check_ul {
list-style: none;
padding: 0;
}
ul.check_ul > li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
}
ul.check_ul > li:last-child {
margin-bottom: 0;
}
ul.check_ul > li::before {
content: '';
margin-right: 15px;
min-width: 20px;
min-height: 20px;
background: center / 16px 12px no-repeat url("data:image/svg+xml,%3Csvg width='16' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.43 12.23-5.2-5.2a.8.8 0 0 1 0-1.13l1.14-1.13a.8.8 0 0 1 1.13 0L6 8.27l7.5-7.5a.8.8 0 0 1 1.13 0l1.14 1.13a.8.8 0 0 1 0 1.13l-9.2 9.2a.8.8 0 0 1-1.14 0Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
@media (max-width: 450px) {
.button {
min-width: 100%;
box-sizing: border-box;
}
}
.glightbox-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999 !important;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: none;
}
.glightbox-container.inactive {
display: none;
}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden;
}
.glightbox-container .gslider {
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
position: relative;
overflow: hidden;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
width: 100%;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
}
.glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
position: relative;
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999;
}
.glightbox-container .gslide-inner-content {
width: 100%;
}
.glightbox-container .ginner-container {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
margin: auto;
height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
max-width: 100% !important;
}
.gslide iframe,
.gslide video {
outline: none !important;
border: none;
min-height: 165px;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
}
.gslide:not(.current) {
pointer-events: none;
}
.gslide-image {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gslide-image img {
max-height: 100vh;
display: block;
padding: 0;
float: none;
outline: none;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 100vw;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-ms-touch-action: none;
touch-action: none;
margin: auto;
min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
width: auto;
max-width: 100%;
}
.gslide-image img.zoomable {
position: relative;
}
.gslide-image img.dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
-webkit-transition: none;
transition: none;
}
.gslide-video {
position: relative;
max-width: 100vh;
width: 100% !important;
}
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
display: none;
}
.gslide-video .gvideo-wrapper {
width: 100%; margin: auto;
}
.gslide-video::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 0, 0, 0.34);
display: none;
}
.gslide-video.playing::before {
display: none;
}
.gslide-video.fullscreen {
max-width: 100% !important;
min-width: 100%;
height: 75vh;
}
.gslide-video.fullscreen video {
max-width: 100% !important;
width: 100% !important;
}
.gslide-inline {
background: #fff;
text-align: left;
max-height: calc(100vh - 40px);
overflow: auto;
max-width: 100%;
margin: auto;
}
.gslide-inline .ginlined-content {
padding: 20px;
width: 100%;
}
.gslide-inline .dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
-webkit-transition: none;
transition: none;
}
.ginlined-content {
overflow: auto;
display: block !important;
opacity: 1;
}
.gslide-external {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-width: 100%;
background: #fff;
padding: 0;
overflow: auto;
max-height: 75vh;
height: 100%;
}
.gslide-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
}
.zoomed .gslide-media {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gslide-description {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
margin: 0 auto;
width: 100%;
}
.gslide-description p {
margin-bottom: 12px;
}
.gslide-description p:last-child {
margin-bottom: 0;
}
.zoomed .gslide-description {
display: none;
}
.glightbox-button-hidden {
display: none;
} .glightbox-mobile .glightbox-container .gslide-description {
height: auto !important;
width: 100%;
position: absolute;
bottom: 0;
padding: 19px 11px;
max-width: 100vw !important;
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
max-height: 78vh;
overflow: auto !important;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
color: #fff;
font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
color: #fff;
opacity: 0.4;
}
.gdesc-open .gslide-media {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 0.4;
}
.gdesc-open .gdesc-inner {
padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 1;
}
.greset {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gabsolute {
position: absolute;
}
.grelative {
position: relative;
}
.glightbox-desc {
display: none !important;
}
.glightbox-open {
overflow: hidden;
}
.gloader {
height: 25px;
width: 25px;
-webkit-animation: lightboxLoader 0.8s infinite linear;
animation: lightboxLoader 0.8s infinite linear;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%;
}
.goverlay {
width: 100%;
height: calc(100vh + 1px);
position: fixed;
top: -1px;
left: 0;
background: #000;
will-change: opacity;
}
.glightbox-mobile .goverlay {
background: #000;
}
.gprev,
.gnext,
.gclose {
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gprev svg,
.gnext svg,
.gclose svg {
display: block;
width: 25px;
height: auto;
margin: 0;
padding: 0;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
opacity: 0.1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
stroke: #fff;
}
.gbtn.focused {
outline: 2px solid #0f3d81;
}
iframe.wait-autoplay {
opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
opacity: 0 !important;
} .glightbox-clean .gslide-description {
background: #fff;
}
.glightbox-clean .gdesc-inner {
padding: 22px 20px;
}
.glightbox-clean .gslide-title {
font-size: 1em;
font-weight: normal;
font-family: arial;
color: #000;
margin-bottom: 19px;
line-height: 1.4em;
}
.glightbox-clean .gslide-desc {
font-size: 0.86em;
margin-bottom: 0;
font-family: arial;
line-height: 1.4em;
}
.glightbox-clean .gslide-video {
background: #000;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, 0.75);
border-radius: 4px;
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
fill: #fff;
}
.glightbox-clean .gprev {
position: absolute;
top: -100%;
left: 30px;
width: 40px;
height: 50px;
}
.glightbox-clean .gnext {
position: absolute;
top: -100%;
right: 30px;
width: 40px;
height: 50px;
}
.glightbox-clean .gclose {
width: 35px;
height: 35px;
top: 15px;
right: 10px;
position: absolute;
}
.glightbox-clean .gclose svg {
width: 18px;
height: auto;
}
.glightbox-clean .gclose:hover {
opacity: 1;
} .gfadeIn {
-webkit-animation: gfadeIn 0.5s ease;
animation: gfadeIn 0.5s ease;
}
.gfadeOut {
-webkit-animation: gfadeOut 0.5s ease;
animation: gfadeOut 0.5s ease;
}
.gslideOutLeft {
-webkit-animation: gslideOutLeft 0.3s ease;
animation: gslideOutLeft 0.3s ease;
}
.gslideInLeft {
-webkit-animation: gslideInLeft 0.3s ease;
animation: gslideInLeft 0.3s ease;
}
.gslideOutRight {
-webkit-animation: gslideOutRight 0.3s ease;
animation: gslideOutRight 0.3s ease;
}
.gslideInRight {
-webkit-animation: gslideInRight 0.3s ease;
animation: gslideInRight 0.3s ease;
}
.gzoomIn {
-webkit-animation: gzoomIn 0.5s ease;
animation: gzoomIn 0.5s ease;
}
.gzoomOut {
-webkit-animation: gzoomOut 0.5s ease;
animation: gzoomOut 0.5s ease;
}
@-webkit-keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@-webkit-keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@-webkit-keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@media (min-width: 769px) {
.glightbox-container .ginner-container {
width: auto;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.glightbox-container .ginner-container.desc-top .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.glightbox-container .ginner-container.desc-top .gslide-image,
.glightbox-container .ginner-container.desc-top .gslide-image img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.glightbox-container .ginner-container.desc-left .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.glightbox-container .ginner-container.desc-left .gslide-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.gslide-image img {
max-height: 97vh;
max-width: 100%;
}
.gslide-image img.zoomable {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.zoomed .gslide-image img.zoomable {
cursor: -webkit-grab;
cursor: grab;
}
.gslide-inline {
max-height: 95vh;
}
.gslide-external {
max-height: 100vh;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 275px;
}
.glightbox-open {
height: auto;
}
.goverlay {
background: rgba(0, 0, 0, 0.92);
}
.glightbox-clean .gslide-media {
-webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
}
.glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
position: absolute;
height: 100%;
overflow-y: auto;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, 0.32);
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.glightbox-clean .gprev {
top: 45%;
}
.glightbox-clean .gnext {
top: 45%;
}
}
@media (min-width: 992px) {
.glightbox-clean .gclose {
opacity: 0.7;
right: 20px;
}
}
@media screen and (max-height: 420px) {
.goverlay {
background: #000;
}
}
body {
margin: 0;
}
.error_404 {
text-align: center;
padding: 200px 0;
}
.wp_content > :first-child {
margin-top: 0;
}
.wp_content > :last-child {
margin-bottom: 0;
}
.padding_1700 {
padding-left: max(clamp(15px, 6vw, 60px), calc(50% - 850px));
padding-right: max(clamp(15px, 6vw, 60px), calc(50% - 850px));
}
.padding_1440 {
padding-left: max(clamp(15px, 6vw, 60px), calc(50% - 720px));
padding-right: max(clamp(15px, 6vw, 60px), calc(50% - 720px));
}
.padding_1200 {
padding-left: max(clamp(15px, 6vw, 60px), calc(50% - 600px));
padding-right: max(clamp(15px, 6vw, 60px), calc(50% - 600px));
}
.default_padding {
padding-top: clamp(15px, 6vw, 120px);
padding-bottom: clamp(15px, 6vw, 120px);
}
.half_padding {
padding-top: clamp(15px, 6vw, 60px);
padding-bottom: clamp(15px, 6vw, 60px);
}
.remove_top,
.remove_padding_top {
padding-top: 0;
}
.remove_bottom,
.remove_padding_bottom {
padding-bottom: 0;
}
.remove_both,
.remove_padding_both {
padding-top: 0;
padding-bottom: 0;
}
.image,
.image-switch {
background: no-repeat center / cover;
} #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#pagination a, #pagination > span {
display: inline-block;
padding: 16px 20px;
font-size: 20px;
color: #414448;
margin: 0 5px 5px 5px;
text-decoration: none;
font-weight: 400;
}
#pagination > span {
background: #E81D2A;
color: #fff;
} ul.check_ul {
list-style: none;
padding: 0;
}
ul.check_ul > li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
}
ul.check_ul > li:last-child {
margin-bottom: 0;
}
ul.check_ul > li::before {
content: '';
margin-right: 15px;
min-width: 20px;
min-height: 20px;
background: center / 16px 12px no-repeat url("data:image/svg+xml,%3Csvg width='16' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.43 12.23-5.2-5.2a.8.8 0 0 1 0-1.13l1.14-1.13a.8.8 0 0 1 1.13 0L6 8.27l7.5-7.5a.8.8 0 0 1 1.13 0l1.14 1.13a.8.8 0 0 1 0 1.13l-9.2 9.2a.8.8 0 0 1-1.14 0Z' fill='%23FF0000'/%3E%3C/svg%3E");
} .social_links_container {
display: flex;
justify-content: flex-start;
align-items: center;
}
.social_icon {
min-width: 22px;
min-height: 22px;
background-position: center;
background-size: contain;
margin-right: 10px;
}
.social_icon:hover {
opacity: 0.7;
}
.social_icon:last-child {
margin-right: 0;
}
.social_icon.facebook {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25.5H2.75A2.25 2.25 0 0 0 .5 2.75v16.5a2.25 2.25 0 0 0 2.25 2.25h6.43v-7.14H6.23V11h2.95V8.44c0-2.91 1.74-4.52 4.4-4.52 1.27 0 2.6.22 2.6.22V7H14.7c-1.44 0-1.9.9-1.9 1.82V11h3.23l-.52 3.36h-2.7v7.14h6.43a2.25 2.25 0 0 0 2.25-2.25V2.75A2.25 2.25 0 0 0 19.25.5Z' fill='%23FFF'/%3E%3C/svg%3E");
}
.social_icon.instagram {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.5a4.48 4.48 0 1 0 0 8.97 4.48 4.48 0 0 0 0-8.96Zm0 7.41a2.92 2.92 0 1 1 .02-5.84A2.92 2.92 0 0 1 10 12.9Zm5.72-7.59a1.04 1.04 0 1 1-2.09 0 1.05 1.05 0 0 1 2.1 0ZM18.7 6.4a5.18 5.18 0 0 0-1.42-3.67 5.21 5.21 0 0 0-3.67-1.42c-1.44-.08-5.77-.08-7.22 0a5.2 5.2 0 0 0-3.67 1.41C1.7 3.74 1.38 4.98 1.31 6.38c-.08 1.45-.08 5.78 0 7.23.07 1.4.39 2.64 1.41 3.66A5.22 5.22 0 0 0 6.4 18.7c1.45.08 5.78.08 7.22 0a5.18 5.18 0 0 0 3.67-1.42 5.21 5.21 0 0 0 1.42-3.66c.08-1.45.08-5.78 0-7.22Zm-1.87 8.77c-.3.76-.9 1.35-1.66 1.66-1.16.46-3.9.35-5.17.35s-4 .1-5.16-.35c-.76-.3-1.35-.9-1.66-1.66-.46-1.16-.35-3.89-.35-5.16 0-1.28-.1-4.02.35-5.16.3-.77.9-1.36 1.66-1.67C6 2.71 8.74 2.82 10 2.82c1.28 0 4.02-.1 5.16.35.77.3 1.36.9 1.67 1.67.46 1.15.35 3.88.35 5.16 0 1.27.1 4-.35 5.16Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.twitter {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 1.5H3.75c-1.24 0-2.25 1-2.25 2.25v16.5c0 1.24 1 2.25 2.25 2.25h16.5c1.24 0 2.25-1 2.25-2.25V3.75c0-1.24-1-2.25-2.25-2.25Zm-2.3 7.44c.02.13.02.27.02.4 0 4.07-3.1 8.75-8.75 8.75A8.7 8.7 0 0 1 4.5 16.7a6.16 6.16 0 0 0 4.56-1.27 3.08 3.08 0 0 1-2.88-2.14c.48.07.9.07 1.39-.05a3.07 3.07 0 0 1-2.46-3.02v-.04c.4.23.89.37 1.39.39a3.07 3.07 0 0 1-.95-4.11 8.73 8.73 0 0 0 6.33 3.21 3.08 3.08 0 0 1 5.25-2.8c.7-.13 1.36-.4 1.95-.74a3.07 3.07 0 0 1-1.35 1.69 6.12 6.12 0 0 0 1.77-.48 6.47 6.47 0 0 1-1.54 1.6Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.youtube {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.08 5.42a2.38 2.38 0 0 0-1.67-1.69c-1.48-.4-7.41-.4-7.41-.4s-5.93 0-7.41.4c-.82.22-1.46.87-1.68 1.69-.4 1.49-.4 4.6-.4 4.6s0 3.1.4 4.59c.22.82.86 1.44 1.68 1.66 1.48.4 7.4.4 7.4.4s5.94 0 7.42-.4a2.35 2.35 0 0 0 1.67-1.66c.4-1.5.4-4.6.4-4.6s0-3.1-.4-4.6ZM8.06 12.83V7.2l4.96 2.82-4.96 2.82Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.linkedin {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 21'%3E%3Cpath d='M5.2006 21H.847V6.9797h4.3537V21ZM3.0214 5.0672C1.6292 5.0672.5 3.9141.5 2.522a2.5214 2.5214 0 0 1 5.0428 0c0 1.3922-1.1297 2.5453-2.5214 2.5453ZM21.4953 21h-4.3444v-6.825c0-1.6265-.0328-3.7125-2.2636-3.7125-2.2636 0-2.6104 1.7672-2.6104 3.5953V21h-4.349V6.9797h4.1755v1.9125h.061c.5812-1.1016 2.0011-2.264 4.1194-2.264 4.4062 0 5.2162 2.9015 5.2162 6.6703V21h-.0047Z' fill='%23fff'/%3E%3C/svg%3E");
} .gallery {
display: flex;
flex-wrap: wrap;
}
.gallery .gallery-item {
display: inline;
margin: 0 20px 20px 0;
width: calc(25% - 15px);
}
.gallery .gallery-item * {
display: flex;
align-items: flex-end;
justify-content: flex-start;
margin: 0;
height: 100%;
}
.gallery .gallery-item:nth-child(4n+4) {
margin-right: 0;
}
.gallery .gallery-item img {
height: 100%;
flex: 1;
object-fit: cover;
}
.gallery-caption {
display: none;
}
.gallery.gallery-size-flex_gallery_item {
column-count: unset;
display: flex;
flex-wrap: wrap;
column-gap: 0;
}
.gallery.gallery-size-flex_gallery_item .gallery-item:nth-child(n) {
width: calc(33.3% - 13.5px);
margin: 0 20px 20px 0;
}
.gallery.gallery-size-flex_gallery_item .gallery-item:nth-child(3n+3) {
margin-right: 0;
} .fc_frequently_asked_questions {
padding-top: 100px;
padding-bottom: 100px;
}
.fc_frequently_asked_questions.remove_padding_bottom {
padding-bottom: 0;
}
.fc_frequently_asked_questions.remove_padding_top {
padding-top: 0;
}
.fc_frequently_asked_questions.remove_padding_both {
padding-top: 0;
padding-bottom: 0;
}
.fc_frequently_asked_questions .faq_item .tab_inner, .fc_frequently_asked_questions .nested_faq .faq_item .tab_inner {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out, padding 300ms ease-in-out;
box-sizing: border-box;
}
.fc_frequently_asked_questions .faq_item.active .tab_inner, .fc_frequently_asked_questions .nested_faq .faq_item.active .tab_inner {
max-height: 6000px;
opacity: 1;
padding: 15px 30px;
transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out, padding 300ms ease-in-out;
}
.fc_frequently_asked_questions .faqs_container_nested {
display: flex;
gap: 50px;
flex-wrap: wrap;
}
.fc_frequently_asked_questions .faqs_container_nested .nested_faq {
width: calc(50% - 27px);
}
.fc_frequently_asked_questions .faqs_container_nested .nested_faq .faq_item, .fc_frequently_asked_questions .faqs_container .faq_item {
margin-bottom: 20px;
cursor: pointer;
}
.fc_frequently_asked_questions .faqs_container_nested .nested_faq .faq_item:last-child, .fc_frequently_asked_questions .faqs_container .faq_item:last-child {
margin-bottom: 0;
}
.fc_frequently_asked_questions .faqs_container_nested .nested_faq .faq_item .title, .fc_frequently_asked_questions .faqs_container .faq_item .title {
margin: 0;
background: #F2F2F2;
padding: 15px 30px;
box-sizing: border-box;
}
.fc_frequently_asked_questions.bg_grey .faqs_container_nested .nested_faq .faq_item .title, .fc_frequently_asked_questions.bg_grey .faqs_container .faq_item .title {
background: white;
} .gfield_description.validation_message {
position: absolute;
right: -5px;
top: -14px;
background-color: red;
color: white;
padding: 5px 10px;
font-size: 12px;
text-align: center;
border-radius: 2px;
}
.gform_fields .hidden_label label.gfield_label {
display: none;
}
.validation_message::after {
content: '';
display: block;
position: absolute;
border: 5px solid rgba(0, 0, 0, 0);
border-top-color: red;
width: 0;
height: 0;
bottom: -10px;
left: 10px;
}
.validation_error {
margin-bottom: 20px;
border: 1px solid red;
padding: 10px 20px;
font-size: 15px;
color: red;
}
.gform_confirmation_message {
color: #1ba21b;
}
.gform_body ul {
padding: 0;
margin: 0;
list-style: none;
}
.gform_body > div {
margin: 20px 0 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.gform_body > div > div {
position: relative;
}
.gform_body > div > div {
width: 100%;
margin-bottom: 20px;
}
.gform_body > div > div.medium_field {
width: calc(50% - 10px);
}
.gform_body > div > div.small_field {
width: calc(33.33% - 13px);
}
.gform_body > div > div.large_field {
width: 100%;
}
.gform_body > div > div.captcha_field {
margin: 0;
}
.gform_body > div > div.captcha_field > .gfield_label {
display: none;
}
.gfield_checkbox label {
display: inline;
}
.gform_body input[type=text],
.gform_body input[type=email],
.gform_body textarea,
.gform_body select {
height: 58px;
color: #404040;
padding-left: 15px;
width: 100%;
border: 1px solid #d9d9d9;
box-sizing: border-box;
}
legend {
display: none;
}
.gform_body fieldset {
padding: 0;
margin-bottom: 20px;
border: none;
width: 100%;
}
input[type=search] {
-webkit-appearance: none;
}
.gform_body select {
appearance: none;
-webkit-appearance: none;
background: #fff calc(100% - 20px) center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='15'%3E%3Cpath fill-rule='evenodd' fill='%23ff0000' d='M27 1L14 15 0 1l1-1 13 13L26 0l1 1z'/%3E%3C/svg%3E");
padding-right: 70px;
}
.bg_red .gform_footer .button {
background: white;
color: red;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gform_body select::-ms-expand {
display: none;
}
.gform_body textarea {
height: 100px;
padding-top: 20px;
}
.gfield_visibility_ {
display: none;
}
.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none !important;
position: absolute !important;
left: -9000px;
}
::-webkit-input-placeholder { color: #818181;
}
::-moz-placeholder { color: #818181;
}
:-ms-input-placeholder { color: #818181;
}
:-moz-placeholder { color: #818181;
} .bg_grey {
background: #F2F2F2;
}
.bg_red {
background: #E81D2A;
}
.bg_red .wp_content {
color: white;
}
.bg_dark_grey {
background: #414448;
}
.bg_dark_grey * {
color: #fff;
}
a.contact-link {
padding-left: 50px;
background-position: center left;
background-repeat: no-repeat;
background-size: 40px;
font-weight: 600;
font-size: 16px;
color: #fff;
text-decoration: none;
opacity: 1;
display: block;
}
a.contact-link.small {
padding-left: 30px;
background-size: 25px;
}
.contact-link span {
color: #B8B8BA;
display: block;
}
.bg_red .contact-link {
filter: grayscale(1);
}
.bg_red .contact-link span {
color: white;
}
.contact-link:hover span {
text-decoration: underline;
}
.map {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2.5A13.7664 13.7664 0 0 0 6.25 16.25a13.6114 13.6114 0 0 0 2.77 8.25s.375.4937.4363.565L20 37.5l10.5488-12.4412c.055-.0663.4312-.5588.4312-.5588l.0013-.0037A13.6068 13.6068 0 0 0 33.75 16.25 13.7662 13.7662 0 0 0 20 2.5Zm0 18.75a5.0002 5.0002 0 0 1-4.9039-5.9755 4.9994 4.9994 0 0 1 6.8173-3.6439A4.9997 4.9997 0 0 1 25 16.25a5.006 5.006 0 0 1-5 5Z' fill='%23E81D2A'/%3E%3C/svg%3E");
}
.tel {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m35.1159 26.9057-6.7813-2.9063a1.4532 1.4532 0 0 0-1.6954.4178l-3.0032 3.6692a22.4428 22.4428 0 0 1-10.7284-10.7285l3.6692-3.0032a1.4497 1.4497 0 0 0 .4177-1.6953L14.0882 5.878a1.4623 1.4623 0 0 0-1.665-.8416l-6.297 1.4531A1.4532 1.4532 0 0 0 5 7.9058C5 23.4363 17.5879 36 33.0942 36a1.4536 1.4536 0 0 0 1.4169-1.1262l1.4531-6.297a1.471 1.471 0 0 0-.8483-1.6711Z' fill='%23E81D2A'/%3E%3C/svg%3E");
}
.email {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M31.3937 7.925c.2438-.1937.6063-.0125.6063.2938V21c0 1.6562-1.3438 3-3 3H3c-1.6563 0-3-1.3438-3-3V8.225c0-.3125.3563-.4875.6062-.2937 1.4 1.0875 3.2563 2.4687 9.6313 7.0999 1.3188.9625 3.5437 2.9876 5.7625 2.9751 2.2313.0187 4.5-2.05 5.7687-2.9751 6.375-4.6312 8.225-6.0187 9.625-7.1062ZM16 16c1.45.025 3.5375-1.825 4.5875-2.5875 8.2937-6.0187 8.925-6.5437 10.8375-8.0437.3625-.2813.575-.7188.575-1.1813V3c0-1.6563-1.3438-3-3-3H3C1.3437 0 0 1.3438 0 3v1.1875c0 .4625.2125.8937.575 1.1813 1.9125 1.4937 2.5438 2.025 10.8375 8.0437C12.4625 14.175 14.55 16.025 16 16Z' fill='%23E81D2A'/%3E%3C/svg%3E");
}
@media (max-width: 1240px) {
.fc_frequently_asked_questions .faqs_container_nested {
gap: 40px;
}
.fc_frequently_asked_questions .faqs_container_nested .nested_faq {
width: calc(50% - 25px);
}
.fc_frequently_asked_questions {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 1025px) {
.fc_frequently_asked_questions .faqs_container_nested {
gap: 30px;
}
.fc_frequently_asked_questions .faqs_container_nested .nested_faq {
width: 100%;
}
.fc_frequently_asked_questions {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (max-width: 640px) {
.fc_frequently_asked_questions .faqs_container_nested {
gap: 20px;
}
.fc_frequently_asked_questions {
padding-top: 20px;
padding-bottom: 20px;
}
.gallery {
column-count: 2;
}
.header-right {
display: flex;
justify-content: space-between;
}
.gallery.gallery-size-flex_gallery_item .gallery-item:nth-child(n) {
width: calc(50% - 5px);
margin: 0 10px 10px 0;
}
.gallery.gallery-size-flex_gallery_item .gallery-item:nth-child(2n+2) {
margin-right: 0;
}
}
#header {
display: flex;
justify-content: space-between;
gap: 20px;
position: relative;
}
#logo ,
.footer_logo {
min-width: 146px;
height: 44px;
background: no-repeat center / 146px url(//www.hydexuk.com/wp-content/themes/hydex/includes/images/logo.png);
text-indent: -99999px;
overflow: hidden;
display: block;
}
.header-left {
display: flex;
gap: clamp(20px, 6vw, 140px);
align-items: center;
}
.header-right {
display: flex;
gap: clamp(10px, 1vw, 30px);
align-items: center;
}
#main_menu {
display: flex;
align-items: center;
gap: clamp(20px, 2vw, 40px);
}
#main_menu > li {
display: flex;
align-items: center;
position: relative;
}
#main_menu > li > a {
text-decoration: none;
padding: 40px 0 38px;
border-bottom: 2px solid transparent;
}
#main_menu > li.current-menu-item > a,
#main_menu > li.current-menu-parent > a,
#main_menu > li:hover > a {
border-color: #E81D2A;
}
#main_menu a {
color: #fff;
opacity: 1;
}
#main_menu , #main_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#main_menu ul {
position: absolute;
top: 98px;
min-width: 200px;
display: none;
}
#main_menu ul a {
background: #414448;
display: block;
text-decoration: none;
padding: 10px 20px;
border-bottom: 2px solid #fff;
}
#main_menu ul li:hover a,
#main_menu ul li.current-menu-item a {
border-color: #E81D2A;
}
#main_menu > li:hover ul {
display: block;
}
@media (max-width: 1600px) {
.header-left {
gap: 20px;
}
}
@media (max-width: 1450px) {
.header-right a.contact-link {
width: 40px;
height: 40px;
padding:0 ;
display: block;
text-indent: -9999px;
overflow: hidden;
}
}
@media (max-width: 1100px) {
#header {
padding-top: 15px;
padding-bottom: 15px;
}
.header-right {
gap: 15px;
}
.main_menu > li:last-child {
margin-bottom: 150px;
}
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
body.menu_open {
overflow: hidden;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: 300px;
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0px;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: -300px;
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
width: 40px;
display: block;
}
#mobile_menu_button > div {
width: 100%;
height: 7px;
background-color: #E81D2A;
margin-bottom: 5px;
}
#mobile_menu_button > div:last-child {
margin: 0;
}
#main_menu {
display: block;
top: 0px;
left: 100%;
width: 330px;
z-index: 11;
position: fixed;
overflow-x: hidden;
overflow-y: scroll;
max-height: 100vh;
-webkit-transition: left 0.3s ease;
}
body.menu_open #main_menu {
left: calc(100% - 300px);
}
body.menu_open.show_menu_close #main_menu {
left: 100%;
}
.main_menu , .main_menu ul {
padding: 0;
margin: 0;
list-style: none;
background: #E81D2A;
}
#main_menu ul {
position: relative;
display: block;
top: auto;
}
.main_menu li.clicked ul {
max-height: 500px;
}
#main_menu > li > a {
display: block;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#main_menu > li {
display: block;
}
#main_menu ul a {
font-size: 16px;
padding: 15px 25px;
background: rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#main_menu ul li:hover a, #main_menu ul li.current-menu-item a {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_menu li {
position: relative;
}
.main_menu li.menu-item-has-children.clicked > a:after {
transform: rotate(-45deg);
}
.gallery {
column-count: 3;
column-gap: 10px;
}
.gallery .gallery-item img {
margin-bottom: 10px;
}
}
@media (max-width: 640px) {
.header-right a.contact-link {
width: 25px;
height: 25px;
background-size: 25px;
}
#mobile_menu_button {
width: 25px;
}
#mobile_menu_button > div {
height: 4px;
margin-bottom: 4px;
}
}
.page_banner {
padding-top: clamp(20px,8vw, 170px);
padding-bottom: clamp(20px,8vw, 170px);
position: relative;
}
.page_banner::before {
content: '';
background: linear-gradient(0deg, rgba(65, 68, 72, 0.4), rgba(65, 68, 72, 0.4));
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.page_banner .wp_content {
text-align: center;
position: relative;
}
.page_banner .wp_content *:not(.button) {
color: #fff;
}
.home .page_banner .wp_content {
text-align: left;
max-width: 700px;
}
.home .page_banner::after {
width: clamp(4px, 1vw, 10px);
content: '';
position: absolute;
left: 0;
top: 0;
background: #E81D2A;
z-index: 2;
bottom: 0;
}
.home .fc_content_banner .page_banner::after {
display: none;
}
.page_banner .wp_content p:not(.hero) {
font-size: 20px;
line-height: 1.4em;
margin-bottom: 1.4em;
}
body .page_banner .wp_content :last-child {
margin-bottom: 0;
}
body .page_banner .wp_content .button {
line-height: 1em;
}
.main_container {
display: flex;
}
main {
flex-grow: 1;
}
aside {
min-width: 315px;
margin-left: clamp(20px, 2vw, 60px);
max-width: 315px;
}
.sidebarblock h6 {
margin: 0 0 25px;
}
.sidebarblock {
margin-bottom: clamp(25px, 2vw, 50px);
background: #F2F2F2;
padding: 30px;
}
.sidebarblock ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebarblock ul a {
text-decoration: none;
display: block;
background: #fff;
font-weight: 700;
font-size: 16px;
color: #414448;
padding: 15px;
margin-bottom: 5px;
}
.sidebar_posts a .image {
min-width:60px;
height: 60px;
}
.single_post_list {
display: grid;
grid-template-columns: 1fr 1fr;
}
.sidebar_posts a {
display: flex;
color: #414448;
margin-bottom: clamp(15px, 1.5vw, 25px);
}
.sidebar_posts a:last-child {
margin-bottom: 0;
}
.sidebar_posts a .image {
margin-right: 15px;
}
.single_post_list a > div {
flex-basis: 50%;
}
.sidebar_posts a p {
margin: 0;
color: #414448;
flex-grow: 1;
}
.single_post_list a {
display: flex;
text-decoration: none;
transition: opacity .3s;
}
.single_post_list a:hover {
opacity: .7;
}
.single_post_list a .post_thumb {
background-position: center;
background-size: cover;
min-height: clamp(200px, 20vw, 360px);
position: relative;
}
.single_post_list a .post_thumb::after {
content: '';
background: #E81D2A no-repeat center / 17px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h11.586L8.292 2.708a1.0014 1.0014 0 0 1 1.416-1.416l6 6a1.0001 1.0001 0 0 1 0 1.416l-6 6a1.0022 1.0022 0 0 1-.708.2932 1.0016 1.0016 0 0 1-.708-.2932 1.0014 1.0014 0 0 1 0-1.416L12.586 9H1a1 1 0 0 1-1-1Z' fill='%23fff'/%3E%3C/svg%3E");;
width: 40px;
height: 40px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: -20px;
}
.single_post_list a:nth-child(3),
.single_post_list a:nth-child(4),
.single_post_list a:nth-child(7),
.single_post_list a:nth-child(8),
.single_post_list a:nth-child(11),
.single_post_list a:nth-child(12) {
flex-direction: row-reverse;
}
.single_post_list a:nth-child(3) .post_thumb::after,
.single_post_list a:nth-child(4) .post_thumb::after,
.single_post_list a:nth-child(7) .post_thumb::after,
.single_post_list a:nth-child(8) .post_thumb::after,
.single_post_list a:nth-child(11) .post_thumb::after,
.single_post_list a:nth-child(12) .post_thumb::after {
transform: rotate(180deg);
left: -20px;
right: auto;
}
.single_post_list a .post_data {
padding: clamp(15px, 3vw, 40px);
box-sizing: border-box;
}
.single_post_list a .post_data h6 {
margin: 0 0 10px;
}
.title_excerpt {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.read_more {
margin-top: auto;
font-weight: 700;
box-sizing: border-box;
border-bottom: 4px solid #E81D2A;
}
.post_data {
display: flex;
}
.single_post_list a .post_data p {
color: #6D7279;
}
.single_post_list a .post_data .date_link {
display: flex;
align-items: center;
justify-content: space-between;
}
.single_post_list a .post_data .date_link p {
padding: 0;
margin-top: 0;
opacity: 0.6;
}
.sidebarblock input[type=text],
.sidebarblock input[type=email] {
height: 60px;
border: none;
width: 100%;
padding-left: 10px;
margin-bottom: 30px;
box-sizing: border-box;
}
.sidebarblock .button {
width: 100%;
}
.breadcrumbs {
padding-top: clamp(10px, 2vw, 30px);
margin-bottom: -30px;
font-size: 14px;
}
.breadcrumbs span {
margin: 0 3px;
}
.breadcrumbs span:first-child {
margin-left: 0;
}
.breadcrumbs > span > span {
font-weight: 700;
font-size: 14px;
color: #414448;
}
.breadcrumbs a {
text-decoration: none;
color: #6D7279;
}
.the_featured_image img {
width: 100%;
}
.single_cat_list p {
font-weight: 700;
}
.archive_filter {
display: flex;
align-items: center;
}
.filter-toggle {
font-weight: 900;
font-size: 14px;
color: #fff;
background: #E81D2A;
padding: 20px 40px;
text-transform: uppercase;
}
.blog_list {
display: block;
}
.archive_filter ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
background: #444446;
justify-content: center;
flex: 1 1 auto;
}
.archive_filter ul a {
font-weight: 700;
color: #fff;
text-decoration: none;
position: relative;
font-size: 16px;
padding: 20px clamp(20px, 3vw, 30px);
display: block;
}
.archive_filter ul li.current a::after {
content: '';
height: 4px;
background: #E81D2A;
position: absolute;
bottom: 10px;
left: clamp(20px, 3vw, 30px);
right: clamp(20px, 3vw, 30px);
}
@media (max-width: 1024px) {
aside {
display: none;
}
.single_post_list {
display: block;
}
.single_post_list a:nth-child(n) {
flex-direction: row;
}
.single_post_list a:nth-child(2n) {
flex-direction: row-reverse;
}
.single_post_list a .post_thumb::after {
display: none;
}
}
@media (max-width: 768px) {
.single_post_list a:nth-child(n) {
flex-direction: column;
margin-bottom: 20px;
}
.archive_filter {
display: block;
}
.filter-toggle {
text-align: center;
}
.archive_filter ul {
display: block;
}
.archive_filter ul a {
text-align: center;
}
.archive_filter {
max-height: 57px;
overflow: hidden;
transition: .3s;
padding-bottom: 0;
margin-bottom: clamp(15px, 6vw, 60px);
}
.archive_filter.open {
max-height: 500px;
}
}
@media (max-width: 640px) {
.breadcrumbs {
display: none;
}
}
@media (max-width: 480px) {
.single_post_list a .post_data .date_link p {
display: none;
}
}
.flexible_content {
display: block;
}
.the_cta_banner {
background: #E81D2A;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.the_cta_banner .wp_content {
width: 70%;
max-width: 700px;
}
.the_cta_banner .contact_details .contact_info .contact_info_icon {
background: center / contain no-repeat;
min-width: 45px;
height: auto;
}
.the_cta_banner .contact_details .contact_info.office .contact_info_icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none'%3e%3cpath fill='white' d='M22.5 0a22.5 22.5 0 1 0 0 45 22.5 22.5 0 0 0 0-45Zm1.8 24.3H12.1v-1.8h10.4V8.7h1.8v15.6Z'/%3e%3c/svg%3e");
}
.the_cta_banner .contact_details .contact_info.phone .contact_info_icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none'%3e%3cpath fill='white' d='M43.7 31.8 34 27.6a2.1 2.1 0 0 0-2.5.6l-4.3 5.3A32.6 32.6 0 0 1 11.5 18l5.3-4.3a2.1 2.1 0 0 0 .6-2.5l-4.2-9.8A2.1 2.1 0 0 0 10.8 0L1.6 2A2.1 2.1 0 0 0 0 4.3 40.8 40.8 0 0 0 40.8 45a2.1 2.1 0 0 0 2-1.6l2.1-9.2a2.1 2.1 0 0 0-1.2-2.4Z'/%3e%3c/svg%3e");
}
.the_cta_banner .contact_details .contact_info.email .contact_info_icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='45' height='35' fill='none'%3e%3cpath fill='white' d='M22.5 25.9c-1.5 0-3-.5-4.1-1.5L0 10.3V30c0 2.4 1.9 4.2 4.2 4.2h36.6c2.3 0 4.2-1.8 4.2-4.2V10.3L26.6 24.4a6.8 6.8 0 0 1-4.1 1.5Zm-21-18L20 22.2a4 4 0 0 0 4.8 0L43.6 8a4 4 0 0 0 1.4-3C45 2.7 43.1.9 40.8.9H4.2A4.2 4.2 0 0 0 0 5c0 1 .5 2.2 1.4 2.9Z'/%3e%3c/svg%3e");
}
.the_cta_banner .wp_content * {
color: #fff;
}
.the_cta_banner .contact_details {
color: white;
display: flex;
gap: clamp(10px, 4vw, 40px);
padding-left: 0;
justify-content: flex-end;
}
.the_cta_banner .contact_details .contact_info {
display: flex;
}
@media (max-width: 800px) {
.the_cta_banner .contact_details {
flex-direction: column;
align-items: center;
gap: 20px;
}
}
@media (max-width: 1200px) {
.the_cta_banner:has(.contact_details) {
flex-direction: column;
}
}
.the_cta_banner .contact_details .contact_info .contact_info_text {
display: flex;
flex-direction: column;
padding-inline: 10px;
justify-content: center;
}
.the_cta_banner .contact_details .contact_info .contact_info_text p {
margin: 0 0 5px 0;
}
.the_cta_banner .contact_details .contact_info .contact_info_text a {
color: white;
text-decoration: none;
}
.columned_ctas {
display: flex;
grid-template-columns: 1fr 1fr;
gap: clamp(20px, 3vw, 30px);
}
.columned_ctas * {
color: #fff;
}
.columned_ctas a {
padding-left: 10px;
padding-right: 10px;
text-align: center;
text-decoration: none;
position: relative;
min-height: 200px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex: 1 1 0px;
}
.columned_ctas a .title-medium {
margin-bottom: 10px;
text-decoration: none;
}
.columned_ctas a:before {
content: '';
background: linear-gradient(0deg, rgba(65, 68, 72, 0.4), rgba(65, 68, 72, 0.4));
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.columned_ctas a .wp_content {
position: relative;
z-index: 2;
}
.columned_ctas a p:last-child {
border-bottom: 3px solid #E81D2A;
display: inline-block;
margin-top: 0;
}
.fc_contact_blocks {
display: flex;
gap: clamp(20px, 2vw, 30px);
justify-content: center;
align-content: center;
}
.fc_contact_blocks > div {
border: 1px solid #DADCDE;
box-sizing: border-box;
padding: clamp(15px, 2vw, 30px);
flex: 0 1 25%;
}
.fc_contact_blocks h6 {
margin-bottom: clamp(20px, 3vw, 30px);;
}
.fc_contact_blocks a {
color: #444446;
display: block;
margin-bottom: 20px;
}
.fc_contact_blocks a:hover {
opacity: 0.7;
}
.fc_contact_form {
display: grid;
grid-template-columns: 1.5fr 0.5fr;
}
.contact_details {
padding-left: clamp(20px, 3vw, 60px);
}
.fc_contact_form .wp_content:nth-child(1) {
padding-right: clamp(20px, 3vw, 60px);
border-right: 1px solid #fff;
}
.contact_details .contact-link {
margin-bottom: 30px;
}
.contact_details .contact-link:last-child {
margin-bottom: 0;
}
.map_link {
margin-bottom: 30px;
display: block;
}
.fc_downloads {
display: grid;
grid-auto-columns: 1fr;
grid-gap: clamp(15px, 6vw, 120px);
}
.fc_pdf_downloads .the_downloads a {
aspect-ratio: 3 / 4;
background: center / cover no-repeat;
padding: 20px;
align-items: flex-start;
justify-content: flex-end;
text-align: left;
gap: 10px;
position: relative;
isolation: isolate;
}
.fc_pdf_downloads .the_downloads a:after {
content: '';
background: rgb(0, 0, 0);
opacity: 0.4;
inset: 0;
width: 100%; z-index: -1;
position: absolute;
transition: .3s;
}
.fc_pdf_downloads .the_downloads a:hover {
opacity: 1;
}
.fc_pdf_downloads .the_downloads a:hover:after {
opacity: 0.8;
}
.fc_pdf_downloads p {
}
.fc_pdf_downloads .the_downloads a .download_btn {
margin: 0;
padding: 7px 41px 7px 17px;
background: calc(100% - 17px) / 14px 14px no-repeat #F2F2F2 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3e%3cpath fill='%2307080A' d='M6.5 9.7c.3.3.7.3 1 0L11 6c.3-.3 0-.8-.5-.8H8.2v-4C8.2.5 7.6 0 7 0S5.9.5 5.8 1.2v4H3.5c-.5 0-.8.5-.5.9l3.5 3.6Z'/%3e%3cpath fill='%23AC182D' d='M11 11H3c-.7 0-1.3.6-1.3 1.3 0 .3.3.5.6.5h9.4c.3 0 .6-.2.6-.6 0-.6-.6-1.1-1.2-1.1Z'/%3e%3c/svg%3e");;
color: black;
font-weight: bold;
}
.download_wrapper h3 {
border-left: 6px solid #E81D2A;
padding-left: 20px;
margin-bottom: clamp(15px, 3vw, 75px);
}
.the_downloads {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: clamp(15px, 2vw, 30px);
}
.the_downloads a {
display: flex;
flex-direction: column;
text-align: center;
text-decoration: none;
}
.download_thumb {
border: 1px solid #DADCDE;
height: clamp(120px, 10vw, 200px);
background: no-repeat center / contain;
box-sizing: border-box;
}
.the_downloads a p {
font-weight: 900;
font-size: clamp(18px, 2vw, 24px);
text-align: center;
text-transform: uppercase;
line-height: 1em;
color: #414448;
}
.the_downloads a span {
margin-top: auto;
padding-right: 10px;
padding-left: 10px;
}
.fc_pdf_downloads .the_downloads a span {
padding-right: 0;
padding-left: 0;
} .fc_split_content {
display: flex;
gap: clamp(20px, 6vw, 120px)
}
.fc_split_content > div {
flex: 1 1 50%;
min-height: clamp(300px, 40vw, 550px);
box-sizing: border-box;
background: center / cover no-repeat;
position: relative;
flex-direction: column;
display: flex;
}
.fc_split_content > div.content {
padding-left: 6vw;
box-sizing: border-box;
position: relative;
}
.fc_split_content > div.content > div::before {
position: absolute;
background: #DADCDE;
left: -2vw;
top: clamp(20px, 4vw, 60px);
bottom: clamp(20px, 4vw, 60px);
content: '';
width: 2px;
}
.fc_split_content.right > div.content {
padding-left: 0;
padding-right: max(20px, calc(50% - 720px));
flex-grow: 1;
}
.fc_split_content > div.content > div {
display: flex;
flex-direction: column;
position: relative;
flex-grow: 1;
justify-content: center;
}
.fc_split_content.right > div.content > div::before {
position: absolute;
background: #DADCDE;
margin-right: -2vw;
top: clamp(20px, 4vw, 60px);
bottom: clamp(20px, 4vw, 60px);
content: '';
width: 2px;
right: -2vw;
left: auto;
}
.fc_split_content > div.image {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.fc_split_content.right {
flex-direction: row-reverse;
}
.fc_split_content.contain-image .image {
background-size: auto;
background-color: #F2F2F2;
}
.fc_split_content.background-image {
position: relative;
}
.fc_split_content.background-image > div.content {
z-index: 1;
background: #414448;
width: 50%;
flex: 0 0 44%;
padding-right: 6vw;
border-left: 5px solid #E81D2A;
margin-inline: 6vw;
padding-block: 20px;
}
@media (max-width: 1000px) {
.fc_split_content.background-image > div.content {
width: initial;
flex: initial;
}
}
.fc_split_content.background-image > div.content > div::before {
content: none;
}
.fc_split_content.background-image .image {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
z-index: 0;
}
.fc_quote .wp_content {
padding-left: clamp(15px, 6vw, 60px);
padding-right: clamp(15px, 6vw, 60px);
}
.fc_quote .wp_content p {
font-size: 20px;
line-height: 1.3;
}
.fc_quote .wp_content *:nth-last-child(2) {
margin-bottom: 0;
}
.fc_process_block {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: clamp(15px, 2vw, 30px);
}
.process_block {
background: #fff;
display: flex;
flex-direction: column;
}
.process_block .wp_content {
padding: clamp(15px, 2vw, 40px);
flex-grow: 1;
}
span.count {
color: #fff;
font-weight: 900;
font-size: 30px;
width: 62px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.process_block .image {
padding-bottom: 50%;
}
.fc_columned_links {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: clamp(20px, 3vw, 60px) clamp(15px, 3vw, 60px);
}
.fc_columned_links a {
display: flex;
text-decoration: none;
gap: clamp(15px, 2vw, 30px);
}
.fc_columned_links a p {
color: #6D7279;
}
.fc_columned_links a::before {
content: '';
min-width: 40px;
height: 40px;
background: #414448 no-repeat center / 17px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h11.586L8.292 2.708a1.0014 1.0014 0 0 1 1.416-1.416l6 6a1.0001 1.0001 0 0 1 0 1.416l-6 6a1.0022 1.0022 0 0 1-.708.2932 1.0016 1.0016 0 0 1-.708-.2932 1.0014 1.0014 0 0 1 0-1.416L12.586 9H1a1 1 0 0 1-1-1Z' fill='%23fff'/%3E%3C/svg%3E");
}
.fc_content_banner .wp_content {
max-width: 720px;
box-sizing: border-box;
padding: clamp(20px, 6vw, 100px);
border-left: clamp(4px, 1vw, 10px) solid #E81D2A;
position: relative;
text-align: left;
}
.latest_news_top * {
margin: 0;
}
.latest_news_top {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: center;
}
.fc_logos {
display: grid;
grid-gap: 1px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
border: 1px solid #CED0D3;
background-color: #CED0D3;
}
.the_logo {
padding: 20px;
background: #fff;
}
.the_logo > div {
background: no-repeat center / contain;
padding-bottom: 100%;
}
.cs_title span {
color: #E81D2A;
}
.cs_gallery {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(8, 3.5vw);
grid-gap: clamp(15px, 2vw, 30px);
}
.cs_gallery a {
width: 100%;
}
.cs_gallery a:nth-child(1) {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 4;
}
.cs_gallery a:nth-child(2) {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 9;
}
.cs_gallery a:nth-child(3) {
grid-column-start: 4;
grid-column-end: 6;
grid-row-start: 1;
grid-row-end: 6;
}
.cs_gallery a:nth-child(4) {
grid-column-start: 4;
grid-column-end: 6;
grid-row-start: 6;
grid-row-end: 9;
}
.cs_gallery a:nth-child(5) {
grid-column-start: 6;
grid-column-end: 9;
grid-row-start: 1;
grid-row-end: 9;
}
.case_study_content {
display: flex;
gap: clamp(20px, 6vw, 150px);
align-items: flex-start;
}
.case_study_overview {
width: 100%;
max-width: 350px;
padding: clamp(15px, 3vw, 50px);
box-sizing: border-box;
}
.case_study_overview p:not(.title-small) {
font-weight: 400;
font-size: 20px;
line-height: 27px;
}
.split_quote > div {
display: flex;
padding-left: clamp(15px, 6vw, 60px);
padding-right: clamp(15px, 6vw, 60px);
gap: clamp(20px, 4vw, 100px);
}
.quote_meta {
min-width: 100px;
}
.quote_meta .image {
width: 60px;
height: 60px;
border-radius: 60px;
}
.wp_content.quote_meta p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.quote_meta p strong {
display: block;
}
.split_quote .wp_content {
padding: 0;
}
.stars {
width: 88px;
height: 16px;
background: no-repeat center / 88px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 16'%3E%3Cpath d='M7.2027 1.3832 5.3887 5.061l-4.0582.5917C.6027 5.7582.311 6.6554.8388 7.1693l2.9361 2.8611-.6944 4.0417c-.125.7306.6444 1.2778 1.2889.9361l3.6305-1.9083 3.6306 1.9083c.6444.3389 1.4139-.2055 1.2889-.9361l-.6945-4.0417 2.9361-2.861c.5278-.514.2361-1.4112-.4916-1.5167L10.611 5.061 8.7971 1.3832c-.325-.6555-1.2666-.6639-1.5944 0ZM25.2027 1.3832 23.3888 5.061l-4.0583.5917c-.7278.1055-1.0195 1.0027-.4917 1.5166l2.9361 2.8611-.6944 4.0417c-.125.7306.6444 1.2778 1.2888.9361l3.6306-1.9083 3.6306 1.9083c.6444.3389 1.4139-.2055 1.2889-.9361l-.6945-4.0417 2.9361-2.861c.5278-.514.2361-1.4112-.4916-1.5167L28.611 5.061l-1.8139-3.6778c-.325-.6555-1.2666-.6639-1.5944 0ZM43.2027 1.3832 41.3888 5.061l-4.0583.5917c-.7278.1055-1.0195 1.0027-.4917 1.5166l2.9361 2.8611-.6944 4.0417c-.125.7306.6444 1.2778 1.2888.9361l3.6306-1.9083 3.6306 1.9083c.6444.3389 1.4139-.2055 1.2889-.9361l-.6945-4.0417 2.9361-2.861c.5278-.514.2361-1.4112-.4916-1.5167L46.611 5.061l-1.8139-3.6778c-.325-.6555-1.2666-.6639-1.5944 0ZM61.2027 1.3832 59.3888 5.061l-4.0583.5917c-.7278.1055-1.0195 1.0027-.4917 1.5166l2.9361 2.8611-.6944 4.0417c-.125.7306.6444 1.2778 1.2888.9361l3.6306-1.9083 3.6306 1.9083c.6444.3389 1.4139-.2055 1.2889-.9361l-.6945-4.0417 2.9361-2.861c.5278-.514.2361-1.4112-.4916-1.5167L64.611 5.061l-1.8139-3.6778c-.325-.6555-1.2666-.6639-1.5944 0ZM79.2027 1.3832 77.3888 5.061l-4.0583.5917c-.7278.1055-1.0195 1.0027-.4917 1.5166l2.9361 2.8611-.6944 4.0417c-.125.7306.6444 1.2778 1.2888.9361l3.6306-1.9083 3.6306 1.9083c.6444.3389 1.4139-.2055 1.2889-.9361l-.6945-4.0417 2.9361-2.861c.5278-.514.2361-1.4112-.4916-1.5167L82.611 5.061l-1.8139-3.6778c-.325-.6555-1.2666-.6639-1.5944 0Z' fill='%23FBC400'/%3E%3C/svg%3E");
}
.related-title {
text-align: center;
}
.product_overview {
padding-left: max(20px, calc(50% - 720px));
display: grid;
grid-gap: clamp(20px, 4vw, 120px);
grid-template-columns: 0.5fr 1.5fr;
}
.product_overview .gallery {
display: block;
column-count: unset;
}
.the_overview {
display: flex;
align-items: center;
}
.product_overview .button {
width: 100%;
}
.product_overview .gallery > a {
width: 100%;
margin-bottom: clamp(15px, 2vw, 30px);;
padding-bottom: 50%;
display: block;
}
.gallery_thumbnails {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: clamp(15px, 2vw, 30px);
}
.gallery_thumbnails a {
padding-bottom: 70%;
display: block;
}
.case_study_content .wp_content:nth-child(1) {
padding-left: clamp(20px, 3vw, 60px);
border-left: 1px solid #DADCDE;
}
.product_content .wp_content:nth-child(1) {
flex-basis: calc(100% / 2);
flex-grow: 1;
}
.product_content .wp_content:nth-child(2) {
flex-basis: calc(100% / 2)
}
.product_summery div p {
padding: 10px;
margin: 0;
background: #F2F2F2;
}
.product_summery div p:nth-child(2n) {
background: #fff;
}
.fc_related_products {
display: grid;
grid-template-columns: 0.6fr  1.4fr;
grid-gap: clamp(20px, 5vw, 120px);
}
.single_product_list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: clamp(15px, 2vw, 30px);
}
.single_product_item {
border: 1px solid #DADCDE;
box-sizing: border-box;
padding: clamp(15px, 2vw, 30px);
display: flex;
flex-direction: column;
text-align: center;
text-decoration: none;
}
.single_product_item .image {
background-size: contain;
padding-bottom: 70%;
margin-bottom: 20px;
}
.single_product_item p {
font-weight: 400;
font-size: 14px;
text-align: center;
color: #6D7279;
}
.single_product_item h5 {
margin-bottom: 15px;
text-transform: uppercase;
}
.single_product_item .wp_content {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.single_product_item .wp_content .button {
margin-top: auto;
}
aside.product-sidebar {
margin-left: 0;
max-width: unset;
}
.product_list {
display: grid;
grid-template-columns: 0.6fr  1.4fr;
grid-gap: clamp(20px, 5vw, 120px);
}
.product_contact_info {
margin-top: clamp(25px, 2vw, 50px);
padding: clamp(15px, 2vw, 50px);
}
.product_contact_info a {
margin-bottom: clamp(15px, 2vw, 30px);;
color: #414448;
line-height: 1.5em;
}
.product_contact_info .tel {
margin-bottom: 10px;
}
.product_contact_info a:last-child {
color: #B8B8BA;
padding-left: 50px;
text-decoration: none;
}
.fc_product_categories {
grid-gap: 0;
}
.fc_product_categories.row {
display: block;
}
.fc_product_categories.row a {
height: clamp(250px, 60vw, 600px);
box-sizing: border-box;
}
.fc_product_categories .title-large {
max-width: 500px;
}
.fc_product_categories.column a:first-child {
position: relative;
}
.fc_product_categories.column a:first-child::before {
width: clamp(4px, 1vw, 10px);
content: '';
position: absolute;
left: 0;
top: 0;
background: #E81D2A;
z-index: 2;
bottom: 0;
}
.fc_product_categories.column a:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(65, 68, 72, 0.4), rgba(65, 68, 72, 0.4))
}
.fc_stockist_locations {
display: flex;
justify-content: space-between;
align-items: center;
gap: clamp(10px, 4vw, 40px);
}
.fc_stockist_locations .wp_content {
flex-basis: 36%;
border-left: 2px solid #DADCDE;
padding-left: 60px;
}
@media (max-width: 800px) {
.fc_stockist_locations .wp_content {
padding-left: 0;
border: none;
}
}
.fc_stockist_locations .the_locations {
flex-basis: 60%;
display: flex;
gap: clamp(10px, 4vw, 30px);
}
.fc_stockist_locations .the_locations.full_width {
flex-basis: 100%;
}
.fc_stockist_locations .the_locations.full_width .the_location {
max-width: 100%;
}
.fc_stockist_locations .the_locations .the_location {
max-width: 470px;
display: flex;
flex-direction: column;
min-width: 272px;
width: 100%;
}
.fc_stockist_locations .the_locations .the_location iframe {
width: 100%;
height: 455px;
}
.fc_stockist_locations .the_locations .the_location .location_content {
padding: 40px 62px;
background: #f2f2f2;
color: #414448;
display: flex;
flex-direction: column;
gap: 10px;
height: fit-content;
flex-grow: 1;
}
.fc_stockist_locations .the_locations .the_location .location_content h5 {
margin: 0;
}
@media (max-width: 1300px) {
.fc_split_content > div.content > div::before {
display: none;
}
.fc_stockist_locations {
flex-direction: column;
gap: clamp(10px, 4vw, 40px);
}
.fc_stockist_locations .the_locations {
justify-content: center;
}
.fc_stockist_locations .the_locations {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 1024px) {
.fc_contact_blocks {
flex-wrap: wrap;
}
.fc_contact_form {
grid-template-columns: 1fr;
}
.fc_contact_form .wp_content:nth-child(1) {
border: none;
border-bottom: 1px solid #fff;
padding-right: 0;
padding-bottom: 20px;
}
.fc_contact_form .wp_content:nth-child(2) {
padding-top: 20px;
padding-left: 0;
}
.the_downloads {
grid-template-columns: 1fr 1fr 1fr;
}
.fc_process_block {
grid-template-columns: 1fr 1fr;
}
.product_overview {
display: flex;
flex-direction: column-reverse;
padding-right: max(20px, calc(50% - 720px));
}
.product_overview .gallery {
column-count: unset;
column-gap: unset;
}
.fc_related_products {
grid-template-columns: 1fr;
}
aside.product-sidebar {
display: block;
margin-top: 20px;
}
.product_list {
grid-template-columns: 1fr;
}
.product_contact_info {
display: none;
}
.the_overview {
display: block;
}
}
@media (max-width: 768px) {
.the_cta_banner {
display: block;
}
.the_cta_banner .wp_content {
min-width: 100%;
text-align: center;
margin-bottom: 20px;
}
.the_cta_banner .button {
width: 100%;
}
.fc_split_content {
flex-direction: column;
}
.fc_split_content > div.content {
min-height: unset;
}
.fc_split_content > div.content {
padding-left: max(20px, calc(50% - 720px));
padding-right: max(20px, calc(50% - 720px));
}
.fc_columned_links {
grid-template-columns: 1fr 1fr;
}
.fc_columned_links a::before {
min-width: 20px;
height: 20px;
background-size: 10px;
}
.fc_logos {
grid-template-columns: 1fr 1fr 1fr;
}
div.cs_title {
margin-top: 20px;
}
.case_study_content {
display: block;
}
.case_study_overview, .product_summery {
min-width: 100%;
margin-top: 20px;
}
.split_quote > div {
flex-direction: column;
gap: 20px;
}
.case_study_content .wp_content:nth-child(1) {
padding-left: 0;
border: none;
}
.single_product_list {
grid-template-columns: 1fr 1fr;
}
.fc_related_products .single_product_list a:last-child {
display: none;
}
.fc_product_categories {
display: block;
}
.fc_contact_blocks > div {
flex-basis: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.fc_contact_blocks a {
display: inline-block;
}
}
@media (max-width: 640px) {
.columned_ctas {
grid-template-columns: 1fr;
}
.fc_contact_blocks {
grid-template-columns: 1fr;
}
.gform_body > div > div:nth-child(n) {
min-width: 100%;
}
.the_downloads {
grid-template-columns: 1fr 1fr;
}
.the_downloads a span {
padding: 10px 5px;
}
.fc_process_block {
grid-template-columns: 1fr;
}
.fc_columned_links {
grid-template-columns: 1fr;
gap: 25px;
}
.single_product_list {
grid-template-columns: 1fr;
}
}
@media (max-width: 450px) {
.latest_news_top {
display: block;
}
.latest_news_top .button {
margin-top: 15px;
}
.fc_logos {
grid-template-columns: 1fr 1fr;
}
.the_downloads {
grid-template-columns: 1fr;
}
}
#footer {
display: grid;
background: #414448;
grid-template-columns: 0.8fr 0.8fr  0.4fr;
grid-gap: clamp(20px, 3vw, 60px);
}
.footer_logo {
display: inline-block;
width: 146px;
}
#footer > div:nth-child(1) {
margin-right:clamp(20px, 6vw, 150px); ;
}
#footer p,
#footer h6 ,
#footer a {
color: #fff;
}
#footer .contact-link.map {
margin: 30px 0;
}
#footer .contact-link.tel + a {
padding-left: 50px;
text-decoration: none;
margin-top: 5px;
display: block;
}
#footer .the_address {
margin-top: 30px;
margin-bottom: 0;
}
#footer h6 {
padding-bottom: 10px;
border-bottom: 1px solid #fff;
margin-bottom: 1em;
}
#footer > div:nth-child(2) {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: clamp(20px, 3vw, 60px);
}
#footer ul {
padding: 0;
list-style: none;
margin: 0;
}
#footer ul a {
display: block;
margin-bottom: 10px;
}
#footer form {
margin: 30px 0;
}
#footer input[type=email] {
border: 1px solid #fff;
height: 58px;
width: 100%;
background: #414448;
padding-left: 10px;
box-sizing: border-box;
color: #fff;
}
#footer .button {
width: 100%;
}
#footer ::-webkit-input-placeholder { color: #fff;
}
#footer ::-moz-placeholder { color: #fff;
}
#footer :-ms-input-placeholder { color: #fff;
}
#footer :-moz-placeholder { color: #fff;
}
.end_of_page {
display: flex;
gap: 20px;
justify-content: space-between;
background: #313336;
padding-top: 20px;
padding-bottom: 20px;
}
.end_of_page * {
color: #fff;
font-size: 14px;
margin: 0;
}
#policy_menu {
padding: 0;
list-style: none;
display: flex;
}
#policy_menu li {
border-right: 1px solid #fff;
margin-right: 10px;
padding-right: 10px;
}
#policy_menu li:last-child {
border: none;
margin-right: 0;
padding-right: 0;
}
#policy_menu a {
text-decoration: none;
}
@media (max-width: 1024px) {
#footer > div {
flex-basis: calc(50% - 20px);
}
#footer > div:nth-child(1) {
margin-right: 0;
flex-basis: 100%;
}
#footer {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
}
@media (max-width: 640px) {
#footer > div:nth-child(n) {
flex-basis: 100%;
}
.end_of_page {
text-align: center;
display: block;
}
#policy_menu {
justify-content: center;
margin-top: 10px;
}
}