@media (1024px < width ) and (1400px > width) {
.header_transparent #header {
padding-bottom: 120px;
}
#header {
flex-wrap: wrap;
}
#header .menu_content_container {
order: 2;
width: 100%;
margin-top: 20px;
display: flex;
justify-content: center;
}
.fc_hero_banner.home_hero , .fc_hero_banner.page_hero {
padding-top: 200px;
}
}.fc_hero_banner {
background: center / cover no-repeat;
display: flex;
gap: 60px;
justify-content: space-between;
position: relative;
flex-flow: column;
min-height: clamp(400px, 45vw, 650px);
padding: clamp(130px, 13vw, 170px) var(--width-xl) 10px;
.hero {
color: var(--secondary);
}
&.home_hero {
min-height: clamp(400px, 45vw, 1000px);
padding: 130px var(--width-xl) 10px;
}
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--deep-grey);
opacity: 0.7;
}
.wp_content {
max-width: 1050px;
flex: 1;
display: flex;
flex-flow: column;
justify-content: center;
}
.hero_usps {
&.align_centre {
justify-items: center;
}
&.align_right {
justify-items: flex-end;
}
}
> * {
position: relative;
z-index: 5;
}
}
.header_solid {
.fc_hero_banner {
.the_usps {
background: transparent;
}
}
}
@media ( width < 1024px) {
.fc_hero_banner {
.hero_usps {
justify-items: center;
}
}
}.woocommerce-account {
h2 {
font-size: clamp(25px, 3.6vw, 35px);
font-weight: 700;
max-width: 500px;
margin: 0 auto 20px;
}
.woocommerce-MyAccount-content {
> p:nth-of-type(2) {
display: none;
}
}
.download_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--gap-s);
.download {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
padding: var(--gap-xs) var(--gap-s);
border-radius: var(--border-radius-xs);
gap: 15px;
background: var(--woo-white-smoke);
height: 100%;
&:hover {
opacity: 1;
}
> div {
display: flex;
align-items: center;
gap: var(--gap-s);
}
h6 {
color: var(--deep-grey);
}
.icon {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 54'%3E%3Cpath fill='%23D6D6D6' d='M39.2 30a8.6 8.6 0 1 0 0 17.1 8.6 8.6 0 0 0 0-17.2ZM44 41l-4 3.5-.2.1-.1.1-.5.1h-.4v-.1h-.1l-.2-.2-4-3.5a1.2 1.2 0 1 1 1.5-1.7l2 1.8v-7.7a1.2 1.2 0 1 1 2.4 0v7.7l2-1.8A1.2 1.2 0 1 1 44 41Z'/%3E%3Cpath fill='%23D6D6D6' d='M0 12.2V54h38v-4.6a11 11 0 0 1 0-21.7V0H12.3L0 12.2Zm19 37.3H5.7a1.2 1.2 0 1 1 0-2.4H19a1.2 1.2 0 1 1 0 2.4Zm3.3-7.1H5.7a1.2 1.2 0 1 1 0-2.4h16.6a1.2 1.2 0 1 1 0 2.4ZM4.5 34c0-.7.5-1.2 1.2-1.2h12a1.2 1.2 0 1 1 0 2.4h-12c-.7 0-1.2-.6-1.2-1.2ZM26.7 27c0 .6-.6 1.2-1.2 1.2H5.7a1.2 1.2 0 0 1 0-2.4h19.8c.6 0 1.2.6 1.2 1.2ZM13.3 5.3a1.2 1.2 0 0 1 2.4 0V14c0 .6-.6 1.2-1.2 1.2H5.7a1.2 1.2 0 0 1 0-2.4h7.6V5.3Z'/%3E%3C/svg%3E");
height: 54px;
aspect-ratio: 48 / 54;
}
.button {
text-indent: -9999px;
gap: 0;
padding: 5px;
border-radius: var(--border-radius-xs);
&:before {
aspect-ratio: 1 / 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 14.3v4.5a2.2 2.2 0 0 1-2.2 2.2H3.2A2.2 2.2 0 0 1 1 18.8v-4.5m4.4-5.5 5.6 5.5m0 0 5.6-5.5M11 14.3V1'/%3E%3C/svg%3E");
}
&:hover {
&:before {
transform: none;
}
}
}
.x-small-text {
font-size: 14px;
}
}
}
.login {
display: flex;
flex-direction: column;
max-width: 500px;
margin: 0 auto;
label {
font-weight: 800;
}
.form-row {
display: flex;
flex-direction: column;
gap: 10px;
}
input[type="text"],
input[type="password"] {
border: none;
border-bottom: 1px solid var(--deep-grey);
padding: 13px 20px 15px;
font-size: 16px;
}
.button {
align-self: flex-start;
}
.password-input {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.show-password-input {
background-color: transparent;
border-radius: 0;
border: 0;
color: var(--deep-grey);
cursor: pointer;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
position: absolute;
right: .7em;
text-decoration: none;
top: 50%;
transform: translateY(-50%);
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
&:before {
background-repeat: no-repeat;
background-size: cover;
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');
content: "";
display: block;
height: 22px;
width: 22px;
}
}
}
}
@media (width <= 900px) {
.woocommerce-account {
.download_grid {
grid-template-columns: 1fr;
}
}
}.product_single {
.product {
display: grid;
grid-template-columns: 40% auto;
gap: var(--gap-xl);
.summary {
flex: 1;
}
.product_upper,
.add_to_quote {
position: relative;
&:after {
content: "";
display: block;
max-width: 230px;
width: 70%;
height: 2px;
background: var(--woo-white-smoke);
margin: 20px 0;
}
}
.product-tagline {
}
.button_container {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 15px;
.button {
margin: 0;
}
}
.woocommerce-product-gallery__wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
> div:first-of-type {
grid-column: 1 / span 4;
}
a {
display: block;
border-radius: 5px;
border: 1px solid var(--light-grey);
overflow: hidden;
}
img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
}
}
}
@media (width <= 1200px) {
.product_single {
.product {
grid-template-columns: 1fr;
}
}
}.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;
}
.has_video::after {
background: center / 40px 40px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23fff' d='m30.3 57.5 26.7-17-26.7-17v34Zm9.7 23c-5.467 0-10.633-1.05-15.5-3.15-4.867-2.1-9.117-4.966-12.75-8.6-3.633-3.633-6.5-7.883-8.6-12.75C1.05 51.134 0 45.967 0 40.5c0-5.533 1.05-10.733 3.15-15.6 2.1-4.866 4.967-9.1 8.6-12.7 3.633-3.6 7.883-6.45 12.75-8.55C29.367 1.55 34.533.5 40 .5c5.533 0 10.733 1.05 15.6 3.15 4.867 2.1 9.1 4.95 12.7 8.55 3.6 3.6 6.45 7.834 8.55 12.7C78.95 29.767 80 34.967 80 40.5c0 5.467-1.05 10.634-3.15 15.5-2.1 4.867-4.95 9.117-8.55 12.75-3.6 3.634-7.833 6.5-12.7 8.6-4.867 2.1-10.067 3.15-15.6 3.15Zm0-6c9.467 0 17.5-3.316 24.1-9.95C70.7 57.917 74 49.9 74 40.5c0-9.466-3.3-17.5-9.9-24.1C57.5 9.8 49.467 6.5 40 6.5c-9.4 0-17.417 3.3-24.05 9.9C9.317 23 6 31.034 6 40.5c0 9.4 3.317 17.417 9.95 24.05C22.583 71.184 30.6 74.5 40 74.5Z'/%3E%3C/svg%3E");
transition: .3s;
position: absolute;
display: flex;
content: '';
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.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;
}
}.gfield label.gfield_label,
.gfield .gfield_label {
font-size: 18px;
color: var(--secondary);
font-weight: 700;
margin: 0 0 10px 0;
display: block;
.gfield_required_text {
font-weight: 400;
color: var(--medium-grey);
}
}
.gfield label {
font-size: 0.9em;
color: #666;
margin-top: 10px;
}
.gfield_label .gfield_required_text {
display: inline-block;
padding-left: 5px;
color: #999;
}
::placeholder {
color:  #939393;
}
.validation_message {
background-color: var(--error);
color: white;
padding: 5px 10px;
font-size: 12px;
border-radius: 2px;
position: relative;
margin-top: 5px;
display: inline-block;
}
.validation_message::after {
content: '';
display: block;
position: absolute;
border: 10px solid rgba(0, 0, 0, 0);
border-bottom-color: var(--error);
width: 0;
height: 0;
top: -20px;
left: 20px;
}
.gform_submission_error {
margin-bottom: 20px;
border-bottom: 1px solid var(--error);
padding: 10px 20px;
font-size: 15px;
color: var(--error);
}
.gfield.gfield_error input[type=text],
.gfield.gfield_error input[type=email],
.gfield.gfield_error textarea,
.gfield.gfield_error select {
border-bottom: 1px solid var(--error);
}
.gfield input[type=text],
.gfield input[type=email],
.gfield textarea,
.gfield select,
.gfield input[type=tel] {
height: 45px;
color: var(--deep-grey);
padding-left: 15px;
width: 100%;
border: none;
border-bottom: 1px solid var(--secondary);
box-sizing: border-box;
}
.gfield textarea {
height: auto;
}
.gfield select {
background: #fff calc(100% - 20px) center / 19px 12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 13'%3E%3Cpath fill='%23D6D6D6' d='M20 1.9 18.3.2l-8 8.5L2.7.2 1 1.9l9.5 10.3 9.4-10.3Z'/%3E%3C/svg%3E");
padding-right: 70px;
}
.gfield option {
color: #000;
}
.gform_footer {
margin-top: 30px;
.gform_button {
background: var(--secondary);
padding: 15px 20px;
transition: 0.3s;
&:before {
content: none;
}
&:hover {
transform: translate(-2px, -3px);
}
}
}
.gform_fields {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.gfield {
flex-basis: 100%;
position: relative;
}
fieldset.gfield {
border: none;
padding: 0;
margin: 0;
}
fieldset.gfield legend {
float: left;
}
fieldset.gfield legend + * {
clear: both;
}
.gfield.gfield--width-half {
flex-basis: calc(50% - 15px);
}
.gfield.gfield--width-third {
flex-basis: calc(33.333% - 20px);
}
.gfield.gfield--width-quarter {
flex-basis: calc(25% - 23px);
}
.gfield_visibility_hidden {
display: none;
}
.gfield.hidden_label .gfield_label {
display: none;
}
.gfield textarea {
height: 100px;
padding-top: 20px;
}
.ginput_complex {
display: flex;
gap: 15px;
}
.ginput_container_address {
flex-wrap: wrap;
}
.ginput_container_name span {
flex-grow: 1;
}
.ginput_container_address span {
flex-basis: calc(50% - 8px);
}
.ginput_container_address span:nth-child(1), .ginput_container_address span:nth-child(2) {
flex-basis: 100%;
}
.gfield input[type=text] + label, .gfield select + label {
margin-top: 10px;
display: block;
}
.screen-reader-text {
display: none;
}
.gfield.captcha_field {
margin: 0;
padding: 0;
}
.gfield.captcha_field .gfield_label {
display: none;
}
.ginput_container_fileupload .validation_message--hidden-on-empty {
display: none;
}
.gfield.captcha_field {
margin: 0;
padding: 0;
position: absolute;
}
.gfield input[type=file] {
color: var(--primary);
padding: 10px 12px;
border-radius: 2px;
}
.ginput_container_fileupload {
display: flex;
align-items: center;
gap: 10px;
}
.bg_deep-grey {
.gfield input[type=text],
.gfield input[type=email],
.gfield textarea,
.gfield select,
.gfield input[type=tel] {
color: var(--white);
background-color: transparent;
border-bottom: 1px solid var(--tertiary);
}
.gfield label,
.gfield .gfield_label {
color: var(--tertiary);
.gfield_required_text {
color: var(--light-grey);
}
&.gfield_consent_label {
color: #fff;
}
}
.gfield input[type=file] {
background: white;
max-width: 100%;
}
.ginput_container_fileupload {
color: var(--light-grey);
}
.gfield.gfield--type-fileupload {
max-width: 100%;
}
.gform_footer {
.gform_button {
background: var(--white-15);
border-color: var(--white-15);
}
}
}
.gallenkamp {
.gfield .gfield_label {
color: var(--gallenkamp-light-purple);
}
}
@media (width <= 1200px) {
.ginput_container_fileupload {
flex-flow: column;
align-items: flex-start;
}
}
@media (max-width: 850px) {
.gfield.gfield--width-half, .gfield.gfield--width-third {
flex-basis: 100%;
}
.gfield.gfield--width-quarter {
flex-basis: calc(50% - 15px);
}
.gform_fields {
gap: 15px;
}
}