@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@import url(https://use.typekit.net/sus0xcj.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
}
input {
border-radius: 0; appearance: none; -webkit-appearance: none;
-moz-appearance: none;
}
input[type=search] {
-webkit-appearance: none; border-radius: 0;
}
input:focus {
outline: none;
box-shadow: none;
}
@keyframes slideUpFadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.noscroll,
.overflow-hidden {
overflow: hidden;
}
body {
background-color: #ffffff;
font-family: "montserrat", sans-serif !important;
color: #222;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
}
h1,
.h1 {
font-style: normal;
font-size: 25px;
line-height: 1.2;
}
h2,
.h2 {
font-style: normal;
font-size: 25px;
line-height: 1.2;
}
h3,
.h3 {
font-style: normal;
font-size: 16px;
font-size: 1.6rem;
}
div.section-inner {
max-width: 1100px;
margin: 0 auto;
}
@media (max-width: 1024px) {
div.section-inner {
max-width: 90%;
}
}
a.link-a {
text-decoration: none;
width: fit-content;
max-width: max-content;
min-width: 125px;
display: inline-block;
text-align: center;
padding: 5px 15px;
border: 1px solid #009999;
background-color: #009999;
color: #ffffff;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
}
a.link-a:hover {
background-color: #ffffff;
color: #009999;
}
a.link-b {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
justify-content: center;
column-gap: 10px;
align-items: center;
padding: 5px 10px;
border: 1px solid #009999;
border-radius: 0;
background-color: #ffffff;
color: #009999;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
}
a.link-b img {
transition: all 0.3s ease;
}
a.link-b:hover {
background-color: #009999;
border-color: #009999;
color: #ffffff;
}
a.link-b:hover img {
filter: brightness(0) invert(1);
}
.btn-primary {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #009999;
border-radius: 0;
background-color: #009999;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
}
.btn-primary:hover {
background-color: #ffffff;
color: #009999;
}
.btn-secondary {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
justify-content: center;
column-gap: 10px;
align-items: center;
padding: 5px 10px;
border: 1px solid #009999;
border-radius: 0;
background-color: #ffffff;
color: #009999;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
}
.btn-secondary img {
transition: all 0.3s ease;
}
.btn-secondary:hover {
background-color: #009999;
border-color: #009999;
color: #ffffff;
}
.btn-secondary:hover img {
filter: brightness(0) invert(1);
}
.btn-pill {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 15px;
border: 1px solid #006363;
background-color: #006363;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
border-radius: 25px;
white-space: nowrap;
column-gap: 15px;
cursor: pointer;
}
.btn-pill:hover {
background-color: transparent;
color: #006363;
}
.f-link-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
nav.woocommerce-breadcrumb {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
color: #222 !important;
}
nav.woocommerce-breadcrumb::before, nav.woocommerce-breadcrumb::after {
display: none;
}
nav.woocommerce-breadcrumb a {
font-family: "montserrat", sans-serif !important;
}
select {
background-color: transparent;
}
b,
strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
a.cart-link img {
width: 18px;
height: 18px;
object-fit: contain;
}
.gform_heading {
display: none;
}
#gform_2 input[type=text],
#gform_2 input[type=email],
#gform_2 textarea,
#gform_4 input[type=text],
#gform_4 input[type=email],
#gform_4 textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #222;
height: 50px;
font-family: "montserrat", sans-serif !important;
padding: 0;
}
#gform_2 input[type=text]:focus,
#gform_2 input[type=email]:focus,
#gform_2 textarea:focus,
#gform_4 input[type=text]:focus,
#gform_4 input[type=email]:focus,
#gform_4 textarea:focus {
outline: none;
}
#gform_2 .gform_footer,
#gform_4 .gform_footer {
display: flex;
justify-content: end;
}
#gform_2 .gform_footer input[type=submit],
#gform_4 .gform_footer input[type=submit] {
text-decoration: none;
width: fit-content;
max-width: max-content;
min-width: 125px;
display: inline-block;
text-align: center;
padding: 10px 15px;
border: 1px solid #009999;
background-color: #009999;
color: #ffffff;
font-family: "montserrat", sans-serif !important;
}
.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
border: none;
height: 40px;
}
.gform_wrapper.gravity-theme #field_submit input {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #009999;
border-radius: 0;
background-color: #009999;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
height: 40px;
}
.gform_wrapper.gravity-theme #field_submit input:hover {
background-color: #ffffff;
color: #009999;
}
.gform_validation_errors {
display: none;
}
.validation_message {
background-color: transparent !important;
border: none !important;
font-family: "montserrat", sans-serif !important;
margin: 0 !important;
padding: 0 !important;
}
.gfield--type-captcha .gfield_label {
display: none !important;
}
.card-icon {
background-color: #F6F7F8;
box-shadow: 0 0 8px lightgrey;
text-decoration: none;
color: inherit;
}
.card-icon .card-icon-img {
aspect-ratio: 16/11;
}
.card-icon .card-icon-img img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all 0.3s ease;
}
.card-icon .card-icon-content {
padding: 2rem;
}
.card-icon .card-icon-content .title-container {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 2rem;
}
.card-icon .card-icon-content .title-container h3 {
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
font-size: 1.6rem;
text-transform: inherit;
}
.card-icon .card-icon-content .title-container img {
width: 10px;
height: 10px;
object-fit: cover;
transition: all 0.3s ease;
}
.card-icon .card-icon-content .content-container {
padding-top: 2rem;
padding-bottom: 50px;
border-top: 1px solid #ffffff;
position: relative;
}
.card-icon .card-icon-content .content-container .custom-text {
font-family: "montserrat", sans-serif !important;
font-size: 1.4rem;
color: #222;
line-height: 1.5;
margin-bottom: 0 !important;
}
.card-icon .card-icon-content .content-container .button-container {
display: flex;
justify-content: end;
position: absolute;
right: 0;
bottom: 0;
}
.card-icon .card-icon-content .content-container .button-container a {
font-size: 1.4rem;
}
.card-icon:hover .card-icon-img {
overflow: hidden;
}
.card-icon:hover .card-icon-img img {
transform: scale(1.1);
}
.card-icon:hover .card-icon-content .title-container img {
transform: rotate(-45deg);
}
.card-team {
width: calc(25% - 20px);
background-color: transparent;
}
@media (max-width: 1024px) {
.card-team {
width: calc(50% - 20px);
}
}
.card-team .card-team-image {
height: 250px;
width: 100%;
perspective: 1000px; position: relative;
}
.card-team .card-team-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s; }
.card-team .card-team-image:hover img {
transform: rotateY(180deg);
}
.card-team .card-team-image .card-team-image-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white; color: #222;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: -1;
transition: z-index 0.4s, transform 0.5s; transform: rotateY(-180deg); padding: 1rem 2rem;
}
.card-team .card-team-image .card-team-image-hover .hover-content {
max-height: 75%;
overflow-y: auto;
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
text-align: center;
}
.card-team .card-team-image:hover .card-team-image-hover {
z-index: 1; transform: rotateY(0deg); transition: z-index 1s, transform 0.5s; }
.card-team .card-team-content {
padding: 1rem 0rem;
}
.card-team .card-team-content .content-title h3 {
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
font-size: 1.6rem;
text-transform: inherit;
text-align: center;
}
.card-team .card-team-content .content-links {
display: flex;
justify-content: space-between;
align-items: center;
}
.card-team .card-team-content .content-links .content-job span {
font-family: "montserrat", sans-serif !important;
font-size: 1.4rem;
color: #222;
}
.card-team .card-team-content .content-links .content-social a img {
width: 25px;
height: 25px;
object-fit: cover;
}
.card-download {
text-decoration: none;
color: #222;
}
.card-download .img-container {
height: 250px;
width: 100%;
}
.card-download .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-download .content-container {
padding: 1rem 0rem;
}
.card-download .content-container h3 {
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
font-size: 1.6rem;
text-transform: inherit;
text-align: center;
}
.card-product {
width: calc(25% - 1.5rem);
cursor: pointer;
}
@media (max-width: 1024px) {
.card-product {
width: calc(50% - 20px);
}
}
.card-product .img-container {
width: 100%;
height: 250px;
position: relative;
}
.card-product .img-container .discount {
position: absolute;
top: 15px;
left: 15px;
background-color: #009999;
color: #ffffff;
font-family: "montserrat", sans-serif !important;
font-size: 1.4rem;
padding: 0.5rem 1rem;
}
.card-product .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-product .content-container {
padding: 1rem 0rem;
}
.card-product .content-container .content-categories a {
font-family: "montserrat", sans-serif !important;
font-size: 1.5rem;
color: #222;
text-decoration: none;
}
.card-product .content-container .content-title {
display: flex;
justify-content: space-between;
}
.card-product .content-container .content-title h3 {
width: 80%;
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
font-size: 1.6rem;
text-transform: inherit;
}
.card-product .content-container .content-title p {
width: 20%;
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
color: #222;
text-align: end;
}
.card-product .content-container .content-links {
margin-top: 2rem;
display: flex;
justify-content: center;
width: 100%;
}
.card-product .content-container .content-links a {
display: flex;
align-items: center;
justify-content: space-around;
background-color: #009999;
width: 100%;
border: none;
color: #ffffff;
text-decoration: none;
font-family: "montserrat", sans-serif !important;
padding: 1rem 2rem;
}
.card-product .content-container .content-links a img {
width: 25px;
height: 25px;
object-fit: cover;
}
.search-bar {
width: 100vw;
}
.search-bar .search-bar-inner {
max-width: 1100px;
margin: 0 auto;
padding: 2rem 0;
}
@media (max-width: 1024px) {
.search-bar .search-bar-inner {
max-width: 90%;
}
}
.search-bar .search-bar-inner .search-bar-form {
display: flex;
justify-content: center;
gap: 2rem;
}
.search-bar .search-bar-inner .search-bar-form .cat-select {
background-color: #009999;
padding: 1rem 2rem;
display: flex;
align-items: center;
gap: 2rem;
border: none;
}
.search-bar .search-bar-inner .search-bar-form .cat-select select {
border: none;
background-color: transparent;
color: #ffffff;
font-family: "montserrat", sans-serif !important;
}
.search-bar .search-bar-inner .search-bar-form .cat-select select:focus {
outline: none;
}
.search-bar .search-bar-inner .search-bar-form .cat-select img {
width: 20px;
height: 20px;
object-fit: cover;
}
.search-bar .search-bar-inner .search-bar-form .search-input {
border: 1px solid #009999;
padding: 1rem 0rem;
display: flex;
align-items: center;
width: 50%;
height: 50px;
gap: 1rem;
}
.search-bar .search-bar-inner .search-bar-form .search-input input {
width: 100%;
padding: 0 1rem;
border: none;
outline: none;
color: #222;
font-family: "montserrat", sans-serif !important;
}
.search-bar .search-bar-inner .search-bar-form .search-input button {
background-color: #009999;
color: white;
border: none;
padding: 1rem;
height: 100%;
cursor: pointer;
height: 50px;
width: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.search-bar .search-bar-inner .search-bar-form .search-input button img {
width: 20px;
height: 20px;
object-fit: cover;
}
.components-button-back {
position: absolute;
top: 25vh;
z-index: 10;
left: 7.5%;
padding: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #009999;
border: none;
cursor: pointer;
}
.components-button-back img {
width: 20px;
height: 20px;
rotate: 180deg;
}
form.woocommerce-product-search,
form.searchform {
display: flex;
}
form.woocommerce-product-search input,
form.searchform input {
height: 40px;
background-color: #ffffff;
border: 1px solid #DBDBDB;
padding: 0px 20px;
font-size: 14px;
width: 250px;
}
@media (min-width: 1240px) {
form.woocommerce-product-search input,
form.searchform input {
width: 350px;
}
}
form.woocommerce-product-search button,
form.searchform button {
text-decoration: none;
width: fit-content;
min-width: 125px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #009999;
border-radius: 0;
background-color: #009999;
color: #ffffff;
line-height: 1.2;
font-family: "montserrat", sans-serif !important;
transition: all 0.3s ease;
min-height: 40px;
cursor: pointer;
min-width: unset;
width: 50px;
}
form.woocommerce-product-search button:hover,
form.searchform button:hover {
background-color: #ffffff;
color: #009999;
}
form.woocommerce-product-search button svg,
form.searchform button svg {
width: 18px;
}
form.woocommerce-product-search button:hover,
form.searchform button:hover {
background-color: #009999;
}
form.searchform input {
width: 200px;
}
form.searchform button {
border: 1px solid #ffffff;
}
form.searchform button:hover {
color: #ffffff;
}
.searchform-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #009999;
z-index: 1002;
transition: all 0.5s ease;
transform: translateY(-100%);
}
.searchform-overlay.active {
transform: translateY(0);
}
.searchform-overlay .container {
padding: 100px 30px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.searchform-overlay .container svg#close-searchform-overlay {
width: 35px;
stroke: #ffffff;
position: absolute;
top: 30px;
right: 30px;
}
.searchform-overlay .container form.woocommerce-product-search input {
flex-grow: 1;
}
.searchform-overlay .container form.woocommerce-product-search button {
border: 1px solid #ffffff;
}
.card-blog .blog-image a {
display: block;
aspect-ratio: 1/1;
}
.card-blog .blog-image a img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.card-blog h3.blog-title {
font-size: 20px;
margin-bottom: 8px;
}
.card-blog h3.blog-title a {
color: inherit;
text-decoration: none;
}
.column.has-bg-color {
padding: 20px;
}
.column h3.column-title {
font-size: 22px;
margin-bottom: 20px;
}
.column .column-image {
aspect-ratio: 16/11;
margin-bottom: 20px;
}
.column .column-image img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.galery-image {
aspect-ratio: 16/11;
position: relative;
}
.galery-image svg.lightbox-trigger {
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 20px;
cursor: pointer;
}
.galery-image img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
li.card-testimonial {
padding: 20px;
text-align: center;
background-color: #ffffff;
}
@media (min-width: 768px) {
li.card-testimonial {
padding: 20px 50px;
}
}
li.card-testimonial .quote {
font-size: 50px;
margin-bottom: -30px;
display: block;
}
li.card-testimonial .image {
display: flex;
margin: 0 auto 10px;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}
li.card-testimonial .image img {
object-fit: cover;
width: 100%;
height: 100%;
display: flex;
}
li.card-testimonial .function {
font-style: italic;
font-size: 14px;
}
.card-project {
box-shadow: 0 0 8px lightgrey;
background-color: #ffffff;
display: flex;
flex-direction: column;
}
.card-project a.image {
display: block;
aspect-ratio: 16/9;
overflow: hidden;
}
.card-project a.image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-project h3 {
text-align: center;
padding: 0 20px;
margin-top: 20px;
margin-bottom: 25px;
font-weight: bold;
}
.card-project a.cta {
display: flex;
align-items: center;
gap: 10px;
width: max-content;
margin: auto auto 20px;
text-decoration: none;
padding: 5px 15px;
border: 1px solid #009999;
transition: all 0.3s ease;
}
.card-project a.cta svg {
width: 20px;
height: 20px;
}
.card-project a.cta:hover {
scale: 1.05;
}
.card-blog {
display: flex;
flex-direction: column;
box-shadow: 0 0 8px lightgrey;
opacity: 0;
animation: slideUpFadeIn 0.5s ease-out forwards;
}
.card-blog:nth-child(1) {
animation-delay: 0s;
}
.card-blog:nth-child(2) {
animation-delay: 0.1s;
}
.card-blog:nth-child(3) {
animation-delay: 0.2s;
}
.card-blog:nth-child(4) {
animation-delay: 0.3s;
}
.card-blog:nth-child(5) {
animation-delay: 0.4s;
}
.card-blog:nth-child(6) {
animation-delay: 0.5s;
}
.card-blog:nth-child(7) {
animation-delay: 0.6s;
}
.card-blog:nth-child(8) {
animation-delay: 0.7s;
}
.card-blog:nth-child(9) {
animation-delay: 0.8s;
}
.card-blog:nth-child(10) {
animation-delay: 0.9s;
}
.card-blog:nth-child(11) {
animation-delay: 1s;
}
.card-blog:nth-child(12) {
animation-delay: 1.1s;
}
.card-blog:nth-child(13) {
animation-delay: 1.2s;
}
.card-blog:nth-child(14) {
animation-delay: 1.3s;
}
.card-blog:nth-child(15) {
animation-delay: 1.4s;
}
.card-blog:nth-child(16) {
animation-delay: 1.5s;
}
.card-blog:nth-child(17) {
animation-delay: 1.6s;
}
.card-blog:nth-child(18) {
animation-delay: 1.7s;
}
.card-blog:nth-child(19) {
animation-delay: 1.8s;
}
.card-blog:nth-child(20) {
animation-delay: 1.9s;
}
.card-blog:nth-child(21) {
animation-delay: 2s;
}
.card-blog:nth-child(22) {
animation-delay: 2.1s;
}
.card-blog:nth-child(23) {
animation-delay: 2.2s;
}
.card-blog:nth-child(24) {
animation-delay: 2.3s;
}
.card-blog:nth-child(25) {
animation-delay: 2.4s;
}
.card-blog:nth-child(26) {
animation-delay: 2.5s;
}
.card-blog:nth-child(27) {
animation-delay: 2.6s;
}
.card-blog:nth-child(28) {
animation-delay: 2.7s;
}
.card-blog:nth-child(29) {
animation-delay: 2.8s;
}
.card-blog:nth-child(30) {
animation-delay: 2.9s;
}
.card-blog:nth-child(31) {
animation-delay: 3s;
}
.card-blog:nth-child(32) {
animation-delay: 3.1s;
}
.card-blog:nth-child(33) {
animation-delay: 3.2s;
}
.card-blog:nth-child(34) {
animation-delay: 3.3s;
}
.card-blog:nth-child(35) {
animation-delay: 3.4s;
}
.card-blog:nth-child(36) {
animation-delay: 3.5s;
}
.card-blog:nth-child(37) {
animation-delay: 3.6s;
}
.card-blog:nth-child(38) {
animation-delay: 3.7s;
}
.card-blog:nth-child(39) {
animation-delay: 3.8s;
}
.card-blog:nth-child(40) {
animation-delay: 3.9s;
}
.card-blog:nth-child(41) {
animation-delay: 4s;
}
.card-blog:nth-child(42) {
animation-delay: 4.1s;
}
.card-blog:nth-child(43) {
animation-delay: 4.2s;
}
.card-blog:nth-child(44) {
animation-delay: 4.3s;
}
.card-blog:nth-child(45) {
animation-delay: 4.4s;
}
.card-blog:nth-child(46) {
animation-delay: 4.5s;
}
.card-blog:nth-child(47) {
animation-delay: 4.6s;
}
.card-blog:nth-child(48) {
animation-delay: 4.7s;
}
.card-blog:nth-child(49) {
animation-delay: 4.8s;
}
.card-blog:nth-child(50) {
animation-delay: 4.9s;
}
.card-blog:nth-child(51) {
animation-delay: 5s;
}
.card-blog:nth-child(52) {
animation-delay: 5.1s;
}
.card-blog:nth-child(53) {
animation-delay: 5.2s;
}
.card-blog:nth-child(54) {
animation-delay: 5.3s;
}
.card-blog:nth-child(55) {
animation-delay: 5.4s;
}
.card-blog:nth-child(56) {
animation-delay: 5.5s;
}
.card-blog:nth-child(57) {
animation-delay: 5.6s;
}
.card-blog:nth-child(58) {
animation-delay: 5.7s;
}
.card-blog:nth-child(59) {
animation-delay: 5.8s;
}
.card-blog:nth-child(60) {
animation-delay: 5.9s;
}
.card-blog:nth-child(61) {
animation-delay: 6s;
}
.card-blog:nth-child(62) {
animation-delay: 6.1s;
}
.card-blog:nth-child(63) {
animation-delay: 6.2s;
}
.card-blog:nth-child(64) {
animation-delay: 6.3s;
}
.card-blog:nth-child(65) {
animation-delay: 6.4s;
}
.card-blog:nth-child(66) {
animation-delay: 6.5s;
}
.card-blog:nth-child(67) {
animation-delay: 6.6s;
}
.card-blog:nth-child(68) {
animation-delay: 6.7s;
}
.card-blog:nth-child(69) {
animation-delay: 6.8s;
}
.card-blog:nth-child(70) {
animation-delay: 6.9s;
}
.card-blog:nth-child(71) {
animation-delay: 7s;
}
.card-blog:nth-child(72) {
animation-delay: 7.1s;
}
.card-blog:nth-child(73) {
animation-delay: 7.2s;
}
.card-blog:nth-child(74) {
animation-delay: 7.3s;
}
.card-blog:nth-child(75) {
animation-delay: 7.4s;
}
.card-blog:nth-child(76) {
animation-delay: 7.5s;
}
.card-blog:nth-child(77) {
animation-delay: 7.6s;
}
.card-blog:nth-child(78) {
animation-delay: 7.7s;
}
.card-blog:nth-child(79) {
animation-delay: 7.8s;
}
.card-blog:nth-child(80) {
animation-delay: 7.9s;
}
.card-blog:nth-child(81) {
animation-delay: 8s;
}
.card-blog:nth-child(82) {
animation-delay: 8.1s;
}
.card-blog:nth-child(83) {
animation-delay: 8.2s;
}
.card-blog:nth-child(84) {
animation-delay: 8.3s;
}
.card-blog:nth-child(85) {
animation-delay: 8.4s;
}
.card-blog:nth-child(86) {
animation-delay: 8.5s;
}
.card-blog:nth-child(87) {
animation-delay: 8.6s;
}
.card-blog:nth-child(88) {
animation-delay: 8.7s;
}
.card-blog:nth-child(89) {
animation-delay: 8.8s;
}
.card-blog:nth-child(90) {
animation-delay: 8.9s;
}
.card-blog:nth-child(91) {
animation-delay: 9s;
}
.card-blog:nth-child(92) {
animation-delay: 9.1s;
}
.card-blog:nth-child(93) {
animation-delay: 9.2s;
}
.card-blog:nth-child(94) {
animation-delay: 9.3s;
}
.card-blog:nth-child(95) {
animation-delay: 9.4s;
}
.card-blog:nth-child(96) {
animation-delay: 9.5s;
}
.card-blog:nth-child(97) {
animation-delay: 9.6s;
}
.card-blog:nth-child(98) {
animation-delay: 9.7s;
}
.card-blog:nth-child(99) {
animation-delay: 9.8s;
}
.card-blog:nth-child(100) {
animation-delay: 9.9s;
}
.card-blog .image a {
display: block;
aspect-ratio: 16/9;
overflow: hidden;
}
.card-blog .image a img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.card-blog .text {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
@media (min-width: 768px) {
.card-blog .text {
padding: 30px;
}
}
.card-blog .text h3 {
font-size: 20px;
margin-bottom: 8px;
line-height: 1.3;
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
.card-blog .text h3 a {
color: inherit;
text-decoration: none;
}
.card-blog .text .excerpt {
line-height: 1.4;
margin-bottom: 20px;
}
.card-blog .text a.btn-secondary {
display: flex;
align-items: center;
gap: 10px;
width: max-content;
margin-top: auto;
}
.card-blog .text a.btn-secondary svg {
width: 20px;
height: 20px;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
max-width: 100%;
}
body {
font-weight: normal;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
max-width: 100%;
}
body.no-scroll {
overflow: hidden;
}
* {
box-sizing: border-box;
}
h1,
h2 {
font-weight: bold;
}
h3 {
font-weight: bold;
margin-bottom: 5px;
}
p + p, p + h3 {
margin-top: 1em;
}
a {
color: #009999;
}
ul {
padding-left: 20px;
}
select {
-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; border-radius: 0; padding: 5px; font-size: 13px; outline: none; width: 100%; box-shadow: none; }
blockquote {
margin: 1em 0;
font-size: 1.3em;
font-style: italic;
}
em {
font-style: italic;
}
strong,
b {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
font-weight: bold;
}
.container {
padding: 0 20px;
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 768px) {
.container {
padding: 0 40px;
}
}
.padding-top-default {
padding-top: 40px;
}
@media (min-width: 768px) {
.padding-top-default {
padding-top: 80px;
}
}
.padding-top-half {
padding-top: 20px;
}
@media (min-width: 768px) {
.padding-top-half {
padding-top: 40px;
}
}
.padding-top-double {
padding-top: 60px;
}
@media (min-width: 768px) {
.padding-top-double {
padding-top: 120px;
}
}
.padding-bottom-default {
padding-bottom: 40px;
}
@media (min-width: 768px) {
.padding-bottom-default {
padding-bottom: 80px;
}
}
.padding-bottom-half {
padding-bottom: 20px;
}
@media (min-width: 768px) {
.padding-bottom-half {
padding-bottom: 40px;
}
}
.padding-bottom-double {
padding-bottom: 60px;
}
@media (min-width: 768px) {
.padding-bottom-double {
padding-bottom: 120px;
}
}
h1.section-title {
font-size: 34px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
h1.section-title {
font-size: 38px;
}
}
h1.section-title.color-blue {
color: #009999;
}
h1.section-title.color-white {
color: #ffffff;
}
h1.section-title.color-green {
color: green;
}
h1.section-title.color-purple {
color: purple;
}
h1.section-title.color-yellow {
color: yellow;
}
h2.section-title {
margin-bottom: 20px;
font-size: 28px;
}
h2.section-title.color-blue,
h3.column-title.color-blue {
color: #009999;
}
h2.section-title.color-white,
h3.column-title.color-white {
color: #ffffff;
}
h2.section-title.color-green,
h3.column-title.color-green {
color: green;
}
h2.section-title.color-purple,
h3.column-title.color-purple {
color: purple;
}
h2.section-title.color-yellow,
h3.column-title.color-yellow {
color: yellow;
}
.grid-default {
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 30px;
}
@media (min-width: 540px) {
.grid-default {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.grid-default {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
#alg_wc_eu_vat_progress {
display: none;
}
.bg-grey {
background-color: #efefef;
}
.bg-blue {
background-color: #009999;
color: #ffffff;
}
.bg-blue .custom-text.checkmarks ul li::before {
background-image: url(//ergotrust.net/wp-content/themes/custom/assets/icons/check-white.svg);
}
.custom-text {
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
}
.custom-text:not(:last-child) {
margin-bottom: 2rem;
}
.custom-text.bullets ul {
list-style-type: disc;
padding-left: 30px;
}
.custom-text.checkmarks ul {
padding-left: 0;
}
.custom-text.checkmarks ul li {
display: block;
position: relative;
padding-left: 28px;
text-align: left;
}
.custom-text.checkmarks ul li.centered {
text-align: center;
padding-left: 0;
}
.custom-text.checkmarks ul li.centered::before {
position: relative;
left: auto;
margin-right: 8px;
display: inline-block;
vertical-align: middle;
}
.custom-text.checkmarks ul li::before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 18px;
height: 18px;
background-image: url(//ergotrust.net/wp-content/themes/custom/assets/icons/check-blue.svg);
background-repeat: no-repeat;
background-size: contain;
}
.custom-text.checkmarks ul li + li {
margin-top: 5px;
}
.custom-text.checkmarks.text-center ul li {
text-align: center;
padding-left: 0;
}
.custom-text.checkmarks.text-center ul li::before {
position: relative;
top: 3px;
left: auto;
margin-right: 8px;
display: inline-block;
}
.custom-text.text-center {
text-align: center;
}
.custom-text ol {
list-style-type: decimal;
padding-left: 20px;
}
.custom-text ul,
.custom-text ol {
margin-top: 1rem;
}
.custom-text ul:not(:last-child),
.custom-text ol:not(:last-child) {
margin-bottom: 1rem;
}
.custom-text ul li strong,
.custom-text ol li strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
font-weight: 700;
}
.custom-text p strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
font-weight: 700;
}
.wp-video {
margin: 0 auto;
}
.footer {
padding: 4rem 0;
background-color: #006363;
color: #ffffff;
}
.footer .container {
position: relative;
}
.footer .container .back-to-top {
position: absolute;
right: 20px;
top: 0;
}
.footer .container .footer-title-container {
display: grid;
grid: auto/1fr;
row-gap: 20px;
padding-right: 70px;
}
@media (min-width: 768px) {
.footer .container .footer-title-container {
grid: auto/minmax(0, 150px) minmax(0, 150px) 1fr;
column-gap: 50px;
}
}
.footer .container .footer-title-container .footer-logo img {
width: 100%;
max-width: 150px;
height: auto;
}
@media (min-width: 768px) {
.footer .container .footer-title-container .cta {
position: relative;
top: 55px;
}
}
.footer .container .footer-title-container .cta a.btn-secondary {
width: max-content;
}
@media (min-width: 1024px) {
.footer .container .footer-title-container .footer-text {
margin-left: 50px;
}
}
.footer .container .footer-links-container {
display: grid;
grid: auto/1fr;
row-gap: 20px;
margin-top: 30px;
}
@media (min-width: 768px) {
.footer .container .footer-links-container {
grid: auto/1fr 1fr;
column-gap: 50px;
margin-top: 60px;
}
}
@media (min-width: 1024px) {
.footer .container .footer-links-container {
grid: auto/1fr 1fr 1fr 1fr;
column-gap: 80px;
}
}
.footer .container .footer-links-container .col .widget-title {
font-size: 20px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
margin-bottom: 5px;
padding-bottom: 5px;
}
@media (max-width: 1024px) {
.footer .container .footer-links-container .col .widget-title {
width: 100%;
}
}
.footer .container .footer-links-container .col ul {
padding: 0;
}
.footer .container .footer-links-container .col a {
text-decoration: none;
color: #ffffff;
}
.footer .container .footer-links-container .col .socials {
margin-top: 20px;
}
.footer .container .footer-links-container .col .socials ul {
padding: 0;
}
.footer .container .footer-links-container .col .socials ul li a {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: #ffffff;
}
.footer .container .footer-links-container .col .socials ul li a img {
width: 25px;
height: 25px;
flex-shrink: 0;
}
.footer .container .footer-links-container .col .menu-links {
display: flex;
flex-wrap: wrap;
}
.footer .container .footer-links-container .col .menu-links .menu-link {
width: 100%;
color: #ffffff;
text-decoration: none;
}
.footer .container .extra-footer-text {
margin-top: 20px;
}
.subheader {
background-color: #009999;
width: 100vw;
padding: 10px 0;
}
@media (min-width: 768px) {
.subheader {
position: -webkit-sticky; position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
}
.subheader .container {
color: white;
background-color: #009999;
text-align: center;
display: grid;
grid: auto/1fr;
column-gap: 25px;
row-gap: 5px;
align-items: center;
}
@media (min-width: 768px) {
.subheader .container {
display: flex;
justify-content: space-between;
gap: 20px;
}
}
.subheader .container p {
font-size: 14px;
display: none;
}
@media (min-width: 1024px) {
.subheader .container p {
display: block;
}
}
.subheader .container form {
margin: 0 auto;
}
@media (min-width: 768px) {
.subheader .container form {
margin: 0;
}
}
.subheader .container nav.site-top-menu {
margin-top: 10px;
display: none;
}
@media (min-width: 768px) {
.subheader .container nav.site-top-menu {
margin-top: 0;
display: block;
}
}
.subheader .container nav.site-top-menu ul.menu {
padding-left: 0;
display: flex;
gap: 20px;
font-size: 14px;
}
.subheader .container nav.site-top-menu ul.menu li.menu-item {
line-height: 1;
}
.subheader .container nav.site-top-menu ul.menu li.menu-item:last-child {
border: none;
padding: 0;
margin: 0;
}
.subheader .container nav.site-top-menu ul.menu li.menu-item a {
color: #ffffff;
text-decoration: none;
}
header {
height: auto;
background-color: #f6f6f9;
position: -webkit-sticky; position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
@media (min-width: 768px) {
header {
top: 60px;
}
}
header .container .content-wrapper {
display: flex;
column-gap: 10px;
justify-content: space-between;
padding: 5px 0;
}
header .container .content-wrapper .left {
display: flex;
align-items: center;
gap: 2rem;
}
header .container .content-wrapper .left img {
width: 75px;
height: auto;
}
header .container .content-wrapper .right {
width: 100%;
display: flex;
justify-content: end;
align-items: center;
}
header .container .content-wrapper .right form.woocommerce-product-search,
header .container .content-wrapper .right .aws-container {
display: none;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right form.woocommerce-product-search,
header .container .content-wrapper .right .aws-container {
display: flex;
}
}
header .container .content-wrapper .right > * {
margin-left: 10px;
}
@media (min-width: 425px) {
header .container .content-wrapper .right > * {
margin-left: 15px;
}
}
@media (min-width: 768px) {
header .container .content-wrapper .right > * {
margin-left: 20px;
}
}
header .container .content-wrapper .right nav.site-main-menu,
header .container .content-wrapper .right nav.shop-main-menu {
display: none;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu,
header .container .content-wrapper .right nav.shop-main-menu ul.menu {
display: flex;
column-gap: 25px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item a,
header .container .content-wrapper .right nav.shop-main-menu ul.menu li.menu-item a {
color: inherit;
text-decoration: none;
padding: 0 10px;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right nav.site-main-menu {
display: block;
}
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item {
position: relative;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item a {
display: flex;
column-gap: 5px;
align-items: center;
padding: 5px 0;
text-align: center;
font-size: 15px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item a svg {
width: 15px;
height: 15px;
position: relative;
top: 1px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
background-color: #006363;
z-index: 10;
padding: 0px;
display: none;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a {
color: #ffffff;
white-space: nowrap;
padding: 5px 20px;
display: flex;
justify-content: space-between;
column-gap: 20px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a:hover {
background-color: #009999;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a svg {
transition: all 0.3s ease;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a.active svg {
rotate: 90deg;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
position: absolute;
left: 100%;
top: -10px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item:first-child > a {
margin-top: 10px;
}
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item:last-child a {
margin-bottom: 10px;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right nav.site-main-menu ul.menu li.menu-item.menu-item-has-children:hover > ul.sub-menu {
display: block;
}
}
header .container .content-wrapper .right nav.site-main-menu ul.menu > li.menu-item > a svg {
display: none;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right nav.shop-main-menu {
display: block;
}
}
header .container .content-wrapper .right .menu-header-container ul {
display: none;
justify-content: space-around;
align-items: center;
}
@media (min-width: 768px) {
header .container .content-wrapper .right .menu-header-container ul {
display: flex;
column-gap: 30px;
margin-right: 20px;
}
}
header .container .content-wrapper .right .menu-header-container ul li {
position: relative;
}
header .container .content-wrapper .right .menu-header-container ul li a {
color: #222;
text-decoration: none;
font-family: "montserrat", sans-serif !important;
display: flex;
align-items: center;
}
header .container .content-wrapper .right .menu-header-container ul li a img {
width: 20px;
height: 20px;
}
header .container .content-wrapper .right .menu-header-container ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0%;
background: #009999;
padding: 2rem;
z-index: 100;
justify-content: start;
gap: 1rem;
align-items: start;
flex-direction: column !important;
transition: all 0.3s;
width: max-content;
}
header .container .content-wrapper .right .menu-header-container ul li ul li {
position: relative;
width: calc(100% + 2rem);
height: 100%;
}
header .container .content-wrapper .right .menu-header-container ul li ul li a {
color: #ffffff;
font-family: "montserrat", sans-serif !important;
}
header .container .content-wrapper .right .menu-header-container ul li ul li ul {
display: none;
position: absolute;
top: 0;
left: 100%;
background: #009999;
padding: 2rem;
z-index: 101;
justify-content: start;
gap: 1rem;
align-items: start;
flex-direction: column !important;
transition: all 0.3s;
}
header .container .content-wrapper .right .menu-header-container ul li ul li:hover ul {
display: flex;
transition: all 0.3s;
}
header .container .content-wrapper .right .menu-header-container ul li:hover > .sub-menu {
display: flex;
transition: all 0.3s;
}
header .container .content-wrapper .right .search-trigger {
background-color: #009999;
width: 40px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
}
@media (min-width: 768px) {
header .container .content-wrapper .right .search-trigger {
margin-left: 20px;
}
}
@media (min-width: 1024px) {
header .container .content-wrapper .right .search-trigger {
display: none;
}
}
header .container .content-wrapper .right .search-trigger svg {
width: 18px;
height: 18px;
}
header .container .content-wrapper .right a.my-account-link {
display: flex;
align-items: center;
color: #575758;
}
header .container .content-wrapper .right a.my-account-link svg {
width: 20px;
height: 20px;
}
header .container .content-wrapper .right a.cart-link {
display: flex;
align-items: center;
flex-shrink: 0;
position: relative;
color: #222;
}
header .container .content-wrapper .right a.cart-link svg {
width: 20px;
height: 20px;
}
header .container .content-wrapper .right a.cart-link .cart-count-badge {
position: absolute;
top: -7px;
right: -7px;
background: #009999;
color: #fff;
border-radius: 50%;
padding: 2px 6px;
font-size: 12px;
line-height: 1;
}
header .container .content-wrapper .right .wpml-ls-legacy-dropdown {
width: min-content;
}
header .container .content-wrapper .right .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
border: 1px solid lightgrey;
}
header .container .content-wrapper .right .hamburger-menu {
position: relative;
z-index: 1001;
}
@media (min-width: 1024px) {
header .container .content-wrapper .right .hamburger-menu {
display: none;
}
}
header .container .content-wrapper .right .hamburger-menu span {
display: block;
width: 25px;
height: 2px;
background-color: #222;
margin: 5px 0;
transition: transform 0.3s;
}
header .container .content-wrapper .right .hamburger-menu.open span {
background-color: #ffffff;
}
header .container .content-wrapper .right .hamburger-menu.open span:nth-child(1) {
transform: rotate(45deg) translate(4px, 5px);
}
header .container .content-wrapper .right .hamburger-menu.open span:nth-child(2) {
opacity: 0;
}
header .container .content-wrapper .right .hamburger-menu.open span:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
}
header .header-bottom {
position: relative;
background-color: #ffffff;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
padding: 10px;
}
header .header-bottom > .container {
display: flex;
justify-content: space-between;
}
header .header-bottom > .container .header-bottom-left-menu-trigger {
display: flex;
column-gap: 20px;
align-items: center;
cursor: pointer;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1001;
overflow-y: auto;
background-color: rgba(255, 255, 255, 0.8);
transform: translateX(-100%);
transition: all 0.3s ease;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper.active {
transform: translateX(0);
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container {
padding: 0;
background-color: white;
max-width: unset;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels {
background-color: #ffffff;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels {
display: grid;
grid: auto/1fr 1fr 1fr;
}
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col {
padding: 20px;
display: flex;
align-items: end;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col img {
width: 150px;
height: auto;
display: block;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col .close-mega-menu {
width: 30px;
position: absolute;
right: 20px;
bottom: 30px;
cursor: pointer;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-1 {
position: relative;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-2, header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-3 {
padding-bottom: 30px;
font-size: 1.2em;
display: none;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-2, header .header-bottom > .container .header-bottom-left-menu-wrapper .container .labels .col.col-3 {
display: flex;
}
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left {
position: relative;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left a {
color: #ffffff;
text-decoration: none;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu {
padding-left: 0;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a {
display: flex;
align-items: center;
column-gap: 10px;
padding: 10px 20px;
background-color: #009999;
border-bottom: 1px solid #ffffff;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a img {
filter: brightness(0) invert(1);
width: 20px;
height: 20px;
object-fit: contain;
object-position: center;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a svg {
width: 20px;
margin-left: auto;
transition: all 0.3s ease;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a.active {
background-color: #006363;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a.active svg {
transform: rotate(90deg);
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item a:hover {
background-color: #006363;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu {
display: none;
padding-left: 0;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li a {
padding-right: 20px;
padding-left: 20px;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li a span {
margin-left: 20px;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li a span {
margin-left: 0px;
}
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a span {
margin-left: 40px;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a span {
margin-left: 0;
}
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu li.menu-item.menu-item-has-children ul.sub-menu li:last-of-type {
border-bottom: none;
}
@media (min-width: 768px) {
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu {
width: 33.333%;
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu > li.menu-item > ul.sub-menu {
width: 33.333%;
position: absolute;
top: 0;
left: calc(33.333% + 1px);
}
header .header-bottom > .container .header-bottom-left-menu-wrapper .container nav.shop-bottom-menu-left ul.menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu {
width: 100%;
position: absolute;
top: 0;
left: calc(100% + 1px);
}
}
header .header-bottom > .container nav.shop-bottom-menu-right {
display: none;
}
@media (min-width: 768px) {
header .header-bottom > .container nav.shop-bottom-menu-right {
display: block;
}
header .header-bottom > .container nav.shop-bottom-menu-right ul.menu {
display: flex;
column-gap: 30px;
}
header .header-bottom > .container nav.shop-bottom-menu-right ul.menu li.menu-item a {
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
gap: 10px;
}
header .header-bottom > .container nav.shop-bottom-menu-right ul.menu li.menu-item a img {
width: 20px;
}
}
body.woocommerce header .container .content-wrapper .right .hamburger-menu {
cursor: pointer;
}
@media (min-width: 1024px) {
body.woocommerce header .container .content-wrapper .right .hamburger-menu {
display: none;
}
}
.woocommerce-page .subheader {
display: none;
}
.woocommerce-page > header {
top: 0;
}
#site-navigation {
position: fixed;
background: #009999;
transform: translateX(-100%);
transition: all 0.3s ease;
margin: 0;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 10000;
overflow-y: scroll;
padding-top: 85px;
padding-bottom: 50px;
}
#site-navigation.active {
transform: translateX(0);
}
#site-navigation .slide-navigation {
position: relative;
}
#site-navigation .slide-navigation .close-mobile-nav {
width: 30px;
height: 30px;
stroke: white;
position: absolute;
right: 20px;
top: -60px;
cursor: pointer;
}
#site-navigation .container {
height: fit-content;
}
#site-navigation .container nav ul.menu {
padding-right: 40px;
padding-left: 0;
}
#site-navigation .container nav ul.menu li.menu-item {
text-align: center;
}
#site-navigation .container nav ul.menu li.menu-item a {
color: #ffffff;
text-decoration: none;
padding: 5px;
display: block;
font-size: 14px;
display: flex;
align-items: center;
column-gap: 5px;
}
#site-navigation .container nav ul.menu li.menu-item a svg {
width: 15px;
height: 15px;
position: relative;
top: 1px;
transition: all 0.3s ease;
}
#site-navigation .container nav ul.menu li.menu-item a.active svg {
rotate: 90deg;
}
#site-navigation .container nav ul.menu li.menu-item ul.sub-menu {
padding-left: 20px;
display: none;
}
#site-navigation .container nav.site-top-menu {
margin-top: 20px;
border-top: 1px dashed #ffffff;
padding-top: 20px;
}
@media (min-width: 768px) {
#site-navigation .container nav.site-top-menu {
display: none;
}
}
.trp-language-switcher {
border: none !important;
z-index: 1000;
}
.trp-language-switcher .trp-ls-shortcode-current-language {
border: none !important;
}
.trp-language-switcher:hover .trp-ls-shortcode-language {
border: none !important;
}
.trp-language-switcher a {
color: #222 !important;
text-decoration: none;
}
aside {
border: 1px solid #DBDBDB;
background: transparent;
padding: 10px 10px;
}
aside select {
border: 1px solid #DBDBDB;
height: 40px;
}
aside h2.widget-title {
font-size: 16px;
margin-bottom: 5px;
}
aside .widget + .widget {
margin-top: 20px;
}
aside .widget.widget_recent_entries a {
text-decoration: none;
}
aside .widget ul {
list-style-type: disc;
font-size: 15px;
line-height: 1.4;
}
aside .widget ul li + li {
margin-top: 5px;
}
aside .wpc-filters-section {
margin-bottom: 0px;
}
aside .wpc-filters-section + .wpc-filters-section {
margin-top: 10px;
}
aside .wpc-filters-section .wpc-no-filter-terms {
font-size: 14px;
}
aside .wpc-filter-title {
margin-bottom: 0;
font-weight: bolder;
}
aside .wpc-posts-found {
margin: 10px;
font-size: 14px;
font-style: italic;
}
aside .widget_wpc_chips_widget {
margin-top: 10px;
font-size: 14px;
}
aside .widget_wpc_chips_widget ul.wpc-filter-chips-list {
display: block;
}
aside #secondary {
display: grid;
grid: auto/1fr;
}
aside #secondary .widget {
padding: 20px 0;
border-bottom: 1px solid #DBDBDB;
}
aside #secondary .widget h2.widget-title {
font-size: 22px;
margin-bottom: 15px;
}
aside #secondary .widget form.woocommerce-product-search {
display: grid;
grid: auto/1fr;
row-gap: 5px;
}
aside #secondary .widget form.woocommerce-product-search input {
width: unset !important;
border: 1px solid #DBDBDB;
}
aside #secondary .widget form.woocommerce-product-search button {
width: 100%;
}
.f-hero {
position: relative;
padding: 80px 0 40px;
}
.f-hero .container .hero-img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.f-hero .container .hero-img .overlay {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: none;
}
@media (max-width: 1024px) {
.f-hero .container .hero-img .overlay {
background-color: rgba(0, 0, 0, 0.5);
}
}
.f-hero .container .hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.f-hero .container .content-wrapper {
display: grid;
grid: auto/1fr;
gap: 30px;
align-items: center;
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper {
grid: auto/repeat(2, 1fr);
column-gap: 50px;
}
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper.no-quick-links {
grid: auto/repeat(1, 1fr);
}
}
.f-hero .container .content-wrapper.min-height {
min-height: 30vh;
}
.f-hero .container .content-wrapper .col h1,
.f-hero .container .content-wrapper .col h2 {
font-size: 3rem;
font-family: "montserrat", sans-serif !important;
margin-bottom: 2rem;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper .col h1,
.f-hero .container .content-wrapper .col h2 {
font-size: 4rem;
}
}
@media (min-width: 1024px) {
.f-hero .container .content-wrapper .col h1,
.f-hero .container .content-wrapper .col h2 {
font-size: 5rem;
}
}
.f-hero .container .content-wrapper .col .custom-text {
color: #ffffff;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.4;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper .col .custom-text {
font-size: 20px;
}
}
.f-hero .container .content-wrapper .col .f-link-container {
margin-top: 20px;
}
.f-hero .container .content-wrapper .col .f-categories-container {
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
}
@media (max-width: 1024px) {
.f-hero .container .content-wrapper .col .f-categories-container {
width: 100%;
}
}
.f-hero .container .content-wrapper .col .f-categories-container .f-categories-inner {
padding: 3rem;
background-color: #009999;
display: flex;
flex-direction: column;
gap: 1rem;
}
.f-hero .container .content-wrapper .col .f-categories-container .f-categories-inner .f-category {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
color: #ffffff;
text-decoration: none;
font-family: "montserrat", sans-serif !important;
font-size: 20px;
}
.f-hero .container .content-wrapper .col .f-categories-container .f-categories-inner .f-category img {
width: 2rem;
height: 2rem;
transition: all 0.3s ease;
}
.f-hero .container .content-wrapper .col .f-categories-container .f-categories-inner .f-category:hover img {
transform: translateX(5px);
}
@media (min-width: 768px) {
.f-hero .container .content-wrapper .col.col-1 {
padding-bottom: 50px;
}
}
@media (min-width: 1024px) {
.f-hero .container .content-wrapper .col.col-1 {
padding-bottom: 100px;
}
}
.f-hero .container .content-wrapper .col.col-1.no-quick-links {
padding-bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 600px;
}
.f-hero .container .content-wrapper .col.col-1.no-quick-links .custom-text {
margin-bottom: 0;
}
.f-hero.fixed-width {
padding-top: 40px;
padding-bottom: 0;
}
.f-hero.fixed-width .container {
position: relative;
padding-bottom: 40px;
}
.information-block-inner {
gap: 4rem;
}
@media (max-width: 1024px) {
.information-block-inner {
flex-direction: column !important;
}
}
.information-block-inner .information-content {
width: 50%;
}
@media (max-width: 1024px) {
.information-block-inner .information-content {
width: 100%;
}
}
.information-block-inner .information-content .f-link-container + .f-link-container {
margin-top: 10px;
}
.information-block-inner .information-img {
width: 50%;
}
@media (max-width: 1024px) {
.information-block-inner .information-img {
width: 100%;
height: 100%;
}
}
.information-block-inner .information-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: flex;
}
.information-block-inner .information-img iframe {
max-width: 100%;
}
.information-block-inner .information-img .slider-single {
margin-bottom: 10px;
}
.information-block-inner .information-img .slider-single button {
z-index: 1;
}
.information-block-inner .information-img .slider-single button::before {
background-color: rgba(0, 0, 0, 0.8);
padding: 2px;
}
.information-block-inner .information-img .slider-single button.slick-prev {
left: 20px;
}
.information-block-inner .information-img .slider-single button.slick-next {
right: 20px;
}
.information-block-inner .information-img .slider-single .slide {
width: 100%;
display: block;
position: relative;
}
.information-block-inner .information-img .slider-single .slide .slide-inner {
aspect-ratio: 16/11;
overflow: hidden;
}
.information-block-inner .information-img .slider-single .slide .slide-inner svg {
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
stroke: #ffffff;
background-color: #222;
cursor: pointer;
}
.information-block-inner .information-img .slider-nav {
margin-left: -5px;
margin-right: -5px;
}
.information-block-inner .information-img .slider-nav .slide {
width: 33.3333333333%;
aspect-ratio: 1/1;
overflow: hidden;
max-height: 150px;
margin-right: 5px;
margin-left: 5px;
}
.information-block-inner .information-img .slider-nav .slide img {
width: 100%;
height: 100%;
margin-right: 10px;
object-fit: cover;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.9);
z-index: 100000;
}
.images-container {
position: relative !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 auto;
height: 100vh;
width: 100vw;
}
.images-container img {
height: 60vh !important;
object-fit: contain;
}
.close {
position: absolute;
right: 25px;
top: 5px;
font-size: 25px;
z-index: 10000;
color: white;
}
.close:hover,
.close:focus {
color: white;
text-decoration: none;
cursor: pointer;
}
section.icon-blocks .container .content-wrapper .custom-text {
margin-bottom: 30px;
}
section.icon-blocks .container .content-wrapper .icon-blocks {
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 540px) {
section.icon-blocks .container .content-wrapper .icon-blocks {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
section.icon-blocks .container .content-wrapper .icon-blocks {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.icon-blocks .container .content-wrapper .icon-blocks {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
section.carousel .container h2 {
margin-bottom: 25px;
}
section.carousel .container .carousel-slider {
margin-top: 10px;
margin-left: -5px;
margin-right: -5px;
}
section.carousel .container .carousel-slider button.slick-prev::before,
section.carousel .container .carousel-slider button.slick-next::before {
color: #222;
}
section.carousel .container .carousel-slider .carousel-item {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
height: 120px;
margin: 0 5px;
padding: 5px;
}
section.carousel .container .carousel-slider .carousel-item img {
max-width: 100%;
height: auto;
object-fit: contain;
}
.accordeon-inner .accordeon-blocks {
display: flex;
gap: 5rem;
justify-content: space-between;
}
@media (max-width: 1024px) {
.accordeon-inner .accordeon-blocks {
flex-direction: column-reverse;
}
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content {
width: 50%;
}
@media (max-width: 1024px) {
.accordeon-inner .accordeon-blocks .accordeon-blocks-content {
width: 100%;
}
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content h1,
.accordeon-inner .accordeon-blocks .accordeon-blocks-content h2 {
margin-bottom: 50px;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .custom-text {
font-size: 1.6rem;
margin-bottom: 3rem;
font-family: "montserrat", sans-serif !important;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .custom-text ul {
list-style-type: disc;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .custom-text p + ul {
margin-top: 1rem;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .custom-text ul + p {
margin-top: 1rem;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block {
width: 100%;
font-family: "montserrat", sans-serif !important;
margin: none;
padding: 0 0 1rem 0;
margin-bottom: 2rem;
transition: all 0.3s ease-in-out;
background-color: transparent;
border: none;
border-bottom: 1px solid #a9a9a9;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-title {
display: flex;
justify-content: space-between;
align-items: center;
text-align: start;
cursor: pointer;
margin-bottom: 1rem;
color: #222 !important;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-title h3 {
font-size: 2rem;
text-transform: inherit;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-title img {
transition: all 0.3s ease-in-out;
width: 15px;
height: 15px;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-content {
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
text-align: justify;
line-height: 1.5;
color: #222 !important;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block .accordeon-block-content .cta {
margin-top: 20px;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block.active .accordeon-block-title img {
transform: rotate(-45deg);
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block.active .accordeon-block-content {
margin-bottom: 1rem;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-content .accordeon-block:hover .accordeon-block-title img {
transform: rotate(-45deg);
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image {
width: 50%;
}
@media (max-width: 1024px) {
.accordeon-inner .accordeon-blocks .accordeon-blocks-image {
display: none;
}
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block .accordeon-block-image {
display: none;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block.active {
height: 100%;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block.active .accordeon-block-image {
display: block;
height: 100%;
width: 100%;
}
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block.active .accordeon-block-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 1024px) {
.accordeon-inner .accordeon-blocks .accordeon-blocks-image .accordeon-block.active {
display: none;
}
}
section.text-image .container .content-wrapper {
position: relative;
min-height: 400px;
display: flex;
align-items: center;
}
section.text-image .container .content-wrapper .img-container {
position: absolute;
height: 400px;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
section.text-image .container .content-wrapper .img-container .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 3;
}
section.text-image .container .content-wrapper .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
}
section.text-image .container .content-wrapper .content-container {
padding: 20px;
position: relative;
z-index: 2;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 600px;
margin: 0 auto;
}
section.text-image .container .content-wrapper .content-container h1,
section.text-image .container .content-wrapper .content-container h2 {
margin-bottom: 20px;
font-size: 1.6em;
color: #ffffff;
text-align: center;
}
@media (min-width: 768px) {
section.text-image .container .content-wrapper .content-container h1,
section.text-image .container .content-wrapper .content-container h2 {
margin-bottom: 30px;
font-size: 30px;
}
}
section.text-image .container .content-wrapper .content-container .custom-text {
color: #ffffff;
margin-bottom: 2rem;
text-align: center;
}
section.text-image .container .content-wrapper .content-container .custom-text strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
section.text-image .container .content-wrapper .content-container .f-link-container {
justify-content: center;
}
.hero-overlay {
position: relative;
}
.hero-overlay .hero-media {
position: relative;
z-index: 1;
}
.hero-overlay .hero-media.image {
max-height: 500px;
}
.hero-overlay .hero-media img {
display: flex;
width: 100%;
height: 100%;
object-fit: cover;
max-height: 500px;
}
.hero-overlay .hero-media video {
display: flex;
}
.hero-overlay .hero-media .overlay {
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
display: none;
}
.hero-overlay .hero-content {
position: relative;
z-index: 4;
margin-top: -100px;
}
@media (min-width: 768px) {
.hero-overlay .hero-content {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin-top: 0;
}
}
.hero-overlay .hero-content .container .content-wrapper {
max-width: 700px;
}
.hero-overlay .hero-content .container .content-wrapper h1,
.hero-overlay .hero-content .container .content-wrapper h2 {
color: #ffffff;
margin-bottom: 15px;
font-size: 35px;
}
@media (min-width: 768px) {
.hero-overlay .hero-content .container .content-wrapper h1,
.hero-overlay .hero-content .container .content-wrapper h2 {
font-size: 50px;
}
}
.hero-overlay .hero-content .container .content-wrapper .hero-overlay-card {
padding: 10px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.hero-overlay .hero-content .container .content-wrapper .hero-overlay-card {
padding: 30px 15px;
}
}
.team-overview-inner .team-content {
margin-bottom: 5rem;
}
.team-overview-inner .team-content h1,
.team-overview-inner .team-content h2 {
margin-bottom: 2rem;
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
font-size: 3rem;
}
.team-overview-inner .team-content .custom-text {
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
text-align: justify;
}
.team-overview-inner .team-content .custom-text strong {
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
.team-overview-inner .team-blocks {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
@media (min-width: 768px) {
section.newsletter .container .content-wrapper {
display: grid;
grid: auto/minmax(0, 60%) minmax(0, 40%);
column-gap: 50px;
}
}
@media (min-width: 1024px) {
section.newsletter .container .content-wrapper {
grid: auto/minmax(0, 1fr) minmax(0, 1fr);
column-gap: 100px;
}
}
section.newsletter .container .content-wrapper .col h1,
section.newsletter .container .content-wrapper .col h2 {
margin-bottom: 30px;
}
section.newsletter .container .content-wrapper .col form .gform_fields {
display: flex;
gap: 0;
flex-wrap: wrap;
align-items: flex-start;
}
section.newsletter .container .content-wrapper .col form .gform_fields .gfield--type-email {
flex-grow: 1;
}
section.newsletter .container .content-wrapper .col form .gform_fields #field_submit {
flex-basis: max-content;
}
section.newsletter .container .content-wrapper .col form .gform_fields #field_submit input {
width: 100%;
}
section.newsletter .container .content-wrapper .col form .gform_footer {
padding: 0;
}
section.newsletter .container .content-wrapper .col .bullet-points-title {
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
font-size: 25px;
margin-bottom: 10px;
}
section.newsletter .container .content-wrapper .col ul.bullet-points li.bullet-point {
display: flex;
align-items: center;
gap: 10px;
}
section.newsletter .container .content-wrapper .col ul.bullet-points li.bullet-point svg {
width: 15px;
}
section.form .container .content-wrapper {
display: grid;
grid: auto/1fr;
gap: 40px;
}
@media (min-width: 1024px) {
section.form .container .content-wrapper.row {
grid: auto/minmax(0, 350px) minmax(0, 1fr);
}
}
section.form .container .content-wrapper h2.section-title {
margin-bottom: 30px;
}
section.free-text .container .content-wrapper h2.section-title {
margin-bottom: 20px;
}
section.free-text .container .content-wrapper .links {
margin-top: 10px;
}
section.free-text .container .content-wrapper .links.text-center {
text-align: center;
}
section.free-text .container .content-wrapper .links a {
margin-top: 10px;
}
section.featured-blog .container {
display: grid;
grid: auto/minmax(0, 1fr);
gap: 30px;
}
@media (min-width: 768px) {
section.featured-blog .container {
grid: auto/repeat(2, minmax(0, 1fr));
column-gap: 50px;
}
}
section.featured-blog .container .col .f-link-container {
margin-top: 20px;
}
section.featured-blog .container .col img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
}
section.columns .container .content-wrapper a.btn-primary {
margin-top: 20px;
}
section.columns .container .content-wrapper .columns-wrapper {
margin-top: 40px;
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
row-gap: 30px;
column-gap: 30px;
}
@media (min-width: 540px) {
section.columns .container .content-wrapper .columns-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
row-gap: 40px;
}
}
@media (min-width: 768px) {
section.columns .container .content-wrapper .columns-wrapper.columns-3, section.columns .container .content-wrapper .columns-wrapper.columns-4 {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.columns .container .content-wrapper .columns-wrapper.columns-4 {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
section.columns .container .content-wrapper .columns-wrapper .column-text p {
white-space: normal; overflow-wrap: break-word; word-break: normal; max-width: 100%;
}
section.galery .container .content-wrapper .galery-wrapper {
display: grid;
grid: auto/repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 40px;
}
@media (min-width: 540px) {
section.galery .container .content-wrapper .galery-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
section.galery .container .content-wrapper .galery-wrapper {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.galery .container .content-wrapper .galery-wrapper {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
section.video .container .content-wrapper {
text-align: center;
}
section.video .container .content-wrapper .video-wrapper {
margin-top: 30px;
}
section.video .container .content-wrapper .video-wrapper iframe {
max-width: 100%;
}
section.text-video .container .content-wrapper {
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 30px;
}
@media (min-width: 768px) {
section.text-video .container .content-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
column-gap: 50px;
}
}
section.text-video .container .content-wrapper iframe {
max-width: 100%;
}
@media (min-width: 768px) {
section.text-video .container .content-wrapper.text-right .col-1 {
order: 2;
}
}
section.image .container .content-wrapper .custom-text {
margin-bottom: 30px;
}
section.image .container .content-wrapper .image-wrapper img {
display: flex;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
section.faq .container .content-wrapper ul.faq-wrapper {
margin-top: 30px;
padding: 0;
display: grid;
grid: auto/1fr;
row-gap: 15px;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item {
border-bottom: 1px solid #222;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title {
display: flex;
justify-content: space-between;
cursor: pointer;
column-gap: 20px;
padding-bottom: 15px;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title h3 {
font-size: 1.2em;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title svg {
flex-basis: 20px;
width: 20px;
height: 20px;
position: relative;
top: 7px;
transition: all 0.3s ease;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-title.active svg {
rotate: 180deg;
}
section.faq .container .content-wrapper ul.faq-wrapper li.faq-item .faq-content {
padding: 0px 0 25px;
font-size: 15px;
display: none;
}
section.sub-page-navigation .container h2.section-title + .sub-pages-wrapper {
margin-top: 50px;
}
section.sub-page-navigation .container .section-text {
margin-bottom: 50px;
}
section.sub-page-navigation .container .section-text:last-child {
margin-bottom: 0;
}
section.sub-page-navigation .container .sub-pages-wrapper {
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 20px;
margin-top: 30px;
}
section.sub-page-navigation .container .sub-pages-wrapper:first-child {
margin-top: 0;
}
@media (min-width: 540px) {
section.sub-page-navigation .container .sub-pages-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
section.sub-page-navigation .container .sub-pages-wrapper {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.sub-page-navigation .container .sub-pages-wrapper {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
section.testimonials .container .content-wrapper .section-title {
text-align: center;
}
section.testimonials .container .content-wrapper ul.testimonials-wrapper {
padding: 0;
max-width: 900px;
margin: 40px auto 0;
}
@media (min-width: 768px) {
section.testimonials .container .content-wrapper ul.testimonials-wrapper blockquote {
height: 200px;
}
}
section.cta {
background-color: #009999;
color: #ffffff;
text-align: center;
}
@media (min-width: 768px) {
section.cta {
font-size: 20px;
}
}
@media (min-width: 768px) {
section.cta .container .content-wrapper h2.section-title {
font-size: 35px;
}
}
section.cta .container .content-wrapper a {
display: inline-flex;
align-items: center;
min-height: 35px;
background-color: #ffffff;
color: #009999;
text-decoration: none;
padding: 7px 20px;
margin-top: 20px;
transition: all 0.3s ease;
gap: 10px;
}
@media (min-width: 768px) {
section.cta .container .content-wrapper a {
margin-top: 30px;
}
}
section.cta .container .content-wrapper a:hover {
scale: 1.05;
}
section.cta .container .content-wrapper a svg {
width: 20px;
height: 20px;
}
@media (min-width: 768px) {
section.cta .container .content-wrapper a svg {
width: 25px;
height: 25px;
}
}
section.projects .container .projects-wrapper {
margin-top: 50px;
display: grid;
grid: auto/repeat(1, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 768px) {
section.projects .container .projects-wrapper {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
section.tp-contact-form {
padding: 5rem 0;
background-color: #f6f6f9;
}
.tp-contact-form-inner {
display: grid;
grid: auto/1fr;
gap: 20px;
}
@media (min-width: 1024px) {
.tp-contact-form-inner {
grid: auto/minmax(0, 1fr) minmax(0, 300px);
column-gap: 40px;
}
}
.tp-contact-form-inner .tp-information {
display: grid;
grid: auto/1fr;
gap: 20px;
}
@media (min-width: 1024px) {
.tp-contact-form-inner .tp-information {
border-left: 1px solid #222;
padding-left: 20px;
padding-top: 10px;
}
}
.tp-contact-form-inner .tp-information .tp-information-block h2 {
font-size: 2rem;
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
margin-bottom: 1rem;
}
.tp-contact-form-inner .tp-information .tp-information-block p, .tp-contact-form-inner .tp-information .tp-information-block a {
font-size: 1.6rem;
font-family: "montserrat", sans-serif !important;
color: #222;
text-decoration: none;
}
.tp-contact-form-inner .tp-information .tp-information-block ul {
padding-left: 15px;
list-style-type: disc;
}
.downloads {
padding: 80px 0px;
background-color: #f6f6f9;
}
.downloads .downloads-inner {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 2rem;
width: 100%;
}
.downloads .downloads-inner .downloads-breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 1rem;
width: 100%;
color: #009999;
}
.downloads .downloads-inner .downloads-breadcrumbs a {
color: #009999;
display: flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
cursor: pointer;
}
.downloads .downloads-inner .downloads-breadcrumbs a:hover {
text-decoration: underline;
}
.downloads .downloads-inner .downloads-overview {
display: grid;
grid: auto/1fr;
gap: 30px;
}
@media (min-width: 768px) {
.downloads .downloads-inner .downloads-overview {
grid: auto/240px 1fr;
}
}
.downloads .downloads-inner .downloads-overview .downloads-sidebar {
display: flex;
flex-direction: column;
}
.downloads .downloads-inner .downloads-overview .downloads-sidebar .download-parent {
width: 100%;
padding: 1rem 2rem;
background-color: #009999;
color: #ffffff;
border-bottom: 1px solid #ffffff;
text-decoration: none;
font-size: 14px;
}
.downloads .downloads-inner .downloads-overview .downloads-sidebar .download-parent:last-child {
border-bottom: none;
}
.downloads .downloads-inner .downloads-overview .downloads-sidebar .download-parent.active {
background-color: #006363;
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories {
display: grid;
grid: auto/repeat(2, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 540px) {
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories {
grid: auto/repeat(4, minmax(0, 1fr));
}
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories .download-category-container {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
gap: 1rem;
text-decoration: none;
color: #009999;
cursor: pointer;
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories .download-category-container img {
width: 50%;
height: auto;
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories .download-category-container p {
font-size: 14px;
}
.downloads .downloads-inner .downloads-overview .downloads-content .download-categories + .downloads-content-cards {
margin-top: 50px;
}
.downloads .downloads-inner .downloads-overview .downloads-content .downloads-content-cards {
display: grid;
grid: auto/repeat(2, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 1024px) {
.downloads .downloads-inner .downloads-overview .downloads-content .downloads-content-cards {
grid: auto/repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
section.blog .container {
display: grid;
grid: auto/minmax(0, 250px) minmax(0, 1fr);
column-gap: 30px;
}
}
section.blog .container h1.section-title {
grid-column: 1/-1;
}
section.blog .container .action-buttons {
margin-bottom: 20px;
display: flex;
column-gap: 30px;
row-gap: 10px;
flex-wrap: wrap;
grid-column: 1/-1;
}
section.blog .container .action-buttons button#toggle-sidebar {
border: none;
background-color: transparent;
padding: 0;
display: flex;
gap: 10px;
align-items: center;
color: #009999;
width: max-content;
cursor: pointer;
}
@media (min-width: 1024px) {
section.blog .container .action-buttons button#toggle-sidebar {
display: none;
}
}
section.blog .container .action-buttons button#toggle-sidebar svg {
width: 20px;
height: 20px;
}
section.blog .container .action-buttons a.back-to-blog {
display: flex;
align-items: center;
gap: 5px;
text-decoration: none;
width: max-content;
}
section.blog .container .action-buttons a.back-to-blog svg {
width: 20px;
height: 20px;
}
section.blog .container .sidebar-wrapper {
max-height: 0;
transition: all 0.7s ease;
overflow: hidden;
}
@media (min-width: 1024px) {
section.blog .container .sidebar-wrapper {
max-height: 2000px;
}
}
section.blog .container .sidebar-wrapper.active {
max-height: 2000px;
}
section.blog .container .sidebar-wrapper aside {
margin-bottom: 30px;
}
section.blog .container .blog-wrapper {
display: grid;
grid: auto/minmax(0, 1fr);
gap: 30px;
}
@media (min-width: 540px) {
section.blog .container .blog-wrapper {
grid: auto/repeat(2, minmax(0, 1fr));
}
}
section.blog .container .pagination {
grid-column: 1/-1;
display: flex;
gap: 10px;
margin-top: 30px;
justify-content: center;
}
.register {
padding: 5rem 0;
}
.register-inner {
display: flex;
align-items: start;
justify-content: space-between;
gap: 5rem;
}
.register-inner .register-content {
width: 50%;
}
.register-inner .register-content h1 {
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
font-size: 2.5rem;
color: #222;
margin-bottom: 1rem;
}
.register-inner .register-content .register-text {
font-family: "montserrat", sans-serif !important;
font-size: 1.6rem;
color: #222;
margin-bottom: 2rem;
}
.register-inner .register-form {
width: 50%;
}
.single-blog {
background-color: #ffffff;
}
.single-blog .single-blog-image {
width: 100vw;
height: 50vh;
position: relative;
}
.single-blog .single-blog-image img {
width: 100vw;
height: 100%;
object-fit: cover;
object-position: center;
}
.single-blog .single-blog-inner {
padding: 80px 0;
}
.single-blog .single-blog-header {
margin-bottom: 2rem;
display: flex;
align-items: center;
gap: 1rem;
}
.single-blog .single-blog-header button {
background-color: transparent;
border: none;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.single-blog .single-blog-header button img {
width: 20px;
height: 20px;
object-fit: cover;
}
.single-blog .single-blog-header p {
font-size: 1.6rem;
color: #222;
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
}
.single-blog .single-blog-title h1 {
font-size: 5rem;
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
}
@media (max-width: 1024px) {
.single-blog .single-blog-title h1 {
font-size: 3rem;
}
}
.single-blog .single-blog-author {
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 2rem;
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
}
.single-blog .single-blog-text {
width: 100%;
font-size: 1.6rem;
font-family: "montserrat", sans-serif !important;
}
.single-blog .single-blog-text p {
font-weight: 300;
}
.single-blog .single-blog-text strong {
font-weight: 700;
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
.single-blog .single-blog-text h1, .single-blog .single-blog-text h2, .single-blog .single-blog-text h3, .single-blog .single-blog-text h4, .single-blog .single-blog-text h5, .single-blog .single-blog-text h6 {
font-weight: 700;
margin-bottom: 1rem;
font-family: "monstserrat", sans-serif !important;
font-weight: bolder;
}
body.search-results .site-wrapper main.main-content .container .page-title {
margin-bottom: 40px;
font-family: "montserrat", sans-serif !important;
font-weight: bold;
}
@media (min-width: 768px) {
body.search-results .site-wrapper main.main-content .container .page-title {
font-size: 32px;
}
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper {
padding: 20px;
box-shadow: 0 0 8px lightgrey;
}
@media (min-width: 768px) {
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper {
padding: 20px 40px 30px;
}
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper h2 {
margin-bottom: 30px;
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper .grid-default .card-page,
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper .grid-default .card-blog {
box-shadow: 0 0 8px lightgrey;
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper .grid-default .card-blog {
width: 100%;
}
body.search-results .site-wrapper main.main-content .container .search-results .search-results-wrapper + .search-results-wrapper {
margin-top: 40px;
}
.single-project .page {
padding-top: 40px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.single-project .page {
padding-top: 80px;
padding-bottom: 80px;
}
}
.single-project .page .container h1 {
font-size: 3rem;
margin-bottom: 50px;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
@media (min-width: 768px) {
.single-project .page .container h1 {
font-size: 4rem;
}
}
.single-project .page .container h1 span {
font-style: italic;
}
.single-project .page .container .columns {
display: grid;
grid: auto/1fr;
gap: 20px;
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
.single-project .page .container .columns {
display: grid;
grid: auto/repeat(2, minmax(0, 1fr));
gap: 60px;
}
}
.single-project .page .container .columns .col {
display: flex;
flex-direction: column;
gap: 20px;
}
.single-project .page .container .columns .col h2 {
margin-bottom: 15px;
}
.single-project .page .container .columns .col ul {
margin-top: 1rem;
padding-left: 0;
}
.single-project .page .container .columns .col ul li {
position: relative;
padding-left: 24px;
}
.single-project .page .container .columns .col ul li::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 18px;
height: 18px;
background-image: url(//ergotrust.net/wp-content/themes/custom/assets/icons/check-blue.svg);
background-repeat: no-repeat;
background-size: contain;
}
.single-project .page .container .columns .col ul li + li {
margin-top: 5px;
}
.single-project .page .container .columns .col .quote blockquote {
padding: 20px;
border-left: 5px solid grey;
background-color: #efefef;
}
.single-project .page .container .columns .col .quote blockquote:last-child {
margin-bottom: 10px;
}
.single-project .page .container .columns .col .images h2 {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
}
.single-project .page .container .columns .col .images h2 nav {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-bottom: 10px;
}
.single-project .page .container .columns .col .images h2 nav button {
background-color: transparent;
border: none;
cursor: pointer;
display: block;
width: 30px;
height: 30px;
}
.single-project .page .container .columns .col .images h2 nav button svg {
width: 30px;
height: 30px;
}
.single-project .page .container .columns .col .images .single-project-slider .slide {
aspect-ratio: 16/11;
overflow: hidden;
width: 100%;
}
.single-project .page .container .columns .col .images .single-project-slider .slide img {
width: 100%;
height: 100%;
object-fit: cover;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//ergotrust.net/wp-content/themes/custom/assets/icons/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #1E73BE; --cmplz_button_accept_border_color: #1E73BE; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;} .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { max-width: initial !important; height: 80px !important; margin-bottom: 20px; } @media only screen and (max-width: 400px) { .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { height: 100px !important } } .cmplz-blocked-content-container.recaptcha-invisible .cmplz-blocked-content-notice, .cmplz-blocked-content-container.g-recaptcha .cmplz-blocked-content-notice { max-width: initial; padding: 7px; }