@charset "UTF-8";
              h2 {
color: #000000 !important;
}              html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active, a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
} @media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
} thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}   html {
font-size: 62.5%;
min-height: 100%; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html.wf-active {
font-family: "DM Sans", sans-serif;
}
body {
font-size: 18px;
font-family: "DM Sans", sans-serif;
color: #000000;
background-color: white;
}
.body__wrapper {
position: relative;
overflow: hidden;
}
.body__wrapper:after {
position: absolute;
left: -850px;
top: 0;
content: "";
background: linear-gradient(225deg, transparent 0%, transparent 16%, #F3F4F5 25%, #F3F4F5 45%, transparent 50%);
height: 1700px;
width: 1700px;
transform: rotate(-45deg);
z-index: -10;
} p {
line-height: 1.5;
}
p:only-child {
margin: 0;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
} .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
font-family: "DM Sans", serif;
}
h1 {
font-size: 36;
line-height: 1.33333em;
font-weight: 700;
}
h2 {
font-size: 24;
line-height: 1.33333em;
font-weight: 700;
}
h3 {
font-size: 20;
line-height: 1.4em;
font-weight: 700;
}
h4 {
font-size: calc(1.2625rem + 0.15vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.375rem;
}
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
.h1-single {
display: inline-block;
position: relative;
text-align: center;
color: #000000;
}
.h1-single:after {
display: block;
content: "";
width: 15%;
height: 1px;
background-color: #22E0E0;
margin: .75em auto;
}
.page-accent .h1-single {
color: #000000;
}
.page-accent .h1-single:after {
background-color: #22E0E0;
} img {
max-width: 100%;
font-style: italic;
vertical-align: middle;
}
.full-width img {
width: 100%;
height: auto;
display: block;
}
figure {
margin: 0;
}
figcaption {
font-size: 0.9em;
display: block;
padding: 3px 0;
font-style: italic;
} a {
color: #22E0E0;
transition: .2s ease all;
}
a:focus, a:hover {
color: #22E0E0;
}
.page ol, .page ul {
line-height: 1.5;
}
table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
@media (max-width: 766.98px) {
table {
border: 0;
}
}
@media (max-width: 766.98px) {
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
}
table tfoot {
display: flex;
width: 100%;
margin: 2rem 0 0;
}
table tfoot tr {
width: 100%;
display: block;
}
table caption {
font-size: 14;
margin: .5em 0 .75em;
}
table tr {
border: 1px solid #F3F4F5;
}
@media (max-width: 766.98px) {
table tr {
display: block;
margin-bottom: 1rem;
}
}
table th,
table td {
text-align: left;
}
table th {
font-size: 16;
text-transform: uppercase;
background-color: #F3F4F5;
padding: 1.5rem;
}
@media (max-width: 766.98px) {
table th {
width: 100%;
display: block;
}
}
table td {
padding: 1rem;
}
@media (max-width: 766.98px) {
table td {
border-bottom: 1px solid #F3F4F5;
display: block;
font-size: 14;
text-align: right;
}
table td::before {
content: attr(data-title);
float: left;
font-weight: bold;
text-transform: uppercase;
}
table td:last-child {
border-bottom: 0;
}
}
table td.product-thumbnail {
display: none;
}
table td.actions {
text-align: left;
} .l-columns {
width: 100%;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 600px) {
.l-columns {
align-items: flex-start;
}
}
.l-columns__item {
position: relative;
}
.l-columns__item img {
width: 100%;
height: auto;
}
.l-columns--reverse {
flex-direction: row-reverse;
}
.l-columns--v-center {
align-items: center;
}
.l-columns-5 > .l-columns__item {
width: 18.4%;
}
.l-columns-5 > .l-columns__item:nth-child(n+6) {
margin-top: 1em;
}
@media (max-width: 960px) {
.l-columns-5 > .l-columns__item {
width: 32%;
margin-top: 1em;
}
}
@media (max-width: 550px) {
.l-columns-5 > .l-columns__item {
width: 49%;
}
}
@media (max-width: 380px) {
.l-columns-5 > .l-columns__item {
width: 100%;
}
}
.l-columns-5 > .l-columns__item:not(:nth-child(5n)) {
margin-right: 2%;
}
@media (max-width: 960px) {
.l-columns-5 > .l-columns__item:not(:nth-child(5n)) {
margin-right: 0;
}
}
@media (max-width: 960px) {
.l-columns-5 > .l-columns__item:not(:nth-child(3n)) {
margin-right: 2%;
}
}
@media (max-width: 550px) {
.l-columns-5 > .l-columns__item:not(:nth-child(3n)) {
margin-right: 0;
}
}
@media (max-width: 550px) {
.l-columns-5 > .l-columns__item:not(:nth-child(2n)) {
margin-right: 2%;
}
}
@media (max-width: 380px) {
.l-columns-5 > .l-columns__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.l-columns-4 > .l-columns__item {
width: 23.5%;
}
.l-columns-4 > .l-columns__item:nth-child(n+5) {
margin-top: 2rem;
}
@media (max-width: 767px) {
.l-columns-4 > .l-columns__item {
width: 32%;
}
}
@media (max-width: 550px) {
.l-columns-4 > .l-columns__item {
width: 100%;
}
.l-columns-4 > .l-columns__item:not(:last-child) {
margin-bottom: 2rem;
}
}
.l-columns-4 > .l-columns__item:not(:nth-child(4n)) {
margin-right: 2%;
}
@media (max-width: 767px) {
.l-columns-4 > .l-columns__item:not(:nth-child(4n)) {
margin-right: 0;
}
}
@media (max-width: 767px) {
.l-columns-4 > .l-columns__item:not(:nth-child(3n)) {
margin-right: 2%;
}
}
@media (max-width: 550px) {
.l-columns-4 > .l-columns__item:not(:nth-child(3n)) {
margin-right: 0;
}
}
@media (max-width: 550px) {
.l-columns-4 > .l-columns__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.l-columns-3 > .l-columns__item {
width: 30%;
}
.l-columns-3 > .l-columns__item:nth-child(n+4) {
margin-top: 2rem;
}
@media (max-width: 960px) {
.l-columns-3 > .l-columns__item {
width: 47.5%;
}
.l-columns-3 > .l-columns__item:nth-child(n+3) {
margin-top: 0;
}
.l-columns-3 > .l-columns__item:not(:last-child) {
margin-bottom: 2rem;
}
}
@media (max-width: 600px) {
.l-columns-3 > .l-columns__item {
width: 100%;
}
}
.l-columns-3 > .l-columns__item:not(:nth-child(3n)) {
margin-right: 5%;
}
@media (max-width: 960px) {
.l-columns-3 > .l-columns__item:not(:nth-child(3n)) {
margin-right: 0;
}
}
@media (max-width: 600px) {
.l-columns-3 > .l-columns__item:not(:nth-child(3n)) {
margin-right: 0;
}
}
@media (max-width: 960px) {
.l-columns-3 > .l-columns__item:not(:nth-child(2n)) {
margin-right: 5%;
}
}
@media (max-width: 600px) {
.l-columns-3 > .l-columns__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.l-columns-2 > .l-columns__item {
width: 48.75%;
}
.l-columns-2 > .l-columns__item:nth-child(n+3) {
margin-top: 2rem;
}
@media (max-width: 767px) {
.l-columns-2 > .l-columns__item {
width: 100%;
}
.l-columns-2 > .l-columns__item:nth-child(n+3) {
margin-top: 0;
}
.l-columns-2 > .l-columns__item:not(:last-child) {
margin-bottom: 2rem;
}
}
.l-columns-2 > .l-columns__item:not(:nth-child(2n)) {
margin-right: 2.5%;
}
@media (max-width: 767px) {
.l-columns-2 > .l-columns__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.l-columns-2.l-columns--reverse > .l-columns__item:not(:nth-child(2n)) {
margin-right: 0;
margin-left: 5%;
}
@media (max-width: 767px) {
.l-columns-2.l-columns--reverse > .l-columns__item:not(:nth-child(2n)) {
margin-left: 0;
}
}
.l-columns-2--shifted {
padding-bottom: 5rem;
}
@media (max-width: 600px) {
.l-columns-2--shifted {
padding-bottom: 0;
}
}
@media (min-width: 551px) {
.l-columns-2--shifted > .l-columns__item:nth-child(n+3) {
margin-top: 5rem;
}
.l-columns-2--shifted > .l-columns__item:nth-child(even) {
transform: translateY(5rem);
}
}
.l-columns-1-2 > .l-columns__item:first-child {
width: 31.66667%;
}
.l-columns-1-2 > .l-columns__item:last-child {
width: 63.33333%;
}
@media (max-width: 960px) {
.l-columns-1-2 > .l-columns__item:first-child, .l-columns-1-2 > .l-columns__item:last-child {
width: 47.5%;
}
}
@media (max-width: 600px) {
.l-columns-1-2 > .l-columns__item:first-child {
width: 100%;
margin-bottom: 2rem;
}
.l-columns-1-2 > .l-columns__item:last-child {
width: 100%;
}
}
.l-columns-1-2 > .l-columns__item:not(:last-child) {
margin-right: 5%;
}
@media (max-width: 550px) {
.l-columns-1-2 > .l-columns__item:not(:last-child) {
margin-right: 0;
}
}
.l-columns-1-2.l-columns--reverse .l-columns__item:first-child {
margin-right: 0;
}
.l-columns-1-2.l-columns--reverse .l-columns__item:last-child {
margin-right: 5%;
}
@media (max-width: 550px) {
.l-columns-1-2.l-columns--reverse .l-columns__item:last-child {
margin-right: 0;
}
}
.l-columns-2-1 > .l-columns__item:first-child {
width: 65%;
}
.l-columns-2-1 > .l-columns__item:last-child {
width: 32.5%;
}
@media (max-width: 960px) {
.l-columns-2-1 > .l-columns__item:first-child, .l-columns-2-1 > .l-columns__item:last-child {
width: 48.75%;
}
}
@media (max-width: 600px) {
.l-columns-2-1 > .l-columns__item:first-child {
width: 100%;
margin-bottom: 2rem;
}
.l-columns-2-1 > .l-columns__item:last-child {
width: 100%;
}
}
.l-columns-2-1 > .l-columns__item:not(:last-child) {
margin-right: 2.5%;
}
@media (max-width: 550px) {
.l-columns-2-1 > .l-columns__item:not(:last-child) {
margin-right: 0;
}
}
@media (max-width: 767px) {
.l-columns-2-1--mobile-reverse {
flex-direction: column-reverse;
}
}
@media (max-width: 960px) {
.l-columns-2-1--mobile-reverse > .l-columns__item:first-child {
width: 56.875%;
}
.l-columns-2-1--mobile-reverse > .l-columns__item:last-child {
width: 40.625%;
}
}
@media (max-width: 767px) {
.l-columns-2-1--mobile-reverse > .l-columns__item:first-child {
width: 100%;
margin: 0;
}
.l-columns-2-1--mobile-reverse > .l-columns__item:last-child {
width: 100%;
margin: 0 0 2rem 0;
}
}  .o-container {
max-width: 1250px;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 2rem;
padding-right: 2rem;
}
.o-container--small {
max-width: 960px;
}
.browserupgrade {
padding: 1rem 0;
background-color: #22E0E0;
color: #F3F4F5;
text-align: center;
}
.browserupgrade a {
color: #F3F4F5;
text-decoration: underline;
} .gform_wrapper {
text-align: left;
font-size: 16;
}
.gform_wrapper ul {
margin-left: 0;
}
.gform_wrapper ul li {
list-style-type: none;
margin: 1rem 0 0;
}
.gform_wrapper .gform_title {
font-size: 40;
margin: 0;
padding: 0;
}
.gform_wrapper .gform_fields {
padding: 0;
}
.gform_wrapper .gfield_label {
clear: both;
display: inline-block;
font-weight: 700;
margin: 1rem 0;
font-size: 14;
}
.gform_wrapper .gfield_description {
font-size: 14;
display: block;
margin: 1rem 0 0;
font-style: italic;
}
.gform_wrapper .gfield_required {
color: inherit;
padding: 0 .2rem;
}
.gform_wrapper .field_description_above .gfield_description {
margin: 0 0 .5rem;
}
.gform_wrapper .ginput_container .small {
width: 25%;
}
.gform_wrapper .ginput_container .medium {
width: 50%;
}
.gform_wrapper .ginput_container .large {
width: 100%;
}
.gform_wrapper .gform_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper .gform_next_button {
background-color: #22E0E0;
color: #fff;
border: none;
padding: 1rem;
outline: none;
display: inline-block;
}
.gform_wrapper .gform_footer {
margin: 1rem 0 0;
} .gform_wrapper .gfield_checkbox {
margin: 0;
padding: 0;
}
.gform_wrapper .gfield_checkbox li {
align-items: center;
display: flex;
line-height: 1;
margin: 0 0 1rem;
}
.gform_wrapper .gfield_checkbox li label {
margin: 0;
padding: 0;
font-weight: 400;
}
.gform_wrapper .gfield_checkbox li input {
margin: 0 1rem 0 0;
width: 2rem;
height: 2rem;
background-color: #fff;
border: 1px solid #F3F4F5;
-webkit-appearance: none;
outline: none;
}
.gform_wrapper .gfield_checkbox li input:checked {
background-color: #22E0E0;
}
.gform_wrapper .gfield_radio {
margin: 0;
padding: 0;
}
.gform_wrapper .gfield_radio li {
align-items: center;
display: flex;
line-height: 1;
margin: 0 0 1rem;
}
.gform_wrapper .gfield_radio li label {
margin: 0;
padding: 0;
font-weight: 400;
}
.gform_wrapper .gfield_radio li input {
margin: 0 1rem 0 0;
width: 2rem;
height: 2rem;
border-radius: 50%;
background-color: #fff;
border: 1px solid #F3F4F5;
-webkit-appearance: none;
outline: none;
}
.gform_wrapper .gfield_radio li input:checked {
background-color: #22E0E0;
} .gform_wrapper .datepicker_with_icon {
margin-right: 10px;
}
.gform_wrapper .clear-multi {
display: flex;
}
.gform_wrapper .clear-multi div {
flex-grow: 1;
margin-right: 1.6949152542%;
}
.gform_wrapper .clear-multi div:last-child {
margin-right: 0;
} .ui-datepicker {
font-size: 14;
width: 32rem;
height: auto;
z-index: 9999;
border: 1px solid #F3F4F5;
background-color: #fff;
border-radius: .4rem;
margin: 1rem 0 0;
}
.ui-datepicker a {
text-decoration: none;
}
.ui-datepicker thead {
background-color: #22E0E0;
}
.ui-datepicker th {
color: #fff;
padding: 1rem 0;
text-align: center;
text-transform: uppercase;
}
.ui-datepicker tbody {
padding: 1rem 0;
}
.ui-datepicker tbody td {
padding: .5rem 0;
text-align: center;
}
.ui-datepicker tbody tr:last-child {
padding: 0 0 2rem;
}
.ui-datepicker td a,
.ui-datepicker td span {
color: #F3F4F5;
display: inline-block;
font-weight: 400;
height: 3rem;
line-height: 3rem;
text-align: center;
width: 3rem;
}
.ui-datepicker-header {
background-color: #22E0E0;
color: #22E0E0;
font-weight: bold;
line-height: 30px;
min-height: 30px;
}
.ui-datepicker-title {
text-align: center;
height: 5rem;
}
.ui-datepicker-title select {
background-color: transparent;
margin-top: 2.5%;
padding: 0;
width: 25%;
color: #fff;
border: none;
}
.ui-datepicker-title select:focus {
border: none;
}
.ui-datepicker-prev,
.ui-datepicker-next {
cursor: pointer;
display: inline-block;
height: 5rem;
text-align: center;
width: 5rem;
position: relative;
}
.ui-datepicker-prev {
float: left;
}
.ui-datepicker-prev span {
display: none;
}
.ui-datepicker-prev::after {
content: '\25C0';
color: #fff;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 5rem;
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
}
.ui-datepicker-next {
float: right;
}
.ui-datepicker-next span {
display: none;
}
.ui-datepicker-next::after {
content: '\25B6';
color: #fff;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 5rem;
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
}
.ui-datepicker-calendar {
margin-bottom: 0;
width: 100%;
}
.ui-datepicker-calendar .ui-state-hover {
background: #fff;
}
.ui-datepicker-calendar .ui-state-active {
color: #22E0E0;
position: relative;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
margin-left: 0;
width: 29px;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
margin-right: 0;
width: 29px;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0;
}
.ui-datepicker-unselectable .ui-state-default {
background: #DA2327;
color: #fff;
}
.ui-datepicker-unselectable.ui-state-disabled {
background-color: #fff;
} .gform_wrapper .gfield_error > label {
color: #DA2327;
}
.gform_wrapper .gfield_error input[type="color"],
.gform_wrapper .gfield_error input[type="date"],
.gform_wrapper .gfield_error input[type="datetime"],
.gform_wrapper .gfield_error input[type="datetime-local"],
.gform_wrapper .gfield_error input[type="email"],
.gform_wrapper .gfield_error input[type="month"],
.gform_wrapper .gfield_error input[type="number"],
.gform_wrapper .gfield_error input[type="password"],
.gform_wrapper .gfield_error input[type="search"],
.gform_wrapper .gfield_error input[type="tel"],
.gform_wrapper .gfield_error input[type="text"],
.gform_wrapper .gfield_error input[type="time"],
.gform_wrapper .gfield_error input[type="url"],
.gform_wrapper .gfield_error input[type="week"],
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
border-color: #DA2327;
}
.gform_wrapper .gfield_error input[type="color"]::placeholder,
.gform_wrapper .gfield_error input[type="date"]::placeholder,
.gform_wrapper .gfield_error input[type="datetime"]::placeholder,
.gform_wrapper .gfield_error input[type="datetime-local"]::placeholder,
.gform_wrapper .gfield_error input[type="email"]::placeholder,
.gform_wrapper .gfield_error input[type="month"]::placeholder,
.gform_wrapper .gfield_error input[type="number"]::placeholder,
.gform_wrapper .gfield_error input[type="password"]::placeholder,
.gform_wrapper .gfield_error input[type="search"]::placeholder,
.gform_wrapper .gfield_error input[type="tel"]::placeholder,
.gform_wrapper .gfield_error input[type="text"]::placeholder,
.gform_wrapper .gfield_error input[type="time"]::placeholder,
.gform_wrapper .gfield_error input[type="url"]::placeholder,
.gform_wrapper .gfield_error input[type="week"]::placeholder,
.gform_wrapper .gfield_error input::placeholder,
.gform_wrapper .gfield_error select::placeholder,
.gform_wrapper .gfield_error textarea::placeholder {
color: #DA2327;
opacity: .3;
}
.gform_wrapper .validation_message {
font-style: normal;
color: #DA2327;
} .gform_wrapper .hidden_label .gfield_label {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.gform_wrapper .gform_validation_container {
display: none;
left: -9000px;
position: absolute;
} .gform_wrapper .gfield_creditcard_warning {
background: #fff;
border-left: 5px solid #DA2327;
padding: 15px 15px 10px;
}
.gform_wrapper .gfield_creditcard_warning .gfield_creditcard_warning_message {
color: #DA2327;
}
.gform_wrapper .ginput_container_creditcard {
flex-wrap: wrap;
}
.gform_wrapper .ginput_container_creditcard .ginput_full {
margin-top: 1rem;
}
.gform_wrapper .gform_card_icon_container {
margin-bottom: 1rem;
}
.gform_wrapper .gform_card_icon,
.gform_wrapper .ginput_card_security_code_icon {
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
height: auto;
margin-right: 10px;
text-indent: -100%;
width: 52px;
}
.gform_wrapper .gform_card_icon_amex {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/styles/images/cards/amex.svg);
}
.gform_wrapper .gform_card_icon_discover {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/styles/images/cards/discover.svg);
}
.gform_wrapper .gform_card_icon_mastercard {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/styles/images/cards/mastercard.svg);
}
.gform_wrapper .gform_card_icon_visa {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/styles/images/cards/visa.svg);
}
.gform_wrapper .gform_card_icon_jcb {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/styles/images/cards/jcb.svg);
}
.gform_wrapper .gform_card_icon_maestro {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/styles/images/cards/maestro.svg);
}
.gform_wrapper .ginput_card_security_code_icon {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/styles/images/cards/security-code.svg);
}
.gform_wrapper .ginput_card_expiration_container select {
flex-shrink: 0;
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left {
flex-shrink: 0;
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right {
flex-shrink: 0;
}
.gform_wrapper .gfield_price .ginput_container {
align-items: center;
display: flex;
flex-wrap: nowrap;
}
.gform_wrapper .gfield_price .ginput_container input {
flex-shrink: 1;
width: auto;
}
.gform_wrapper .gfield_price .ginput_container span {
margin-right: 1.6949152542%;
}
.gform_wrapper .ginput_product_price {
color: #22E0E0;
} .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title {
font-size: 20;
font-weight: normal;
}
.gform_wrapper .gf_progressbar {
background: #F3F4F5;
height: 2px;
line-height: 2px;
overflow: hidden;
}
.gform_wrapper .gf_progressbar_percentage {
font-size: #22E0E0;
height: 2px;
text-align: right;
}
.gform_wrapper .gf_progressbar_percentage span {
opacity: 0;
display: none;
}
.gform_wrapper .gf_progressbar_percentage.percentbar_0 span {
color: #22E0E0;
text-shadow: none;
}
.gform_wrapper .percentbar_blue {
background-color: #22E0E0;
color: #fff;
}
.gform_wrapper .percentbar_gray {
background-color: #22E0E0;
color: #fff;
}
.gform_wrapper .percentbar_green {
background-color: #22E0E0;
color: #fff;
}
.gform_wrapper .percentbar_orange {
background-color: #22E0E0;
color: #fff;
}
.gform_wrapper .percentbar_red {
background-color: #22E0E0;
color: #fff;
}
.gform_wrapper .gf_step span {
vertical-align: top;
}
.gform_wrapper .gf_step_active {
opacity: 1;
}
.gform_wrapper .gf_step_number {
font-size: 20;
} .gform_wrapper .gfield_html {
border-bottom: 1px solid #F3F4F5;
margin: 0 0 1rem;
padding: 0 0 1rem;
}
.gform_wrapper .gfield_html {
border-bottom: 0 none;
} .gform_wrapper select {
padding: 10px;
}
.gform_wrapper .ginput_container_multiselect select {
background: #fff;
padding: 0;
min-height: 10rem;
}
.gform_wrapper .ginput_container_multiselect select option {
padding: 1rem;
} .gform_wrapper table {
border: 0 none;
margin: 0;
}
.gform_wrapper table td {
border: 0 none;
padding: 0;
}
.gform_wrapper tbody {
border: 0 none;
}
.gform_wrapper .gfield_list_icons {
padding-left: 10px;
} .gform_wrapper .ginput_container textarea {
resize: none;
}
.gform_wrapper .ginput_container textarea.small, .gform_wrapper .ginput_container textarea.medium {
width: 100%;
}
.gform_wrapper .ginput_container textarea.small {
height: 5em;
}
.gform_wrapper .ginput_container textarea.medium {
height: 9.375em;
}
.gform_wrapper .ginput_container textarea.large {
height: 15.625em;
} .gform_wrapper .gform_drop_area {
width: 25rem;
border: 2px dashed #F3F4F5;
color: #F3F4F5;
margin: 0 0 1rem;
padding: 3rem;
text-align: center;
}
.gform_wrapper .gform_drop_area span {
display: block;
padding: 0 0 1rem;
}
.gform_wrapper .gform_drop_area input {
background-color: #22E0E0;
color: #fff;
border: none;
padding: 1rem;
outline: none;
display: inline-block;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
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;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[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;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
} .fancybox-caption {
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 25px 44px 25px 44px;
right: 0;
text-align: center;
z-index: 99996;
}
.fancybox-caption::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
content: '';
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -44px;
z-index: -1;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-caption {
padding: 12px;
}
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
.panel-layout .so-panel, .panel-grid {
margin-bottom: 0 !important;
}  .c-btn, .c-nav-main li:last-child a, .c-newsletter__form .gform_wrapper input[type=submit], .c-contact-form input[type=submit], .form-entry .gform_next_button, .form-entry input[type=submit], .form-entry .gform_previous_button {
display: inline-block;
text-decoration: none;
border-radius: 50px;
border: solid 2px black;
padding: .75em 1.25em;
font-size: 16;
line-height: 1.1875em;
font-weight: 700;
transition: .2s ease all;
}
.c-btn--primary, .c-newsletter__form .gform_wrapper input[type=submit], .c-contact-form input[type=submit], .form-entry .gform_next_button, .form-entry input[type=submit] {
background-color: black;
color: white;
}
.c-btn--primary:hover, .c-newsletter__form .gform_wrapper input:hover[type=submit], .c-contact-form input:hover[type=submit], .form-entry .gform_next_button:hover, .form-entry input:hover[type=submit], .c-btn--primary:focus, .c-newsletter__form .gform_wrapper input:focus[type=submit], .c-contact-form input:focus[type=submit], .form-entry .gform_next_button:focus, .form-entry input:focus[type=submit] {
background-color: white !important;
color: black !important;
}
.page-accent .c-btn--primary, .page-accent .c-newsletter__form .gform_wrapper input[type=submit], .c-newsletter__form .gform_wrapper .page-accent input[type=submit], .page-accent .c-contact-form input[type=submit], .c-contact-form .page-accent input[type=submit], .page-accent .form-entry .gform_next_button, .form-entry .page-accent .gform_next_button, .page-accent .form-entry input[type=submit], .form-entry .page-accent input[type=submit] {
background-color: #22E0E0;
color: white;
}
.page-accent .c-btn--primary:hover, .page-accent .c-newsletter__form .gform_wrapper input:hover[type=submit], .c-newsletter__form .gform_wrapper .page-accent input:hover[type=submit], .page-accent .c-contact-form input:hover[type=submit], .c-contact-form .page-accent input:hover[type=submit], .page-accent .form-entry .gform_next_button:hover, .form-entry .page-accent .gform_next_button:hover, .page-accent .form-entry input:hover[type=submit], .form-entry .page-accent input:hover[type=submit], .page-accent .c-btn--primary:focus, .page-accent .c-newsletter__form .gform_wrapper input:focus[type=submit], .c-newsletter__form .gform_wrapper .page-accent input:focus[type=submit], .page-accent .c-contact-form input:focus[type=submit], .c-contact-form .page-accent input:focus[type=submit], .page-accent .form-entry .gform_next_button:focus, .form-entry .page-accent .gform_next_button:focus, .page-accent .form-entry input:focus[type=submit], .form-entry .page-accent input:focus[type=submit] {
background-color: #D9FBFB;
}
.c-btn--secondary, .c-nav-main li:last-child a, .form-entry .gform_previous_button {
background-color: black;
color: white;
}
.c-btn--secondary:hover, .c-nav-main li:last-child a:hover, .form-entry .gform_previous_button:hover, .c-btn--secondary:focus, .c-nav-main li:last-child a:focus, .form-entry .gform_previous_button:focus {
background-color: white !important;
color: black !important;
}
.page-accent .c-btn--secondary, .page-accent .c-nav-main li:last-child a, .c-nav-main li:last-child .page-accent a, .page-accent .form-entry .gform_previous_button, .form-entry .page-accent .gform_previous_button {
background-color: #000000;
color: #D9FBFB;
}
.page-accent .c-btn--secondary:hover, .page-accent .c-nav-main li:last-child a:hover, .c-nav-main li:last-child .page-accent a:hover, .page-accent .form-entry .gform_previous_button:hover, .form-entry .page-accent .gform_previous_button:hover, .page-accent .c-btn--secondary:focus, .page-accent .c-nav-main li:last-child a:focus, .c-nav-main li:last-child .page-accent a:focus, .page-accent .form-entry .gform_previous_button:focus, .form-entry .page-accent .gform_previous_button:focus {
background-color: #D9FBFB;
color: white;
}
.c-link {
display: inline-block;
color: #22E0E0;
padding-bottom: .5em;
border-bottom: 1px solid #22E0E0;
text-decoration: none;
font-size: 16;
line-height: 1.1875em;
font-weight: 700;
}
.c-link:hover, .c-link:focus {
border-bottom-color: #00b3b3;
}
.c-link-wrapper--accent .c-link {
color: #22E0E0;
border-bottom-color: #22E0E0;
}
.c-link-wrapper--accent .c-link:hover, .c-link-wrapper--accent .c-link:focus {
color: #22E0E0;
border-bottom-color: #22E0E0;
}
.c-btn--mobile {
background-color: #22E0E0;
padding: .75em 1em;
border-radius: 7px;
outline: 0;
}
.c-btn--mobile:hover, .c-btn--mobile:focus {
background-color: #22E0E0;
}
.c-btn--mobile svg {
display: block;
height: 1em;
width: 1em;
fill: white;
}
@media (min-width: 961px) {
.c-btn--mobile {
display: none;
}
}
.c-link-wrapper {
margin-top: 1.5em;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
font-size: 16;
line-height: 1.5625em;
font-weight: 400;
padding: .75em 1.25em;
background-color: white;
border: 1px solid #C2BFC0;
border-radius: .4rem;
box-shadow: none;
box-sizing: border-box;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
}
textarea {
min-height: 6rem;
padding: 1rem;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #22E0E0;
outline: 0;
}
select {
background: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/sprites/src/icon-dropdown.svg) no-repeat 99% center;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
padding-right: 30px !important;
}
select::-ms-expand {
display: none;
}
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 600;
}
fieldset {
padding: 0;
border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
display: inline;
}
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal;
}
.gform_wrapper .validation_error {
background-color: rgba(218, 35, 39, 0.7);
color: white;
margin-bottom: 1em;
padding: .5em 1rem;
font-size: 0.875rem;
display: none;
}
.gform_wrapper .validation_message {
background-color: rgba(218, 35, 39, 0.7);
color: white;
margin: 0;
padding: 8px 10px;
font-size: 0.75rem;
}
@media (max-width: 960px) {
.c-nav-main {
position: fixed;
left: 0;
top: 0;
background-color: white;
z-index: 100;
height: 100%;
transform: translateX(-100%);
transition: .2s ease transform;
}
}
.c-nav-main #menu-item-137 {
margin-top: -10px;
}
.c-nav-main .sub-menu {
display: block !important;
width: 230px !important;
}
.c-nav-main .sub-menu a {
padding: 0px !important;
background: none !important;
border: 0px !important;
color: #000000 !important;
font-size: 16px;
}
.c-nav-main .sub-menu li {
background: none !important;
padding: 0px !important;
display: none !important;
}
.c-nav-main ul {
margin: 0;
padding: 0;
display: flex;
align-items: baseline;
}
@media (max-width: 960px) {
.c-nav-main ul {
flex-direction: column;
align-items: stretch;
}
}
.c-nav-main li {
list-style-type: none;
}
.c-nav-main li:hover .sub-menu li {
display: block !important;
}
.c-nav-main li:not(:last-child) {
margin: 0 1.5em 0 0;
}
@media (max-width: 1251px) {
.c-nav-main li:not(:last-child) {
margin: 0 1em 0 0;
}
}
@media (max-width: 960px) {
.c-nav-main li:not(:last-child) {
margin: 0;
}
}
@media (max-width: 1063px) and (min-width: 961px) {
.c-nav-main li:last-child a {
font-size: 14;
line-height: 1.14286em;
}
}
.c-nav-main a {
font-size: 18;
line-height: 1.16667em;
font-weight: 700;
color: #000000;
text-decoration: none;
}
@media (max-width: 1251px) and (min-width: 1064px) {
.c-nav-main a {
font-size: 16;
line-height: 1.125em;
}
}
@media (max-width: 1063px) and (min-width: 961px) {
.c-nav-main a {
font-size: 14;
line-height: 1.14286em;
}
}
@media (max-width: 960px) {
.c-nav-main a {
display: block;
padding: 1em 3em 1em 1em;
}
}
.c-nav-main a:hover, .c-nav-main a:focus {
color: #22E0E0;
}
@media (max-width: 960px) {
.c-nav-main a:hover, .c-nav-main a:focus {
background-color: #22E0E0;
color: #22E0E0;
}
}
.c-nav-main li.current-menu-item a {
color: #22E0E0;
}
@media (max-width: 960px) {
.c-nav-main--active {
transform: translateX(0);
}
}
.c-nav-secondary {
display: flex;
margin: 0;
padding: 0;
}
.c-nav-secondary li {
list-style-type: none;
}
.c-nav-secondary li:not(:last-child) {
margin-right: 2em;
}
.c-nav-secondary li a {
color: black;
}
.c-nav-secondary li a:hover {
color: #22E0E0;
}
.c-nav-footer {
margin: 0;
padding: 0;
}
.c-nav-footer li {
list-style-type: none;
}
.c-nav-footer li:not(:last-child) {
margin-bottom: 1em;
}
.c-nav-footer a {
color: #000000;
text-decoration: none;
font-size: 18;
line-height: 1.33333em;
font-weight: 700;
}
.c-nav-legal {
display: flex;
margin: 0;
padding: 1em 0;
}
.c-nav-legal li {
list-style-type: none;
}
.c-nav-legal li:not(:last-child) {
margin-right: 2em;
}
.c-nav-legal a {
text-decoration: none;
font-size: 14;
line-height: 1.14286em;
font-weight: 300;
}
.c-slider {
overflow: hidden;
}
.c-slider img {
display: block;
width: 100%;
height: auto;
}
.c-slider .slick-arrow {
background-color: transparent;
border: none;
width: 55px;
height: 55px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
text-indent: -9999px;
outline: 0;
}
.c-slider .slick-arrow:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
background-color: white;
width: 55px;
height: 55px;
transform: rotate(45deg);
transition: .2s ease all;
}
.c-slider .slick-arrow:after {
position: absolute;
display: block;
top: 50%;
content: "";
}
.c-slider .slick-arrow:hover:before, .c-slider .slick-arrow:focus:before {
background-color: #22E0E0;
}
.c-slider .slick-prev {
left: -27.5px;
}
.c-slider .slick-prev:after {
border-top: 6.4px solid transparent;
border-bottom: 6.4px solid transparent;
border-right: 8px solid #22E0E0;
right: 13.75px;
transform: translateY(-50%);
transition: .2s ease all;
}
.c-slider .slick-prev:hover:after, .c-slider .slick-prev:focus:after {
border-right-color: white;
}
.c-slider .slick-next {
right: -27.5px;
}
.c-slider .slick-next:after {
border-top: 6.4px solid transparent;
border-bottom: 6.4px solid transparent;
border-left: 8px solid #22E0E0;
left: 13.75px;
transform: translateY(-50%);
transition: .2s ease all;
}
.c-slider .slick-next:hover:after, .c-slider .slick-next:focus:after {
border-left-color: white;
}
.c-header__top {
background: linear-gradient(to right, transparent 0%, transparent 30%, white 30%, #F3F4F5 100%);
font-size: 14;
font-weight: 300;
}
.c-header__top .o-container {
display: flex;
justify-content: flex-end;
align-items: center;
height: 42px;
}
.c-header__top a {
display: block;
text-decoration: none;
}
.c-header__bottom .o-container {
display: flex;
align-items: center;
justify-content: space-between;
height: 135px;
}
@media (max-width: 600px) {
.c-header__bottom .o-container {
height: auto;
padding: 1em;
}
}
.c-header__logo {
display: block;
font-size: 0;
background: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/compressed/Aedificas_Embuild_logo.png) no-repeat center center;
background-size: cover;
width: 200px;
height: 128px;
margin-bottom: 20px;
flex: 0 0 auto;
}
@media (max-width: 1251px) {
.c-header__logo {
width: 150px;
height: 90px;
}
}
.c-footer__logo {
display: block;
font-size: 0;
background: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/compressed/logo-aedificas-bg.png) no-repeat center center;
background-size: cover;
width: 200px;
height: 128px;
margin-bottom: 1rem;
}
.c-footer-details {
position: relative;
background: #000000;
z-index: 1;
overflow: hidden;
}
@media (max-width: 960px) {
.c-footer-details {
background: #000000;
}
}
@media (max-width: 767px) {
.c-footer-details {
background: none;
}
}
.c-footer-details:before {
position: absolute;
left: calc(40% - 1px);
top: 0;
content: "";
border-bottom: 500px solid #000000;
border-right: 500px solid transparent;
z-index: -1;
}
@media (max-width: 1300px) {
.c-footer-details:before {
border-right-width: 300px;
}
}
@media (max-width: 960px) {
.c-footer-details:before {
display: none;
}
}
.c-footer-details:after {
position: absolute;
right: 0;
top: 0;
display: block;
width: 60%;
height: 100%;
content: "";
background: linear-gradient(to top, white 0%, white 50px, #F3F4F5 50px, #F3F4F5 calc(100% - 50px), white calc(100% - 50px), white 100%);
z-index: -2;
}
@media (max-width: 960px) {
.c-footer-details:after {
width: 50%;
}
}
@media (max-width: 767px) {
.c-footer-details:after {
display: none;
}
}
.c-footer-details .o-container {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.c-footer-details .o-container {
flex-direction: column;
}
}
.c-footer-details strong {
font-family: "DM Sans", serif;
margin-bottom: 1em;
font-size: 15px;
font-size: 19;
line-height: 1.47368em;
font-weight: 700;
}
.c-footer-details strong small {
font-size: 16;
line-height: 1.75em;
}
.c-footer-details__text {
font-size: 16;
line-height: 1.3125em;
font-weight: 300;
margin: 2em 0 0 0;
}
.c-footer-details-left {
width: 50%;
color: white;
padding: 1em 0 2em 0;
}
@media (max-width: 1300px) {
.c-footer-details-left {
width: 45%;
}
}
@media (max-width: 767px) {
.c-footer-details-left {
width: 100%;
padding: 1em 2em 2em 2em;
background-color: #22E0E0;
}
}
.c-footer-details-left a {
color: white;
}
.c-footer-details-left a:hover, .c-footer-details-left a:focus {
color: #22E0E0;
}
.c-footer-details-right {
width: 45%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 960px) {
.c-footer-details-right {
width: 45%;
}
}
@media (max-width: 767px) {
.c-footer-details-right {
width: 100%;
}
}
.c-footer-details-right a {
color: black;
}
.c-footer-details-right a:hover {
color: #22E0E0;
}
.c-footer-details-right__top {
display: flex;
margin-top: calc(50px + 2em);
}
@media (max-width: 767px) {
.c-footer-details-right__top {
justify-content: center;
margin-top: 2rem;
}
}
.c-footer-details-right__bottom {
display: flex;
justify-content: flex-end;
}
@media (max-width: 767px) {
.c-footer-details-right__bottom {
justify-content: center;
margin-top: 2rem;
}
}
.c-footer-contact {
margin-left: 30%;
}
@media (max-width: 960px) {
.c-footer-contact {
margin-left: 2em;
}
}
.c-footer-contact ul {
margin: 0;
padding: 0;
}
.c-footer-contact li {
list-style-type: none;
font-size: 16;
line-height: 1.5625em;
font-weight: 300;
}
.c-footer-contact__title {
font-size: 20;
line-height: 1.25em;
margin: 0 0 .5em 0;
}
.c-footer-banner {
color: #000000;
border-top: 1px solid #000000;
padding: 1em 0;
font-size: 16;
line-height: 1.5625em;
font-weight: 500;
}
.c-footer-banner .o-container {
display: flex;
align-items: center;
justify-content: center;
}
.c-footer-banner__logo {
width: 167px;
height: 36px;
margin-left: 2em;
} .c-cookie {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 100;
padding: 2em 0;
background-color: white;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
display: none;
}
@media (max-width: 600px) {
.c-cookie {
padding: 1em 0;
}
}
.c-cookie .o-container {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.c-cookie__text {
display: block;
font-size: 16;
line-height: 1.5625em;
font-weight: 300;
}
@media (max-width: 600px) {
.c-cookie__text {
margin-bottom: 1em;
}
}
.c-cookie__btns {
display: flex;
align-items: center;
}
@media (max-width: 600px) {
.c-cookie__btns {
width: 100%;
justify-content: space-between;
}
}
.c-cookie__btns a:not(:last-child) {
margin-right: 1em;
}
.c-hamburger {
width: 3rem;
height: 2.2rem;
cursor: pointer;
margin: 0 0 0 2rem;
position: relative;
display: none;
}
@media (max-width: 766.98px) {
.c-hamburger {
display: block;
}
}
.c-hamburger.is-open span:nth-child(1) {
transform: rotate(135deg);
margin-top: 10px;
}
.c-hamburger.is-open span:nth-child(2) {
opacity: 0;
right: -75px;
}
.c-hamburger.is-open span:nth-child(3) {
transform: rotate(-135deg);
margin-top: 10px;
}
.c-hamburger span {
display: block;
position: absolute;
left: 0;
height: .1rem;
width: 3rem;
background-color: #22E0E0;
opacity: 1;
right: 0px;
transition: all 0.25s ease-in-out 0s;
transform: rotate(0deg);
}
.c-hamburger span:nth-child(1) {
margin-top: 0px;
}
.c-hamburger span:nth-child(2) {
margin-top: 10px;
margin-right: 0px;
}
.c-hamburger span:nth-child(3) {
margin-top: 20px;
}
.c-hero {
position: relative; background-size: cover; width: 100%;
overflow: hidden;
margin-bottom: 6rem;
}
@media (max-width: 960px) {
.c-hero {
height: auto;
margin-bottom: 3rem;
}
}
@media (max-width: 600px) {
.c-hero {
height: auto;
padding: 1em;
margin-bottom: 2rem;
}
}
.c-hero:after {
position: absolute;
top: 0;
left: calc(-850px + 99px + (18px * 2) + 42px);
display: block;
content: "";
background-color: #D9FBFB; height: 1700px;
width: 2100px;
transform: rotate(-45deg);
z-index: 1;
opacity: .8;
}
@supports (mix-blend-mode: hard-light) {
.c-hero:after {
mix-blend-mode: hard-light;
}
}
.c-hero .c-link {
margin-top: 1em;
color: black;
display: none !important;
}
.c-hero .c-link:last-child {
margin-top: .5em;
}
.c-hero .video-banner-container { padding-bottom: 20%;
overflow: hidden;
width: 100% !important;
height: 100% !important;
position: relative !important;
min-width: 100% !important;
max-height: 100% !important;
}
.c-hero .video-banner-container iframe {
width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
position: absolute !important;
}
@media (max-width: 600px) {
.c-hero .video-banner-container iframe {
position: relative !important;
height: 280px !important;
margin-bottom: -100px !important;
}
}
.c-hero__content {
position: relative;
z-index: 9999;
margin-bottom: 4rem;
margin-top: 2rem;
color: black;
width: 50%;
margin-top: 200px;
}
@media (max-width: 1100px) {
.c-hero__content {
width: 75%;
}
}
@media (max-width: 960px) {
.c-hero__content {
margin-top: 150px;
padding: 2em 0;
}
}
@media (max-width: 600px) {
.c-hero__content {
width: 100%;
padding: .5em 0;
}
}
.c-hero__content .c-btn, .c-hero__content .c-nav-main li:last-child a, .c-nav-main li:last-child .c-hero__content a, .c-hero__content .c-newsletter__form .gform_wrapper input[type=submit], .c-newsletter__form .gform_wrapper .c-hero__content input[type=submit], .c-hero__content .c-contact-form input[type=submit], .c-contact-form .c-hero__content input[type=submit], .c-hero__content .form-entry .gform_next_button, .form-entry .c-hero__content .gform_next_button, .c-hero__content .form-entry input[type=submit], .form-entry .c-hero__content input[type=submit], .c-hero__content .form-entry .gform_previous_button, .form-entry .c-hero__content .gform_previous_button {
margin: 1em 0;
}
.c-hero__pre-title {
opacity: .4;
text-transform: uppercase;
font-size: 14;
line-height: 1.14286em;
font-weight: 400;
letter-spacing: 2pt;
}
.c-hero__title {
margin: .25em 0 .5em 0;
}
.c-hero__text {
font-size: 16;
line-height: 1.5625em;
}
.c-language-switch {
position: relative;
margin-left: 2em;
display: flex;
align-items: center;
}
.c-language-switch:after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #22E0E0;
margin-left: .5em;
}
.c-language-switch:hover .c-language-switch__other-languages {
display: block;
}
.c-language-switch__current {
display: block;
padding: 1em 0;
}
.c-language-switch__other-languages {
position: absolute;
left: 0;
top: 100%;
display: none;
margin: 0;
padding: 0;
background-color: white;
}
.c-language-switch__other-languages li {
list-style-type: none;
}
.c-language-switch__other-languages a {
display: block;
padding: .5em;
color: #22E0E0;
}
.c-newsletter {
border-top: 1px solid #DBDBDB;
padding: 6rem 0;
}
.c-newsletter__title {
color: #22E0E0;
text-align: center;
}
.c-newsletter__text {
width: 80%;
margin: 0 auto;
text-align: center;
font-size: 16;
line-height: 1.5625em;
}
.c-newsletter__form {
width: 90%;
margin: 0 auto;
}
.c-newsletter__form .gform_wrapper form {
display: flex;
align-items: center;
}
@media (max-width: 960px) {
.c-newsletter__form .gform_wrapper form {
flex-direction: column;
align-items: stretch;
}
}
.c-newsletter__form .gform_wrapper label {
display: none;
}
.c-newsletter__form .gform_wrapper .gform_fields {
display: flex;
}
@media (max-width: 600px) {
.c-newsletter__form .gform_wrapper .gform_fields {
flex-direction: column;
}
}
.c-newsletter__form .gform_wrapper .gform_fields li {
flex: 1 0 auto;
}
.c-newsletter__form .gform_wrapper .gform_fields li:not(:last-child) {
margin-right: 1em;
}
.c-newsletter__form .gform_wrapper .gform_body {
flex: 1 0 auto;
}
.c-article {
position: relative;
height: 250px;
display: flex;
align-items: flex-end;
padding: 1em;
text-decoration: none;
}
@media (max-width: 960px) and (min-width: 768px) {
.c-article {
height: 200px;
}
}
@media (max-width: 767px) {
.c-article {
margin-bottom: 2rem;
}
}
@media (max-width: 600px) {
.c-article {
height: 200px;
}
}
.c-article:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-shadow: rgba(34, 224, 224, 0.2) 0 0 34px 0;
opacity: 0;
transition: .2s ease all;
}
.c-article:hover, .c-article:focus {
cursor: pointer;
}
.c-article:hover:after, .c-article:focus:after {
opacity: 1;
}
.c-article:hover .c-article__type, .c-article:focus .c-article__type {
background-color: rgba(34, 224, 224, 0.3);
color: white;
}
.c-article--accent:after {
box-shadow: rgba(34, 224, 224, 0.2) 0 0 34px 0;
}
.c-article--accent:hover .c-article__type, .c-article--accent:focus .c-article__type {
background-color: rgba(34, 224, 224, 0.3);
color: white;
}
.c-article__background {
position: absolute;
background: #F3F9FB no-repeat center center;
background-size: cover;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
transition: .2s ease all;
}
.c-article__background:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(243, 249, 251, 0.95);
}
.c-article__title {
color: #000000;
margin: 0;
transition: .2s ease all;
font-size: 24;
line-height: 1.33333em;
font-weight: 700;
}
@media (max-width: 960px) and (min-width: 768px) {
.c-article__title {
font-size: 20;
}
}
.c-article__type {
display: inline-block;
background-color: white;
color: #22E0E0;
padding: .5em;
margin-top: 1em;
text-transform: uppercase;
transition: .2s ease all;
font-size: 13;
line-height: 1.15385em;
font-weight: 500;
letter-spacing: 0.87pt;
}
.c-articles {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/compressed/background_featured-blog-items.png) !important;
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
z-index: -3;
width: 100%;
}
.c-articles .o-container {
position: relative;
z-index: 3;
}
.c-featured-award__wrapper {
position: relative;
padding: 3em;
}
.c-featured-award__wrapper--banner {
padding: 0 3em 5em 3em;
overflow: hidden;
}
@media (max-width: 767px) {
.c-featured-award__wrapper--banner {
padding: 0;
}
}
.c-featured-award__background {
position: absolute;
top: 0;
left: 0;
background: no-repeat center center;
background-size: cover;
width: 100%;
height: 100%;
}
.c-featured-award__background:before, .c-featured-award__background:after {
position: absolute;
left: 0;
top: 0;
background-color: #F3F9FB;
content: "";
width: 100%;
height: 100%;
}
.c-featured-award__background:before {
z-index: 1;
background: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/compressed/hand-fill.svg) left top no-repeat;
background-size: cover;
}
.c-featured-award__background:after {
z-index: 0;
}
@supports (mix-blend-mode: hard-light) {
.c-featured-award__background:after {
mix-blend-mode: hard-light;
}
}
.c-featured-award__background--banner {
top: 4em;
}
.c-featured-award {
position: relative;
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.c-featured-award {
padding: 2em;
flex-direction: column;
}
}
.c-featured-award > div:first-child {
flex: 0 0 35%;
}
.c-featured-award > div:last-child {
flex: 0 0 60%;
}
@media (max-width: 767px) {
.c-featured-award > div {
flex: 0 0 100%;
}
.c-featured-award > div:first-child {
margin-bottom: 2rem;
}
}
.c-featured-award .c-link {
color: #000000;
border-bottom-color: #000000;
}
.c-featured-award .c-link:hover, .c-featured-award .c-link:focus {
color: #22E0E0;
border-bottom-color: #22E0E0;
}
.c-featured-award__content {
position: relative;
color: black;
z-index: 10;
}
.c-featured-award__content .c-btn--primary, .c-featured-award__content .c-newsletter__form .gform_wrapper input[type=submit], .c-newsletter__form .gform_wrapper .c-featured-award__content input[type=submit], .c-featured-award__content .c-contact-form input[type=submit], .c-contact-form .c-featured-award__content input[type=submit], .c-featured-award__content .form-entry .gform_next_button, .form-entry .c-featured-award__content .gform_next_button, .c-featured-award__content .form-entry input[type=submit], .form-entry .c-featured-award__content input[type=submit] {
background-color: #000000;
color: white;
}
.c-featured-award__content .c-btn--primary:hover, .c-featured-award__content .c-newsletter__form .gform_wrapper input:hover[type=submit], .c-newsletter__form .gform_wrapper .c-featured-award__content input:hover[type=submit], .c-featured-award__content .c-contact-form input:hover[type=submit], .c-contact-form .c-featured-award__content input:hover[type=submit], .c-featured-award__content .form-entry .gform_next_button:hover, .form-entry .c-featured-award__content .gform_next_button:hover, .c-featured-award__content .form-entry input:hover[type=submit], .form-entry .c-featured-award__content input:hover[type=submit], .c-featured-award__content .c-btn--primary:focus, .c-featured-award__content .c-newsletter__form .gform_wrapper input:focus[type=submit], .c-newsletter__form .gform_wrapper .c-featured-award__content input:focus[type=submit], .c-featured-award__content .c-contact-form input:focus[type=submit], .c-contact-form .c-featured-award__content input:focus[type=submit], .c-featured-award__content .form-entry .gform_next_button:focus, .form-entry .c-featured-award__content .gform_next_button:focus, .c-featured-award__content .form-entry input:focus[type=submit], .form-entry .c-featured-award__content input:focus[type=submit] {
background-color: #22E0E0;
color: #000000;
}
.c-featured-award__pre-title {
text-transform: uppercase;
font-size: 14;
line-height: 1.14286em;
letter-spacing: 2pt;
}
.c-featured-award__title {
font-size: 36;
line-height: 1.33333em;
font-weight: 700;
margin: .5em 0;
}
.c-featured-award__text {
font-size: 16;
line-height: 1.5625em;
margin-bottom: 2em;
}
.c-featured-award__projects {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
z-index: 10;
}
.c-featured-award__project {
position: relative;
width: 47.5%;
height: auto;
background: no-repeat center center;
background-size: cover;
margin-bottom: 1em;
padding: 1em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
}
.c-featured-award__project span {
display: block;
position: relative;
z-index: 1;
}
.c-featured-award__project:after {
position: absolute;
left: 0;
top: 0;
background-color: #F3F9FB;
content: "";
width: 100%;
height: 100%;
z-index: 0;
opacity: .95;
transition: all .3s;
}
.c-featured-award__project:hover:after, .c-featured-award__project:focus:after {
opacity: 7;
}
.c-featured-award__project-title {
font-family: "DM Sans", serif;
margin-bottom: 1em;
color: #000000;
font-size: 24;
line-height: 1.33333em;
font-weight: 700;
width: 100%;
}
.c-other-awards {
margin: 2rem 0 0 0;
}
.c-other-award {
position: relative;
display: flex;
align-items: flex-end;
height: 150px;
padding: 1em;
text-decoration: none;
}
.c-other-award:after {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
box-shadow: rgba(34, 224, 224, 0.3) 0 0 34px 0;
transition: .2s ease all;
opacity: 0;
}
.c-other-award:hover:after, .c-other-award:focus:after {
opacity: .7;
}
.c-other-award__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
}
.c-other-award__background:before, .c-other-award__background:after {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
}
.c-other-award__background:after {
background-color: #D9FBFB;
z-index: 0;
opacity: .95;
transition: all .3s;
}
.c-other-award__background:hover:after, .c-other-award__background:focus:after {
opacity: 7;
}
.c-other-award__title {
position: relative;
font-family: "DM Sans", serif;
color: #000000;
z-index: 10;
font-size: 24;
line-height: 1.33333em;
font-weight: 700;
}
.c-award-category {
display: inline-block;
border: 1px solid #000000;
color: #000000;
padding: .5em .75em;
text-transform: uppercase;
font-size: 13;
line-height: 1.15385em;
font-weight: 500;
letter-spacing: 0.87pt;
}
.c-award-banner .c-award-category {
border-color: #000000;
color: #000000;
}
.c-award-banner {
position: relative;
background-color: #22E0E0;
color: black;
margin: 0 0 5em 0;
padding: 2em;
display: flex;
z-index: 20;
}
@media (max-width: 960px) {
.c-award-banner {
flex-direction: column;
}
}
@media (max-width: 767px) {
.c-award-banner {
padding: 1em;
margin: 0;
}
}
.c-award-banner .c-btn--secondary, .c-award-banner .c-nav-main li:last-child a, .c-nav-main li:last-child .c-award-banner a, .c-award-banner .form-entry .gform_previous_button, .form-entry .c-award-banner .gform_previous_button {
background-color: #000000;
color: #ffffff;
}
.c-award-banner .c-btn--secondary:hover, .c-award-banner .c-nav-main li:last-child a:hover, .c-nav-main li:last-child .c-award-banner a:hover, .c-award-banner .form-entry .gform_previous_button:hover, .form-entry .c-award-banner .gform_previous_button:hover, .c-award-banner .c-btn--secondary:focus, .c-award-banner .c-nav-main li:last-child a:focus, .c-nav-main li:last-child .c-award-banner a:focus, .c-award-banner .form-entry .gform_previous_button:focus, .form-entry .c-award-banner .gform_previous_button:focus {
background-color: #D9FBFB;
color: white;
}
.c-award-banner--standalone {
margin: 0;
}
.c-award-banner__text {
flex: 1 1 auto;
font-family: "DM Sans", serif;
font-size: 24;
line-height: 1.5em;
}
@media (max-width: 960px) {
.c-award-banner__text {
margin-bottom: 1em;
text-align: center;
}
}
.c-award-banner__right {
display: flex;
align-items: center;
flex: 0 0 auto;
margin-left: 5%;
}
@media (max-width: 960px) {
.c-award-banner__right {
justify-content: center;
}
}
@media (max-width: 767px) {
.c-award-banner__right {
flex-direction: column;
margin-left: 0;
}
}
.c-award-banner__right .c-btn, .c-award-banner__right .c-nav-main li:last-child a, .c-nav-main li:last-child .c-award-banner__right a, .c-award-banner__right .c-newsletter__form .gform_wrapper input[type=submit], .c-newsletter__form .gform_wrapper .c-award-banner__right input[type=submit], .c-award-banner__right .c-contact-form input[type=submit], .c-contact-form .c-award-banner__right input[type=submit], .c-award-banner__right .form-entry .gform_next_button, .form-entry .c-award-banner__right .gform_next_button, .c-award-banner__right .form-entry input[type=submit], .form-entry .c-award-banner__right input[type=submit], .c-award-banner__right .form-entry .gform_previous_button, .form-entry .c-award-banner__right .gform_previous_button {
flex: 0 0 auto;
}
.c-award-banner__categories {
display: flex;
flex-direction: column;
justify-content: space-around;
flex: 1 1 auto;
margin: 0 1em 0 0;
padding: 0;
}
@media (max-width: 960px) {
.c-award-banner__categories {
flex: 0 0 auto;
}
}
@media (max-width: 767px) {
.c-award-banner__categories {
flex-direction: row;
justify-content: center;
margin: 0 0 1em 0;
}
}
.c-award-banner__categories li {
list-style-type: none;
}
.c-award-banner__categories li:not(:last-child) {
margin-bottom: 1em;
}
@media (max-width: 767px) {
.c-award-banner__categories li:not(:last-child) {
margin: 0 1em 0 0;
}
}
.c-project-banner {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 2em;
background: no-repeat center center;
background-size: cover;
}
.c-project-banner:before, .c-project-banner:after {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
background-color: #22E0E0;
}
.c-project-banner:before {
z-index: 1;
opacity: .9;
}
.c-project-banner:after {
display: block;
z-index: 0;
}
@supports (mix-blend-mode: hard-light) {
.c-project-banner:after {
mix-blend-mode: hard-light;
}
}
.page-accent .c-project-banner {
background-color: #22E0E0;
}
.page-accent .c-project-banner:before, .page-accent .c-project-banner:after {
background-color: #000000;
}
.c-project-banner__content {
position: relative;
z-index: 10;
width: 100%;
height: 100%;
padding: 2em 2em 2em 4em;
}
@media (max-width: 767px) {
.c-project-banner__content {
padding: 85px 1em 1em 1em;
}
}
.c-project-banner__title {
display: block;
color: white;
margin-bottom: 1em;
font-family: "DM Sans", serif;
font-size: 24;
line-height: 1.33333em;
font-weight: 400;
}
.c-project-banner__title strong {
font-weight: 700;
}
.page-accent .c-project-banner__title {
color: #000000;
}
.c-project-banner__text {
width: calc(100% - 370px);
}
@media (max-width: 767px) {
.c-project-banner__text {
text-align: center;
width: auto;
}
}
.c-project-banner__image {
display: block;
position: absolute;
right: 2em;
top: -2em;
width: 338px;
height: 200px;
}
@media (max-width: 960px) {
.c-project-banner__image {
top: 2em;
}
}
@media (max-width: 767px) {
.c-project-banner__image {
margin: 0 auto;
left: 0;
right: 0;
bottom: auto;
top: -25px;
height: 100px;
width: auto;
}
}
.c-posts {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6rem;
}
@media (max-width: 960px) {
.c-posts {
margin-top: 4rem;
}
}
@media (max-width: 600px) {
.c-posts {
margin-top: 3rem;
flex-direction: column;
}
}
.c-posts__title {
color: #22E0E0;
text-align: center;
}
.page-accent .c-posts__title {
color: #000000;
}
.c-post {
display: flex;
width: 47.5%;
margin-bottom: 2em;
}
@media (max-width: 960px) {
.c-post {
flex-direction: column;
}
}
@media (max-width: 600px) {
.c-post {
width: 100%;
}
}
.c-post__image {
position: relative;
width: 270px;
height: 150px;
background: no-repeat center center;
background-size: cover;
flex: 0 0 auto;
margin-right: 2rem;
}
.c-posts--awards .c-post__image:before, .c-posts--awards .c-post__image:after {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
}
.c-posts--awards .c-post__image:before {
background-color: white;
z-index: 0;
opacity: .7;
transition: .2s ease all;
}
.c-posts--awards .c-post__image:after {
background-color: #000000;
z-index: 0;
}
@supports (mix-blend-mode: hard-light) {
.c-posts--awards .c-post__image:after {
mix-blend-mode: hard-light;
}
}
.c-post__image:hover:before {
opacity: 0;
}
@media (max-width: 960px) {
.c-post__image {
margin: 0 0 1rem 0;
}
}
@media (max-width: 600px) {
.c-post__image {
width: 100%;
height: 150px;
margin: 0 0 1rem 0;
}
}
.c-post__title {
margin: 0;
color: #22E0E0;
font-size: 18;
line-height: 1.77778em;
font-weight: 700;
}
.c-post__title a {
text-decoration: none;
}
.c-post__title a:hover, .c-post__title a:focus {
color: #22E0E0;
}
.page-accent .c-post__title {
color: #000000;
}
.c-post__text {
font-size: 14;
line-height: 1.78571em;
font-weight: 300;
margin: 1em 0;
}
.c-post__date {
font-size: 12;
font-weight: 300;
font-style: italic;
}
.c-post__link {
color: #22E0E0;
font-size: 14;
line-height: 1.78571em;
}
.c-post__link:hover, .c-post__link:focus {
color: #22E0E0;
}
.page-accent .c-post__link {
color: #D9FBFB;
}
.page-accent .c-post__link:hover, .page-accent .c-post__link:focus {
color: #22E0E0;
}
.c-map {
position: relative;
}
.c-map .o-container {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
}
@media (max-width: 600px) {
.c-map .o-container {
position: relative;
display: block;
background-color: white;
}
}
.c-map__map {
height: 400px;
}
@media (max-width: 600px) {
.c-map__map {
height: 200px;
}
}
.c-map__location {
background-color: white;
padding: 2em 4em 2em 2em;
}
@media (max-width: 600px) {
.c-map__location {
padding: 2rem 0;
}
}
.c-map__location .c-list {
font-size: 16;
line-height: 1.5625em;
font-weight: 300;
}
.c-map__location a {
color: #00b3b3;
}
.c-map__location a:hover, .c-map__location a:focus {
color: #22E0E0;
}
.c-list {
margin: 0;
padding: 0;
}
.c-list-icon {
list-style-type: none;
display: flex;
align-items: center;
}
.c-list-icon:not(:last-child) {
margin-bottom: .75em;
}
.c-list-icon:before {
flex: 0 0 auto;
content: "";
width: 20px;
height: 20px;
background: no-repeat center center;
background-size: contain;
display: block;
margin-right: 1em;
}
.c-list-icon--location:before {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/compressed/icon-location.svg);
}
.c-list-icon--email:before {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/compressed/icon-email.svg);
}
.c-list-icon--phone:before {
background-image: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/compressed/icon-phone.svg);
}
.c-contact-form .gform_fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 600px) {
.c-contact-form .gform_fields {
flex-direction: column;
}
}
.c-contact-form .gform_fields li {
width: 47.5%;
}
@media (max-width: 600px) {
.c-contact-form .gform_fields li {
width: 100%;
}
}
.c-contact-form .gform_fields li.full {
width: 100%;
}
.c-contact-form .gform_fields li.full input, .c-contact-form .gform_fields li.full select {
width: 47.5%;
}
@media (max-width: 600px) {
.c-contact-form .gform_fields li.full input, .c-contact-form .gform_fields li.full select {
width: 100%;
}
}
.c-contact-form .gform_fields li.full textarea {
width: 75%;
}
@media (max-width: 600px) {
.c-contact-form .gform_fields li.full textarea {
width: 100%;
}
}
@media (min-width: 601px) {
.form-entry .gform_body {
box-shadow: 12px 15px 20px rgba(0, 0, 0, 0.1);
padding: 2em;
border: 1px solid #F3F4F5;
}
}
.form-entry .gf_page_steps {
display: flex;
background-color: #F3F4F5;
margin-bottom: 2em;
}
@media (max-width: 1100px) {
.form-entry .gf_page_steps {
flex-wrap: wrap;
}
}
.page-accent .form-entry .gf_page_steps {
background-color: #000000;
}
.form-entry .gf_step {
display: flex;
align-items: center;
padding: 1em;
border-bottom: 3px solid transparent;
font-size: 0.875rem;
}
.form-entry .gf_step:not(:last-of-type) {
border-right: 1px solid #C2BFC0;
}
@media (max-width: 1100px) {
.form-entry .gf_step {
flex: 1;
order: 0;
}
}
@media (max-width: 767px) {
.form-entry .gf_step {
flex: 1 0 auto;
width: 100%;
border-bottom: 0;
border-left: 3px solid transparent;
}
}
.page-accent .form-entry .gf_step:not(:last-of-type) {
border-right: 1px solid #22E0E0;
}
.form-entry .gf_step_last {
border-right: 0 !important;
}
.form-entry .gf_step_active {
background-color: #22E0E0;
color: white;
font-weight: 700;
border-bottom-color: #22E0E0;
flex: 0 0 auto;
font-size: 1rem;
}
@media (max-width: 1100px) {
.form-entry .gf_step_active {
width: 100%;
order: -1;
}
}
@media (max-width: 767px) {
.form-entry .gf_step_active {
order: 0;
border-left-color: #22E0E0;
}
}
.page-accent .form-entry .gf_step_active {
background-color: #D9FBFB;
color: white;
border-bottom-color: #22E0E0;
}
.form-entry .gf_step_number {
flex: 0 0 auto;
display: block;
height: 30px;
width: 30px;
line-height: 30px;
background-color: #22E0E0;
color: #22E0E0;
border-radius: 50%;
text-align: center;
margin-right: .5em;
}
.page-accent .form-entry .gf_step_number {
background-color: #000000;
color: #22E0E0;
}
.form-entry .gfield:not(:last-child) {
margin-bottom: 2em;
}
.form-entry .gfield_label {
margin: 0 0 1em 0;
flex: 0 0 auto;
}
.form-entry .ginput_container {
width: 100%;
}
.form-entry .ginput_container input, .form-entry .ginput_container textarea {
border: 0;
border-radius: 0;
border-bottom: 3px dotted #C2BFC0;
padding: 0;
}
.form-entry .ginput_container input:focus, .form-entry .ginput_container textarea:focus {
border-bottom-color: #22E0E0;
}
.form-entry .ginput_container textarea {
border: 3px dotted #C2BFC0;
padding: 1em;
}
.form-entry .ginput_container textarea:focus {
border-color: #22E0E0;
}
.form-entry .ginput_container .medium {
width: 100%;
}
.form-entry .gform_page_footer {
margin-top: 4em;
}
.form-entry .gsection {
margin-top: 4em;
}
.form-entry .gsection_title, .form-entry h2 {
color: #22E0E0;
margin: 0;
padding-bottom: .5em;
display: inline-block;
border-bottom: 1px solid #C2BFC0;
}
.page-accent .form-entry .gsection_title, .page-accent .form-entry h2 {
color: #000000;
}
.form-entry .ginput_complex span {
display: block;
}
.form-entry .ginput_complex span:not(:last-child) {
margin-bottom: 1em;
}
.form-entry .ginput_complex span label {
color: #666666;
font-weight: 400;
margin-top: .25em;
font-size: 0.75rem;
}
.form-entry .ginput_complex input {
width: 100%;
}
.c-pagination {
display: flex;
align-items: center;
justify-content: center;
margin: 2rem 0 4rem 0;
font-size: 17;
line-height: 1.64706em;
font-weight: 700;
}
.c-pagination ul {
margin: 0;
padding: 0;
display: flex;
}
.c-pagination li {
list-style-type: none;
}
.c-pagination li:not(:last-child) {
margin-right: .5em;
}
.c-pagination .current {
color: #22E0E0;
}
.c-pagination__btn--next {
margin-left: .5em;
}
.c-pagination__btn--prev {
margin-right: .5em;
}  .w-widget {
margin-bottom: 6rem;
}
@media (max-width: 960px) {
.w-widget {
margin-bottom: 4rem;
}
}
@media (max-width: 600px) {
.w-widget {
margin-bottom: 3rem;
}
}
.w-widget h2, .w-widget h3 {
color: #22E0E0;
}
.page-accent .w-widget h2, .page-accent .w-widget h3 {
color: #000000;
}
.w-buttons {
display: flex;
margin: 2rem 0 0 0;
padding: 0;
}
@media (max-width: 550px) {
.w-buttons {
flex-direction: column;
}
}
.w-buttons li {
list-style-type: none;
}
.w-buttons li:not(:last-child) {
margin: 0 1em 0 0;
}
@media (max-width: 550px) {
.w-buttons li:not(:last-child) {
margin: 0 0 1em 0;
}
}
.w-image img {
height: auto;
width: auto;
}
.w-img-wrapper {
display: inline-block;
}
.w-image.full-width img {
height: auto;
width: 100%;
}
.w-hero {
position: relative;
overflow: hidden;
}
@media (min-width: 960px) {
.w-hero {
max-height: 580px;
}
}
@media (min-width: 767px) {
.w-hero__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
}
@media (max-width: 767px) {
.w-hero__img {
max-height: 30vh;
overflow: hidden;
}
}
.w-hero__img img {
width: 100%;
height: auto;
}
.w-hero__content {
position: relative;
min-height: 500px;
padding: 4rem 0;
}
@media (max-width: 1300px) {
.w-hero__content {
min-height: 400px;
}
}
@media (max-width: 960px) {
.w-hero__content {
min-height: inherit;
}
}
@media (max-width: 767px) {
.w-hero__content {
padding: 3rem 0 2rem;
}
}
.w-hero__content .inner {
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
}
@media (min-width: 960px) {
.w-hero__content .inner {
position: absolute;
top: 50%;
transform: translateY(-50%);
max-width: 700px;
}
}
@media (min-width: 767px) {
.w-hero__content * {
color: #fff;
text-shadow: 0 0 5px #000;
}
}
.w-hero__content p + .c-btn, .w-hero__content .c-nav-main li:last-child p + a, .c-nav-main li:last-child .w-hero__content p + a, .w-hero__content .c-newsletter__form .gform_wrapper p + input[type=submit], .c-newsletter__form .gform_wrapper .w-hero__content p + input[type=submit], .w-hero__content .c-contact-form p + input[type=submit], .c-contact-form .w-hero__content p + input[type=submit], .w-hero__content .form-entry p + .gform_next_button, .form-entry .w-hero__content p + .gform_next_button, .w-hero__content .form-entry p + input[type=submit], .form-entry .w-hero__content p + input[type=submit], .w-hero__content .form-entry p + .gform_previous_button, .form-entry .w-hero__content p + .gform_previous_button {
margin-top: 1rem;
}
.w-hero.u-text-align-center .inner {
left: 0;
right: 0;
margin: 0 auto;
}
.w-hero.u-text-align-left .inner {
left: 0;
}
.w-hero.u-text-align-right .inner {
right: 0;
}
@media (max-width: 767px) {
.w-hero.u-text-align-right .inner {
text-align: left;
}
}
.w-hero.full-width .w-hero__img .o-container {
max-width: none;
padding: 0;
}
@media (max-width: 767px) {
.w-hero.full-width .inner {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.w-hero.boxed {
border: 1px solid #eee;
margin-left: 2rem;
margin-right: 2rem;
}
.w-hero.boxed .o-container {
padding: 0;
}
}
.w-editor {
font-size: 16;
line-height: 1.5625em;
font-weight: 300;
}
.w-editor--intro {
font-size: 18;
line-height: 1.61111em;
font-weight: 400;
}
.w-editor--highlight {
background-color: #F3F4F5;
padding: 6rem 0;
}
@media (max-width: 960px) {
.w-editor--highlight {
padding: 4rem 0;
}
}
@media (max-width: 600px) {
.w-editor--highlight {
padding: 3rem 0;
}
}
.w-editor--highlight .w-buttons {
justify-content: center;
margin-bottom: 0;
}
.w-editor--highlight .w-editor__text {
margin: 0;
padding: 0;
}
.w-editor--highlight .w-editor__text ul {
margin: 0;
padding: 0;
}
.w-editor--highlight .w-editor__text li {
position: relative;
list-style-type: none;
padding-left: 15px;
}
.w-editor--highlight .w-editor__text li:not(:last-child) {
margin-bottom: 1em;
}
.w-editor--highlight .w-editor__text li:before {
position: absolute;
left: 0;
top: .5em;
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #22E0E0;
margin-right: 1em;
}
.page-accent .w-editor--highlight {
background-color: #000000;
}
@media (max-width: 960px) {
.w-editor--highlight.u-text-align-center .w-editor__text li {
text-align: left;
}
}
.w-editor--highlight.u-text-align-center .w-editor__text li:before {
position: relative;
display: inline-block;
top: 0;
vertical-align: middle;
}
.w-editor__title {
color: #22E0E0;
}
.w-image-text .o-container {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 960px) {
.w-image-text .o-container {
flex-direction: column;
}
}
.w-image-text__image {
width: 45%;
}
@media (max-width: 960px) {
.w-image-text__image {
width: 80%;
margin-bottom: 2rem;
}
}
@media (max-width: 767px) {
.w-image-text__image {
width: 100%;
}
}
.w-image-text__image img {
display: block;
width: 100%;
height: auto;
}
.w-image-text__content {
width: 50%;
}
@media (max-width: 960px) {
.w-image-text__content {
width: 100%;
}
}
.w-image-text__title {
color: #22E0E0;
}
.w-image-text__text {
font-size: 16;
line-height: 1.5625em;
font-weight: 300;
}
.w-image-text--reverse .o-container {
flex-direction: row-reverse;
}
@media (max-width: 960px) {
.w-image-text--reverse .o-container {
flex-direction: column;
}
}
@media (max-width: 1300px) {
.w-cta {
margin-right: 20px;
margin-left: 20px;
}
}
@media (max-width: 600px) {
.w-cta {
padding: 0;
border: none;
}
}
.w-cta p {
margin-bottom: 3rem;
}
.w-cta .o-container {
background-color: #eee;
padding: 0;
position: relative;
z-index: 5;
}
.w-cta .inner, .w-cta .link {
position: relative;
z-index: 10;
padding: 4rem 3rem;
display: block;
width: 90%;
margin: 0 auto;
}
@media (max-width: 600px) {
.w-cta .inner, .w-cta .link {
width: 100%;
}
}
.w-cta .link {
text-decoration: none;
cursor: pointer;
}
.w-cta .link h3, .w-cta .link p {
color: #000;
}
.w-cta .link:hover .c-btn--cta:before, .w-cta .link:focus .c-btn--cta:before {
left: 0px;
top: 0px;
}
.w-cta .link:hover .c-btn--sec:after, .w-cta .link:focus .c-btn--sec:after {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.w-quote .o-container {
padding-right: 4rem;
padding-left: 4rem;
}
.w-quote p {
position: relative;
display: inline-block;
margin-bottom: 0;
font-style: italic;
font-size: 20;
}
.w-quote p:before, .w-quote p:after {
content: "";
background: url(//embuildfoundation.be/wp-content/themes/intracto/assets/images/sprites/src/icon-quote.svg) no-repeat;
background-size: 15px;
width: 15px;
height: 15px;
position: absolute;
}
@media (max-width: 550px) {
.w-quote p:before, .w-quote p:after {
background-size: 10px;
width: 10px;
height: 10px;
}
}
.w-quote p:before {
transform: scale(-1, 1);
left: -25px;
top: 0;
}
.w-quote p:after {
right: -25px;
bottom: -5px;
}
.w-quote .c-author {
position: relative;
display: block;
padding: 5px 0 5px 35px;
}
.w-quote .c-author:before {
content: "";
width: 25px;
height: 2px;
background-color: #22E0E0;
position: absolute;
left: 0;
top: 12px;
}
.w-video__link {
position: relative;
display: block;
}
.w-video__link:hover .w-video__play, .w-video__link:focus .w-video__play {
background-color: #22E0E0;
}
.w-video__link:hover .w-video__play:after, .w-video__link:focus .w-video__play:after {
border-left-color: white;
}
.w-video__play {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 55px;
height: 55px;
background-color: white;
transform: rotate(-45deg);
transition: .2s ease all;
z-index: 10;
}
.w-video__play:after {
content: "";
border-top: 6.4px solid transparent;
border-bottom: 6.4px solid transparent;
border-left: 8px solid #22E0E0;
transform: rotate(45deg);
transition: .2s ease all;
}
.w-video__image {
position: relative;
}
.w-video__image img {
width: 100%;
height: auto;
}
.w-video__image:before, .w-video__image:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.w-video__image:before {
background-color: #22E0E0;
z-index: 0;
opacity: .7;
transition: .2s ease all;
}
.w-video__image:after {
background-color: #22E0E0;
z-index: 0;
}
@supports (mix-blend-mode: hard-light) {
.w-video__image:after {
mix-blend-mode: hard-light;
}
}
.fancybox-active {
overflow: hidden;
}
.w-slider--text .c-slide__text {
position: absolute;
top: 50%;
transform: translateY(-50%);
max-width: 700px;
width: 80%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: 2;
}
@media (max-width: 550px) {
.w-slider--text .c-slide__text {
width: 70%;
}
}
.w-slider--text .c-slide__text p {
font-size: 25;
color: #fff;
}
@media (max-width: 550px) {
.w-slider--text .c-slide__text p {
font-size: 18;
}
}
.w-slider__intro {
margin-bottom: 3rem;
}
.c-gallery__item {
margin-bottom: 2rem;
}
.c-gallery__item img {
width: 100%;
height: auto;
}
.c-flex-cols .l-columns__item {
margin-bottom: 7rem;
}
.c-flex-cols img {
margin-bottom: 2rem;
}
.c-flex-cols h3 {
margin-bottom: .5rem;
}
.c-flex-cols h3 + p {
margin-top: .5em;
}
.w-heading {
margin: 0;
}
.w-heading h2, .w-heading h3, .w-heading h4, .w-heading h5, .w-heading h6 {
color: #22E0E0;
}
.page-accent .w-heading h2, .page-accent .w-heading h3, .page-accent .w-heading h4, .page-accent .w-heading h5, .page-accent .w-heading h6 {
color: #000000;
}   .u-clearfix::after {
content: "";
clear: both;
display: table;
}
.u-bg-overlay {
position: relative;
}
.u-bg-overlay:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.u-bg-white {
background-color: white;
}  .u-color-base-extra-light {
color: #E4F1F3;
} .u-bgcolor-base-extra-light {
background-color: #E4F1F3 !important;
} .u-color-base-light {
color: #94D0E5;
} .u-bgcolor-base-light {
background-color: #94D0E5 !important;
} .u-color-base-base {
color: #22E0E0;
} .u-bgcolor-base-base {
background-color: #22E0E0 !important;
} .u-color-base-dark {
color: #000000;
} .u-bgcolor-base-dark {
background-color: #000000 !important;
} .u-color-neutral-light {
color: #e6e6e6;
} .u-bgcolor-neutral-light {
background-color: #e6e6e6 !important;
} .u-color-neutral-base {
color: #F3F4F5;
} .u-bgcolor-neutral-base {
background-color: #F3F4F5 !important;
} .u-color-neutral-dark {
color: #C2BFC0;
} .u-bgcolor-neutral-dark {
background-color: #C2BFC0 !important;
} .u-color-accent-light {
color: #52e0e0;
} .u-bgcolor-accent-light {
background-color: #52e0e0 !important;
} .u-color-accent-base {
color: #22E0E0;
} .u-bgcolor-accent-base {
background-color: #22E0E0 !important;
} .u-color-accent-dark {
color: #00b3b3;
} .u-bgcolor-accent-dark {
background-color: #00b3b3 !important;
} .u-color-accent-two-light {
color: #000000;
} .u-bgcolor-accent-two-light {
background-color: #000000 !important;
} .u-color-accent-two-base {
color: #D9FBFB;
} .u-bgcolor-accent-two-base {
background-color: #D9FBFB !important;
} .u-color-accent-two-dark {
color: #22E0E0;
} .u-bgcolor-accent-two-dark {
background-color: #22E0E0 !important;
} .u-color-error-light {
color: #e05255;
} .u-bgcolor-error-light {
background-color: #e05255 !important;
} .u-color-error-base {
color: #DA2327;
} .u-bgcolor-error-base {
background-color: #DA2327 !important;
} .u-color-error-dark {
color: #b30004;
} .u-bgcolor-error-dark {
background-color: #b30004 !important;
} .u-color-success-light {
color: #52e0a1;
} .u-bgcolor-success-light {
background-color: #52e0a1 !important;
} .u-color-success-base {
color: #3D9970;
} .u-bgcolor-success-base {
background-color: #3D9970 !important;
} .u-color-success-dark {
color: #1a6644;
} .u-bgcolor-success-dark {
background-color: #1a6644 !important;
} .u-color-text-base {
color: #000000;
} .u-bgcolor-text-base {
background-color: #000000 !important;
} .u-color-inherit {
color: inherit !important;
} .u-font-primary {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.u-font-secondary {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.wf-active .u-font-primary {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.wf-active .u-font-secondary {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}  .u-h1 {
font-size: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
.u-h1 {
font-size: 2.25rem;
}
}
.u-h2 {
font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
.u-h2 {
font-size: 1.875rem;
}
}
.u-h3 {
font-size: calc(1.2875rem + 0.45vw);
}
@media (min-width: 1200px) {
.u-h3 {
font-size: 1.625rem;
}
}
.u-h4 {
font-size: calc(1.2625rem + 0.15vw);
}
@media (min-width: 1200px) {
.u-h4 {
font-size: 1.375rem;
}
}
.u-h5 {
font-size: 1.125rem;
}
.u-h6 {
font-size: 1rem;
}   .u-flex-set {   display: flex !important;
}
.u-inline-flex-set {   display: inline-flex !important;
} .u-flexed-item {
flex: 1 1 0 !important; box-flex: 1 !important;
}
.u-flex--no-shrink {
flex-shrink: 0 !important;
}
.u-flexed-item--auto {
flex: 1 1 auto !important; box-flex: 1 !important;
} .u-flex--column {
flex-direction: column !important;
}
.u-flex--row {
flex-direction: row !important;
}  .u-flex--content-center {
justify-content: center !important;
} .u-flex--content-start {
justify-content: flex-start !important;
} .u-flex--content-end {
justify-content: flex-end !important;
} .u-flex--content-between {
justify-content: space-between !important;
} .u-flex--content-around {
justify-content: space-around !important;
}  .u-flex--align-content-start {
align-content: flex-start !important;
} .u-flex--align-content-end {
align-content: flex-end !important;
} .u-flex--align-content-center {
align-content: center !important;
} .u-flex--align-content-between {
align-content: space-between !important;
} .u-flex--align-content-around {
align-content: space-around !important;
} .u-flex--align-content-stretch {
align-content: stretch !important;
} .u-flex--push-right {
margin-right: auto !important;
} .u-flex--push-left {
margin-left: auto !important;
} .u-flex--push-bottom {
margin-bottom: auto !important;
} .u-flex--push-top {
margin-top: auto !important;
}  .u-flex--align-items-center {
align-items: center !important;
} .u-flex--align-items-start {
align-items: flex-start !important;
} .u-flex--align-items-end {
align-items: flex-end !important;
} .u-flex--align-items-baseline {
align-items: baseline !important;
} .u-flex--align-items-stretch {
align-items: stretch !important;
}  .u-flex--align-self-auto {
align-self: auto !important;
} .u-flex--align-self-start {
align-self: flex-start !important;
} .u-flex--align-self-end {
align-self: flex-end !important;
} .u-flex--align-self-center {
align-self: center !important;
} .u-flex--align-self-baseline {
align-self: baseline !important;
} .u-flex--align-self-stretch {
align-self: stretch !important;
} .u-flex--no-wrap {
flex-wrap: nowrap !important;
}
.u-flex--reverse-wrap {
flex-wrap: wrap-reverse !important;
}
.u-flex--wrap {
flex-wrap: wrap !important;
} .u-flex--order-first {
order: -1 !important;
}
.u-flex--order-one {
order: 1 !important;
}
.u-flex--order-two {
order: 2 !important;
}
.u-flex--order-three {
order: 3 !important;
}  .u-hidden-visually {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
} .u-hidden {
display: none !important;
}  .u-icon-color-base {
fill: #22E0E0;
} .u-icon-color-base-extra-light {
fill: #E4F1F3;
} .u-icon-color-base {
fill: #22E0E0;
} .u-icon-color-base-light {
fill: #94D0E5;
} .u-icon-color-base {
fill: #22E0E0;
} .u-icon-color-base-base {
fill: #22E0E0;
} .u-icon-color-base {
fill: #22E0E0;
} .u-icon-color-base-dark {
fill: #000000;
} .u-icon-color-neutral {
fill: #F3F4F5;
} .u-icon-color-neutral-light {
fill: #e6e6e6;
} .u-icon-color-neutral {
fill: #F3F4F5;
} .u-icon-color-neutral-base {
fill: #F3F4F5;
} .u-icon-color-neutral {
fill: #F3F4F5;
} .u-icon-color-neutral-dark {
fill: #C2BFC0;
} .u-icon-color-accent {
fill: #22E0E0;
} .u-icon-color-accent-light {
fill: #52e0e0;
} .u-icon-color-accent {
fill: #22E0E0;
} .u-icon-color-accent-base {
fill: #22E0E0;
} .u-icon-color-accent {
fill: #22E0E0;
} .u-icon-color-accent-dark {
fill: #00b3b3;
} .u-icon-color-accent-two {
fill: #D9FBFB;
} .u-icon-color-accent-two-light {
fill: #000000;
} .u-icon-color-accent-two {
fill: #D9FBFB;
} .u-icon-color-accent-two-base {
fill: #D9FBFB;
} .u-icon-color-accent-two {
fill: #D9FBFB;
} .u-icon-color-accent-two-dark {
fill: #22E0E0;
} .u-icon-color-error {
fill: #DA2327;
} .u-icon-color-error-light {
fill: #e05255;
} .u-icon-color-error {
fill: #DA2327;
} .u-icon-color-error-base {
fill: #DA2327;
} .u-icon-color-error {
fill: #DA2327;
} .u-icon-color-error-dark {
fill: #b30004;
} .u-icon-color-success {
fill: #3D9970;
} .u-icon-color-success-light {
fill: #52e0a1;
} .u-icon-color-success {
fill: #3D9970;
} .u-icon-color-success-base {
fill: #3D9970;
} .u-icon-color-success {
fill: #3D9970;
} .u-icon-color-success-dark {
fill: #1a6644;
} .u-icon-color-text {
fill: #000000;
} .u-icon-color-text-base {
fill: #000000;
} .u-icon-currentColor {
fill: currentColor !important;
} .u-opacity-0 {
opacity: 0 !important;
}
.u-opacity-25 {
opacity: 0.25 !important;
}
.u-opacity-50 {
opacity: 0.5 !important;
}
.u-opacity-75 {
opacity: 0.75 !important;
}
.u-opacity-100 {
opacity: 1 !important;
} .u-padding-tb-20 {
padding: 2rem 0;
}
.u-padding-tb-40 {
padding: 4rem 0;
}
.u-padding-tb-60 {
padding: 6rem 0;
}
@media (max-width: 960px) {
.u-padding-tb-60 {
padding: 4rem 0;
}
}
@media (max-width: 600px) {
.u-padding-tb-60 {
padding: 3rem 0;
}
}
.u-padding-tb-80 {
padding: 8rem 0;
}
.u-padding-tb-100 {
padding: 10rem 0;
}
.u-padding-t-60 {
padding: 6rem 0 0 0;
}
@media (max-width: 960px) {
.u-padding-t-60 {
padding: 4rem 0 0 0;
}
}
@media (max-width: 600px) {
.u-padding-t-60 {
padding: 3rem 0 0 0;
}
}
.u-padding-b-60 {
padding: 0 0 6rem 0;
}
@media (max-width: 960px) {
.u-padding-b-60 {
padding: 0 0 4rem 0;
}
}
@media (max-width: 600px) {
.u-padding-b-60 {
padding: 0 0 3rem 0;
}
}
.u-pos-fit,
.u-pos-absolute-center,
.u-pos-absolute {
position: absolute !important;
} .u-pos-fixed-center,
.u-pos-absolute-center {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
.u-pos-fit,
.u-pos-fullscreen {
bottom: 0 !important;
left: 0 !important;
margin: auto !important;
right: 0 !important;
top: 0 !important;
} .u-pos-fullscreen,
.u-pos-fixed-center,
.u-pos-fixed {
backface-visibility: hidden; position: fixed !important;
}
.u-pos-relative {
position: relative !important;
}
.u-pos-static {
position: static !important;
}
.u-center-block {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
} .u-pull-left {
float: left;
}
.u-pull-right {
float: right;
} .u-skip-link {
position: absolute;
top: -1000px;
left: -1000px;
height: 1px;
width: 1px;
text-align: left;
overflow: hidden;
background-color: white;
}
a.u-skip-link:active,
a.u-skip-link:focus,
a.u-skip-link:hover {
left: 0;
top: 0;
width: auto;
height: auto;
overflow: visible;
} .u-text-break {
word-wrap: break-word !important;
} .u-text-no-wrap {
white-space: nowrap !important;
} .u-text-truncate {
max-width: 100%; overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
word-wrap: normal !important; } .u-text-justify {
text-align: justify !important;
}
.u-text-nowrap {
white-space: nowrap !important;
}
.u-text-align-left {
text-align: left !important;
}
.u-text-align-center {
text-align: center !important;
}
.u-text-align-right {
text-align: right !important;
} .u-text-lowercase {
text-transform: lowercase !important;
}
.u-text-uppercase {
text-transform: uppercase !important;
}
.u-text-capitalize {
text-transform: capitalize !important;
}
.u-text-strike {
text-decoration: line-through !important;
} .u-font-weight-normal {
font-weight: normal;
}
.u-font-weight-bold {
font-weight: bold;
}
.u-font-italic {
font-style: italic;
}