* {
font-family: var(--font-main), ui-sans-serif, system-ui, sans-serif;
}
body {
box-sizing: border-box;
margin: 0;
padding: 0;
line-height: 1.6;
color: #333333;
}
html, body, iframe {
max-width: 100%;
}
main {
overflow-x: hidden;
}
::selection {
background-color: var(--c-tertiary);
color: var(--c-tertiaryFont);
}
a, button {
cursor: pointer;
}
button {
border: 0;
border-radius: 5px;
padding: 15px 25px;
background-color: var(--c-secondary);
color: var(--c-secondaryFont);
font-size: 1.0em;
font-weight: 500;
transition: 0.2s;
}
button:hover {
background-color: var(--c-tertiary);
color: var(--c-tertiaryFont);
}
select {
border: 0;
border-radius: 5px;
outline: none;
padding: 15px;
font-size: 1.0em;
cursor: pointer;
}
header:not(.woocommerce-products-header) {
position: sticky;
top: 0;
width: 100%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
header > div.topbar {
width: 100%;
background-color: var(--c-primary);
color: var(--c-primaryFont);
}
header > div.topbar > div,
header.two-lines > nav > div,
header.shop > nav > div {
max-width: var(--width-wide);
margin: auto;
}
header > div.topbar > div {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
}
header.one-line > div.topbar > div {
gap: 50px;
}
header.one-line > div.topbar > div > div:first-child {
flex-shrink: 0;
}
header > div.topbar > div > div:first-child > a > img {
display: block;
max-height: var(--top-logo-height);
}
header.shop > div.topbar > div > div form input {
outline: none;
border: 0;
border-radius: 5px;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
font-size: 1.0em;
}
header.shop > div.topbar > div > div a.logout {
margin-left: 5px;
}
header.one-line > div.topbar > div > div:nth-child(2) {
flex: 1;
}
header.one-line > div.topbar > div > div:nth-child(2) > nav {
display: flex;
justify-content: flex-end;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-size: 1.0em;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
text-decoration: none;
font-weight: 500;
}
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus,
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
background-color: color-mix(in srgb, var(--c-primary), white 94%);
color: #222222;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {
display: none;
color: #cccccc;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu {
width: auto !important;
min-width: max-content !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu a.mega-menu-link {
display: block;
white-space: nowrap;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
text-decoration: none;
font-weight: 500;
}
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background-color: color-mix(in srgb, var(--c-primary), white 94%);
color: #222222;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background-color: transparent;
font-weight: 500;
}
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
border-color: white;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
color: #222222;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
border-top: 3px solid var(--c-primary);
border-bottom: 3px solid var(--c-secondary);
border-radius: 0 0 5px 5px;
padding: 0 5px 20px 5px;
}
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
top: 100%;
border-top: 3px solid rgba(0, 0, 0, 0.2);
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
height: auto;
line-height: normal;
padding: 15px 0;
font-weight: 500;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
margin-bottom: 5px;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
font-weight: 500 !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:hover {
text-decoration: none !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover span.mega-menu-acf-title,
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover:not(:has(.mega-menu-acf-inner)) {
text-decoration: underline !important;
text-decoration-color: var(--c-secondary) !important;
text-decoration-thickness: 3px !important;
text-underline-offset: 3px !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover span.mega-menu-acf-title,
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover:not(:has(.mega-menu-acf-inner)) {
text-decoration: underline !important;
text-decoration-color: var(--c-secondary) !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 2px !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:hover span.mega-menu-acf-desc {
text-decoration: none !important;
display: inline-block;
}
header.two-lines nav #mega-menu-wrap-primary div.mega-menu-toggle,
header.shop nav #mega-menu-wrap-primary div.mega-menu-toggle {
position: absolute !important;
top: -55px;
right: 10px;
background-color: transparent !important;
}
header.shop > div.topbar > div {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 10px 20px;
}
header.shop > div.topbar > div > div {
display: flex;
}
header.shop > div.topbar > div > div.logo {
flex: 0 1 auto;
}
header.shop > div.topbar > div > div.search {
flex: 1;
}
header.shop > div.topbar > div > div.basket,
header.shop > div.topbar > div > div.account {
flex: 0 0 auto;
}
header.shop > div.topbar > div > div button,
header.shop > div.topbar > div > div form input {
padding: 10px 15px;
}
header.shop > div.topbar > div > div form {
margin-left: auto;
}
header nav #mega-menu-wrap-primary div.mega-menu-toggle button {
background-color: transparent !important;
}
header nav #mega-menu-wrap-primary div.mega-menu-toggle button span.mega-toggle-animated-inner,
header nav #mega-menu-wrap-primary div.mega-menu-toggle button span.mega-toggle-animated-inner::before,
header nav #mega-menu-wrap-primary div.mega-menu-toggle button span.mega-toggle-animated-inner::after {
background-color: white !important;
}
header nav .mega-menu-acf-thumb {
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
}
header nav .mega-menu-acf-inner {
display: flex;
align-items: flex-start;
gap: 20px;
}
header nav .mega-menu-acf-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
header nav .mega-menu-acf-textblock {
display: flex;
flex-direction: column;
}
header nav .mega-menu-acf-desc {
margin-top: 5px;
padding-right: 20px;
line-height: 1.4em;
font-size: 0.9em;
font-weight: normal;
}
header nav .mega-menu-acf-desc p {
margin-top: 0;
}
header.two-lines > div.topbar > div > div:last-child > a > button {
padding: 10px 20px;
}
header.one-line > div.topbar > div > div:last-child > a:not(:first-child),
header.two-lines > div.topbar > div > div:last-child > a:not(:first-child) {
margin-left: 10px;
}
header.two-lines nav,
header.shop nav {
width: 100%;
background-color: white;
}
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
header.shop nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
box-shadow: inset 0 -4px 0 0 var(--c-secondary);
}
footer {
padding: 60px 0 20px;
background-color: #222222;
font-size: 0.9em;
}
footer, footer a {
color: #cccccc !important;
}
footer a:hover {
color: var(--c-secondary) !important;
}
footer * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
footer > div {
position: relative;
max-width: var(--width-wide);
margin: auto;
padding: 0 20px;
}
footer > div > div.grid {
display:grid;
grid-template-columns: var(--footer-columns);
gap: 40px;
margin-bottom: 40px;
}
footer > div > div.grid > div > img.footer_logo {
max-width: 240px;
margin-bottom: 20px;
}
footer > div > div.grid > div > div.footer_summary > p {
padding: 10px 0;
}
footer > div > div.grid > div h3 {
margin-bottom: 10px;
color: white;
}
footer > div > div.grid > div h3:not(:first-child) {
margin-top: 40px;
}
footer > div > div.grid > div ul {
list-style: none;
}
footer > div > div.grid > div ul.menu {
margin-left: 20px;
}
footer > div > div.grid > div ul.menu li::marker {
content: "✦  ";
color: var(--c-secondary);
}
footer > div > div.grid > div ul li {
margin-bottom: 5px;
}
footer > div > div.grid div.address {
display: flex;
align-items: flex-start;
gap: 14px;
}
footer > div > div.grid div.address i {
flex-shrink: 0;
margin-top: 6px;
}
footer > div > div.grid > div ul li a, footer > div > div.grid > div div.socials a {
color: #cccccc;
text-decoration: none;
transition: 0.2s;
}
footer > div > div.grid > div ul li a i, footer > div > div.grid div.address > i {
color: white;
}
footer > div > div.grid > div ul li a i {
margin-right: 10px;
}
footer > div > div.grid > div ul li a i.fa-whatsapp {
margin-left: 1px; margin-right: 11px;
}
footer > div > div.grid > div ul li a:hover,
footer > div > div.grid > div div.socials a:hover {
color: var(--c-secondary);
}
footer > div > div.grid > div h3.socials {
margin-top: 30px;
}
footer > div > div.grid > div div.socials a {
margin-right: 15px;
font-size: 1.5em;
}
footer > div > div.grid > div p.company_number {
margin-top: 20px;
margin-left: 24px;
}
footer > div > div.bottom {
display: flex;
align-items: center;
justify-content: center;
margin: 20px;
}
footer > div > div.bottom img {
display: block;
width: auto;
max-height: 120px;
margin: 0 10px;
}
footer > div > div.legal {
border-top: 5px solid rgba(255, 255, 255, 0.03);
text-align: center;
}
footer > div > div.legal p {
margin: 20px 10px 0 10px;
}
main {
min-height: 400px;
}
section.hero, section.breadcrumbs, section.content_section {
width: 100%;
}
section.hero > div,
section.breadcrumbs > div,
section.content_section > div {
width: 100%;
max-width: var(--width-wide);
margin: auto;
}
section.hero > div, section.content_section > div {
box-sizing: border-box;
padding: 50px 20px;
}
section.hero {
background-size: cover !important;
background-position: center !important;
display: flex;
justify-content: center;
min-height: var(--hero-height-desktop);
}
section.hero h1 {
margin-bottom: 30px;
font-size: 3.5em;
font-weight: 900;
}
section.hero p {
margin-bottom: 20px;
font-size: 1.25em;
}
section.hero strong, div.grader_connect strong  {
color: var(--c-secondary);
}
section.hero button {
margin: 20px 0;
}
section.hero a:not(:last-child) button {
margin-right: 20px;
}
section.hero > div > img.hero_title_image {
box-sizing: content-box;
max-width: 750px;
max-height: 250px;
margin: 20px 0;
}
body.error404 h1 {
margin-bottom: 30px;
}
body.home section.hero h1 {
margin-bottom: 0;
font-size: 4.0em;
}
body.home section.hero p {
margin-bottom: 10px;
font-size: 1.5em;
}
section.content_section h1 {
font-size: 3.0em;
font-weight: 900;
}
section.content_section h2 {
margin-top: 0;
margin-bottom: 20px;
font-size: 2.5em;
font-weight: 900;
}
section.content_section h3 {
margin-top: 0;
margin-bottom: 15px;
font-size: 1.3em;
font-weight: 900;
}
section.content_section p {
margin-bottom: 20px;
font-size: 1.15em;
}
section.content_section a {
text-decoration: none;
font-weight: bold;
color: var(--c-primary) !important;
}
section.content_section.ng_color a {
color: var(--c-secondary) !important;
}
section.content_section a:hover {
text-decoration: underline;
text-decoration-color: var(--c-secondary);
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
section.content_section.ng_color a:hover {
color: var(--c-secondary) !important;
}
section.content_section ul, section.content_section ol {
font-size: 1.2em;
}
section.content_section ul li::marker {
content: "✦  ";
color: var(--c-primary);
}
section.content_section.ng_color ul li::marker {
color: var(--c-secondary);
}
section.breadcrumbs {
background-color: color-mix(in srgb, var(--c-primary), white 94%);
color: #333333;
}
section.breadcrumbs p {
display: inline;
}
section.breadcrumbs p > span > span {
margin: 0 3px;
color: black;
}
section.breadcrumbs i {
margin-right: 3px;
color: var(--c-primary);
}
section.breadcrumbs a {
color: #333333;
text-decoration: none;
}
section.breadcrumbs a:hover {
color: initial;
text-decoration: underline;
text-decoration-color: var(--c-secondary);
text-decoration-thickness: 3px;
text-underline-offset: 3px;
}
section.breadcrumbs > div {
padding: 10px;
}
section.ng_standard p, section.ng_alternate p,
section.ng_standard ul, section.ng_alternate ul,
section.ng_standard ol, section.ng_alternate ol {
color: #666666;
}
section.ng_alternate {
background-color: color-mix(in srgb, var(--c-primary), white 95%);
}
section.ng_color {
background-color: var(--c-primary);
color: var(--c-primaryFont);
}
section.full_content_section > div img {
display: block;
max-width: 100%;
}
section.full_content_section > div > div {
margin: 60px 0;
}
section.full_content_section > div > div.image_with_text {
display: flex;
align-items: flex-start;
gap: 20px;
}
section.full_content_section > div > div.image_with_text > img {
flex-shrink: 0;
max-width: 75%;
}
section.full_content_section > div > div.image_with_text > div {
flex: 1;
}
section.basic_text_section > div {
max-width: var(--width-narrow);
}
section.cta_section > div {
padding: 100px 30px;
text-align: center;
font-size: 1.2em;
}
section.stats_section > div {
padding: 60px 20px;
}
section.stats_section > div > div.stats_values {
display: grid;
gap: 40px;
text-align: center;
}
section.stats_section > div > div.stats_values > div > div:first-child {
font-size: 5.0em;
line-height: 1.2em;
font-weight: bold;
color: var(--c-primary);
}
section.stats_section > div > div.stats_values > div > div:last-child {
font-size: 1.2em;
font-weight: bold;
}
section.stats_section > div > div.stats_text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-top: 40px;
}
section.snippet_section > div {
max-width: 800px;
padding: 30px;
text-align: center;
}
section.snippet_section > div > i {
margin-bottom: 20px;
border-radius: 100%;
padding: 15px;
font-size: 2.0em;
}
section.snippet_section.ng_standard > div > i {
background-color: color-mix(in srgb, var(--c-primary), white 94%);
color: var(--c-primary);
}
section.snippet_section.ng_alternate > div > i {
background-color: white;
color: var(--c-primary);
}
section.snippet_section.ng_color > div > i {
background-color: white;
color: var(--c-secondary);
}
section.big_list_section > div > div.big_list {
max-width: var(--width-narrow);
margin: 40px auto;
border-radius: 5px;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.04), inset -1px -1px 2px rgba(0, 0, 0, 0.03);
padding: 10px 40px;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
text-align: left;
}
section.big_list_section.ng_alternate > div > div.big_list {
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07), inset -1px -1px 2px rgba(0, 0, 0, 0.06);
background-color: white;
}
section.big_list_section.ng_color > div > div.big_list {
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), inset -1px -1px 2px rgba(0, 0, 0, 0.3);
background-color: white;
}
section.big_list_section > div > div.big_list > div {
display: flex;
align-items: center;
gap: 30px;
margin: 40px 0;
}
section.big_list_section > div > div.big_list > div > div.list_item_marker {
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
aspect-ratio: 1 / 1;
width: 80px;
border-radius: 100%;
font-size: 3.0em;
background-color: var(--c-primary);
color: var(--c-secondary);
}
section.big_list_section.ng_color > div > div.big_list > div > div.list_item_marker {
background-color: var(--c-secondary);
color: var(--c-secondaryFont);
}
section.big_list_section > div > div.big_list > div > div.list_item_text {
flex: 1;
font-size: 1.2em;
}
section.big_list_section > div > div.big_list > div > div.list_item_text > h3 {
margin-bottom: 5px;
color: black;
}
section.big_list_section > div > div.big_list > div > div.list_item_text > p {
margin-top: 5px;
margin-bottom: 0;
color: #666666;
font-size: 1.0em;
}
section.flexi_grid_section > div {
max-width: var(--width-middle);
text-align: center;
}
section.flexi_grid_section > div > div.flexi_grid {
display: grid;
gap: 20px;
margin-top: 40px;
}
section.flexi_grid_section > div > div.flexi_grid > div > div:first-child {
display: none;
}
section.flexi_grid_section > div > div.flexi_grid > div > i {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
aspect-ratio: 1 / 1;
margin: 20px auto;
border-radius: 100%;
padding: 10px;
font-size: 2.0em;
font-weight: 900;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
color: var(--c-secondary);
}
section.flexi_grid_section.ng_alternate > div > div.flexi_grid > div > i {
background-color: color-mix(in srgb, var(--c-primary), white 80%);
color: var(--c-primary);
}
section.box_grid_section > div {
text-align: center;
}
section.box_grid_section > div > p {
max-width: var(--width-narrow);
margin-left: auto;
margin-right: auto;
}
section.box_grid_section > div.grid_layout_boxed > div {
max-width: var(--width-narrow);
margin: 20px auto;
border-radius: 20px;
padding: 40px;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
text-align: left;
}
section.box_grid_section.ng_alternate > div.grid_layout_boxed > div {
background-color: white;
}
section.box_grid_section > div > div > div.box_grid {
display: grid;
gap: 20px;
margin: auto;
margin-top: 40px;
}
section.box_grid_section > div > div > div.box_grid > div {
border-radius: 10px;
padding: 20px;
text-align: left;
}
section.box_grid_section > div.grid_layout_unboxed > div {
margin: 20px auto;
}
section.box_grid_section > div.grid_layout_unboxed > div > div.box_grid {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 22%), 1fr)); }
section.box_grid_section > div.grid_layout_boxed > div > div.box_grid {
grid-template-columns: 1fr 1fr 1fr;
}
section.box_grid_section > div.grid_layout_unboxed > div > div.box_grid > div,
section.box_grid_section.ng_alternate > div.grid_layout_boxed > div > div.box_grid > div {
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.04), inset -1px -1px 1px rgba(0, 0, 0, 0.03);
background-color: color-mix(in srgb, var(--c-primary), white 94%);
}
section.box_grid_section > div.grid_layout_boxed > div > div.box_grid > div,
section.box_grid_section.ng_alternate > div.grid_layout_unboxed > div > div.box_grid > div {
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.07), inset -1px -1px 1px rgba(0, 0, 0, 0.06);
background-color: white;
}
section.box_grid_section > div > div > div.box_grid > div > i {
font-size: 2.5em;
color: var(--c-secondary);
}
section.box_grid_section > div > div > div.box_grid > div > h4 {
margin: 0;
margin-top: 10px;
font-size: 1.2em;
}
section.box_grid_section > div > div > div.box_grid > div > p {
margin: 0;
margin-top: 10px;
font-size: 1.0em;
}
section.box_highlight_section > div {
text-align: center;
}
section.box_highlight_section > div > p {
max-width: var(--width-narrow);
margin-left: auto;
margin-right: auto;
}
section.box_highlight_section > div > div.box_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
max-width: var(--width-middle);
margin: auto;
margin-top: 40px;
margin-bottom: 40px;
}
section.box_highlight_section > div > div.box_grid > div.grid_box {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 20px;
padding: 20px;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
}
section.box_highlight_section > div > div.box_grid > div.grid_box {
display: grid;
grid-template-columns: 1fr 7fr;
gap: 20px;
}
section.box_highlight_section > div > div.box_grid > div.grid_box > div:last-child {
text-align: left;
}
section.box_highlight_section > div > div.box_grid > div.grid_box i {
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
aspect-ratio: 1 / 1;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.05);
font-size: 1.6em;
}
section.box_highlight_section.ng_alternate > div > div.box_grid > div.grid_box {
background-color: white;
}
section.box_highlight_section > div > div.box_grid > div.grid_box_green {
border: 3px solid rgba(205, 226, 220, 1);
background-color: #edf3f1 !important;
}
section.box_highlight_section > div > div.box_grid > div.grid_box_green i {
background-color: rgba(205, 226, 220, 0.5);
color: #7ab8a3;
}
section.box_highlight_section > div > div.box_grid > div.grid_box_yellow {
border: 3px solid rgba(253, 224, 71, 1);
background-color: #fefbe6 !important;
}
section.box_highlight_section > div > div.box_grid > div.grid_box_yellow i {
background-color: rgba(253, 224, 71, 0.2);
color: #ca8a04;
}
section.box_highlight_section > div > div.box_grid > div.grid_box_red {
border: 3px solid rgba(254, 202, 202, 1);
background-color: #fef2f2 !important;
}
section.box_highlight_section > div > div.box_grid > div.grid_box_red i {
background-color: rgba(254, 202, 202, 0.4);
color: #dc2626;
}
section.box_highlight_section > div > div.box_grid > div.grid_box_blue {
border: 3px solid rgba(186, 230, 253, 1);
background-color: #f0f9ff !important;
}
section.box_highlight_section > div > div.box_grid > div.grid_box_blue i {
background-color: rgba(186, 230, 253, 0.5);
color: #0284c7;
}
section.q_and_a_section h3 {
margin-bottom: 5px;
color: black;
}
section.q_and_a_section.ng_color h2,
section.q_and_a_section.ng_color h3 {
color: var(--c-primaryFont);
}
section.q_and_a_section a:hover {
text-decoration: underline !important;
text-decoration-color: var(--c-secondary) !important;
text-decoration-thickness: 4px !important;
text-underline-offset: 4px;
}
section.accordion_section > div {
text-align: center;
}
section.accordion_section > div > div.accordion {
max-width: var(--width-narrow);
margin: 20px auto;
border-radius: 20px;
text-align: left;
font-size: 0.8em;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
color: black;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.04), inset -1px -1px 2px rgba(0, 0, 0, 0.03);
}
section.accordion_section.ng_alternate > div > div.accordion {
background-color: white;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07), inset -1px -1px 2px rgba(0, 0, 0, 0.06);
}
section.accordion_section > div > div.accordion > div.accordion_main,
section.accordion_section > div > div.accordion > div.accordion_extra {
position: relative;
padding: 30px;
}
section.accordion_section > div > div.accordion.accordion_closed > div.accordion_extra {
display: none;
}
section.accordion_section > div > div.accordion > div.accordion_main {
border-radius: 20px 20px;
padding-right: 60px;
cursor: pointer;
transition: 0.2s background-color;
}
section.accordion_section > div > div.accordion.accordion_open > div.accordion_main {
border-radius: 20px 20px 0 0;
}
section.accordion_section > div > div.accordion > div.accordion_main:hover {
background-color: color-mix(in srgb, var(--c-primary), white 85%);
}
section.accordion_section.ng_alternate > div > div.accordion > div.accordion_main:hover {
background-color: #f2f2f2;
}
section.accordion_section > div > div.accordion > div.accordion_main > h3 {
margin-bottom: 5px;
font-weight: bold;
font-size: 1.6em;
}
section.accordion_section > div > div.accordion > div.accordion_main > p {
margin: 0;
}
section.accordion_section > div > div.accordion > div.accordion_main > i {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transform-origin: center;
transition: 0.2s;
}
section.accordion_section > div > div.accordion > div.accordion_extra {
border-top: 2px solid rgba(0, 0, 0, 0.05);
padding-top: 10px;
}
section.accordion_section > div > div.accordion > div.accordion_extra > hr {
margin: 30px auto;
border: 1px dashed rgba(0, 0, 0, 0.1);
}
section.accordion_section > div > div.accordion > div.accordion_extra > h4 {
margin-top: 30px;
font-size: 1.2em;
}
section.accordion_section > div > div.accordion > div.accordion_extra > h5 {
margin: 0;
margin-bottom: 10px;
font-size: 1.5em;
color: var(--c-primary);
}
section.accordion_section > div > div.accordion > div.accordion_extra > div.company_overview {
background-color: #ebebeb;
border-radius: 10px;
padding: 15px;
font-size: 0.9em;
}
section.accordion_section > div > div.accordion > div.accordion_extra > div.company_overview > h5 {
margin: 0;
font-size: 1.5em;
}
section.accordion_section > div > div.accordion > div.accordion_extra > div.company_overview > p {
margin: 10px 0;
}
section.image_text_section > div {
display: grid;
grid-template-columns: 1fr 1fr;
}
section.image_text_section > div > div {
padding: 20px;
}
section.image_text_section > div > div > img {
object-fit: cover;
object-position: center;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 10px;
}
section.image_text_grid_section > div {
max-width: var(--width-middle);
text-align: center;
}
section.image_text_grid_section > div.grid_layout_case_studies {
max-width: var(--width-wide);
}
section.image_text_grid_section > div > div.image_text_grid > a {
font-weight: initial;
text-decoration: none;
}
section.image_text_grid_section > div > div.image_text_grid > a div.grid_text {
display: inline-block;
}
section.image_text_grid_section > div > div.image_text_grid > a div.grid_text> p {
margin: 0;
}
section.image_text_grid_section > div > div.image_text_grid > a:hover div.image_text_grid_cell {
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.25);
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 60px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid div.image_text_grid_cell {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 10px;
transition: 0.2s;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid div.image_text_grid_cell > div {
padding: 10px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid div.image_text_grid_cell > div.grid_image > img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 10px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid div.image_text_grid_cell > div.grid_text {
text-align: left;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
text-align: left;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid div.image_text_grid_cell {
margin: 30px 20px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
border-radius: 10px;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
font-size: 0.9em;
transition: 0.2s;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid div.image_text_grid_cell i {
min-width: 18px;
text-align: center;
margin-right: 10px;
margin-bottom: 15px;
color: var(--c-secondary);
}
section.image_text_grid_section.ng_alternate > div.grid_layout_boxed > div.image_text_grid div.image_text_grid_cell {
background-color: white;
}
section.image_text_grid_section.ng_color > div.grid_layout_boxed > div.image_text_grid div.image_text_grid_cell {
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.6);
background-color: white;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid div.image_text_grid_cell > div.grid_image > img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
aspect-ratio: 1 / 1;
max-height: 256px;
border-radius: 10px 10px 0 0;
}
section.image_text_grid_section > div.grid_layout_case_studies > div.image_text_grid div.image_text_grid_cell > div.grid_image > img {
max-height: 192px !important;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid div.image_text_grid_cell > div.grid_text {
margin: 24px;
margin-bottom: 40px;
}
section.image_text_grid_section.ng_color > div.grid_layout_boxed > div.image_text_grid div.image_text_grid_cell > div.grid_text h3 {
color: black;
}
section.image_text_grid_section.ng_color > div.grid_layout_boxed > div.image_text_grid div.image_text_grid_cell > div.grid_text p {
color: #666666;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell {
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 15px;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell > div.grid_image > img {
max-height: 400px;
border-radius: 15px 15px 0 0;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell > div.grid_text {
margin-bottom: 24px;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell > div.grid_text > div {
min-height: 250px;
}
section.image_text_grid_section > div.grid_layout_case_studies > div.image_text_grid_team div.image_text_grid_cell > div.grid_text > div {
min-height: 300px;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell h3 {
margin-bottom: 5px;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell h4 {
margin: 0;
color: var(--c-primary);
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell p {
font-size: 1.0em;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell a > button {
width: 100%;
padding: 5px;
background-color: transparent;
color: black;
border: 1px solid rgba(0, 0, 0, 0.1);
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell a:hover > button {
background-color: rgba(0, 0, 0, 0.05) !important;
color: black;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid_team div.image_text_grid_cell a > button > i {
margin: 0;
margin-right: 5px;
}
section.client_brand_section > div {
text-align: center;
}
section.client_brand_section > div > div {
display: grid;
}
section.client_brand_section > div > div > div {
display: flex;
align-items: center;
justify-content: center;
margin: 10px;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07), inset -1px -1px 2px rgba(0, 0, 0, 0.06);
padding: 20px;
background-color: white;
}
section.client_brand_section.ng_color > div > div > div {
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), inset -1px -1px 2px rgba(0, 0, 0, 0.3);
}
section.client_brand_section > div > div > div > img {
object-position: center;
width: 100%;
height: 100%;
}
section.testimonials_section > div {
text-align: center;
}
section.testimonials_section > div > div {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
section.testimonials_section > div > div > div {
position: relative;
margin: 50px 30px;
padding-bottom: 40px;
}
section.testimonials_section > div > div > div > img {
object-fit: cover;
object-position: center;
aspect-ratio: 1 / 1;
width: 200px;
border-radius: 100%;
filter: contrast(110%) saturate(60%);
}
section.testimonials_section > div > div > div > div.testimonial_body > i {
display: block;
color: var(--c-secondary);
}
section.testimonials_section > div > div > div > div.testimonial_body > span.testimonial_content_wrapper > p {
margin: 0;
font-style: italic;
}
section.testimonials_section > div > div > div > div.testimonial_body > p.testimonial_date {
padding-top: 5px;
font-size: 0.9em;
font-weight: bold;
}
section.testimonials_section > div > div > div > div.testimonial_footer {
position: absolute;
width: 100%;
bottom: 0;
}
section.testimonials_section > div > div > div > div.testimonial_footer h4 {
margin: 0;
color: var(--c-primary);
font-size: 0.9em;
}
section.testimonials_section > div > div > div > div.testimonial_footer h5 {
margin: 0;
font-size: 1.0em;
}
section.contact_section > div > div {
display: grid;
grid-template-columns: 4fr 6fr;
gap: 60px;
}
section.contact_section > div > div > div.contact_details > div,
section.contact_section > div > div > div.contact_form {
margin: 40px 0;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.04), inset -1px -1px 2px rgba(0, 0, 0, 0.03);
border-radius: 20px;
padding: 20px;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
}
section.contact_section > div > div > div.contact_details > div.main_contact_details {
line-height: 2.5em;
}
section.contact_section > div > div > div.contact_details > div.main_contact_details > a > i {
width: 25px;
color: black;
}
section.contact_section > div > div > div.contact_details > div.socials > div {
display: grid;
gap: 15px;
width: fit-content;
}
section.contact_section > div > div > div.contact_details > div.socials > div > div > a,
section.contact_section > div > div > div.contact_details > div.socials > div > div > a > i {
color: var(--c-primaryFont);
}
section.contact_section > div > div > div.contact_details > div.socials > div > div > a:hover,
section.contact_section > div > div > div.contact_details > div.socials > div > div > a:hover > i {
text-decoration: none;
color: var(--c-secondary) !important;
}
section.contact_section > div > div > div.contact_details > div.socials > div > div > a > i {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
aspect-ratio: 1 / 1;
border-radius: 100%;
background-color: var(--c-primary);
}
section.contact_section > div > div > div.contact_details > div.addresses > p {
margin: 0;
}
form.forminator-custom-form input,
form.forminator-custom-form textarea {
padding: 20px;
background-color: color-mix(in srgb, var(--c-primary), white 94%);
border: none;
border-left: 5px solid var(--c-primary);
border-radius: 5px;
outline: none;
}
form.forminator-custom-form input {
font-size: 1.2em;
}
form.forminator-custom-form textarea {
resize: vertical;
font-size: 1.0em;
}
form.forminator-custom-form button {
width: 100%;
}
form.forminator-custom-form label {
display: inline-block !important;
margin: 5px !important;
font-size: 1.1em;
}
form.forminator-custom-form span.forminator-description {
display: inline;
float: right;
margin: 0 !important;
}
form.forminator-custom-form span.forminator-error-message {
border-radius: 5px;
padding: 5px 10px !important;
font-size: 0.9em !important;
}
.select2-selection {
border: 0 !important;
border-left: 5px solid var(--c-primary) !important;
border-radius: 5px !important;
padding: 10px !important;
background-color: color-mix(in srgb, var(--c-primary), white 94%) !important;
font-size: 1.2em;
}
.select2-results__options {
max-height: 800px !important;
border: 0 !important;
background-color: color-mix(in srgb, var(--c-primary), white 94%) !important;
}
div.forminator-edit-module {
display: none !important;
}
@media (min-width: 769px) {	
.admin-bar header {
top: 32px;
}
header.one-line nav #mega-menu-wrap-primary {
background-color: transparent;
}
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding-left: 20px;
padding-right: 20px;
color: var(--c-primaryFont);
}
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus, 
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background-color: rgba(0, 0, 0, 0.1) !important;
}
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
left: -40%;
width: 140%;
}
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
text-decoration: underline;
text-decoration-color: var(--c-secondary);
text-decoration-thickness: 4px;
text-underline-offset: 8px;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li > a > span.mega-indicator {
display: none !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
width: fit-content;
}
}
@media (max-width: 1600px) {
header.one-line > div.topbar > div {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
header.one-line > div.topbar > div > div:last-child {
display: none;
}
header.two-lines > div.topbar {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
header.two-lines > div.topbar > div {
flex-direction: column;
align-items: center;
gap: 20px;
padding: 12px 16px;
}
header.two-lines > div.topbar > div > div:first-child {
margin-right: auto;
}
header.two-lines > div.topbar > div > div:first-child > a > img {
width: 70%;
}
header.two-lines > div.topbar > div > div:last-child {
display: flex;
flex-wrap: wrap;
align-self: flex-start;
justify-content: flex-start;
gap: 10px;
display: none; }
header.two-lines > div.topbar > div > div:last-child a button {
width: auto;
margin: 0;
padding: 8px 19px;
font-size: 0.9em;
}
header.shop > div.topbar > div {
gap: 5px;
}
header.shop > div.topbar > div > div.logo {
margin-right: auto;
}
header.shop > div.topbar > div > div.account > a.logout, 
header.shop > div.topbar > div > div.search {
flex: 0 0 0;
display: none;
width: auto;
}
header.shop > div.topbar > div > div.basket {
flex: 0 0 auto;
}
header.shop > div.topbar > div > div:last-child {
margin-right: 50px;
}
header.one-line nav #mega-menu-wrap-primary #mega-menu-primary {
top: 150%;
}
header.two-lines nav #mega-menu-wrap-primary #mega-menu-primary,
header.shop nav #mega-menu-wrap-primary #mega-menu-primary {
left: 0 !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
box-shadow: none;
border: none;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
width: 100% !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 15px 0 15px 20px;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {
display: inline;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link::before {
color: var(--c-primary);
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
box-shadow: inset 10px 0 0 0 var(--c-secondary);
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu {
width: 100% !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu a {
padding-left: 40px !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu ul.mega-sub-menu a {
padding-left: 60px !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
display: inline-block;
top: -5px;
height: 0;
margin: 0;
padding: 0 20px;
font-size: 1.8em;
}
header nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 4px 10px 4px 20px;
}
header nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a {
margin: 0;
font-size: 1.0em;
text-decoration-thickness: 2px !important;
text-underline-offset: 2px !important;
}
header nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
text-decoration-thickness: 1px !important;
text-underline-offset: 1px !important;
}
header nav .mega-menu .mega-menu-column > ul > li > .mega-sub-menu {
max-height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
transition: max-height 0.3s, opacity 0.2s !important;
}
header nav .mega-menu .mega-menu-column > ul > li.is-open > .mega-sub-menu {
max-height: 1000px !important;
opacity: 1 !important;
}
header nav #mega-menu-primary .mega-menu-column > ul > li > a.mega-menu-link > span.mega-indicator {
display: inline-flex !important;
top: 10px !important;
align-items: center !important;
justify-content: center !important;
transform-origin: center center !important;
padding: 0 10px !important;
font-size: 1.8em !important;
}
header nav #mega-menu-primary .mega-menu-column > ul > li.is-open > a.mega-menu-link > span.mega-indicator {
transform: rotate(180deg);
}
header nav .mega-menu-acf-thumb, .mega-menu-acf-desc {
display: none;
}
footer > div > div.grid {
grid-template-columns: 1fr;
font-size: 1.2em;
}
footer > div > div.grid > div ul.menu {
margin-left: 0;
}
footer > div > div.grid > div ul.menu li::marker {
content: "";
}
footer > div > div.grid > div div.socials a {
margin-left: 10px;
margin-right: 10px;
}
footer > div > div.grid > div h3.socials {
margin-top: 40px;
}
section.hero {
min-height: var(--hero-height-mobile);
}
section.hero h1, body.home section.hero h1 {
font-size: 2.5em;
line-height: 1.5em;
}
section.hero > div > img.hero_title_image {
max-width: 300px;
}
section.content_section h2 {
font-size: 2.0em;
}
section.full_content_section > div > div.image_with_text {
flex-direction: column;
gap: 20px;
}
section.full_content_section > div > div.image_with_text > img {
max-width: 100%;
}
section.flexi_grid_section > div > div.flexi_grid,
section.image_text_section > div,
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid,
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid,
section.stats_section > div > div.stats_values,
section.stats_section > div > div.stats_text,
section.box_grid_section > div > div > div.box_grid,
section.box_highlight_section > div > div.box_grid,
section.client_brand_section > div > div,
section.testimonials_section > div > div,
section.contact_section > div > div {
grid-template-columns: auto !important;
}
section.big_list_section > div > div.big_list {
padding: 10px 20px;
}
section.big_list_section > div > div.big_list > div {
gap: 20px;
}
section.big_list_section > div > div.big_list > div > div.list_item_marker {
width: 50px;
font-size: 2.0em;
}
section.stats_section > div > div.stats_text {
gap: 0;
text-align: center;
}
section.image_text_section > div > div {
padding-bottom: 10px;
}
section.image_text_section > div > div,
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid > div {
padding: 0;
padding-bottom: 10px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid > div > div {
padding: 0 10px;
}
body.home section a {
text-decoration: none !important;
}
body.home section.hero p {
font-size: 1.2em;
}
body.home section.hero button {
display: block;
width: 100%;
margin-right: 0;
}
}
form.forminator-custom-form input,
form.forminator-custom-form textarea {
padding: 20px;
background-color: #f0f2f4;
border: none;
border-left: 5px solid var(--c-primary);
border-radius: 5px;
outline: none;
}
form.forminator-custom-form input {
font-size: 1.2em;
}
form.forminator-custom-form textarea {
resize: vertical;
font-size: 1.0em;
}
form.forminator-custom-form button {
width: 100%;
}
form.forminator-custom-form label {
display: inline-block !important;
margin: 5px !important;
font-size: 1.1em;
}
form.forminator-custom-form span.forminator-description {
display: inline;
float: right;
margin: 0 !important;
}
form.forminator-custom-form span.forminator-error-message {
border-radius: 5px;
padding: 5px 10px !important;
font-size: 0.9em !important;
}
.select2-selection {
border: 0 !important;
border-left: 5px solid var(--c-primary) !important;
border-radius: 5px !important;
padding: 10px !important;
background-color: #f0f2f4 !important;
font-size: 1.2em;
}
.select2-results__options {
max-height: 800px !important;
border: 0 !important;
background-color: #f0f2f4 !important;
}
div.forminator-edit-module {
display: none !important;
}