:root {
--grid-gap: 40px;
--container-max-width: 1160px;
--container-max-width-2: 1560px;
--vw: calc(100% - (100% - 100vw));
--brand-color-1: #000000;
--brand-color-1-a00: #00000000;
--brand-color-1-a10: #00000010;
--brand-color-1-a20: #00000020;
--brand-color-1-a30: #00000030;
--brand-color-1-a40: #00000040;
--brand-color-1-a50: #00000050;
--brand-color-1-a60: #00000060;
--brand-color-1-a70: #00000070;
--brand-color-1-a80: #00000080;
--brand-color-1-a90: #00000090;
--brand-color-1-aa0: #000000a0;
--brand-color-1-ab0: #000000b0;
--brand-color-1-ac0: #000000c0;
--brand-color-1-ad0: #000000d0;
--brand-color-1-ae0: #000000e0;
--brand-color-1-af0: #000000f0;
--brand-color-2: #ffffff;
--brand-color-2-a00: #ffffff00;
--brand-color-2-a10: #ffffff10;
--brand-color-2-a20: #ffffff20;
--brand-color-2-a30: #ffffff30;
--brand-color-2-a40: #ffffff40;
--brand-color-2-a50: #ffffff50;
--brand-color-2-a60: #ffffff60;
--brand-color-2-a70: #ffffff70;
--brand-color-2-a80: #ffffff80;
--brand-color-2-a90: #ffffff90;
--brand-color-2-aa0: #ffffffa0;
--brand-color-2-ab0: #ffffffb0;
--brand-color-2-ac0: #ffffffc0;
--brand-color-2-ad0: #ffffffd0;
--brand-color-2-ae0: #ffffffe0;
--brand-color-2-af0: #fffffff0;
--brand-color-3: #ddaa3e;
--brand-color-3-a00: #ddaa3e00;
--brand-color-3-a10: #ddaa3e10;
--brand-color-3-a20: #ddaa3e20;
--brand-color-3-a30: #ddaa3e30;
--brand-color-3-a40: #ddaa3e40;
--brand-color-3-a50: #ddaa3e50;
--brand-color-3-a60: #ddaa3e60;
--brand-color-3-a70: #ddaa3e70;
--brand-color-3-a80: #ddaa3e80;
--brand-color-3-a90: #ddaa3e90;
--brand-color-3-aa0: #ddaa3ea0;
--brand-color-3-ab0: #ddaa3eb0;
--brand-color-3-ac0: #ddaa3ec0;
--brand-color-3-ad0: #ddaa3ed0;
--brand-color-3-ae0: #ddaa3ee0;
--brand-color-3-af0: #ddaa3ef0;
--state-color-success: #23aa9e;
--state-color-success-2: #23aa9e;
--state-color-warning: #d8a265;
--state-color-warning-2: #d8a265;
--state-color-error: #ef7070;
--state-color-error-2: #ef7070;
--state-color-success-a00: #23aa9e00;
--state-color-warning-a00: #d8a26500;
--state-color-error-a00: #ef707000;
--state-color-success-a10: #23aa9e10;
--state-color-warning-a10: #d8a26510;
--state-color-error-a10: #ef707010;
--state-color-success-a20: #23aa9e20;
--state-color-warning-a20: #d8a26520;
--state-color-error-a20: #ef707020;
--state-color-success-a30: #23aa9e30;
--state-color-warning-a30: #d8a26530;
--state-color-error-a30: #ef707030;
--state-color-success-a40: #23aa9e40;
--state-color-warning-a40: #d8a26540;
--state-color-error-a40: #ef707040;
--state-color-success-a50: #23aa9e50;
--state-color-warning-a50: #d8a26550;
--state-color-error-a50: #ef707050;
--state-color-success-a60: #23aa9e60;
--state-color-warning-a60: #d8a26560;
--state-color-error-a60: #ef707060;
--state-color-success-a70: #23aa9e70;
--state-color-warning-a70: #d8a26570;
--state-color-error-a70: #ef707070;
--state-color-success-a80: #23aa9e80;
--state-color-warning-a80: #d8a26580;
--state-color-error-a80: #ef707080;
--state-color-success-a90: #23aa9e90;
--state-color-warning-a90: #d8a26590;
--state-color-error-a90: #ef707090;
--state-color-success-aa0: #23aa9ea0;
--state-color-warning-aa0: #d8a265a0;
--state-color-error-aa0: #ef7070a0;
--state-color-success-ab0: #23aa9eb0;
--state-color-warning-ab0: #d8a265b0;
--state-color-error-ab0: #ef7070b0;
--state-color-success-ac0: #23aa9ec0;
--state-color-warning-ac0: #d8a265c0;
--state-color-error-ac0: #ef7070c0;
--state-color-success-ad0: #23aa9ed0;
--state-color-warning-ad0: #d8a265d0;
--state-color-error-ad0: #ef7070d0;
--state-color-success-ae0: #23aa9ee0;
--state-color-warning-ae0: #d8a265e0;
--state-color-error-ae0: #ef7070e0;
--state-color-success-af0: #23aa9ef0;
--state-color-warning-af0: #d8a265f0;
--state-color-error-af0: #ef7070f0;
--font-family-1: GBFU, sans-serif;
--font-family-icon: icomoon;
--font-color-1: #000000;
--font-color-1-a00: #00000000;
--font-color-1-a10: #00000010;
--font-color-1-a20: #00000020;
--font-color-1-a30: #00000030;
--font-color-1-a40: #00000040;
--font-color-1-a50: #00000050;
--font-color-1-a60: #00000060;
--font-color-1-a70: #00000070;
--font-color-1-a80: #00000080;
--font-color-1-a90: #00000090;
--font-color-1-aa0: #000000a0;
--font-color-1-ab0: #000000b0;
--font-color-1-ac0: #000000c0;
--font-color-1-ad0: #000000d0;
--font-color-1-ae0: #000000e0;
--font-color-1-af0: #000000f0;
--font-color-2: #ffffff;
--font-color-2-a00: #ffffff00;
--font-color-2-a10: #ffffff10;
--font-color-2-a20: #ffffff20;
--font-color-2-a30: #ffffff30;
--font-color-2-a40: #ffffff40;
--font-color-2-a50: #ffffff50;
--font-color-2-a60: #ffffff60;
--font-color-2-a70: #ffffff70;
--font-color-2-a80: #ffffff80;
--font-color-2-a90: #ffffff90;
--font-color-2-aa0: #ffffffa0;
--font-color-2-ab0: #ffffffb0;
--font-color-2-ac0: #ffffffc0;
--font-color-2-ad0: #ffffffd0;
--font-color-2-ae0: #ffffffe0;
--font-color-2-af0: #fffffff0;
--font-color-3: #060608;
--font-color-3-a00: #06060800;
--font-color-3-a10: #06060810;
--font-color-3-a20: #06060820;
--font-color-3-a30: #06060830;
--font-color-3-a40: #06060840;
--font-color-3-a50: #06060850;
--font-color-3-a60: #06060860;
--font-color-3-a70: #06060870;
--font-color-3-a80: #06060880;
--font-color-3-a90: #06060890;
--font-color-3-aa0: #060608a0;
--font-color-3-ab0: #060608b0;
--font-color-3-ac0: #060608c0;
--font-color-3-ad0: #060608d0;
--font-color-3-ae0: #060608e0;
--font-color-3-af0: #060608f0;
--font-color-4: #a0a0a0;
--font-color-4-a00: #a0a0a000;
--font-color-4-a10: #a0a0a010;
--font-color-4-a20: #a0a0a020;
--font-color-4-a30: #a0a0a030;
--font-color-4-a40: #a0a0a040;
--font-color-4-a50: #a0a0a050;
--font-color-4-a60: #a0a0a060;
--font-color-4-a70: #a0a0a070;
--font-color-4-a80: #a0a0a080;
--font-color-4-a90: #a0a0a090;
--font-color-4-aa0: #a0a0a0a0;
--font-color-4-ab0: #a0a0a0b0;
--font-color-4-ac0: #a0a0a0c0;
--font-color-4-ad0: #a0a0a0d0;
--font-color-4-ae0: #a0a0a0e0;
--font-color-4-af0: #a0a0a0f0;
--font-line-height-1: 1em;
--font-line-height-2: calc(24em / 20);
--font-line-height-3: calc(30em / 20);
--font-line-height-4: calc(28em / 15);
--link-color-1: #000000;
--link-color-1-hover: #000000;
--background-color-1: #ffffff;
--background-color-1-a00: #ffffff00;
--background-color-1-a10: #ffffff10;
--background-color-1-a20: #ffffff20;
--background-color-1-a30: #ffffff30;
--background-color-1-a40: #ffffff40;
--background-color-1-a50: #ffffff50;
--background-color-1-a60: #ffffff60;
--background-color-1-a70: #ffffff70;
--background-color-1-a80: #ffffff80;
--background-color-1-a90: #ffffff90;
--background-color-1-aa0: #ffffffa0;
--background-color-1-ab0: #ffffffb0;
--background-color-1-ac0: #ffffffc0;
--background-color-1-ad0: #ffffffd0;
--background-color-1-ae0: #ffffffe0;
--background-color-1-af0: #fffffff0;
--background-color-2: #000000;
--background-color-2-a00: #00000000;
--background-color-2-a10: #00000010;
--background-color-2-a20: #00000020;
--background-color-2-a30: #00000030;
--background-color-2-a40: #00000040;
--background-color-2-a50: #00000050;
--background-color-2-a60: #00000060;
--background-color-2-a70: #00000070;
--background-color-2-a80: #00000080;
--background-color-2-a90: #00000090;
--background-color-2-aa0: #000000a0;
--background-color-2-ab0: #000000b0;
--background-color-2-ac0: #000000c0;
--background-color-2-ad0: #000000d0;
--background-color-2-ae0: #000000e0;
--background-color-2-af0: #000000f0;
--background-color-3: #060608;
--background-color-3-a00: #06060800;
--background-color-3-a10: #06060810;
--background-color-3-a20: #06060820;
--background-color-3-a30: #06060830;
--background-color-3-a40: #06060840;
--background-color-3-a50: #06060850;
--background-color-3-a60: #06060860;
--background-color-3-a70: #06060870;
--background-color-3-a80: #06060880;
--background-color-3-a90: #06060890;
--background-color-3-aa0: #060608a0;
--background-color-3-ab0: #060608b0;
--background-color-3-ac0: #060608c0;
--background-color-3-ad0: #060608d0;
--background-color-3-ae0: #060608e0;
--background-color-3-af0: #060608f0;
--background-color-4: #757679;
--background-color-4-a00: #75767900;
--background-color-4-a10: #75767910;
--background-color-4-a20: #75767920;
--background-color-4-a30: #75767930;
--background-color-4-a40: #75767940;
--background-color-4-a50: #75767950;
--background-color-4-a60: #75767960;
--background-color-4-a70: #75767970;
--background-color-4-a80: #75767980;
--background-color-4-a90: #75767990;
--background-color-4-aa0: #757679a0;
--background-color-4-ab0: #757679b0;
--background-color-4-ac0: #757679c0;
--background-color-4-ad0: #757679d0;
--background-color-4-ae0: #757679e0;
--background-color-4-af0: #757679f0;
--border-color-1: #000000;
--border-color-1-a00: #00000000;
--border-color-1-a10: #00000010;
--border-color-1-a20: #00000020;
--border-color-1-a30: #00000030;
--border-color-1-a40: #00000040;
--border-color-1-a50: #00000050;
--border-color-1-a60: #00000060;
--border-color-1-a70: #00000070;
--border-color-1-a80: #00000080;
--border-color-1-a90: #00000090;
--border-color-1-aa0: #000000a0;
--border-color-1-ab0: #000000b0;
--border-color-1-ac0: #000000c0;
--border-color-1-ad0: #000000d0;
--border-color-1-ae0: #000000e0;
--border-color-1-af0: #000000f0;
--border-color-2: #ffffff;
--border-color-2-a00: #ffffff00;
--border-color-2-a10: #ffffff10;
--border-color-2-a20: #ffffff20;
--border-color-2-a30: #ffffff30;
--border-color-2-a40: #ffffff40;
--border-color-2-a50: #ffffff50;
--border-color-2-a60: #ffffff60;
--border-color-2-a70: #ffffff70;
--border-color-2-a80: #ffffff80;
--border-color-2-a90: #ffffff90;
--border-color-2-aa0: #ffffffa0;
--border-color-2-ab0: #ffffffb0;
--border-color-2-ac0: #ffffffc0;
--border-color-2-ad0: #ffffffd0;
--border-color-2-ae0: #ffffffe0;
--border-color-2-af0: #fffffff0;
--border-color-3: #22140a;
--border-color-3-a00: #22140a00;
--border-color-3-a10: #22140a10;
--border-color-3-a20: #22140a20;
--border-color-3-a30: #22140a30;
--border-color-3-a40: #22140a40;
--border-color-3-a50: #22140a50;
--border-color-3-a60: #22140a60;
--border-color-3-a70: #22140a70;
--border-color-3-a80: #22140a80;
--border-color-3-a90: #22140a90;
--border-color-3-aa0: #22140aa0;
--border-color-3-ab0: #22140ab0;
--border-color-3-ac0: #22140ac0;
--border-color-3-ad0: #22140ad0;
--border-color-3-ae0: #22140ae0;
--border-color-3-af0: #22140af0;
--border-color-4: #905030;
--border-color-4-a00: #90503000;
--border-color-4-a10: #90503010;
--border-color-4-a20: #90503020;
--border-color-4-a30: #90503030;
--border-color-4-a40: #90503040;
--border-color-4-a50: #90503050;
--border-color-4-a60: #90503060;
--border-color-4-a70: #90503070;
--border-color-4-a80: #90503080;
--border-color-4-a90: #90503090;
--border-color-4-aa0: #905030a0;
--border-color-4-ab0: #905030b0;
--border-color-4-ac0: #905030c0;
--border-color-4-ad0: #905030d0;
--border-color-4-ae0: #905030e0;
--border-color-4-af0: #905030f0;
--border-color-5: #1d6745;
--border-color-5-a00: #1d674500;
--border-color-5-a10: #1d674510;
--border-color-5-a20: #1d674520;
--border-color-5-a30: #1d674530;
--border-color-5-a40: #1d674540;
--border-color-5-a50: #1d674550;
--border-color-5-a60: #1d674560;
--border-color-5-a70: #1d674570;
--border-color-5-a80: #1d674580;
--border-color-5-a90: #1d674590;
--border-color-5-aa0: #1d6745a0;
--border-color-5-ab0: #1d6745b0;
--border-color-5-ac0: #1d6745c0;
--border-color-5-ad0: #1d6745d0;
--border-color-5-ae0: #1d6745e0;
--border-color-5-af0: #1d6745f0;
--border-radius-1: 0px;
--border-radius-2: 4px;
--animation-default-duration: 0.5s;
--header-height: 124px; }
@media only screen and (min-width: 992px) {
:root {
--header-height: 124px; } }       article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } @font-face {
font-family: 'GBFU';
src: url(//www.kilian.legal/wp-content/themes/kilian/assets/fonts/GBFU.otf) format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'icomoon';
src: url(//www.kilian.legal/wp-content/themes/kilian/assets/fonts/icomoon.eot?web);
src: url(//www.kilian.legal/wp-content/themes/kilian/assets/fonts/icomoon.eot?#iefixweb) format("embedded-opentype"), url(//www.kilian.legal/wp-content/themes/kilian/assets/fonts/icomoon.woff?web) format("woff"), url(//www.kilian.legal/wp-content/themes/kilian/assets/fonts/icomoon.ttf?web) format("truetype"), url(//www.kilian.legal/wp-content/themes/kilian/assets/fonts/icomoon.svg?web#icomoon) format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-arrow-up:before {
content: "\e900"; }
.icon-arrow-down:before {
content: "\e901"; }
.icon-arrow-left:before {
content: "\e902"; }
.icon-arrow-right:before {
content: "\e903"; }
.icon-plus:before {
content: "\e904"; }
.icon-minus:before {
content: "\e905"; }
.icon-tick:before {
content: "\e906"; }
.icon-times:before {
content: "\e907"; }
.icon-drag:before {
content: "\e908"; }
.icon-facebook:before {
content: "\e909"; }
.icon-instagram:before {
content: "\e90a"; }
.icon-linkedin:before {
content: "\e90b"; }
.icon-twitter:before {
content: "\e90c"; }
.icon-youtube:before {
content: "\e90d"; }
.icon-pinterest:before {
content: "\e90e"; }
.icon-tiktok:before {
content: "\e90f"; }
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes rotate-center {
from {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg); }
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes rotate-center {
from {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg); }
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg); } }
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms; }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms; }
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
-webkit-transition-duration: .1s;
transition-duration: .1s; }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
-webkit-transition-delay: .1s;
transition-delay: .1s; }
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
-webkit-transition-duration: .15s;
transition-duration: .15s; }
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
-webkit-transition-delay: .15s;
transition-delay: .15s; }
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
-webkit-transition-duration: .2s;
transition-duration: .2s; }
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
-webkit-transition-delay: .2s;
transition-delay: .2s; }
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
-webkit-transition-duration: .25s;
transition-duration: .25s; }
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
-webkit-transition-delay: .25s;
transition-delay: .25s; }
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
-webkit-transition-duration: .3s;
transition-duration: .3s; }
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
-webkit-transition-delay: .3s;
transition-delay: .3s; }
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
-webkit-transition-duration: .35s;
transition-duration: .35s; }
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
-webkit-transition-delay: .35s;
transition-delay: .35s; }
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
-webkit-transition-duration: .4s;
transition-duration: .4s; }
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
-webkit-transition-delay: .4s;
transition-delay: .4s; }
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
-webkit-transition-duration: .45s;
transition-duration: .45s; }
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
-webkit-transition-delay: .45s;
transition-delay: .45s; }
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
-webkit-transition-duration: .5s;
transition-duration: .5s; }
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
-webkit-transition-delay: .5s;
transition-delay: .5s; }
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
-webkit-transition-duration: .55s;
transition-duration: .55s; }
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
-webkit-transition-delay: .55s;
transition-delay: .55s; }
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
-webkit-transition-duration: .6s;
transition-duration: .6s; }
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
-webkit-transition-delay: .6s;
transition-delay: .6s; }
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
-webkit-transition-duration: .65s;
transition-duration: .65s; }
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
-webkit-transition-delay: .65s;
transition-delay: .65s; }
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
-webkit-transition-duration: .7s;
transition-duration: .7s; }
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
-webkit-transition-delay: .7s;
transition-delay: .7s; }
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
-webkit-transition-duration: .75s;
transition-duration: .75s; }
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
-webkit-transition-delay: .75s;
transition-delay: .75s; }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
-webkit-transition-duration: .8s;
transition-duration: .8s; }
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
-webkit-transition-delay: .8s;
transition-delay: .8s; }
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
-webkit-transition-duration: .85s;
transition-duration: .85s; }
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
-webkit-transition-delay: .85s;
transition-delay: .85s; }
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
-webkit-transition-duration: .9s;
transition-duration: .9s; }
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
-webkit-transition-delay: .9s;
transition-delay: .9s; }
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
-webkit-transition-duration: .95s;
transition-duration: .95s; }
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
-webkit-transition-delay: .95s;
transition-delay: .95s; }
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
-webkit-transition-duration: 1s;
transition-duration: 1s; }
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
-webkit-transition-delay: 1s;
transition-delay: 1s; }
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s; }
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s; }
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s; }
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s; }
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s; }
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s; }
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s; }
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s; }
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s; }
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s; }
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s; }
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s; }
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s; }
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s; }
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s; }
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s; }
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s; }
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s; }
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s; }
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s; }
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s; }
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
-webkit-transition-delay: 1.55s;
transition-delay: 1.55s; }
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s; }
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s; }
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s; }
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s; }
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s; }
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s; }
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s; }
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s; }
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s; }
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s; }
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s; }
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
-webkit-transition-delay: 1.85s;
transition-delay: 1.85s; }
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s; }
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s; }
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s; }
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s; }
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
-webkit-transition-duration: 2s;
transition-duration: 2s; }
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
-webkit-transition-delay: 2s;
transition-delay: 2s; }
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
-webkit-transition-duration: 2.05s;
transition-duration: 2.05s; }
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
-webkit-transition-delay: 2.05s;
transition-delay: 2.05s; }
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
-webkit-transition-duration: 2.1s;
transition-duration: 2.1s; }
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s; }
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
-webkit-transition-duration: 2.15s;
transition-duration: 2.15s; }
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
-webkit-transition-delay: 2.15s;
transition-delay: 2.15s; }
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
-webkit-transition-duration: 2.2s;
transition-duration: 2.2s; }
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s; }
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
-webkit-transition-duration: 2.25s;
transition-duration: 2.25s; }
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s; }
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s; }
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s; }
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
-webkit-transition-duration: 2.35s;
transition-duration: 2.35s; }
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
-webkit-transition-delay: 2.35s;
transition-delay: 2.35s; }
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
-webkit-transition-duration: 2.4s;
transition-duration: 2.4s; }
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s; }
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
-webkit-transition-duration: 2.45s;
transition-duration: 2.45s; }
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
-webkit-transition-delay: 2.45s;
transition-delay: 2.45s; }
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
-webkit-transition-duration: 2.5s;
transition-duration: 2.5s; }
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s; }
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
-webkit-transition-duration: 2.55s;
transition-duration: 2.55s; }
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s; }
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
-webkit-transition-duration: 2.6s;
transition-duration: 2.6s; }
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
-webkit-transition-delay: 2.6s;
transition-delay: 2.6s; }
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
-webkit-transition-duration: 2.65s;
transition-duration: 2.65s; }
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
-webkit-transition-delay: 2.65s;
transition-delay: 2.65s; }
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
-webkit-transition-duration: 2.7s;
transition-duration: 2.7s; }
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s; }
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
-webkit-transition-duration: 2.75s;
transition-duration: 2.75s; }
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
-webkit-transition-delay: 2.75s;
transition-delay: 2.75s; }
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
-webkit-transition-duration: 2.8s;
transition-duration: 2.8s; }
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s; }
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
-webkit-transition-duration: 2.85s;
transition-duration: 2.85s; }
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s; }
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
-webkit-transition-duration: 2.9s;
transition-duration: 2.9s; }
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
-webkit-transition-delay: 2.9s;
transition-delay: 2.9s; }
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
-webkit-transition-duration: 2.95s;
transition-duration: 2.95s; }
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
-webkit-transition-delay: 2.95s;
transition-delay: 2.95s; }
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
-webkit-transition-duration: 3s;
transition-duration: 3s; }
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0; }
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
-webkit-transition-delay: 3s;
transition-delay: 3s; }
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform; }
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
[data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0); }
[data-aos=fade-down] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0); }
[data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0); }
[data-aos=fade-left] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0); }
[data-aos=fade-up-right] {
-webkit-transform: translate3d(-100px, 100px, 0);
transform: translate3d(-100px, 100px, 0); }
[data-aos=fade-up-left] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0); }
[data-aos=fade-down-right] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0); }
[data-aos=fade-down-left] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0); }
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform; }
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1); }
[data-aos=zoom-in] {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6); }
[data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(0.6);
transform: translate3d(0, 100px, 0) scale(0.6); }
[data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(0.6);
transform: translate3d(0, -100px, 0) scale(0.6); }
[data-aos=zoom-in-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
transform: translate3d(-100px, 0, 0) scale(0.6); }
[data-aos=zoom-in-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(0.6);
transform: translate3d(100px, 0, 0) scale(0.6); }
[data-aos=zoom-out] {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
[data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2); }
[data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2); }
[data-aos=zoom-out-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2); }
[data-aos=zoom-out-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2); }
[data-aos^=slide][data-aos^=slide] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
[data-aos^=slide][data-aos^=slide].aos-animate {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
[data-aos=slide-up] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
[data-aos=slide-down] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
[data-aos=slide-right] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
[data-aos=slide-left] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
[data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
[data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg); }
[data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0); }
[data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg); }
[data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0); }
[data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg); }
[data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0); }
[data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg); }
[data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0); } .choices {
position: relative;
overflow: hidden;
margin-bottom: 24px;
font-size: 16px; }
.choices:focus {
outline: none; }
.choices:last-child {
margin-bottom: 0; }
.choices.is-open {
overflow: initial; }
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color: #eaeaea;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.choices.is-disabled .choices__item {
cursor: not-allowed; }
.choices [hidden] {
display: none !important; }
.choices[data-type*='select-one'] {
cursor: pointer; }
.choices[data-type*='select-one'] .choices__inner {
padding-bottom: 7.5px; }
.choices[data-type*='select-one'] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #dddddd;
background-color: #ffffff;
margin: 0; }
.choices[data-type*='select-one'] .choices__button {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: 0.25; }
.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
opacity: 1; }
.choices[data-type*='select-one'] .choices__button:focus {
-webkit-box-shadow: 0px 0px 0px 2px #00bcd4;
box-shadow: 0px 0px 0px 2px #00bcd4; }
.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
display: none; }
.choices[data-type*='select-one']:after {
content: '';
height: 0;
width: 0;
border-style: solid;
border-color: #333333 transparent transparent transparent;
border-width: 5px;
position: absolute;
right: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none; }
.choices[data-type*='select-one'].is-open:after {
border-color: transparent transparent #333333 transparent;
margin-top: -7.5px; }
.choices[data-type*='select-one'][dir='rtl']:after {
left: 11.5px;
right: auto; }
.choices[data-type*='select-one'][dir='rtl'] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0; }
.choices[data-type*='select-multiple'] .choices__inner,
.choices[data-type*='text'] .choices__inner {
cursor: text; }
.choices[data-type*='select-multiple'] .choices__button,
.choices[data-type*='text'] .choices__button {
position: relative;
display: inline-block;
margin-top: 0;
margin-right: -4px;
margin-bottom: 0;
margin-left: 8px;
padding-left: 16px;
border-left: 1px solid #008fa1;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: 0.75;
border-radius: 0; }
.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
.choices[data-type*='text'] .choices__button:hover,
.choices[data-type*='text'] .choices__button:focus {
opacity: 1; }
.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border: 1px solid #dddddd;
border-radius: 2.5px;
font-size: 14px;
min-height: 44px;
overflow: hidden; }
.is-focused .choices__inner,
.is-open .choices__inner {
border-color: #b7b7b7; }
.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0; }
.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px; }
.choices__list {
margin: 0;
padding-left: 0;
list-style: none; }
.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%; }
[dir='rtl'] .choices__list--single {
padding-right: 4px;
padding-left: 16px; }
.choices__list--single .choices__item {
width: 100%; }
.choices__list--multiple {
display: inline; }
.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #00bcd4;
border: 1px solid #00a5bb;
color: #ffffff;
word-break: break-all;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px; }
[dir='rtl'] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px; }
.choices__list--multiple .choices__item.is-highlighted {
background-color: #00a5bb;
border: 1px solid #008fa1; }
.is-disabled .choices__list--multiple .choices__item {
background-color: #aaaaaa;
border: 1px solid #919191; }
.choices__list--dropdown {
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
background-color: #ffffff;
border: 1px solid #dddddd;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
will-change: visibility; }
.choices__list--dropdown.is-active {
visibility: visible; }
.is-open .choices__list--dropdown {
border-color: #b7b7b7; }
.is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 0.25rem 0.25rem 0 0; }
.choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position; }
.choices__list--dropdown .choices__item {
position: relative;
padding: 10px;
font-size: 14px; }
[dir='rtl'] .choices__list--dropdown .choices__item {
text-align: right; }
@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable {
padding-right: 100px; }
.choices__list--dropdown .choices__item--selectable:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
[dir='rtl'] .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px; }
[dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px; } }
.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f2f2f2; }
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: 0.5; }
.choices__item {
cursor: default; }
.choices__item--selectable {
cursor: pointer; }
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.5; }
.choices__heading {
font-weight: 500;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray; }
.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer; }
.choices__button:focus {
outline: none; }
.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px; }
.choices__input:focus {
outline: 0; }
[dir='rtl'] .choices__input {
padding-right: 2px;
padding-left: 0; }
.choices__placeholder {
opacity: 0.5; } body.stop-scrolling {
height: 100%;
overflow: hidden; }
.sweet-overlay {
background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000; }
.sweet-alert {
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999; }
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px; } }
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 700;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block; }
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal; }
.sweet-alert fieldset {
border: none;
position: relative; }
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
-webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s; }
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
-webkit-transition: padding 0.25s, max-height 0.25s;
transition: padding 0.25s, max-height 0.25s; }
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px; }
.sweet-alert .sa-error-container p {
display: inline-block; }
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s; }
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px; }
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.sweet-alert input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.sweet-alert input:focus {
outline: none;
-webkit-box-shadow: 0px 0px 3px #c4e6f5;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed; }
.sweet-alert input:focus::-moz-placeholder {
-moz-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus:-ms-input-placeholder {
-ms-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input::-moz-placeholder {
color: #bdbdbd; }
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd; }
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd; }
.sweet-alert.show-input input {
display: block; }
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative; }
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden; }
.sweet-alert button {
background-color: #8CD4F5;
color: white;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer; }
.sweet-alert button:focus {
outline: none;
-webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.sweet-alert button:hover {
background-color: #7ecff4; }
.sweet-alert button:active {
background-color: #5dc2f1; }
.sweet-alert button.cancel {
background-color: #C1C1C1; }
.sweet-alert button.cancel:hover {
background-color: #b9b9b9; }
.sweet-alert button.cancel:active {
background-color: #a8a8a8; }
.sweet-alert button.cancel:focus {
-webkit-box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
.sweet-alert button[disabled] {
opacity: .6;
cursor: default; }
.sweet-alert button.confirm[disabled] {
color: transparent; }
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sweet-alert button::-moz-focus-inner {
border: 0; }
.sweet-alert[data-has-cancel-button=false] button {
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px; }
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.sweet-alert .sa-icon.sa-error {
border-color: #F27474; }
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block; }
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px; }
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86; }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: '';
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
-ms-transform-origin: 60px 60px;
transform-origin: 60px 60px; }
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
-ms-transform-origin: 0px 60px;
transform-origin: 0px 60px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 40px;
border-radius: 50%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@-webkit-keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
@keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s; }
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s; }
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s; }
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s; }
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s; }
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s; }
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s; }
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
@keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate; }
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
@keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate; }
@-webkit-keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success {
border-color: transparent\9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9; } .la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.la-ball-fall {
display: block;
font-size: 0;
color: #fff; }
.la-ball-fall.la-dark {
color: #333; }
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor; }
.la-ball-fall {
width: 54px;
height: 18px; }
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite; }
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
animation-delay: 0ms; }
.la-ball-fall.la-sm {
width: 26px;
height: 8px; }
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px; }
.la-ball-fall.la-2x {
width: 108px;
height: 36px; }
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px; }
.la-ball-fall.la-3x {
width: 162px;
height: 54px; }
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px; } @-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%); } }
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%); } }
.sweet-alert.form-alert fieldset {
display: none; }
.sweet-alert.form-alert h2 {
font-family: var(--font-family-1); }
@-webkit-keyframes fade-in {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fade-in {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes move-up {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes move-up {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes move-down {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes move-down {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes move-left {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes move-left {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes move-right {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes move-right {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
.in-view {
opacity: 0;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: calc(var(--animation-default-duration) * 2);
animation-duration: calc(var(--animation-default-duration) * 2);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s; }
.in-view.animated.anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in; }
.in-view.animated.anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up; }
.in-view.animated.anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down; }
.in-view.animated.anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left; }
.in-view.animated.anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right; }
@media only screen and (min-width: 768px) {
.in-view.animated.sm-anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in; }
.in-view.animated.sm-anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up; }
.in-view.animated.sm-anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down; }
.in-view.animated.sm-anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left; }
.in-view.animated.sm-anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right; } }
@media only screen and (min-width: 992px) {
.in-view.animated.md-anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in; }
.in-view.animated.md-anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up; }
.in-view.animated.md-anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down; }
.in-view.animated.md-anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left; }
.in-view.animated.md-anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right; } }
@media only screen and (min-width: 1200px) {
.in-view.animated.lg-anim-fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in; }
.in-view.animated.lg-anim-move-up {
-webkit-animation-name: move-up;
animation-name: move-up; }
.in-view.animated.lg-anim-move-down {
-webkit-animation-name: move-down;
animation-name: move-down; }
.in-view.animated.lg-anim-move-left {
-webkit-animation-name: move-left;
animation-name: move-left; }
.in-view.animated.lg-anim-move-right {
-webkit-animation-name: move-right;
animation-name: move-right; } }
@-webkit-keyframes loader-numbers {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
-webkit-transform: translateY(calc(80px - 100%));
transform: translateY(calc(80px - 100%)); } }
@keyframes loader-numbers {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
-webkit-transform: translateY(calc(80px - 100%));
transform: translateY(calc(80px - 100%)); } }
#page-loading {
position: fixed;
z-index: 99;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
background-color: #fff;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
#page-loading {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
body.page-loading #page-loading {
opacity: 1; }
body.page-loaded #page-loading {
opacity: 0; }
body.page-loading-finish #page-loading {
display: none;
opacity: 0;
z-index: -1;
visibility: hidden;
pointer-events: none;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
body.page-loading-finish #page-loading:before {
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
#page-loading .logo {
padding: 40px;
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
#page-loading .logo {
width: 33.33%; } }
body.page-loading #page-loading .logo,
body.page-loaded #page-loading .logo,
body.page-loading-finish #page-loading .logo {
opacity: 1; }
#page-loading .logo img {
margin: 0 auto;
display: block;
width: 240px;
height: auto; }
#page-loading .loader {
width: 100%;
height: 1px;
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
#page-loading .loader {
position: absolute;
top: 0;
bottom: 0;
left: 33.33%;
width: 1px;
height: 100%; } }
body.page-loading #page-loading .loader,
body.page-loaded #page-loading .loader,
body.page-loading-finish #page-loading .loader {
opacity: 1; }
#page-loading .loader .progress-bar {
--percent: 0;
width: var(--percent);
height: 1px;
display: block;
background-color: var(--brand-color-2); }
@media only screen and (min-width: 768px) {
#page-loading .loader .progress-bar {
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: var(--percent); } }
#page-loading .content {
padding: 40px;
text-align: center;
color: var(--brand-color-2); }
@media only screen and (min-width: 768px) {
#page-loading .content {
padding-left: calc((33.33% - 240px) / 2 + 40px);
text-align: left; } }
@media only screen and (min-width: 992px) {
#page-loading .content {
padding: 50px 40px;
padding-left: calc((33.33% - 240px) / 2 + 30px); } }
#page-loading .content .value-container {
font-weight: 900;
font-size: 5rem;
line-height: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media only screen and (min-width: 768px) {
#page-loading .content .value-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
#page-loading .content .value-container .value {
margin-right: 5px;
position: relative;
overflow: hidden;
width: 95px; }
#page-loading .content .value-container .value .placeholder {
pointer-events: none;
opacity: 0; }
#page-loading .content .value-container .value .numbers-1,
#page-loading .content .value-container .value .numbers-2 {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-animation: loader-numbers 3s cubic-bezier(0.17, 0.67, 0.7, 0.94);
animation: loader-numbers 3s cubic-bezier(0.17, 0.67, 0.7, 0.94);
-webkit-animation-delay: .75s;
animation-delay: .75s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
#page-loading .content .value-container .value .numbers-1 {
top: 0;
left: 0; }
#page-loading .content .value-container .value .numbers-2 {
top: 0;
right: 0; }
#page-loading .content .sub-value {
margin-top: 0;
font-weight: bold;
font-size: 1.375rem;
line-height: 1em; }
@media only screen and (max-width: 479px) {
#page-loading .content .sub-value {
margin-top: 0; } }
address {
font-style: normal;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
address p {
font-size: .9375rem; }
address p:first-child {
margin-top: 0; }
address p:last-child {
margin-bottom: 0; }
address p a {
text-decoration: none; }
address p a:hover {
text-decoration: underline; }
blockquote {
margin: 2.5rem 0;
padding: 0; }
blockquote p {
margin: var(--font-line-height-2) 0;
font-size: .9375rem;
line-height: var(--font-line-height-3); }
blockquote p:first-of-type {
margin-top: 0; }
blockquote p:last-of-type {
margin-bottom: 0; }
.button, button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
margin: 0;
padding: 0;
position: relative;
z-index: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
text-align: center;
font-family: var(--font-family-1);
font-weight: 400;
font-style: normal;
font-size: .9375rem;
line-height: var(--font-line-height-2);
color: currentColor;
letter-spacing: .1em;
background: none;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.button:hover, button:hover,
input:hover[type="button"],
input:hover[type="submit"],
input:hover[type="reset"] {
color: currentColor;
text-decoration: underline;
-webkit-box-shadow: none;
box-shadow: none; }
.button:focus, button:focus,
input:focus[type="button"],
input:focus[type="submit"],
input:focus[type="reset"] {
color: currentColor;
outline: none; }
.button.disabled, button.disabled,
input.disabled[type="button"],
input.disabled[type="submit"],
input.disabled[type="reset"], .button[disabled], button[disabled],
input[disabled][type="button"],
input[disabled][type="submit"],
input[disabled][type="reset"], .button:disabled, button:disabled,
input:disabled[type="button"],
input:disabled[type="submit"],
input:disabled[type="reset"], .button:disabled[disabled], button:disabled[disabled],
input:disabled[disabled][type="button"],
input:disabled[disabled][type="submit"],
input:disabled[disabled][type="reset"] {
padding: 15px 25px; }
.button.disabled, button.disabled,
input.disabled[type="button"],
input.disabled[type="submit"],
input.disabled[type="reset"], .button.disabled:hover, button.disabled:hover,
input.disabled:hover[type="button"],
input.disabled:hover[type="submit"],
input.disabled:hover[type="reset"], .button.disabled:focus, button.disabled:focus,
input.disabled:focus[type="button"],
input.disabled:focus[type="submit"],
input.disabled:focus[type="reset"], .button.disabled:active, button.disabled:active,
input.disabled:active[type="button"],
input.disabled:active[type="submit"],
input.disabled:active[type="reset"], .button.disabled.active, button.disabled.active,
input.disabled.active[type="button"],
input.disabled.active[type="submit"],
input.disabled.active[type="reset"], .button[disabled], button[disabled],
input[disabled][type="button"],
input[disabled][type="submit"],
input[disabled][type="reset"], .button[disabled]:hover, button[disabled]:hover,
input[disabled]:hover[type="button"],
input[disabled]:hover[type="submit"],
input[disabled]:hover[type="reset"], .button[disabled]:focus, button[disabled]:focus,
input[disabled]:focus[type="button"],
input[disabled]:focus[type="submit"],
input[disabled]:focus[type="reset"], .button[disabled]:active, button[disabled]:active,
input[disabled]:active[type="button"],
input[disabled]:active[type="submit"],
input[disabled]:active[type="reset"], .button[disabled].active, button[disabled].active,
input[disabled].active[type="button"],
input[disabled].active[type="submit"],
input[disabled].active[type="reset"], .button:disabled, button:disabled,
input:disabled[type="button"],
input:disabled[type="submit"],
input:disabled[type="reset"], .button:disabled:hover, button:disabled:hover,
input:disabled:hover[type="button"],
input:disabled:hover[type="submit"],
input:disabled:hover[type="reset"], .button:disabled:focus, button:disabled:focus,
input:disabled:focus[type="button"],
input:disabled:focus[type="submit"],
input:disabled:focus[type="reset"], .button:disabled:active, button:disabled:active,
input:disabled:active[type="button"],
input:disabled:active[type="submit"],
input:disabled:active[type="reset"], .button:disabled.active, button:disabled.active,
input:disabled.active[type="button"],
input:disabled.active[type="submit"],
input:disabled.active[type="reset"], .button:disabled[disabled], button:disabled[disabled],
input:disabled[disabled][type="button"],
input:disabled[disabled][type="submit"],
input:disabled[disabled][type="reset"], .button:disabled[disabled]:hover, button:disabled[disabled]:hover,
input:disabled[disabled]:hover[type="button"],
input:disabled[disabled]:hover[type="submit"],
input:disabled[disabled]:hover[type="reset"], .button:disabled[disabled]:focus, button:disabled[disabled]:focus,
input:disabled[disabled]:focus[type="button"],
input:disabled[disabled]:focus[type="submit"],
input:disabled[disabled]:focus[type="reset"], .button:disabled[disabled]:active, button:disabled[disabled]:active,
input:disabled[disabled]:active[type="button"],
input:disabled[disabled]:active[type="submit"],
input:disabled[disabled]:active[type="reset"], .button:disabled[disabled].active, button:disabled[disabled].active,
input:disabled[disabled].active[type="button"],
input:disabled[disabled].active[type="submit"],
input:disabled[disabled].active[type="reset"] {
opacity: .4;
cursor: not-allowed;
pointer-events: none; }
.button.button-inverse, button.button-inverse,
input.button-inverse[type="button"],
input.button-inverse[type="submit"],
input.button-inverse[type="reset"] {
padding: 21px 35px;
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2); }
.button.button-inverse:hover, button.button-inverse:hover,
input.button-inverse:hover[type="button"],
input.button-inverse:hover[type="submit"],
input.button-inverse:hover[type="reset"] {
text-decoration: underline; }
.button.button-brand-color-1, button.button-brand-color-1,
input.button-brand-color-1[type="button"],
input.button-brand-color-1[type="submit"],
input.button-brand-color-1[type="reset"] {
color: var(--font-color-2);
background-color: transparent;
border-color: var(--brand-color-1); }
.button.button-brand-color-1:hover, button.button-brand-color-1:hover,
input.button-brand-color-1:hover[type="button"],
input.button-brand-color-1:hover[type="submit"],
input.button-brand-color-1:hover[type="reset"] {
text-decoration: underline; }
.button.button-brand-color-1.button-inverse, button.button-brand-color-1.button-inverse,
input.button-brand-color-1.button-inverse[type="button"],
input.button-brand-color-1.button-inverse[type="submit"],
input.button-brand-color-1.button-inverse[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.button.button-brand-color-1.button-inverse:hover, button.button-brand-color-1.button-inverse:hover,
input.button-brand-color-1.button-inverse:hover[type="button"],
input.button-brand-color-1.button-inverse:hover[type="submit"],
input.button-brand-color-1.button-inverse:hover[type="reset"] {
text-decoration: underline; }
.button.button-brand-color-2, button.button-brand-color-2,
input.button-brand-color-2[type="button"],
input.button-brand-color-2[type="submit"],
input.button-brand-color-2[type="reset"] {
color: var(--font-color-2);
background-color: transparent;
border-color: var(--brand-color-2); }
.button.button-brand-color-2:hover, button.button-brand-color-2:hover,
input.button-brand-color-2:hover[type="button"],
input.button-brand-color-2:hover[type="submit"],
input.button-brand-color-2:hover[type="reset"] {
text-decoration: underline; }
.button.button-brand-color-2.button-inverse, button.button-brand-color-2.button-inverse,
input.button-brand-color-2.button-inverse[type="button"],
input.button-brand-color-2.button-inverse[type="submit"],
input.button-brand-color-2.button-inverse[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2); }
.button.button-brand-color-2.button-inverse:hover, button.button-brand-color-2.button-inverse:hover,
input.button-brand-color-2.button-inverse:hover[type="button"],
input.button-brand-color-2.button-inverse:hover[type="submit"],
input.button-brand-color-2.button-inverse:hover[type="reset"] {
text-decoration: underline; }
.button.button-brand-color-3, button.button-brand-color-3,
input.button-brand-color-3[type="button"],
input.button-brand-color-3[type="submit"],
input.button-brand-color-3[type="reset"] {
color: var(--font-color-2);
background-color: transparent;
border-color: var(--brand-color-3); }
.button.button-brand-color-3:hover, button.button-brand-color-3:hover,
input.button-brand-color-3:hover[type="button"],
input.button-brand-color-3:hover[type="submit"],
input.button-brand-color-3:hover[type="reset"] {
text-decoration: underline; }
.button.button-brand-color-3.button-inverse, button.button-brand-color-3.button-inverse,
input.button-brand-color-3.button-inverse[type="button"],
input.button-brand-color-3.button-inverse[type="submit"],
input.button-brand-color-3.button-inverse[type="reset"] {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3); }
.button.button-brand-color-3.button-inverse:hover, button.button-brand-color-3.button-inverse:hover,
input.button-brand-color-3.button-inverse:hover[type="button"],
input.button-brand-color-3.button-inverse:hover[type="submit"],
input.button-brand-color-3.button-inverse:hover[type="reset"] {
text-decoration: underline; }
.button.button-color-white, button.button-color-white,
input.button-color-white[type="button"],
input.button-color-white[type="submit"],
input.button-color-white[type="reset"] {
color: var(--font-color-2);
background-color: transparent;
border-color: var(--font-color-2); }
.button.button-color-white:hover, button.button-color-white:hover,
input.button-color-white:hover[type="button"],
input.button-color-white:hover[type="submit"],
input.button-color-white:hover[type="reset"] {
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2); }
.button.button-color-white.button-inverse, button.button-color-white.button-inverse,
input.button-color-white.button-inverse[type="button"],
input.button-color-white.button-inverse[type="submit"],
input.button-color-white.button-inverse[type="reset"] {
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2); }
.button.button-color-white.button-inverse:hover, button.button-color-white.button-inverse:hover,
input.button-color-white.button-inverse:hover[type="button"],
input.button-color-white.button-inverse:hover[type="submit"],
input.button-color-white.button-inverse:hover[type="reset"] {
color: var(--font-color-2);
background-color: transparent;
border-color: var(--font-color-2); }
.button.button-as-link, button.button-as-link,
input.button-as-link[type="button"],
input.button-as-link[type="submit"],
input.button-as-link[type="reset"] {
padding: 5px 0 !important;
position: relative;
color: var(--font-color-2);
background-color: transparent;
border-color: transparent;
border-radius: 0;
text-decoration: none;
gap: 0 15px; }
.button.button-as-link:hover, button.button-as-link:hover,
input.button-as-link:hover[type="button"],
input.button-as-link:hover[type="submit"],
input.button-as-link:hover[type="reset"] {
background-color: transparent;
border-color: transparent;
text-decoration: none; }
.button.button-as-link:hover:before, button.button-as-link:hover:before,
input.button-as-link[type="button"]:hover:before,
input.button-as-link[type="submit"]:hover:before,
input.button-as-link[type="reset"]:hover:before {
opacity: 1; }
.button.button-as-link:before, button.button-as-link:before,
input.button-as-link[type="button"]:before,
input.button-as-link[type="submit"]:before,
input.button-as-link[type="reset"]:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
display: block;
content: '';
opacity: 0;
background-color: currentColor;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.button.button-has-icon, button.button-has-icon,
input.button-has-icon[type="button"],
input.button-has-icon[type="submit"],
input.button-has-icon[type="reset"] {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.button.button-has-icon [class^="icon-"], button.button-has-icon [class^="icon-"], input.button-has-icon[type="button"] [class^="icon-"], input.button-has-icon[type="submit"] [class^="icon-"], input.button-has-icon[type="reset"] [class^="icon-"],
.button.button-has-icon [class*=" icon-"],
button.button-has-icon [class*=" icon-"],
input.button-has-icon[type="button"] [class*=" icon-"],
input.button-has-icon[type="submit"] [class*=" icon-"],
input.button-has-icon[type="reset"] [class*=" icon-"] {
margin-left: 1.5em;
position: relative;
width: 4em;
height: 4em;
background-color: var(--background-color-4-a40);
border-radius: 50%; }
.button.button-has-icon [class^="icon-"]:before, button.button-has-icon [class^="icon-"]:before, input.button-has-icon[type="button"] [class^="icon-"]:before, input.button-has-icon[type="submit"] [class^="icon-"]:before, input.button-has-icon[type="reset"] [class^="icon-"]:before,
.button.button-has-icon [class*=" icon-"]:before,
button.button-has-icon [class*=" icon-"]:before,
input.button-has-icon[type="button"] [class*=" icon-"]:before,
input.button-has-icon[type="submit"] [class*=" icon-"]:before,
input.button-has-icon[type="reset"] [class*=" icon-"]:before {
position: absolute;
top: 50%;
left: 50%;
font-size: 1m;
display: block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.button.button-has-icon [class^="icon-"]:after, button.button-has-icon [class^="icon-"]:after, input.button-has-icon[type="button"] [class^="icon-"]:after, input.button-has-icon[type="submit"] [class^="icon-"]:after, input.button-has-icon[type="reset"] [class^="icon-"]:after,
.button.button-has-icon [class*=" icon-"]:after,
button.button-has-icon [class*=" icon-"]:after,
input.button-has-icon[type="button"] [class*=" icon-"]:after,
input.button-has-icon[type="submit"] [class*=" icon-"]:after,
input.button-has-icon[type="reset"] [class*=" icon-"]:after {
position: absolute;
inset: -5px;
display: block;
content: '';
border: 1px solid var(--background-color-4-a40);
border-radius: 50%; }
.button.button-has-icon.button-icon-left [class^="icon-"], button.button-has-icon.button-icon-left [class^="icon-"], input.button-has-icon.button-icon-left[type="button"] [class^="icon-"], input.button-has-icon.button-icon-left[type="submit"] [class^="icon-"], input.button-has-icon.button-icon-left[type="reset"] [class^="icon-"],
.button.button-has-icon.button-icon-left [class*=" icon-"],
button.button-has-icon.button-icon-left [class*=" icon-"],
input.button-has-icon.button-icon-left[type="button"] [class*=" icon-"],
input.button-has-icon.button-icon-left[type="submit"] [class*=" icon-"],
input.button-has-icon.button-icon-left[type="reset"] [class*=" icon-"] {
margin-left: 0;
margin-right: 1.5em; }
.button.full-width, button.full-width,
input.full-width[type="button"],
input.full-width[type="submit"],
input.full-width[type="reset"] {
width: 100%; }
.buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.buttons-container.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.buttons-container.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
line-height: var(--font-line-height-2); }
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center {
text-align: center; }
h1,
.h1 {
margin: 0;
margin-bottom: .5em;
font-size: calc(min(3.125rem, max(2.25rem, 3vw))); }
h2,
.h2 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(2.5rem, max(1.875rem, 2.5vw))); }
h3,
.h3 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(1.875rem, max(1.5rem, 2vw))); }
h4,
.h4 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(1.5rem, max(1.25rem, 2vw))); }
h5,
.h5 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(1.375rem, max(1.125rem, 2vw))); }
h6,
.h6 {
margin-top: 1.5em;
margin-bottom: .5em;
font-size: calc(min(1.25rem, max(1rem, 2vw))); }
header.align-center {
text-align: center; }
img {
max-width: 100%;
height: auto; }
figure {
margin: 0; }
figure img {
display: block; }
small {
font-size: .75em; }
sup,
sub {
position: relative;
height: 0;
line-height: 1em;
vertical-align: baseline; }
sup {
bottom: .75em;
font-size: .5em; }
sub {
top: 0; }
em {
font-style: italic; }
del {
text-decoration: line-through; }
ins {
text-decoration: none; }
mark {
font-style: italic; }
code,
pre,
samp {
font-family: monospace; }
var {
font-style: italic; }
b,
strong {
font-weight: 500;
font-variation-settings: 'wght' 500; }
a {
color: var(--link-color-1);
text-decoration: underline;
outline: none;
border: none;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
a:hover {
color: var(--link-color-1-hover);
text-decoration: none; }
a:focus {
color: var(--link-color-1-hover);
text-decoration: none;
outline: underline; }
a img {
border: 0; }
.link {
padding: 0;
position: relative;
text-decoration: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: inherit;
font-weight: 400;
line-height: var(--font-line-height-1);
background: none;
border: none;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
.link [class^="icon-"],
.link [class*=" icon-"] {
margin-left: 1em;
display: block;
font-size: .75em;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.link .icon-arrow-right,
.link .icon-arrow-right-2 {
font-size: .5em; }
.link:hover {
color: var(--brand-color-1); }
.link:hover .icon-arrow-right,
.link:hover .icon-arrow-right-2 {
-webkit-transform: translate(5px, 0);
-ms-transform: translate(5px, 0);
transform: translate(5px, 0); }
ul {
margin: var(--font-line-height-2) 0;
padding: 0;
list-style-type: none; }
ul li {
margin-top: calc(30em / 60);
margin-bottom: calc(30em / 60);
padding-left: 20px;
font-size: .9375rem;
line-height: var(--font-line-height-3); }
ul li:last-child {
margin-bottom: 0; }
ul li:before {
content: '';
margin-left: -20px;
margin-right: 14px;
position: relative;
vertical-align: middle;
width: 6px;
height: 6px;
display: inline-block;
background-color: var(--brand-color-1);
border: none;
border-radius: 50%; }
ol {
margin: var(--font-line-height-2) 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
counter-reset: section; }
ol li {
margin-top: calc(30em / 60);
margin-bottom: calc(30em / 60);
padding-left: 24px;
font-size: .9375rem;
line-height: var(--font-line-height-3); }
ol li:last-child {
margin-bottom: 0; }
ol li:before {
margin-left: -24px;
margin-right: 0;
position: relative;
top: 0;
counter-increment: section;
content: counter(section) ".";
width: 24px;
display: inline-block;
font-weight: normal;
font-style: normal;
font-size: 1em;
text-align: left;
color: inherit;
background-color: transparent; }
ol li ol {
margin-top: 0;
counter-reset: sectio-lvl-2; }
ol li ol li {
padding-left: 0; }
ol li ol li:before {
margin-left: 0;
margin-right: .5em;
width: auto;
counter-increment: sectio-lvl-2;
content: counter(section) "." counter(sectio-lvl-2); }
iframe {
border: none; }
iframe img {
max-width: 100%; }
hr {
margin: 3em 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 1px;
background-color: var(--border-color-3-a40);
border: none; }
hr.no-pad {
margin: 0; }
p {
margin: var(--font-line-height-2) 0;
font-size: .9375rem;
line-height: var(--font-line-height-3); }
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
font-family: var(--font-family-1);
cursor: pointer;
-webkit-appearance: none;
line-height: var(--input-line-height); }
label.checkbox {
position: relative;
padding-left: 40px;
display: block;
line-height: 1;
cursor: pointer; }
label.checkbox .input-wrapper {
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 25px;
color: var(--input-font-color);
background-color: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: 0;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
label.checkbox .input-wrapper:before {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e906';
font-size: 12px;
display: block;
opacity: 0;
color: var(--input-font-color);
border-radius: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
label.checkbox .input-wrapper:after {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
display: block;
content: '';
width: 100%;
height: 100%;
background-color: transparent;
border-radius: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
label.checkbox .input-wrapper input {
margin: 0;
opacity: 0;
visibility: hidden;
width: 23px;
height: 23px;
display: block; }
label.checkbox .input-wrapper.checked:before {
opacity: 1; }
label.checkbox > span {
padding: 4px 0;
display: inline-block;
line-height: 1.125em;
font-size: var(--input-font-size-2);
color: var(--input-label-font-color); }
label.checkbox > span a {
color: inherit; }
label.checkbox.checked .input-wrapper {
border-color: var(--input-border-color-selected); }
label.checkbox.checked .input-wrapper:before {
color: var(--input-font-color-selected);
opacity: 1; }
label.checkbox.checked .input-wrapper:after {
background-color: var(--input-background-color-selected); }
label.checkbox:hover .input-wrapper {
border-color: var(--input-border-color-hover); }
.form-control-group.checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.form-control-group.checkbox label + label {
margin-top: 16px; }
.form-control-group.checkbox.inline {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.form-control-group.checkbox.inline label {
margin: 0;
margin-right: 30px;
margin-bottom: 10px; }
.form-control-group.has-success label.radio .input-wrapper {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success); }
.form-control-group.has-warning label.radio .input-wrapper {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning); }
.form-control-group.has-error label.radio .input-wrapper {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.choices {
margin: 0; }
.choices > .choices__inner {
padding: 0;
height: auto;
min-height: 0;
color: var(--input-font-color);
display: block;
background: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration); }
.choices .choices__item {
color: var(--input-font-color); }
.choices .choices__item:hover {
color: var(--input-font-color-hover); }
.choices .choices__list--single .choices__item:hover {
color: var(--input-font-color-hover); }
.choices .choices__list--single .choices__item.choices__placeholder {
color: var(--input-placeholder-font-color);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
.choices .choices__list--single .choices__item.choices__placeholder:hover {
color: var(--input-font-color-hover); }
.choices .choices__list--dropdown {
margin-top: 0;
color: var(--input-font-color);
background-color: var(--input-background-color-2);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius); }
.choices .choices__list--dropdown .choices__list {
padding: 0; }
.choices .choices__list--dropdown .choices__item {
padding: var(--input-padding);
font-size: var(--input-font-size);
line-height: var(--input-line-height);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
.choices .choices__list--dropdown .choices__item.is-highlighted {
color: var(--input-font-color-selected);
background-color: var(--input-background-color-selected); }
.choices.is-focused {
z-index: 2; }
.choices.is-focused > .choices__inner {
border-color: var(--input-border-color-hover); }
.choices.is-open {
z-index: 2; }
.choices.is-open:after {
margin: 0;
opacity: 1;
border: none;
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
.choices.is-open > .choices__inner {
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
border-color: var(--input-border-color-hover);
border-bottom-color: var(--input-border-color); }
.choices.is-open .choices__list--dropdown {
border: 1px solid var(--input-border-color-hover);
border-top: none;
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius); }
.choices.is-open.is-flipped > .choices__inner {
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
border-color: var(--input-border-color-hover);
border-top-color: var(--input-border-color); }
.choices.is-open.is-flipped .choices__list--dropdown {
border: 1px solid var(--input-border-color-hover);
border-bottom: none;
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0; }
.choices:hover > .choices__inner {
border-color: var(--input-border-color-hover); }
.choices[data-type*="select-one"]:hover:after {
color: var(--input-font-color-hover); }
.choices[data-type*="select-one"]:before {
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
width: 20px;
display: block;
content: '';
background-color: var(--input-border-color-2); }
.choices[data-type*='select-one']:after {
margin: 0;
position: absolute;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e901';
top: 50%;
right: 5px;
font-size: 10px;
pointer-events: none;
color: var(--input-font-color);
width: auto;
height: auto;
border: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.choices[data-type*="select-one"] > .choices__inner {
padding: 0; }
.choices[data-type*='select-one'] .choices__input {
padding: var(--input-padding);
background-color: transparent;
border: none;
border-bottom: 1px solid var(--input-border-color); }
.choices[data-type*="select-one"] .choices__list--single {
padding: var(--input-padding);
padding-right: 40px;
display: block;
width: 100%;
height: auto;
font-size: var(--input-font-size);
line-height: var(--input-line-height); }
.choices[data-type*="select-one"] .choices__list--single .choices__item {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.choices[data-type*="select-one"] .choices__placeholder {
opacity: 1;
font-size: var(--input-font-size);
line-height: var(--input-line-height);
min-height: var(--input-line-height); }
.choices[data-type*='select-one'].is-open:after {
margin: 0;
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
.choices[data-type*="select-multiple"] .choices__list--multiple {
padding: var(--input-padding);
min-height: var(--input-line-height);
display: inline-block; }
.choices[data-type*="select-multiple"] .choices__list--multiple + .choices__input {
margin: 0;
padding-left: 0;
padding-right: 0;
width: 100px !important;
display: inline-block;
vertical-align: top;
border: none; }
.choices[data-type*="select-multiple"] .choices__list--multiple .choices__item {
margin: 2px;
padding: 4px 8px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--border-color-1);
border-radius: var(--input-border-radius);
background-color: var(--border-color-1); }
.choices[data-type*="select-multiple"] .choices__list--multiple .choices__item .choices__button {
margin: 0;
margin-left: 5px;
padding: 0;
position: relative;
width: 10px;
height: 10px;
text-align: left;
text-indent: -9999em;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
.choices[data-type*="select-multiple"] .choices__list--multiple .choices__item .choices__button:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 10px;
width: 10px;
height: 10px;
color: #fff;
content: '\e90c';
text-indent: 0; }
.form-control-group.has-success .choices > .choices__inner {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success); }
.form-control-group.has-warning .choices > .choices__inner {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning); }
.form-control-group.has-error .choices > .choices__inner {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.form-control-group.has-effect .choices[data-type*="select-one"] .choices__list--single {
padding-top: 32px; }
.form-control-group.has-effect.filled .choices > .choices__inner {
border-color: var(--input-border-color-focus); }
:root {
--input-padding-vertical: 20px;
--input-padding-horizontal: 20px;
--input-padding: 20px 20px;
--input-font-size: 0.9375rem;
--input-font-size-2: 0.9375rem;
--input-font-color: #060608;
--input-font-color-hover: #060608;
--input-font-color-selected: #ffffff;
--input-font-color-success: #060608;
--input-font-color-warning: #060608;
--input-font-color-error: #ef7070;
--input-line-height: 24px;
--input-placeholder-font-color: #060608;
--input-placeholder-font-color-2: rgba(6, 6, 8, 0.3);
--input-label-font-color: #060608;
--input-background-color: #ffffff;
--input-background-color-2: var(--background-color-1);
--input-background-color-hover: var(--background-color-1);
--input-background-color-focus: var(--background-color-1);
--input-background-color-selected: #000000;
--input-background-color-disabled: rgba(255, 255, 255, 0.04);
--input-background-color-success: var(--background-color-1);
--input-background-color-warning: var(--background-color-1);
--input-background-color-error: var(--background-color-1);
--input-border-color: #000000;
--input-border-color-2: var(--border-color-4);
--input-border-color-hover: #000000;
--input-border-color-focus: #000000;
--input-border-color-selected: #000000;
--input-border-color-disabled: rgba(0, 0, 0, 0.04);
--input-border-color-success: #23aa9e;
--input-border-color-warning: #d8a265;
--input-border-color-error: #ef7070;
--input-border-radius: 0; }
.form-theme-dark {
--input-font-color: #ffffff;
--input-font-color-hover: #ffffff;
--input-font-color-selected: #ffffff;
--input-font-color-success: #ffffff;
--input-font-color-warning: #ffffff;
--input-font-color-error: #ef7070;
--input-placeholder-font-color: white;
--input-placeholder-font-color-2: rgba(255, 255, 255, 0.3);
--input-label-font-color: #ffffff;
--input-background-color: transparent;
--input-background-color-2: transparent;
--input-background-color-hover: transparent;
--input-background-color-focus: transparent;
--input-background-color-selected: transparent;
--input-background-color-disabled: rgba(255, 255, 255, 0.04);
--input-background-color-success: transparent;
--input-background-color-warning: transparent;
--input-background-color-error: transparent;
--input-border-color: white;
--input-border-color-2: white;
--input-border-color-hover: #000000;
--input-border-color-focus: #000000;
--input-border-color-selected: #000000;
--input-border-color-disabled: rgba(255, 255, 255, 0.04); }
form {
position: relative; }
form fieldset {
margin: 0;
padding: 0;
display: block;
border: none; }
form fieldset legend,
form fieldset .legend {
margin: 0;
margin-bottom: 15px;
padding: 0;
font-family: var(--font-family-1);
font-style: normal;
display: block;
width: 100%;
font-size: 1.25rem;
font-weight: 500;
color: var(--input-font-color); }
form .columns-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
form .columns-wrapper.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
form .columns-wrapper.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
form .columns-wrapper.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
form .columns-wrapper.justify-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
form .columns-wrapper.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
form .columns-wrapper.justify-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
form .columns-wrapper > .column {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%; }
form .columns-wrapper > .column.grid-1 {
width: 8.33333%; }
form .columns-wrapper > .column.grid-2 {
width: 16.66667%; }
form .columns-wrapper > .column.grid-3 {
width: 25%; }
form .columns-wrapper > .column.grid-4 {
width: 33.33333%; }
form .columns-wrapper > .column.grid-5 {
width: 41.66667%; }
form .columns-wrapper > .column.grid-6 {
width: 50%; }
form .columns-wrapper > .column.grid-7 {
width: 58.33333%; }
form .columns-wrapper > .column.grid-8 {
width: 66.66667%; }
form .columns-wrapper > .column.grid-9 {
width: 75%; }
form .columns-wrapper > .column.grid-10 {
width: 83.33333%; }
form .columns-wrapper > .column.grid-11 {
width: 91.66667%; }
form .columns-wrapper > .column.grid-12 {
width: 100%; }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-1 {
width: 8.33333%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-2 {
width: 16.66667%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-3 {
width: 25%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-4 {
width: 33.33333%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-5 {
width: 41.66667%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-6 {
width: 50%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-7 {
width: 58.33333%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-8 {
width: 66.66667%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-9 {
width: 75%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-10 {
width: 83.33333%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-11 {
width: 91.66667%; } }
@media only screen and (max-width: 479px) {
form .columns-wrapper > .column.grid-xs-12 {
width: 100%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-1 {
width: 8.33333%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-2 {
width: 16.66667%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-3 {
width: 25%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-4 {
width: 33.33333%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-5 {
width: 41.66667%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-6 {
width: 50%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-7 {
width: 58.33333%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-8 {
width: 66.66667%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-9 {
width: 75%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-10 {
width: 83.33333%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-11 {
width: 91.66667%; } }
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-12 {
width: 100%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-1 {
width: 8.33333%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-2 {
width: 16.66667%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-3 {
width: 25%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-4 {
width: 33.33333%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-5 {
width: 41.66667%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-6 {
width: 50%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-7 {
width: 58.33333%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-8 {
width: 66.66667%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-9 {
width: 75%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-10 {
width: 83.33333%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-11 {
width: 91.66667%; } }
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-12 {
width: 100%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-1 {
width: 8.33333%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-2 {
width: 16.66667%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-3 {
width: 25%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-4 {
width: 33.33333%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-5 {
width: 41.66667%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-6 {
width: 50%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-7 {
width: 58.33333%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-8 {
width: 66.66667%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-9 {
width: 75%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-10 {
width: 83.33333%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-11 {
width: 91.66667%; } }
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-12 {
width: 100%; } }
form .columns-wrapper > .column.full-width {
width: 100%; }
form .columns-wrapper > .column.auto-width {
width: auto; }
form .columns-wrapper > .column.align-center {
-ms-flex-item-align: center;
align-self: center; }
form .columns-wrapper > .column.align-top {
-ms-flex-item-align: start;
align-self: flex-start; }
form .columns-wrapper > .column.align-bottom {
-ms-flex-item-align: end;
align-self: flex-end; }
form .columns-wrapper > .column.justify-left {
margin-left: 0;
margin-right: auto;
justify-self: flex-start; }
form .columns-wrapper > .column.justify-center {
justify-self: center; }
form .columns-wrapper > .column.justify-right {
margin-left: auto;
margin-right: 0;
justify-self: flex-end; }
form .overlay {
padding: 20px;
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
pointer-events: none;
background: var(--background-color-1);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
form .overlay .content {
text-align: center;
color: var(--input-font-color); }
form .overlay .content p {
margin: 0;
font-size: .975rem;
font-weight: normal; }
form .overlay .content .loader {
margin: 30px auto 0;
width: 60px;
height: 60px;
-webkit-animation: rotate 2s infinite linear;
animation: rotate 2s infinite linear; }
form.processing .overlay {
opacity: 1;
pointer-events: auto; }
.form-control-label {
margin-bottom: 8px;
display: block;
font-weight: 400;
font-size: .8125rem;
line-height: var(--font-line-height-2);
color: var(--input-label-font-color); }
.form-control-label .required {
margin-left: 0;
position: relative;
top: 0;
display: inline-block;
font-size: 1em;
color: var(--brand-color-1); }
.form-control-error {
font-size: .875rem;
color: var(--state-color-error);
display: none; }
.form-control-info {
margin-top: 2px;
font-size: .6875rem;
color: var(--font-color-2); }
.form-control-group {
margin-bottom: 20px; }
.form-control-group.has-effect {
position: relative; }
.form-control-group.has-effect label {
margin-bottom: 0;
position: absolute;
z-index: 3;
top: 34px;
left: 20px;
opacity: 1;
pointer-events: none;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration); }
.form-control-group.has-effect label .required {
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration); }
.form-control-group.has-effect.focus label, .form-control-group.has-effect.filled label {
top: 5px;
left: 0;
opacity: 1;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.form-control-group.has-effect.focus label .required, .form-control-group.has-effect.filled label .required {
opacity: 0; }
.form-control-group.has-success {
position: relative; }
.form-control-group.has-error {
position: relative; }
.form-control-group.has-error .form-control-error {
margin-top: 10px;
margin-bottom: 0;
display: block; }
.grecaptcha-badge {
display: none !important; }
.form-theme-dark .overlay {
background: var(--background-color-2); }
label.radio {
position: relative;
padding-left: 40px;
display: inline-block;
line-height: 1;
cursor: pointer; }
label.radio .input-wrapper {
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 25px;
color: var(--input-font-color);
background-color: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: 50%;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
label.radio .input-wrapper:before {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
display: block;
opacity: 0;
content: '';
background-color: var(--input-background-color-selected);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
label.radio .input-wrapper input {
margin: 0;
opacity: 0;
visibility: hidden;
width: 23px;
height: 23px;
display: block; }
label.radio .input-wrapper.checked:before {
opacity: 1; }
label.radio > span {
padding: 4px 0;
display: inline-block;
line-height: 1.125em;
font-size: var(--input-font-size-2);
color: var(--input-label-font-color); }
label.radio > span a {
color: inherit; }
label.radio.checked .input-wrapper {
background-color: transparent;
border-color: var(--input-background-color-selected); }
label.radio.checked .input-wrapper:before {
opacity: 1;
background-color: var(--input-background-color-selected); }
label.radio:hover .input-wrapper {
border-color: var(--input-border-color-hover); }
.form-control-group.radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.form-control-group.radio label + label {
margin-top: 16px; }
.form-control-group.radio.inline {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.form-control-group.radio.inline label {
margin: 0;
margin-right: 30px;
margin-bottom: 10px; }
.form-control-group.has-success label.radio .input-wrapper {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success); }
.form-control-group.has-warning label.radio .input-wrapper {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning); }
.form-control-group.has-error label.radio .input-wrapper {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.form-control,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="url"] {
padding: var(--input-padding);
display: block;
width: 100%;
height: auto;
font-size: var(--input-font-size);
font-weight: 400;
line-height: var(--input-line-height);
font-family: var(--font-family-1);
color: var(--input-font-color);
background-color: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration); }
.form-control:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="url"]:hover {
border-color: var(--input-border-color-hover);
background-color: var(--input-background-color-hover); }
.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus {
border-color: var(--input-border-color-focus);
background-color: var(--input-background-color-focus);
outline: none; }
.form-control::-moz-selection, input[type="text"]::-moz-selection, input[type="password"]::-moz-selection, input[type="tel"]::-moz-selection, input[type="email"]::-moz-selection, input[type="number"]::-moz-selection, input[type="search"]::-moz-selection, input[type="url"]::-moz-selection {
color: #fff;
background-color: #000; }
.form-control::selection,
input[type="text"]::selection,
input[type="password"]::selection,
input[type="tel"]::selection,
input[type="email"]::selection,
input[type="number"]::selection,
input[type="search"]::selection,
input[type="url"]::selection {
color: #fff;
background-color: #000; }
.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="url"]::-moz-placeholder {
color: var(--input-placeholder-font-color); }
.form-control::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder {
color: var(--input-placeholder-font-color); }
.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder {
color: var(--input-placeholder-font-color); }
.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder {
color: var(--input-placeholder-font-color); }
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control,
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled]
input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled]
input[type="password"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled]
input[type="tel"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled]
input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled]
input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled]
input[type="search"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled]
input[type="url"] {
cursor: not-allowed;
opacity: .4;
background-color: transparent; }
.form-control[disabled]:hover, .form-control[disabled]:focus, .form-control[readonly]:hover, .form-control[readonly]:focus,
fieldset[disabled] .form-control:hover,
fieldset[disabled] .form-control:focus,
input[type="text"][disabled]:hover,
input[type="text"][disabled]:focus,
input[type="text"][readonly]:hover,
input[type="text"][readonly]:focus,
fieldset[disabled]
input[type="text"]:hover,
fieldset[disabled]
input[type="text"]:focus,
input[type="password"][disabled]:hover,
input[type="password"][disabled]:focus,
input[type="password"][readonly]:hover,
input[type="password"][readonly]:focus,
fieldset[disabled]
input[type="password"]:hover,
fieldset[disabled]
input[type="password"]:focus,
input[type="tel"][disabled]:hover,
input[type="tel"][disabled]:focus,
input[type="tel"][readonly]:hover,
input[type="tel"][readonly]:focus,
fieldset[disabled]
input[type="tel"]:hover,
fieldset[disabled]
input[type="tel"]:focus,
input[type="email"][disabled]:hover,
input[type="email"][disabled]:focus,
input[type="email"][readonly]:hover,
input[type="email"][readonly]:focus,
fieldset[disabled]
input[type="email"]:hover,
fieldset[disabled]
input[type="email"]:focus,
input[type="number"][disabled]:hover,
input[type="number"][disabled]:focus,
input[type="number"][readonly]:hover,
input[type="number"][readonly]:focus,
fieldset[disabled]
input[type="number"]:hover,
fieldset[disabled]
input[type="number"]:focus,
input[type="search"][disabled]:hover,
input[type="search"][disabled]:focus,
input[type="search"][readonly]:hover,
input[type="search"][readonly]:focus,
fieldset[disabled]
input[type="search"]:hover,
fieldset[disabled]
input[type="search"]:focus,
input[type="url"][disabled]:hover,
input[type="url"][disabled]:focus,
input[type="url"][readonly]:hover,
input[type="url"][readonly]:focus,
fieldset[disabled]
input[type="url"]:hover,
fieldset[disabled]
input[type="url"]:focus {
border-color: var(--input-border-color); }
fieldset[disabled] .form-control, fieldset[disabled]
input[type="text"], fieldset[disabled]
input[type="password"], fieldset[disabled]
input[type="tel"], fieldset[disabled]
input[type="email"], fieldset[disabled]
input[type="number"], fieldset[disabled]
input[type="search"], fieldset[disabled]
input[type="url"] {
opacity: 1; }
input[type="search"] {
-webkit-appearance: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
display: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
.form-control-group.has-success .form-control,
.form-control-group.has-success input[type="text"],
.form-control-group.has-success input[type="password"],
.form-control-group.has-success input[type="tel"],
.form-control-group.has-success input[type="email"],
.form-control-group.has-success input[type="number"],
.form-control-group.has-success input[type="search"],
.form-control-group.has-success input[type="url"] {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success); }
.form-control-group.has-warning .form-control,
.form-control-group.has-warning input[type="text"],
.form-control-group.has-warning input[type="password"],
.form-control-group.has-warning input[type="tel"],
.form-control-group.has-warning input[type="email"],
.form-control-group.has-warning input[type="number"],
.form-control-group.has-warning input[type="search"],
.form-control-group.has-warning input[type="url"] {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning); }
.form-control-group.has-error .form-control,
.form-control-group.has-error input[type="text"],
.form-control-group.has-error input[type="password"],
.form-control-group.has-error input[type="tel"],
.form-control-group.has-error input[type="email"],
.form-control-group.has-error input[type="number"],
.form-control-group.has-error input[type="search"],
.form-control-group.has-error input[type="url"] {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error); }
.form-control-group.has-effect .form-control,
.form-control-group.has-effect input[type="text"],
.form-control-group.has-effect input[type="password"],
.form-control-group.has-effect input[type="tel"],
.form-control-group.has-effect input[type="email"],
.form-control-group.has-effect input[type="number"],
.form-control-group.has-effect input[type="search"],
.form-control-group.has-effect input[type="url"] {
padding-top: 30px; }
.form-control-group.has-effect.filled .form-control,
.form-control-group.has-effect.filled input[type="text"],
.form-control-group.has-effect.filled input[type="password"],
.form-control-group.has-effect.filled input[type="tel"],
.form-control-group.has-effect.filled input[type="email"],
.form-control-group.has-effect.filled input[type="number"],
.form-control-group.has-effect.filled input[type="search"],
.form-control-group.has-effect.filled input[type="url"] {
border-color: var(--input-border-color-focus); }
.form-control-group.has-effect.filled.has-error .form-control,
.form-control-group.has-effect.filled.has-error input[type="text"],
.form-control-group.has-effect.filled.has-error input[type="password"],
.form-control-group.has-effect.filled.has-error input[type="tel"],
.form-control-group.has-effect.filled.has-error input[type="email"],
.form-control-group.has-effect.filled.has-error input[type="number"],
.form-control-group.has-effect.filled.has-error input[type="search"],
.form-control-group.has-effect.filled.has-error input[type="url"] {
border-color: var(--input-border-color-error); }
@-webkit-keyframes form-input-autofill {
100% {
background-color: transparent !important;
background-image: none !important;
color: inherit; } }
@keyframes form-input-autofill {
100% {
background-color: transparent !important;
background-image: none !important;
color: inherit; } }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
background-color: rgba(0, 0, 0, 0) !important;
-webkit-transition: background-color 84600s ease-in-out 0s;
transition: background-color 84600s ease-in-out 0s;
-webkit-text-fill-color: var(--input-font-color) !important; }
textarea {
margin: 0;
overflow: auto;
resize: vertical; }
nav ul {
margin: 0;
padding: 0; }
nav ul li {
margin: 0;
padding: 0;
font-size: 1em;
font-style: normal;
font-weight: normal;
background: none; }
nav ul li:before {
display: none;
content: '';
background: none; }
nav ul li a {
text-decoration: none; }
nav ul li a:hover, nav ul li a:focus, nav ul li a:active {
text-decoration: none;
outline: none; }
nav.category {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
nav.category > .title {
font-size: .9375rem;
line-height: var(--font-line-height-2);
display: none; }
nav.category ul {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px clamp(25px, 5vw, 90px); }
nav.category ul li {
margin: 0;
padding: 0; }
nav.category ul li:before {
display: none; }
nav.category ul li a {
padding: 5px 0;
position: relative;
font-size: calc(min(1.25rem, max(1.125rem, 2vw)));
line-height: var(--font-line-height-2);
font-weight: 400;
color: var(--font-color-4);
text-align: center;
text-decoration: none;
display: block; }
nav.category ul li a:hover {
color: var(--font-color-2); }
nav.category ul li a:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e903';
position: absolute;
z-index: 2;
top: 50%;
left: 0;
display: block;
font-size: .75em;
color: currentColor;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
nav.category ul li.active a {
padding-left: 1.375em;
color: var(--font-color-2); }
nav.category ul li.active a:after {
opacity: 1; }
.category-nav-component {
margin-bottom: calc(min(80px, max(30px, 5vw))); }
.category-nav-component:last-child {
margin-top: calc(min(80px, max(30px, 5vw)));
margin-bottom: 0; }
nav.footer ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
nav.footer ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
nav.footer ul li {
margin-bottom: 5px;
padding: 0;
font-size: .8125rem;
line-height: var(--font-line-height-1); }
@media only screen and (min-width: 768px) {
nav.footer ul li {
margin-bottom: 0;
margin-right: 20px; } }
nav.footer ul li:last-child {
margin-bottom: 0;
margin-right: 0; }
nav.footer ul li a {
font-size: inherit;
color: var(--font-color-4);
line-height: var(--font-line-height-1);
text-decoration: none; }
nav.footer ul li a:hover {
text-decoration: underline; }
nav.footer ul li.active a {
text-decoration: underline; }
nav.footer-links ul li {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-size: 1em;
line-height: var(--font-line-height-2); }
nav.footer-links ul li:last-child {
margin-bottom: 0; }
nav.footer-links ul li a {
position: relative;
font-weight: 400;
font-size: .9375rem;
line-height: var(--font-line-height-2);
color: inherit;
text-decoration: none; }
nav.footer-links ul li a:hover {
text-decoration: underline; }
nav.footer-links ul li.active a {
text-decoration: underline; }
nav.primary > .toggle-button {
display: none; }
nav.primary ul li {
line-height: 1em; }
nav.primary ul li a {
line-height: 1.25em;
display: inline-block; }
nav.primary > ul.hidden-links {
display: none; }
nav.primary > ul:not(.hidden-links) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 560px; }
@media only screen and (max-width: 479px) {
nav.primary > ul:not(.hidden-links) {
max-width: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media only screen and (min-width: 768px) {
nav.primary > ul:not(.hidden-links) {
max-width: 680px; } }
nav.primary > ul:not(.hidden-links) li a {
color: var(--header-theme-color-reverse); }
nav.primary > ul:not(.hidden-links) li a:hover {
text-decoration: underline; }
nav.primary > ul:not(.hidden-links) li.active a {
text-decoration: underline; }
nav.primary > ul:not(.hidden-links) > li {
margin-right: calc(min(45px, max(20px, 4vw)));
padding-top: 18px;
padding-bottom: 18px;
padding-right: calc(min(45px, max(20px, 4vw)));
position: relative;
line-height: 1; }
@media only screen and (max-width: 479px) {
nav.primary > ul:not(.hidden-links) > li {
margin-right: 0;
padding-right: 0; } }
nav.primary > ul:not(.hidden-links) > li:last-child {
margin-right: 0;
padding-right: 0; }
nav.primary > ul:not(.hidden-links) > li:last-child:before {
display: none; }
nav.primary > ul:not(.hidden-links) > li:before {
margin: 0;
padding: 0;
position: absolute;
top: 18px;
bottom: 18px;
right: 0;
width: 1px;
height: auto;
display: block;
content: '';
background-color: currentColor; }
@media only screen and (max-width: 479px) {
nav.primary > ul:not(.hidden-links) > li:before {
top: auto;
bottom: 0;
left: 0;
right: auto;
width: 50px;
height: 1px; } }
nav.primary > ul:not(.hidden-links) > li > a {
padding: 0;
position: relative;
font-size: calc(min(2.1875rem, max(1.3125rem, 4vw)));
font-weight: 400;
line-height: var(--font-line-height-2);
text-decoration: none; }
nav.primary > ul:not(.hidden-links) > li.parent {
position: relative; }
nav.primary > ul:not(.hidden-links) > li.parent > a {
padding-right: 25px;
position: relative; }
nav.primary > ul:not(.hidden-links) > li.parent > a:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e901';
position: absolute;
top: 50%;
right: 0;
font-size: .375em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
nav.primary > ul:not(.hidden-links) > li.parent > ul {
position: absolute;
padding: 10px 0;
display: none;
min-width: calc(min(calc(100vw - var(--grid-gap)), 560px)); }
@media only screen and (max-width: 479px) {
nav.primary > ul:not(.hidden-links) > li.parent > ul {
position: relative;
min-width: 0; } }
@media only screen and (min-width: 768px) {
nav.primary > ul:not(.hidden-links) > li.parent > ul {
min-width: calc(min(calc(100vw - var(--grid-gap)), 680px)); } }
nav.primary > ul:not(.hidden-links) > li.parent > ul > li {
margin-top: 10px; }
nav.primary > ul:not(.hidden-links) > li.parent > ul > li > a {
margin: 0;
display: inline-block;
font-weight: 400;
font-size: .9375rem;
color: var(--header-theme-color-reverse-alpha); }
nav.primary > ul:not(.hidden-links) > li.parent > ul > li > a:hover {
color: var(--header-theme-color-reverse); }
nav.primary > ul:not(.hidden-links) > li.parent.opened > a:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
@media only screen and (min-width: 992px) {
nav.primary.auto-hide {
padding-right: 60px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc((var(--vw) - var(--grid-gap)) / 2 - 80px);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
nav.primary.auto-hide > .toggle-button {
position: absolute;
top: 0;
right: 0;
height: 100%;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .9375rem;
color: var(--header-theme-color);
font-weight: normal;
border: none;
outline: none;
text-decoration: none; }
@media only screen and (min-width: 992px) {
nav.primary.auto-hide > .toggle-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
nav.primary.auto-hide > .toggle-button:after {
content: attr(count);
position: absolute;
top: 50%;
left: 0;
width: 30px;
height: 30px;
display: none;
line-height: 30px;
font-size: .8125rem;
text-align: center;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
nav.primary.auto-hide > .toggle-button:hover {
color: var(--brand-color-1); }
nav.primary.auto-hide > .toggle-button.hidden {
display: none; }
nav.primary.auto-hide > .toggle-button .text {
display: none; }
nav.primary.auto-hide > .toggle-button .patty {
position: relative;
width: 40px;
height: 40px;
display: block; }
nav.primary.auto-hide > .toggle-button .patty .line {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 1px;
background-color: currentColor;
border-radius: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: background-color 0.5s, opacity 0.5s, width 0.5s, top 0.5s, -webkit-transform 0.5s;
transition: background-color 0.5s, opacity 0.5s, width 0.5s, top 0.5s, -webkit-transform 0.5s;
transition: background-color 0.5s, opacity 0.5s, transform 0.5s, width 0.5s, top 0.5s;
transition: background-color 0.5s, opacity 0.5s, transform 0.5s, width 0.5s, top 0.5s, -webkit-transform 0.5s; }
nav.primary.auto-hide > .toggle-button .patty .line:nth-child(1) {
top: calc(50% - 7px); }
nav.primary.auto-hide > .toggle-button .patty .line:nth-child(2) {
top: 50%; }
nav.primary.auto-hide > .toggle-button .patty .line:nth-child(3) {
top: calc(50% + 7px); }
body.header-opened nav.primary.auto-hide > .toggle-button .patty .line,
body.header-opening nav.primary.auto-hide > .toggle-button .patty .line {
background-color: var(--header-theme-color-opened); }
body:not(.header-top) nav.primary.auto-hide > .toggle-button .patty .line {
background-color: var(--header-theme-color); }
@media only screen and (min-width: 992px) {
nav.primary.auto-hide > ul:not(.hidden-links) {
display: inline-table; } }
nav.primary.auto-hide > ul:not(.hidden-links) > li {
line-height: 1; }
@media only screen and (min-width: 992px) {
nav.primary.auto-hide > ul:not(.hidden-links) > li {
display: table-cell;
white-space: nowrap; } }
nav.primary.auto-hide > ul:not(.hidden-links) > li + li {
margin-top: 1em; }
@media only screen and (min-width: 992px) {
nav.primary.auto-hide > ul:not(.hidden-links) > li + li {
margin-top: 0;
padding-left: 35px; } }
@media only screen and (min-width: 992px) {
nav.primary.auto-hide > ul:not(.hidden-links) > li + li {
padding-left: 40px; } }
@media only screen and (min-width: 1200px) {
nav.primary.auto-hide > ul:not(.hidden-links) > li + li {
padding-left: 45px; } }
@media only screen and (min-width: 992px) {
nav.primary.auto-hide > ul.hidden-links {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
position: absolute;
top: 100%;
right: 0;
width: 100vw;
max-width: 160px;
background-color: var(--background-color-1);
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; }
html.is-safari nav.primary.auto-hide > ul.hidden-links {
pointer-events: auto;
display: none !important; } }
nav.primary.auto-hide > ul.hidden-links.hidden {
display: none; }
nav.primary.auto-hide > ul.hidden-links > li {
display: block;
border-bottom: 1px solid var(--border-color-4-a40); }
nav.primary.auto-hide > ul.hidden-links > li:last-child {
border-bottom: none; }
nav.primary.auto-hide > ul.hidden-links > li > a {
padding: 10px 20px;
display: block;
line-height: var(--font-line-height-1);
font-weight: normal;
color: var(--header-theme-color);
text-decoration: none;
text-align: right; }
nav.primary.auto-hide > ul.hidden-links > li > a:hover {
color: var(--brand-color-1); }
nav.primary.auto-hide > ul.hidden-links > li > a.active > a {
color: var(--brand-color-1); }
nav.primary.auto-hide > ul.hidden-links > li > ul {
display: none !important; }
nav.side > .title {
margin-bottom: 20px;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
nav.side ul {
max-width: 320px; }
nav.side ul li {
font-size: 1em; }
nav.side ul li + li {
margin-top: 18px; }
nav.side ul li > a {
position: relative;
text-decoration: none;
color: inherit;
line-height: var(--font-line-height-2);
font-size: .8125rem;
letter-spacing: .1em;
text-transform: uppercase; }
nav.side ul li > a:hover {
color: var(--brand-color-1); }
nav.side ul li > a:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
content: '';
height: 1px;
opacity: 0;
background-color: var(--brand-color-1);
-webkit-transform: opacity var(--animation-default-duration);
-ms-transform: opacity var(--animation-default-duration);
transform: opacity var(--animation-default-duration); }
nav.side ul li.active > a {
color: var(--font-color-1); }
nav.side ul li.active > a:after {
opacity: 1; }
@-webkit-keyframes loader-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loader-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.entity-list-component .list-container {
position: relative; }
.entity-list-component .list-container:before {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
content: '';
pointer-events: none; }
.entity-list-component .list-container > .buttons-container {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
.entity-list-component .list-container > .buttons-container {
margin-top: 50px; } }
.entity-list-component .list-container > .buttons-container.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.entity-list-component .list-container > .buttons-container .button [class^="icon-"], .entity-list-component .list-container > .buttons-container button [class^="icon-"], .entity-list-component .list-container > .buttons-container input[type="button"] [class^="icon-"], .entity-list-component .list-container > .buttons-container input[type="submit"] [class^="icon-"], .entity-list-component .list-container > .buttons-container input[type="reset"] [class^="icon-"],
.entity-list-component .list-container > .buttons-container .button [class*=" icon-"],
.entity-list-component .list-container > .buttons-container button [class*=" icon-"],
.entity-list-component .list-container > .buttons-container input[type="button"] [class*=" icon-"],
.entity-list-component .list-container > .buttons-container input[type="submit"] [class*=" icon-"],
.entity-list-component .list-container > .buttons-container input[type="reset"] [class*=" icon-"] {
font-size: .75em; }
.entity-list-component .list-container .loader {
position: absolute;
z-index: 3;
opacity: 0;
bottom: 0;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--font-color-3); -webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
pointer-events: none; }
.entity-list-component .list-container .loader .icon {
margin-left: auto;
margin-right: auto;
width: 40px;
height: 40px;
display: block;
-webkit-animation: loader-rotate 3s linear infinite;
animation: loader-rotate 3s linear infinite; }
.entity-list-component .list-container .loader .icon svg {
width: 100%; }
.entity-list-component .list-container .loader .icon svg .front {
fill: var(--brand-color-1); }
.entity-list-component .list-container .loader .text {
margin-left: 10px;
font-size: .9375rem;
line-height: var(--font-line-height-1); }
.entity-list-component .list-container .list {
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.entity-list-component[data-lazy-load="true"] .list-container {
padding-bottom: 80px; }
.entity-list-component[data-lazy-load="true"] .list-container > .buttons-container {
margin-top: 0;
pointer-events: none;
overflow: hidden;
height: 0; }
.entity-list-component.loading .list-container:before {
display: block; }
.entity-list-component.loading .list-container .loader {
opacity: 1; }
.entity-list-component.loading .list-container .list {
opacity: .5; }
.entity-list-component.loading .list-container > .buttons-container {
opacity: 0; }
.entity-list-component.loaded .list-container > .buttons-container {
margin-top: 0;
display: none; }
.entity-navigation-component {
padding: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.entity-navigation-component ul li {
line-height: 1em; }
@media only screen and (max-width: 479px) {
.entity-navigation-component ul li.prev, .entity-navigation-component ul li.next {
display: none; } }
.entity-navigation-component ul li.prev a, .entity-navigation-component ul li.next a {
padding: 16px;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: var(--font-color-3);
border: 1px solid var(--brand-color-1-a60);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.prev a, .entity-navigation-component ul li.next a {
padding: 16px 30px; } }
.entity-navigation-component ul li.prev a:hover, .entity-navigation-component ul li.next a:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.entity-navigation-component ul li.prev [class^="icon-"],
.entity-navigation-component ul li.prev [class*=" icon-"], .entity-navigation-component ul li.next [class^="icon-"],
.entity-navigation-component ul li.next [class*=" icon-"] {
margin: 0;
padding: 0;
position: relative;
display: block;
font-size: .625em;
background: none;
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
opacity: 1; }
.entity-navigation-component ul li.prev .text, .entity-navigation-component ul li.next .text {
display: none;
font-size: .9375rem;
font-weight: 500; }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.prev .text, .entity-navigation-component ul li.next .text {
display: block; } }
.entity-navigation-component ul li.prev.disabled a, .entity-navigation-component ul li.next.disabled a {
cursor: default !important;
pointer-events: none;
color: var(--font-color-3-a40) !important;
background-color: transparent !important;
border-color: var(--border-color-3-a40) !important; }
.entity-navigation-component ul li.prev.disabled a [class^="icon-"],
.entity-navigation-component ul li.prev.disabled a [class*=" icon-"], .entity-navigation-component ul li.next.disabled a [class^="icon-"],
.entity-navigation-component ul li.next.disabled a [class*=" icon-"] {
color: currentColor !important;
background-color: transparent !important;
border-color: var(--border-color-3-a40) !important; }
.entity-navigation-component ul li.prev.disabled a:hover, .entity-navigation-component ul li.next.disabled a:hover {
color: var(--font-color-3-a10) !important;
background-color: transparent !important;
border-color: var(--border-color-3-a40) !important; }
.entity-navigation-component ul li.prev.disabled a:hover [class^="icon-"],
.entity-navigation-component ul li.prev.disabled a:hover [class*=" icon-"], .entity-navigation-component ul li.next.disabled a:hover [class^="icon-"],
.entity-navigation-component ul li.next.disabled a:hover [class*=" icon-"] {
color: currentColor !important;
background-color: transparent !important;
border-color: var(--border-color-3-a40) !important; }
.entity-navigation-component ul li.prev a {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.prev [class^="icon-"],
.entity-navigation-component ul li.prev [class*=" icon-"] {
margin-left: -10px;
margin-right: 15px; } }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.next [class^="icon-"],
.entity-navigation-component ul li.next [class*=" icon-"] {
margin-left: 15px;
margin-right: -10px; } }
.entity-navigation-component ul li.number {
margin: 2px !important;
font-size: .9375em;
font-weight: 400;
line-height: 1; }
.entity-navigation-component ul li.number a {
margin: 0;
padding: 2px 5px;
position: relative;
z-index: 2;
display: block;
font-size: .9375rem;
line-height: 20px;
text-align: center;
text-decoration: none;
color: var(--font-color-3);
background-color: transparent;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
border-radius: 0; }
.entity-navigation-component ul li.number a:hover {
color: var(--brand-color-1); }
.entity-navigation-component ul li.number.disabled a {
pointer-events: none; }
.entity-navigation-component ul li.number.active a {
color: var(--brand-color-1); }
.entity-navigation-component ul li.separator {
margin-left: 4px !important;
margin-right: 4px !important; }
.entity-navigation-component ul li.separator a {
text-decoration: none;
color: var(--font-color-3); }
.entity-navigation-component ul.paging {
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 0;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%; }
.entity-navigation-component ul.paging li {
margin: 0;
padding: 0; }
.entity-navigation-component ul.paging li:before {
display: none; }
@media only screen and (min-width: 768px) {
.entity-navigation-component ul.paging {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.entity-navigation-component ul.paging li.prev {
margin-left: 0;
margin-right: auto; }
.entity-navigation-component ul.paging li.next {
margin-left: auto;
margin-right: 0; }
.entity-navigation-component ul.paging.first-last-only li {
display: none; }
.entity-navigation-component ul.paging.first-last-only li:first-child, .entity-navigation-component ul.paging.first-last-only li:last-child {
display: block; }
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 40px; }
@media only screen and (min-width: 768px) {
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 45px; } }
@media only screen and (min-width: 992px) {
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 50px; } }
.entity-list-component .entity-navigation-component:last-child {
margin-top: 40px; }
@media only screen and (min-width: 768px) {
.entity-list-component .entity-navigation-component:last-child {
margin-top: 45px; } }
@media only screen and (min-width: 992px) {
.entity-list-component .entity-navigation-component:last-child {
margin-top: 50px; } }
#footer {
margin-top: auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
color: var(--font-color-2);
background-color: transparent;
min-height: 53.125vw; }
#footer:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 53.125vw;
display: block;
content: '';
background-image: url(//www.kilian.legal/wp-content/themes/kilian/assets/img/footer-bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
pointer-events: none; }
#footer .footer-top .footer-inner {
padding-top: calc(calc(min(110px, max(60px, 12vw))) + 20vw);
padding-bottom: calc(min(110px, max(60px, 9vw)));
text-align: center; }
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-inner {
text-align: left; } }
#footer .footer-top .footer-sections-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2); }
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-sections-wrapper {
display: grid;
grid-template-columns: 20% 40% 40%;
grid-template-rows: auto; } }
@media only screen and (min-width: 992px) {
#footer .footer-top .footer-sections-wrapper {
grid-template-columns: 26% 38% 36%; } }
#footer .footer-top .footer-sections-wrapper > .footer-section {
margin-bottom: 50px;
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
position: relative;
z-index: 1;
width: 100%; }
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-sections-wrapper > .footer-section {
margin-bottom: 0;
text-align: left; } }
#footer .footer-middle .footer-inner {
padding-top: 0;
padding-bottom: 0;
text-align: center; }
#footer .footer-bottom .footer-inner {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
padding-top: 35px;
padding-bottom: 35px;
position: relative;
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto;
text-align: center; }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner {
grid-template-columns: 60% 40%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left; } }
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-inner {
grid-template-columns: 26% 38% 36%; } }
#footer .footer-bottom .footer-inner:before {
position: absolute;
top: 0;
left: calc(var(--grid-gap) / 2);
right: calc(var(--grid-gap) / 2);
height: 1px;
display: block;
content: '';
background-color: var(--border-color-2); }
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-inner:before {
left: calc(26% + var(--grid-gap) / 2); } }
#footer .footer-bottom .footer-inner > .left-side,
#footer .footer-bottom .footer-inner > .middle-side,
#footer .footer-bottom .footer-inner > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2); }
#footer .footer-bottom .footer-inner > .left-side {
position: relative; }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner > .left-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-inner > .left-side {
-webkit-box-ordinal-group: unset;
-ms-flex-order: unset;
order: unset; } }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner > .middle-side {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; } }
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-inner > .middle-side {
-webkit-box-ordinal-group: unset;
-ms-flex-order: unset;
order: unset; } }
#footer .footer-bottom .footer-inner > .right-side {
margin-bottom: 30px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner > .right-side {
margin-bottom: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
grid-row: auto / span 2; } }
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-inner > .right-side {
-webkit-box-ordinal-group: unset;
-ms-flex-order: unset;
order: unset;
grid-row: auto / span 1; } }
#footer .footer-bottom .footer-inner p {
margin-top: 0;
margin-bottom: 0;
font-size: .8125rem;
line-height: var(--font-line-height-1);
color: var(--font-color-4); }
#footer .footer-sections-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
#footer .footer-sections-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
#footer .footer-sections-wrapper > .footer-section {
margin-bottom: 50px;
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
position: relative;
width: 100%; }
@media only screen and (min-width: 768px) {
#footer .footer-sections-wrapper > .footer-section {
margin-bottom: 0; } }
#footer .footer-sections-wrapper > .footer-section:last-child {
margin-bottom: 0; }
#footer .footer-section > .header {
margin-bottom: 18px; }
#footer .footer-section > .header .title {
margin: 0;
font-size: 1.25rem;
line-height: var(--font-line-height-2);
font-weight: 400; }
#footer .footer-section.collapse > .header {
position: relative; }
#footer .footer-section.collapse > .header:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 0;
content: '\e901';
display: block;
font-size: 12px;
color: inherit;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
@media only screen and (min-width: 768px) {
#footer .footer-section.collapse > .header:before {
display: none; } }
#footer .footer-section.collapse > .header .title {
padding-left: 0;
padding-right: 30px;
cursor: pointer; }
@media only screen and (min-width: 768px) {
#footer .footer-section.collapse > .header .title {
padding: 0;
cursor: default; } }
#footer .footer-section.collapse > .body {
display: none; }
@media only screen and (min-width: 768px) {
#footer .footer-section.collapse > .body {
display: block !important; } }
#footer .footer-section.collapse.opened {
padding-bottom: 25px; }
#footer .footer-section.collapse.opened > .header:before {
-webkit-transform: translate(0, -50%) rotateX(180deg);
transform: translate(0, -50%) rotateX(180deg); }
#footer .contact-info-container p {
margin-top: .5em;
margin-bottom: .5em;
font-size: .9375rem;
line-height: var(--font-line-height-3); }
#footer .contact-info-container p:first-child {
margin-top: 0; }
#footer .contact-info-container p:last-child {
margin-bottom: 0; }
#footer .logo {
margin-left: auto;
margin-right: auto; }
#footer .logo img,
#footer .logo svg {
margin: 0 auto;
display: block;
width: 20vw;
max-width: 72px;
height: auto; }
@media only screen and (min-width: 768px) {
#footer .logo img,
#footer .logo svg {
margin-left: 0;
margin-right: 0; } }
#footer .logo svg path {
fill: var(--font-color-2); }
#footer .logo a {
display: block; }
@media only screen and (min-width: 768px) {
#footer .social-media-component {
width: 100%; } }
#footer .social-media-component > .title {
display: none; }
#footer .social-media-component ul {
margin: -5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (min-width: 768px) {
#footer .social-media-component ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%; } }
#footer .social-media-component ul li {
margin: 5px; }
#footer .quick-contact-component > .title {
display: none; }
#footer .quick-contact-component ul li {
margin: 0;
margin-bottom: .5em;
font-size: calc(min(2.1875rem, max(1.25rem, 3vw))); }
#footer .quick-contact-component ul li:last-child {
margin-bottom: 0; }
#footer .quick-contact-component ul li a {
color: inherit; }
#footer nav.footer {
margin: 5px 0; }
#footer .copyright,
#footer .designed {
margin-bottom: 5px;
font-size: .8125rem;
line-height: var(--font-line-height-1);
color: var(--font-color-4); }
@media only screen and (min-width: 768px) {
#footer .copyright,
#footer .designed {
margin-bottom: 0; } }
#footer .copyright .nowrap,
#footer .designed .nowrap {
white-space: nowrap; }
#footer .copyright a,
#footer .designed a {
color: inherit;
text-decoration: none; }
#footer .copyright a:hover,
#footer .designed a:hover {
color: var(--brand-color-3); }
#footer .copyright {
margin-right: 10px; }
@media only screen and (min-width: 992px) {
#footer .copyright {
position: absolute;
top: -15px; } }
#header {
--header-theme-color: var(--font-color-2);
--header-theme-color-alpha: var(--font-color-2-a90);
--header-theme-color-reverse: var(--font-color-3);
--header-theme-color-reverse-alpha: var(--font-color-3-a90);
--header-theme-color-opened: var(--font-color-3);
--header-theme-color-opened-reversed: var(--font-color-3);
margin: 0;
position: absolute;
z-index: 23;
top: 0;
left: 0;
right: 0;
min-height: var(--header-height);
-webkit-transition: background-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: transform var(--animation-default-duration), background-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: transform var(--animation-default-duration), background-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration); }
body.header-opened #header,
body.header-opening #header {
position: fixed;
z-index: 23;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important; }
body.header-closing #header {
position: fixed;
z-index: 23; }
@media only screen and (min-width: 992px) {
body.has-overlay #header {
background-color: var(--background-color-1); } }
#header .header-top {
position: relative;
background-color: transparent;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
body.header-opened #header .header-top,
body.header-opening #header .header-top {
background-color: transparent; }
body.overlay-primary-nav #header .header-top {
background-color: transparent; }
#header .header-top .container {
max-width: var(--container-max-width-2); }
#header .header-top .header-inner {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
min-height: var(--header-height);
padding: 35px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
body.header-opened #header .header-top .header-inner:before,
body.header-opening #header .header-top .header-inner:before {
opacity: 1; }
#header .header-top .header-inner > .left-side,
#header .header-top .header-inner > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (max-width: 479px) {
#header .header-top .header-inner > .left-side,
#header .header-top .header-inner > .right-side {
padding-left: calc(var(--grid-gap) / 4);
padding-right: calc(var(--grid-gap) / 4); } }
#header .header-bottom {
position: relative;
display: none;
background-color: transparent;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
@media only screen and (min-width: 992px) {
#header .header-bottom {
display: block; } }
body.header-opened #header .header-bottom,
body.header-opening #header .header-bottom {
position: fixed;
z-index: 23;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important; }
body.header-closing #header .header-bottom {
position: fixed;
z-index: 23; }
#header .header-bottom .header-inner {
padding: 0;
padding-top: 20px;
padding-bottom: 0;
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#header .header-bottom .header-inner > .right-side {
margin-left: auto;
margin-right: 0; }
#header .logo {
position: relative; }
#header .logo img,
#header .logo svg {
margin: 0;
display: block;
width: 50vw;
max-width: 224px;
height: auto; }
#header .logo svg path {
fill: var(--font-color-4);
-webkit-transition: fill var(--animation-default-duration);
transition: fill var(--animation-default-duration); }
#header .logo svg path.icon {
fill: var(--header-theme-color); }
body.header-opened #header .logo svg path,
body.header-opening #header .logo svg path {
fill: var(--header-theme-color-opened); }
body.header-opened #header .logo svg path.icon,
body.header-opening #header .logo svg path.icon {
fill: var(--header-theme-color-opened); }
#header .logo a {
display: block; }
#header .logo a:hover svg path {
fill: var(--header-theme-color); }
body.header-opened #header .logo a:hover svg path,
body.header-opening #header .logo a:hover svg path {
fill: var(--header-theme-color-opened); }
body.header-opened #header .logo a:hover svg path.icon,
body.header-opening #header .logo a:hover svg path.icon {
fill: var(--header-theme-color-opened); }
#header #header-language-bar-container {
margin-right: calc(min(60px, max(20px, 5vw)));
position: relative;
z-index: 23; }
#header #header-user-panel-container {
position: relative;
z-index: 23; }
#header #header-mini-cart-container {
margin-left: 15px;
position: relative;
z-index: 23; }
@media only screen and (max-width: 479px) {
#header #header-mini-cart-container {
margin-left: 10px; } }
#header #header-actions-container {
margin-top: -20px;
margin-bottom: -20px;
display: none; }
@media only screen and (min-width: 768px) {
#header #header-actions-container {
margin-left: calc(min(85px, max(20px, 4vw)));
display: block; } }
#header .actions-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#header .actions-container .button, #header .actions-container button,
#header .actions-container input[type="button"],
#header .actions-container input[type="submit"],
#header .actions-container input[type="reset"] {
color: var(--header-theme-color);
background-color: transparent;
border-color: var(--header-theme-color-alpha); }
#header .actions-container .button:hover, #header .actions-container button:hover,
#header .actions-container input:hover[type="button"],
#header .actions-container input:hover[type="submit"],
#header .actions-container input:hover[type="reset"] {
color: var(--header-theme-color-reverse);
background-color: var(--header-theme-color);
border-color: var(--header-theme-color); }
body.header-opened #header .actions-container .button:hover, body.header-opened #header .actions-container button:hover,
body.header-opened #header .actions-container input:hover[type="button"],
body.header-opened #header .actions-container input:hover[type="submit"],
body.header-opened #header .actions-container input:hover[type="reset"],
body.header-opening #header .actions-container .button:hover,
body.header-opening #header .actions-container button:hover,
body.header-opening #header .actions-container input:hover[type="button"],
body.header-opening #header .actions-container input:hover[type="submit"],
body.header-opening #header .actions-container input:hover[type="reset"] {
color: var(--header-theme-color-opened-reversed); }
#header #header-primary-nav-container {
display: none; }
#header #header-compact-nav-button-container {
position: relative;
z-index: 23;
display: block; }
#header-compact-nav-button {
margin: 0;
padding: 0;
position: relative;
z-index: 21;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--header-theme-color);
cursor: pointer;
text-decoration: none;
width: auto;
height: auto;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
body.header-opened #header-compact-nav-button,
body.header-opening #header-compact-nav-button {
color: var(--header-theme-color-opened); }
body:not(.header-top) #header-compact-nav-button {
color: var(--header-theme-color); }
#header-compact-nav-button .text {
margin-top: 10px;
display: block;
font-size: .9375rem;
text-transform: uppercase;
letter-spacing: .1em; }
#header-compact-nav-button .text.close {
display: none; }
#header-compact-nav-button .patty {
position: relative;
width: 100%;
height: 14px;
display: block; }
#header-compact-nav-button .patty .line {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 1px;
background-color: currentColor;
border-radius: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: background-color 0.5s, opacity 0.5s, width 0.5s, top 0.5s, -webkit-transform 0.5s;
transition: background-color 0.5s, opacity 0.5s, width 0.5s, top 0.5s, -webkit-transform 0.5s;
transition: background-color 0.5s, opacity 0.5s, transform 0.5s, width 0.5s, top 0.5s;
transition: background-color 0.5s, opacity 0.5s, transform 0.5s, width 0.5s, top 0.5s, -webkit-transform 0.5s; }
#header-compact-nav-button .patty .line:nth-child(1) {
top: calc(50% - 7px); }
#header-compact-nav-button .patty .line:nth-child(2) {
top: 50%;
display: none; }
#header-compact-nav-button .patty .line:nth-child(3) {
top: calc(50% + 7px); }
body.header-opened #header-compact-nav-button .patty .line,
body.header-opening #header-compact-nav-button .patty .line {
background-color: var(--header-theme-color-opened); }
body:not(.header-top) #header-compact-nav-button .patty .line {
background-color: var(--header-theme-color); }
#header-compact-nav-button .dots {
position: relative;
width: 20px;
height: 20px; }
#header-compact-nav-button .dots .dot {
position: absolute;
display: block;
width: 3px;
height: 3px;
background-color: currentColor;
border-radius: 0;
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), opacity var(--animation-default-duration);
transition: transform var(--animation-default-duration), opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
#header-compact-nav-button .dots .dot:nth-child(1) {
top: 0;
left: 0; }
#header-compact-nav-button .dots .dot:nth-child(2) {
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
#header-compact-nav-button .dots .dot:nth-child(3) {
top: 0;
right: 0; }
#header-compact-nav-button .dots .dot:nth-child(4) {
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
#header-compact-nav-button .dots .dot:nth-child(5) {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#header-compact-nav-button .dots .dot:nth-child(6) {
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
#header-compact-nav-button .dots .dot:nth-child(7) {
bottom: 0;
left: 0; }
#header-compact-nav-button .dots .dot:nth-child(8) {
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
#header-compact-nav-button .dots .dot:nth-child(9) {
bottom: 0;
right: 0; }
#header-compact-nav-button:hover {
text-decoration: none;
outline: none;
color: currentColor;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
#header-compact-nav-button:hover .patty .line {
background-color: currentColor; }
body.header-opened #header-compact-nav-button,
body.header-opening #header-compact-nav-button {
color: var(--header-theme-color-opened); }
body.header-opened #header-compact-nav-button .patty .line,
body.header-opening #header-compact-nav-button .patty .line {
background-color: var(--header-theme-color-opened); }
body.header-opened #header-compact-nav-button .patty .line:nth-child(1),
body.header-opening #header-compact-nav-button .patty .line:nth-child(1) {
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(22.5deg);
-ms-transform: translate(-50%, -50%) rotate(22.5deg);
transform: translate(-50%, -50%) rotate(22.5deg); }
body.header-opened #header-compact-nav-button .patty .line:nth-child(2),
body.header-opening #header-compact-nav-button .patty .line:nth-child(2) {
opacity: 0; }
body.header-opened #header-compact-nav-button .patty .line:nth-child(3),
body.header-opening #header-compact-nav-button .patty .line:nth-child(3) {
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-22.5deg);
-ms-transform: translate(-50%, -50%) rotate(-22.5deg);
transform: translate(-50%, -50%) rotate(-22.5deg); }
body.header-opened #header-compact-nav-button:hover,
body.header-opening #header-compact-nav-button:hover {
color: var(--font-color-3); }
body.header-opened #header-compact-nav-button:hover .patty .line,
body.header-opening #header-compact-nav-button:hover .patty .line {
background-color: var(--header-theme-color-opened-reversed); }
#header-compact-nav-container {
position: fixed;
z-index: 20;
top: 0;
left: 0;
bottom: 0;
opacity: 1;
display: block;
pointer-events: none;
visibility: hidden; }
body.header-opened #header-compact-nav-container,
body.header-opening #header-compact-nav-container {
visibility: visible;
pointer-events: auto; }
body.header-closing #header-compact-nav-container {
visibility: visible; }
#header.closed #header-compact-nav-container {
pointer-events: none; }
#header-compact-nav-container > .outer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
overflow: hidden;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-color: var(--background-color-2-a80);
-webkit-transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear var(--animation-default-duration), -webkit-transform 0s linear var(--animation-default-duration); }
body.header-opened #header-compact-nav-container > .outer,
body.header-opening #header-compact-nav-container > .outer {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear 0s, -webkit-transform 0s linear 0s; }
#header-compact-nav-container > .outer > .inner {
margin-left: auto;
margin-right: 0;
position: relative;
width: 100%;
height: 100vh;
color: var(--font-color-2);
background-color: var(--background-color-1);
background-image: url(//www.kilian.legal/wp-content/themes/kilian/assets/img/menu-bg.svg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: auto 100%;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%); }
body.header-opened #header-compact-nav-container > .outer > .inner,
body.header-opening #header-compact-nav-container > .outer > .inner {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
#header-compact-nav-container > .outer > .inner:before {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
height: var(--header-height);
display: none;
content: '';
background-color: var(--brand-color-3);
pointer-events: none; }
#header-compact-nav-container .content-outer {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
color: var(--font-color-1);
overflow: auto; }
#header-compact-nav-container .content-inner {
margin: 0 auto;
position: relative;
width: 100%;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent; }
#header-compact-nav-container .content-inner .content-top {
margin-top: 0;
margin-bottom: 0;
height: 0;
overflow: hidden; }
#header-compact-nav-container .content-inner .content-middle {
margin-top: auto;
margin-bottom: auto;
padding: var(--header-height) 0 0 0;
padding-bottom: 30px; }
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper {
padding-left: 94px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .left-side,
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .left-side,
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .right-side {
width: 50%; } }
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .left-side {
margin-bottom: 50px; }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .left-side {
margin-bottom: 0;
width: 33.33%; } }
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .right-side {
width: 66.66%; } }
#header-compact-nav-container .content-inner .content-bottom {
margin-top: 0;
margin-bottom: 0;
height: 0;
overflow: hidden; }
#header-compact-nav-container .social-media-component {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#header-compact-nav-container .social-media-component > .title {
margin-top: 8px;
margin-bottom: 8px;
margin-right: 35px;
font-size: .9375rem;
line-height: var(--font-line-height-2);
font-weight: 400; }
#header-compact-nav-container .social-media-component ul {
margin: -5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#header-compact-nav-container .social-media-component ul li {
margin: 5px;
margin-right: 20px; }
#header-compact-nav-container .social-media-component ul li:last-child {
margin-right: 5px; }
#header-compact-nav-container .social-media-component ul li a:hover {
color: var(--font-color-2); }
#header-compact-nav-container .actions-container {
margin-top: calc(min(80px, max(40px, 8vw))); }
#header-compact-nav-container .close-button {
position: absolute;
padding-left: 51px;
z-index: 3;
top: 0;
left: 20px;
width: auto;
height: 76px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: .8125rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--header-theme-color);
outline: none;
background-color: transparent;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration); }
@media (min-width: var(--container-max-width)) {
#header-compact-nav-container .close-button {
left: calc((100vw - var(--container-max-width)) / 2 + (calc(var(--grid-gap) / 2))); } }
#header-compact-nav-container .close-button:before, #header-compact-nav-container .close-button:after {
position: absolute;
top: 50%;
left: 0;
display: block;
content: '';
width: 36px;
height: 2px;
background-color: var(--header-theme-color);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration); }
#header-compact-nav-container .close-button:before {
-webkit-transform: translate(0, -50%) rotate(45deg);
-ms-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg); }
#header-compact-nav-container .close-button:after {
-webkit-transform: translate(0, -50%) rotate(-45deg);
-ms-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg); }
#header-compact-nav-container .close-button:hover {
color: var(--brand-color-3); }
#header-compact-nav-container .close-button:hover:before, #header-compact-nav-container .close-button:hover:after {
background-color: var(--brand-color-3); }
.meta-component > .title {
margin-bottom: 10px;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
.meta-component ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: -4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.meta-component ul li {
margin: 0;
padding: 0; }
.meta-component ul li:before {
display: none; }
.meta-component ul li {
margin: 4px;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
.meta-component ul li a {
margin: -5px -10px;
padding: 5px 10px;
text-decoration: none;
display: block;
color: var(--font-color-3); }
.meta-component ul li a:hover {
color: var(--brand-color-1); }
.meta-component ul li.highlight {
padding: 5px 10px;
background-color: var(--background-color-3-a20); }
.meta-component ul li.date {
letter-spacing: .1em; }
.page-component .page-content h1:first-child,
.page-component .page-content h2:first-child,
.page-component .page-content h3:first-child,
.page-component .page-content h4:first-child,
.page-component .page-content h5:first-child,
.page-component .page-content h6:first-child {
margin-top: 0; }
.page-component .page-content h1:last-child,
.page-component .page-content h2:last-child,
.page-component .page-content h3:last-child,
.page-component .page-content h4:last-child,
.page-component .page-content h5:last-child,
.page-component .page-content h6:last-child {
margin-bottom: 0; }
.page-component .page-content ul:first-child,
.page-component .page-content ol:first-child,
.page-component .page-content p:first-child {
margin-top: 0; }
.page-component .page-content ul:last-child,
.page-component .page-content ol:last-child,
.page-component .page-content p:last-child {
margin-bottom: 0; }
.page-component .page-content figure figcaption {
margin-top: 20px; }
.page-component .page-excerpt {
margin-top: calc(var(--content-section-padding) * -1);
margin-bottom: calc(min(60px, max(30px, 5vw))); }
@media only screen and (min-width: 768px) {
.page-component .page-excerpt p {
max-width: 520px; } }
.page-component .page-excerpt p:first-child {
margin-top: 0; }
.page-component .page-excerpt p:last-child {
margin-bottom: 0; }
.page-component .inline-section-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2); }
@media (min-width: 1160px) {
.page-component .inline-section-wrapper {
margin-left: calc((100vw - var(--container-max-width)) / -2 - (calc(var(--grid-gap) / 2)));
margin-right: calc((100vw - var(--container-max-width)) / -2 - (calc(var(--grid-gap) / 2))); } }
.quick-contact-component > .title {
margin: 0;
margin-bottom: 18px;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
.quick-contact-component ul {
margin: 0;
padding: 0;
list-style-type: none; }
.quick-contact-component ul li {
margin: 0;
padding: 0; }
.quick-contact-component ul li:before {
display: none; }
.quick-contact-component ul li {
margin-top: calc(30em / 60);
margin-bottom: calc(30em / 60);
font-weight: 400;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
.quick-contact-component ul li a {
font-size: inherit;
line-height: var(--font-line-height-2);
color: inherit;
text-decoration: none; }
.quick-contact-component ul li a:hover {
text-decoration: underline; }
.quick-contact-component ul li [class^="icon-"],
.quick-contact-component ul li [class*=" icon-"] {
margin-right: 20px;
position: relative;
width: 20px;
height: 20px;
font-size: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.quick-contact-component ul li [class^="icon-"]:before,
.quick-contact-component ul li [class*=" icon-"]:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.module {
padding-top: 20px;
border-top: 1px solid var(--border-color-2); }
.module .module-header {
padding: 0;
margin-bottom: 20px; }
.module .module-header .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.module .module-header .module-title {
margin: 0;
font-weight: 400;
font-size: .9375rem;
line-height: var(--font-line-height-3); }
.module .module-header .module-title.highlight,
.module .module-header .module-title .highlight {
color: var(--brand-color-1); }
.module .module-header + .module-body {
margin-top: 0;
padding-top: 0; }
.module .module-body + .module-footer {
margin-top: 0;
padding-top: 0; }
.module .module-footer {
padding: 15px 0; }
.layout-three-columns-wrapper > .left-column .module:not(:first-child),
.layout-three-columns-wrapper > .right-column .module:not(:first-child),
.layout-two-columns-wrapper > .left-column .module:not(:first-child),
.layout-two-columns-wrapper > .right-column .module:not(:first-child) {
margin-top: 20px; }
.panel-overflow-hidden {
overflow: hidden; }
.panel-about article {
border-top: 1px solid var(--border-color-1); }
.panel-about article .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.panel-about article .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.panel-about article .two-side-wrapper > .left-side,
.panel-about article .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%; }
@media only screen and (min-width: 768px) {
.panel-about article .two-side-wrapper > .left-side,
.panel-about article .two-side-wrapper > .right-side {
width: 50%; } }
.panel-about article .two-side-wrapper > .left-side,
.panel-about article .two-side-wrapper > .right-side {
padding-top: calc(min(50px, max(30px, 3vw))); }
@media only screen and (min-width: 768px) {
.panel-about article .two-side-wrapper > .left-side {
padding-right: calc(min(45px, max(20px, 3vw)));
width: calc(60% + var(--grid-gap) / 2);
border-right: 1px solid var(--border-color-1); } }
@media only screen and (min-width: 992px) {
.panel-about article .two-side-wrapper > .left-side {
width: calc(64% + var(--grid-gap) / 2); } }
.panel-about article .two-side-wrapper > .right-side {
margin-top: 30px;
padding-top: 30px;
position: relative; }
@media only screen and (min-width: 768px) {
.panel-about article .two-side-wrapper > .right-side {
margin-top: 0;
padding-top: calc(min(50px, max(30px, 3vw)));
padding-left: calc(min(45px, max(20px, 3vw)));
width: calc(40% - var(--grid-gap) / 2);
border-top: none; } }
@media only screen and (min-width: 992px) {
.panel-about article .two-side-wrapper > .right-side {
width: calc(36% - var(--grid-gap) / 2); } }
.panel-about article .two-side-wrapper > .right-side:before {
position: absolute;
top: 0;
left: calc(var(--grid-gap) / 2);
right: calc(var(--grid-gap) / 2);
height: 1px;
display: block;
content: '';
background-color: var(--border-color-1); }
@media only screen and (min-width: 768px) {
.panel-about article .two-side-wrapper > .right-side:before {
display: none; } }
.panel-about article p:first-child {
margin-top: 0; }
.panel-about article p:last-child {
margin-bottom: 0; }
.panel-about article p.big {
margin-bottom: .5em;
font-size: calc(min(1.5625rem, max(1.3125rem, 2.5vw))); }
.panel-about article .buttons-container {
margin-top: 20px; }
.panel-about article .value-label-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .9375rem;
line-height: var(--font-line-height-3); }
.panel-about article .value-label-container .value {
margin-right: .2em;
display: inline-block;
font-size: 5.33em;
line-height: var(--font-line-height-1); }
.article-list-item-container a {
display: block;
color: inherit;
text-decoration: none;
outline: none; }
.article-list-item-container figure {
position: relative;
overflow: hidden; }
.article-list-item-container figure:before {
padding-top: 66.66%;
display: block;
content: ''; }
.article-list-item-container figure a {
display: block; }
.article-list-item-container figure a:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
-ms-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05); }
.article-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
max-height: calc(100% + 2px);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.article-list-item-container .body {
padding-top: 22px;
padding-bottom: 22px; }
.article-list-item-container .body .meta-component {
margin-bottom: 16px; }
.article-list-item-container .body .title {
font-size: calc(min(1.5625rem, max(1.25rem, 3vw)));
line-height: var(--font-color-3); }
.article-list-item-container .body .title a {
color: inherit; }
.article-list-item-container .body .title a:hover {
color: var(--font-color-4); }
.article-list-item-container .body .description {
margin-top: 40px;
font-size: .9375rem;
line-height: var(--font-line-height-3);
color: var(--font-color-4);
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: calc(.9375rem * 2 * var(--font-line-height-3));
overflow: hidden;
text-overflow: ellipsis; }
.article-list-item-container .body .buttons-container {
margin-top: 24px; }
.article-list-item-container .body .buttons-container .button, .article-list-item-container .body .buttons-container button,
.article-list-item-container .body .buttons-container input[type="button"],
.article-list-item-container .body .buttons-container input[type="submit"],
.article-list-item-container .body .buttons-container input[type="reset"] {
text-transform: uppercase; }
.related-article-list-item-container a {
display: block;
color: inherit;
text-decoration: none;
outline: none; }
.related-article-list-item-container a:hover figure img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
-ms-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05); }
.related-article-list-item-container a:hover .body .title {
color: var(--brand-color-1);
text-decoration: underline; }
.related-article-list-item-container .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.related-article-list-item-container .two-side-wrapper > .left-side {
width: calc(min(33.33%, 140px));
max-width: 140px; }
.related-article-list-item-container .two-side-wrapper > .right-side {
padding-left: calc(min(30px, max(10px, 3vw)));
width: calc(max(66.66%, calc(100% - 140px))); }
.related-article-list-item-container figure {
position: relative;
overflow: hidden; }
.related-article-list-item-container figure:before {
padding-top: 100%;
display: block;
content: ''; }
.related-article-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
max-height: calc(100% + 2px);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.related-article-list-item-container .body .meta-component {
margin-bottom: 16px; }
.related-article-list-item-container .body .title {
font-size: calc(min(1.25rem, max(1rem, 3vw)));
line-height: var(--font-color-3); }
@media only screen and (min-width: 992px) {
.related-article-list-item-container .body .title {
font-size: calc(min(1.125rem, max(1rem, 3vw))); } }
@media only screen and (min-width: 1200px) {
.related-article-list-item-container .body .title {
font-size: calc(min(1.25rem, max(1rem, 3vw))); } }
.article-detail-component {
margin-inline: auto;
max-width: 790px; }
.article-detail-component .layout-two-columns-wrapper {
margin-top: calc(min(70px, max(40px, 5vw))); }
@media only screen and (min-width: 992px) {
.article-detail-component .layout-two-columns-wrapper > .main-column {
padding-right: calc(min(70px, max(20px, 2vw)));
width: calc(100% - 360px - var(--grid-gap)); } }
@media only screen and (min-width: 1200px) {
.article-detail-component .layout-two-columns-wrapper > .main-column {
width: calc(100% - 500px - var(--grid-gap)); } }
@media only screen and (min-width: 992px) {
.article-detail-component .layout-two-columns-wrapper > .right-column {
width: calc(360px + var(--grid-gap)); } }
@media only screen and (min-width: 1200px) {
.article-detail-component .layout-two-columns-wrapper > .right-column {
width: calc(500px + var(--grid-gap)); } }
.article-detail-component .article-excerpt {
margin-top: 25px; }
.article-detail-component .article-excerpt p {
color: var(--font-color-4);
line-height: var(--font-line-height-3); }
.article-detail-component .article-excerpt p:first-child {
margin-top: 0; }
.article-detail-component .article-excerpt p:last-child {
margin-bottom: 0; }
.article-detail-component .article-excerpt + * {
margin-top: 0; }
.article-detail-component .article-content {
margin-top: clamp(50px, 5vw, 80px); }
.article-detail-component .article-content > *:first-child {
margin-top: 0; }
.article-detail-component .article-content > *:last-child {
margin-bottom: 0; }
.article-detail-component .article-content p {
color: var(--font-color-4);
line-height: var(--font-line-height-3); }
.article-detail-component .article-content p:last-of-type {
margin-bottom: 0; }
.article-detail-component .article-content ul li,
.article-detail-component .article-content ol li {
color: var(--font-color-4);
line-height: var(--font-line-height-3); }
.article-detail-component .article-content h2 + *,
.article-detail-component .article-content h3 + *,
.article-detail-component .article-content h4 + *,
.article-detail-component .article-content h5 + *,
.article-detail-component .article-content h6 + * {
margin-top: 0; }
.article-detail-component .article-content b,
.article-detail-component .article-content strong {
font-weight: 700; }
.article-detail-component .article-content figure {
margin: calc(min(48px, max(32px, 2vw))) 0; }
.article-detail-component .article-content figure img {
margin-left: auto;
margin-right: auto;
display: block;
height: auto; }
.article-detail-component .article-content figure figcaption {
padding-top: 15px;
line-height: var(--font-line-height-2);
font-size: calc(min(1rem, max(.875rem, 3vw)));
text-align: center;
color: var(--font-color-3-a80); }
.article-detail-component .article-content + .social-share-component {
-webkit-margin-before: clamp(30px, 5vw, 50px);
margin-block-start: clamp(30px, 5vw, 50px); }
.article-detail-component .article-content + .social-share-component > .title {
margin-bottom: 20px;
color: currentColor; }
.article-detail-component .article-content + .social-share-component ul {
gap: 10px 15px; }
.article-detail-component .author-container > .label {
margin-bottom: 10px;
position: relative;
font-size: .9375rem;
font-weight: 400;
line-height: var(--font-line-height-2);
color: var(--font-color-4); }
.article-detail-component .author-container .name {
font-size: .9375rem;
line-height: var(--font-line-height-2); }
.article-detail-component footer {
-webkit-margin-before: clamp(30px, 5vw, 50px);
margin-block-start: clamp(30px, 5vw, 50px);
-webkit-padding-before: clamp(25px, 5vw, 35px);
padding-block-start: clamp(25px, 5vw, 35px);
-webkit-border-before: 1px solid currentColor;
border-block-start: 1px solid currentColor; }
.article-detail-component footer .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px 20px; }
.article-intro-component .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--grid-gap); }
@media only screen and (min-width: 768px) {
.article-intro-component .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
@media only screen and (min-width: 768px) {
.article-intro-component .two-side-wrapper > .left-side,
.article-intro-component .two-side-wrapper > .right-side {
width: 50%; } }
.article-intro-component .two-side-wrapper > .left-side {
-ms-flex-item-align: center;
align-self: center; }
@media only screen and (min-width: 768px) {
.article-intro-component .two-side-wrapper > .left-side {
width: 56%; } }
@media only screen and (min-width: 992px) {
.article-intro-component .two-side-wrapper > .left-side {
width: 440px; } }
@media only screen and (min-width: 768px) {
.article-intro-component .two-side-wrapper > .right-side {
width: 44%; } }
@media only screen and (min-width: 992px) {
.article-intro-component .two-side-wrapper > .right-side {
width: calc(100% - 480px); } }
.article-intro-component h1 {
margin-bottom: 0;
font-size: calc(min(2.8125rem, max(1.875rem, 3vw)));
font-weight: 400; }
.article-intro-component h1 + .meta-component {
margin-top: 20px;
margin-bottom: 0; }
.article-intro-component .meta-component {
margin-bottom: 20px; }
.article-intro-component .meta-component ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px 20px; }
.article-intro-component figure {
position: relative;
overflow: hidden; }
@media only screen and (min-width: 768px) {
.article-intro-component figure {
margin-right: calc(var(--grid-gap) / -2); } }
@media (min-width: 830px) {
.article-intro-component figure {
margin-right: calc((100dvw - 830px) / -2 - var(--grid-gap) / 2); } }
@media (min-width: 1420px) {
.article-intro-component figure {
margin-right: -315px; } }
.article-intro-component figure.main img {
height: auto;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center; }
.article-intro-component .buttons-container {
margin-top: 40px; }
.article-intro-component .buttons-container .button, .article-intro-component .buttons-container button,
.article-intro-component .buttons-container input[type="button"],
.article-intro-component .buttons-container input[type="submit"],
.article-intro-component .buttons-container input[type="reset"] {
text-transform: uppercase; }
.article-list-component .list-container > .buttons-container {
margin-top: calc(min(40px, max(10px, 5vw)));
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.article-list-component .list-container > .actions-container {
margin-top: calc(min(40px, max(10px, 5vw)));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.article-list-component .list {
margin: -16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.article-list-component .list > .item {
padding: 16px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.article-list-component .list > .item {
width: 50%; } }
@media only screen and (min-width: 992px) {
.article-list-component .list > .item {
width: 33.33%; } }
.article-list-component .list > .item .article-list-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.article-list-component .list > .item .article-list-item-container .body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.article-nav-component {
margin-top: calc(min(80px, max(40px, 6vw)));
margin-bottom: calc(min(80px, max(40px, 6vw))); }
.top-article-container {
position: relative; }
.top-article-container + .article-nav-component {
margin-top: calc(min(120px, max(40px, 8vw))); }
.top-article-container .image-pen {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 34vw;
max-width: 424px;
height: auto;
display: block;
-webkit-transform: translate(-5%, -97%);
-ms-transform: translate(-5%, -97%);
transform: translate(-5%, -97%);
pointer-events: none; }
.article-slider-component .slider {
position: relative; }
.article-slider-component .slider .slick-list {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
padding-bottom: 45px;
position: relative; }
@media (min-width: 1160px) {
.article-slider-component .slider .slick-list {
margin-left: calc((100vw - var(--container-max-width)) / -2 - var(--grid-gap) / 2);
margin-right: calc((100vw - var(--container-max-width)) / -2 - var(--grid-gap) / 2);
padding-left: calc((100vw - var(--container-max-width)) / 2 + var(--grid-gap) / 2);
padding-right: calc((100vw - var(--container-max-width)) / 2 + var(--grid-gap) / 2); } }
.article-slider-component .slider .slick-list:before, .article-slider-component .slider .slick-list:after {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
width: 40px;
display: block;
content: '';
pointer-events: none; }
@media (min-width: 1160px) {
.article-slider-component .slider .slick-list:before, .article-slider-component .slider .slick-list:after {
width: calc(min(160px, max(40px, (100vw - var(--container-max-width)) / 2))); } }
.article-slider-component .slider .slick-list:before {
left: 0;
background-image: -webkit-gradient(linear, left top, right top, from(var(--background-color-3)), to(var(--background-color-3-a00)));
background-image: linear-gradient(to right, var(--background-color-3) 0%, var(--background-color-3-a00) 100%); }
.article-slider-component .slider .slick-list:after {
right: 0;
background-image: -webkit-gradient(linear, right top, left top, from(var(--background-color-3)), to(var(--background-color-3-a00)));
background-image: linear-gradient(to left, var(--background-color-3) 0%, var(--background-color-3-a00) 100%); }
.article-slider-component .slider .slick-track {
padding-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.article-slider-component .slider .slider-item {
padding-left: 15px;
padding-right: 15px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none; }
@media only screen and (max-width: 479px) {
.article-slider-component .slider .slider-item {
padding-left: 20px;
padding-right: 20px; } }
.article-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.article-slider-component .slider .slider-item .article-list-item-container,
.article-slider-component .slider .slider-item .article-slider-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.article-slider-component .slider .slider-item .article-list-item-container a,
.article-slider-component .slider .slider-item .article-slider-item-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.article-slider-component .slider .slider-item .article-list-item-container a .body,
.article-slider-component .slider .slider-item .article-slider-item-container a .body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.article-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.article-slider-component .slider .navigation-container .arrows .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.article-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
left: calc(var(--grid-gap) / -2); }
@media (min-width: 1160px) {
.article-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
left: calc((100vw - var(--container-max-width)) / -2 - var(--grid-gap) / 2 + min(40px, max(0px, 1vw))); } }
.article-slider-component .slider .navigation-container .arrows .slick-arrow.next {
right: calc(var(--grid-gap) / -2); }
@media (min-width: 1160px) {
.article-slider-component .slider .navigation-container .arrows .slick-arrow.next {
right: calc((100vw - var(--container-max-width)) / -2 - var(--grid-gap) / 2 + min(40px, max(0px, 1vw))); } }
.article-slider-component .slider .navigation-container .dots {
display: none; }
.article-slider-component .slider .navigation-container .slides-number-container {
display: none; }
.article-2-slider-component .slider {
position: relative; }
.article-2-slider-component .slider .slick-list {
margin: -20px;
margin-bottom: -45px;
padding: 20px 0;
padding-bottom: 45px;
position: relative; }
.article-2-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.article-2-slider-component .slider .slider-item {
margin: 0 20px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none; }
@media only screen and (max-width: 479px) {
.article-2-slider-component .slider .slider-item {
padding-left: 20px;
padding-right: 20px; } }
.article-2-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.article-2-slider-component .slider .slider-item .article-slider-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-shadow: none;
box-shadow: none; }
@media only screen and (min-width: 768px) {
.article-2-slider-component .slider .slider-item .article-slider-item-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.article-2-slider-component .slider .slider-item.slick-current .article-slider-item-container {
-webkit-box-shadow: 0 12px 44px rgba(0, 0, 0, 0.11);
box-shadow: 0 12px 44px rgba(0, 0, 0, 0.11); }
.article-2-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.article-2-slider-component .slider .navigation-container .arrows {
position: absolute;
bottom: 0;
right: calc(min(100px, max(0px, 5vw)));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (max-width: 479px) {
.article-2-slider-component .slider .navigation-container .arrows {
position: static;
bottom: auto;
right: auto; } }
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow {
width: 90px;
height: 90px;
color: var(--border-color-3);
background-color: var(--background-color-1); }
@media only screen and (max-width: 479px) {
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow {
width: 48px;
height: 48px; } }
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow [class^="icon-"],
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow [class*=" icon-"] {
font-size: 32px; }
@media only screen and (max-width: 479px) {
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow [class^="icon-"],
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow [class*=" icon-"] {
font-size: 16px; } }
@media only screen and (max-width: 479px) {
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow.prev, .article-2-slider-component .slider .navigation-container .arrows .slick-arrow.next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
@media only screen and (max-width: 479px) {
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
left: -20px; } }
@media only screen and (max-width: 479px) {
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow.next {
right: -20px; } }
.article-2-slider-component .slider .navigation-container .arrows .slick-arrow:hover {
color: var(--font-color-2);
background-color: var(--brand-color-2); }
.article-2-slider-component .slider .navigation-container .dots {
display: none; }
.article-2-slider-component .slider .navigation-container .slides-number-container {
display: none; }
.related-article-list-component .list > .item {
margin-bottom: 18px; }
.related-article-list-component .list > .item:last-child {
margin-bottom: 0; }
.panel-articles.content-section {
padding-top: 0; }
.panel-related-articles .content-section-sub-title {
margin-top: 0;
color: var(--brand-color-2); }
.panel-related-articles .content-section-sub-title.big {
color: var(--brand-color-2); }
.panel-related-articles article .article-list-component {
padding-bottom: 0; }
.panel-related-articles article .article-list-component .list > .item:nth-child(n + 3) {
display: none; }
@media (max-width: 559px) {
.panel-related-articles article .article-list-component .list > .item:nth-child(n + 3) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media only screen and (min-width: 992px) {
.panel-related-articles article .article-list-component .list > .item:nth-child(n + 3) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.contact-component .map-container figure {
margin: 0; }
.contact-component .map-container figure img {
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
display: block; }
.contact-component .contact-info-component {
margin-bottom: calc(min(150px, max(40px, 8vw))); }
.contact-info-component {
position: relative; }
.contact-info-component .image-plane {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 16vw;
max-width: 382px;
height: auto;
display: block;
-webkit-transform: translate(-40%, -65%);
-ms-transform: translate(-40%, -65%);
transform: translate(-40%, -65%);
pointer-events: none; }
.contact-info-component .image-pen {
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 34vw;
max-width: 425px;
height: auto;
display: block;
-webkit-transform: translate(50%, -10%);
-ms-transform: translate(50%, -10%);
transform: translate(50%, -10%);
pointer-events: none; }
@media only screen and (min-width: 992px) {
.contact-info-component .image-pen {
top: 50%;
right: 0;
width: 17vw;
-webkit-transform: translate(82%, -5%);
-ms-transform: translate(82%, -5%);
transform: translate(82%, -5%); } }
.contact-info-component > .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 12px 44px rgba(0, 0, 0, 0.1);
box-shadow: 0 12px 44px rgba(0, 0, 0, 0.1); }
@media only screen and (min-width: 992px) {
.contact-info-component > .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.contact-info-component > .two-side-wrapper > .left-side,
.contact-info-component > .two-side-wrapper > .right-side {
padding: calc(min(60px, max(30px, 5vw))) calc(min(60px, max(20px, 3vw)));
width: 100%; }
.contact-info-component > .two-side-wrapper > .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--font-color-2);
background-color: var(--background-color-3); }
@media only screen and (min-width: 992px) {
.contact-info-component > .two-side-wrapper > .left-side {
width: 33.33%; } }
.contact-info-component > .two-side-wrapper > .left-side .contact-info-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.contact-info-component > .two-side-wrapper > .left-side .contact-info-container article {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.contact-info-component > .two-side-wrapper > .right-side {
position: relative;
background-color: var(--background-color-1); }
@media only screen and (min-width: 992px) {
.contact-info-component > .two-side-wrapper > .right-side {
width: 66.66%; } }
.contact-info-component > .two-side-wrapper .contact-info-container .content-section-header {
margin-bottom: 40px; }
.contact-info-component > .two-side-wrapper .contact-info-container p:first-child {
margin-top: 0; }
.contact-info-component > .two-side-wrapper .contact-info-container p:last-child {
margin-bottom: 0; }
.contact-info-component > .two-side-wrapper .contact-info-container ul {
margin: 0;
padding: 0;
list-style-type: none; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li {
margin: 0;
padding: 0; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li:before {
display: none; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li {
margin: 0;
margin-bottom: 20px;
padding-left: 45px;
position: relative;
font-weight: 600;
font-size: 1.125rem;
line-height: var(--font-line-height-2); }
@media only screen and (max-width: 479px) {
.contact-info-component > .two-side-wrapper .contact-info-container ul li {
font-size: calc(min(1.125rem, max(.875rem, 4vw))); } }
.contact-info-component > .two-side-wrapper .contact-info-container ul li:first-child {
margin-top: 0; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li:last-child {
margin-bottom: 0; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li.big-pad {
margin-top: 3em; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li a {
font-size: inherit;
line-height: var(--font-line-height-2);
color: inherit;
text-decoration: none; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li a:hover {
text-decoration: underline; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li [class^="icon-"],
.contact-info-component > .two-side-wrapper .contact-info-container ul li [class*=" icon-"] {
margin-right: 25px;
position: absolute;
top: 1px;
left: 0;
width: 20px;
height: 20px;
font-size: 20px; }
.contact-info-component > .two-side-wrapper .contact-info-container ul li [class^="icon-"]:before,
.contact-info-component > .two-side-wrapper .contact-info-container ul li [class*=" icon-"]:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.contact-info-component > .two-side-wrapper .contact-info-container ul li .small {
font-size: calc(14em / 18); }
.contact-info-component > .two-side-wrapper .contact-info-container article > .bottom {
margin-top: calc(min(60px, max(30px, 5vw)));
padding-top: calc(min(60px, max(30px, 5vw)));
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--border-color-3-a50)), color-stop(0%, transparent));
background-image: linear-gradient(to right, var(--border-color-3-a50) 50%, transparent 0%);
background-position: top;
background-size: 20px 1px;
background-repeat: repeat-x; }
.contact-info-component > .two-side-wrapper .contact-info-container .quick-contact-component > .title {
display: none; }
.contact-info-component > .two-side-wrapper .invoice-info-container {
padding-left: 45px;
position: relative;
color: var(--font-color-2-a80); }
.contact-info-component > .two-side-wrapper .invoice-info-container > .title {
margin-bottom: 20px;
font-size: calc(min(1.375rem, max(1.25rem, 2.5vw)));
line-height: var(--font-line-height-2);
font-weight: 700; }
.contact-info-component > .two-side-wrapper .invoice-info-container p {
font-size: .875rem;
font-weight: 700;
line-height: var(--font-line-height-3); }
.contact-info-component > .two-side-wrapper .invoice-info-container p:first-of-type {
margin-top: 0; }
.contact-info-component > .two-side-wrapper .invoice-info-container p:last-child {
margin-bottom: 0; }
.contact-info-component > .two-side-wrapper .invoice-info-container [class^="icon-"],
.contact-info-component > .two-side-wrapper .invoice-info-container [class*=" icon-"] {
margin-right: 25px;
position: absolute;
top: 1px;
left: 0;
width: 20px;
height: 20px;
font-size: 20px; }
.contact-info-component > .two-side-wrapper .invoice-info-container [class^="icon-"]:before,
.contact-info-component > .two-side-wrapper .invoice-info-container [class*=" icon-"]:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.panel-contact-cta .content-section-header {
margin-bottom: 40px; }
.panel-contact-cta .content-section-title {
text-align: center; }
@media only screen and (min-width: 768px) {
.panel-contact-cta .content-section-title {
text-align: right; } }
.panel-contact-cta .content-section-title .highlight {
font-weight: 400; }
.panel-contact-cta .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.panel-contact-cta .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
@media only screen and (min-width: 768px) {
.panel-contact-cta .two-side-wrapper > .left-side,
.panel-contact-cta .two-side-wrapper > .right-side {
width: 50%; } }
.panel-contact-cta .two-side-wrapper > .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #8abbb7; }
.panel-contact-cta .two-side-wrapper > .right-side {
padding: calc(min(80px, max(40px, 5vw))) calc(min(70px, max(20px, 5vw)));
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--background-color-3); }
.panel-contact-cta article ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: -10px -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.panel-contact-cta article ul li {
margin: 0;
padding: 0; }
.panel-contact-cta article ul li:before {
display: none; }
.panel-contact-cta article ul li {
padding: 10px 20px;
position: relative;
width: 33.33%;
text-align: center; }
@media only screen and (max-width: 479px) {
.panel-contact-cta article ul li {
width: 100%; } }
@media only screen and (min-width: 768px) {
.panel-contact-cta article ul li {
width: 100%; } }
@media only screen and (min-width: 992px) {
.panel-contact-cta article ul li {
width: 33.33%; } }
.panel-contact-cta article ul li:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
display: block;
content: '';
background-color: var(--border-color-4-a60); }
@media only screen and (max-width: 479px) {
.panel-contact-cta article ul li:after {
top: auto;
left: 20px;
right: 20px;
width: auto;
height: 1px; } }
@media only screen and (min-width: 768px) {
.panel-contact-cta article ul li:after {
top: auto;
left: 20px;
right: 20px;
width: auto;
height: 1px; } }
@media only screen and (min-width: 992px) {
.panel-contact-cta article ul li:after {
top: 0;
left: auto;
right: 0;
width: 1px;
height: auto; } }
.panel-contact-cta article ul li:last-child:after {
display: none; }
.panel-contact-cta article .buttons-container {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.panel-contact-form > .container > .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 12px 44px rgba(0, 0, 0, 0.1);
box-shadow: 0 12px 44px rgba(0, 0, 0, 0.1); }
@media only screen and (min-width: 992px) {
.panel-contact-form > .container > .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.panel-contact-form > .container > .two-side-wrapper > .left-side,
.panel-contact-form > .container > .two-side-wrapper > .right-side {
padding: calc(min(60px, max(30px, 5vw))) calc(min(60px, max(20px, 3vw)));
width: 100%; }
.panel-contact-form > .container > .two-side-wrapper > .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--font-color-2);
background-color: var(--background-color-3); }
@media only screen and (min-width: 992px) {
.panel-contact-form > .container > .two-side-wrapper > .left-side {
width: 33.33%; } }
.panel-contact-form > .container > .two-side-wrapper > .left-side .contact-info-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.panel-contact-form > .container > .two-side-wrapper > .left-side .contact-info-container article {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.panel-contact-form > .container > .two-side-wrapper > .right-side {
position: relative;
background-color: var(--background-color-1); }
@media only screen and (min-width: 992px) {
.panel-contact-form > .container > .two-side-wrapper > .right-side {
width: 66.66%; } }
.panel-contact-form > .container > .two-side-wrapper > .right-side:before {
position: absolute;
z-index: -1;
inset: 0 calc(var(--grid-gap) / -2);
display: block;
content: '';
background-color: var(--background-color-3); }
@media only screen and (min-width: 992px) {
.panel-contact-form > .container > .two-side-wrapper > .right-side:before {
display: none; } }
.panel-contact-form .contact-info-container .content-section-header {
margin-bottom: 20px; }
.panel-contact-form .contact-info-container p:first-child {
margin-top: 0; }
.panel-contact-form .contact-info-container p:last-child {
margin-bottom: 0; }
.panel-contact-form .contact-info-container article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.panel-contact-form .contact-info-container article > .top:not(:last-child) {
margin-bottom: 40px; }
.panel-contact-form .contact-info-container .quick-contact-component > .title {
display: none; }
.panel-contact-form .contact-info-container .quick-contact-component ul li [class^="icon-"],
.panel-contact-form .contact-info-container .quick-contact-component ul li [class*=" icon-"] {
color: var(--font-color-3); }
form.contact {
padding: calc(min(50px, max(30px, 2vw))) calc(min(50px, max(20px, 2vw)));
position: relative;
border: 1px solid var(--border-color-1); }
form.contact .overlay {
background: var(--background-color-1-a80); }
form.contact .columns-wrapper {
margin-left: 0;
margin-right: 0; }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper {
margin-left: 0;
margin-right: 0;
position: relative;
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: auto; } }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper:before {
position: absolute;
top: calc(calc(min(50px, max(30px, 2vw))) * -1);
bottom: 30px;
left: 50%;
width: 1px;
display: block;
content: '';
background-color: var(--border-color-1); } }
form.contact .columns-wrapper > .column {
padding-left: 0;
padding-right: 0;
position: relative;
width: 100%; }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper > .column {
padding-right: calc(min(50px, max(20px, 2vw))); } }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper > .column:nth-child(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; } }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper > .column:nth-child(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; } }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper > .column:last-child {
padding-left: calc(min(50px, max(20px, 2vw)));
padding-right: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
grid-row: auto / span 3; } }
form.contact .columns-wrapper > .column:last-child .form-control-group {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper > .column:last-child .form-control-group {
margin-bottom: 30px;
height: 100%; } }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper > .column:last-child .form-control-group .input-wrapper {
height: 100%; } }
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper > .column:last-child .form-control-error {
position: absolute;
bottom: 0; } }
form.contact .columns-wrapper > .column.full-width {
width: 100%; }
form.contact .form-control-group {
margin-bottom: 25px; }
@media only screen and (min-width: 768px) {
form.contact .form-control-group {
margin-bottom: 30px; } }
form.contact .form-control-group.checkbox {
margin-bottom: 0; }
form.contact .form-control-group.checkbox .form-control-error {
margin-left: 0; }
form.contact .form-control-label {
margin-bottom: 0;
margin-left: calc(var(--input-padding-horizontal) - 10px);
padding: 2px 10px;
position: relative;
display: inline-block;
background-color: var(--background-color-1); }
form.contact .form-control-label + * {
margin-top: -12px; }
form.contact textarea {
min-height: 144px;
height: 144px; }
@media only screen and (min-width: 768px) {
form.contact textarea {
min-height: calc(100% - 41px); } }
form.contact .buttons-container {
margin: -20px 0;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
form.contact .buttons-container > .left-side,
form.contact .buttons-container > .right-side {
padding: 10px 0; }
form.contact .buttons-container > .left-side {
padding-right: calc(var(--grid-gap) / 2); }
.contact-form-container {
margin-left: auto;
margin-right: auto;
max-width: 800px; }
.contact-form-container .form-title {
margin-left: auto;
margin-right: auto;
max-width: 620px;
font-size: calc(min(2.1875rem, max(1.5rem, 4vw)));
line-height: var(--font-line-height-2);
font-weight: 400;
text-align: center; }
.contact-form-container .form-sub-title {
margin-top: 8px;
margin-left: auto;
margin-right: auto;
max-width: 620px;
font-size: .9375rem;
line-height: var(--font-line-height-2);
font-weight: 400;
text-align: center; }
.contact-form-container form {
margin-top: 40px;
margin-left: auto;
margin-right: auto; }
.feature-list-item-container .body {
padding-top: calc(min(40px, max(25px, 3vw)));
padding-bottom: calc(min(40px, max(25px, 3vw)));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 559px) {
.feature-list-item-container .body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
.feature-list-item-container .body .label {
margin-right: 20px;
font-size: calc(min(4.375rem, max(2rem, 2vw)));
line-height: var(--font-line-height-2); }
@media (max-width: 559px) {
.feature-list-item-container .body .label {
margin-right: 0; } }
@media only screen and (min-width: 768px) {
.feature-list-item-container .body .label {
width: calc(60% + var(--grid-gap) / 2);
font-size: calc(min(4.375rem, max(2.5rem, 2.5vw))); } }
@media only screen and (min-width: 992px) {
.feature-list-item-container .body .label {
width: calc(64% + var(--grid-gap) / 2); } }
.feature-list-item-container .body .value {
font-size: .9375rem;
line-height: var(--font-line-height-3);
color: var(--font-color-4); }
@media (max-width: 559px) {
.feature-list-item-container .body .value {
margin-top: 12px; } }
@media only screen and (min-width: 768px) {
.feature-list-item-container .body .value {
width: calc(40% - var(--grid-gap) / 2); } }
@media only screen and (min-width: 992px) {
.feature-list-item-container .body .value {
width: calc(36% - var(--grid-gap) / 2); } }
.feature-list-item-container .body .value p {
font-size: inherit; }
.feature-list-item-container .body .value p:first-child {
margin-top: 0; }
.feature-list-item-container .body .value p:last-child {
margin-top: 0; }
.feature-list-component .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.feature-list-component .list > .item {
margin-bottom: 0;
width: 100%;
border-bottom: 1px solid var(--border-color-2); }
.feature-list-component .list > .item:last-child {
margin-bottom: 0;
border-bottom: none; }
.hero-component.home {
margin-top: calc(var(--header-height) * -1);
position: relative; }
.hero-component.home figure {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden; }
.hero-component.home figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.hero-component.home figure:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40%;
display: block;
content: '';
background-image: -webkit-gradient(linear, left bottom, left top, from(var(--background-color-2)), to(var(--background-color-2-a00)));
background-image: linear-gradient(to top, var(--background-color-2) 0%, var(--background-color-2-a00) 100%);
pointer-events: none; }
.hero-component.home .content {
position: relative;
z-index: 2;
color: var(--font-color-2); }
.hero-component.home .content .content-inner {
padding-top: calc(min(45vh, max(calc(var(--header-height) + 40px), 30vw)));
padding-bottom: calc(min(45vh, max(calc(var(--header-height) + 40px), 30vw)));
max-width: 470px; }
.hero-component.home .content .content-inner.align-center {
text-align: center; }
.hero-component.home .content .hero-title {
margin: 0;
font-size: calc(min(2.1875rem, max(1.5rem, 4vw)));
line-height: var(--font-line-height-2);
font-weight: 400; }
.hero-component.home .content .hero-sub-title {
margin-top: 20px;
font-size: .9375rem;
line-height: var(--font-line-height-3);
color: var(--font-color-4); }
.hero-component.home .content .buttons-container {
margin-top: 40px; }
.hero-component.landing {
position: relative; }
.hero-component.landing figure {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden; }
@media (min-width: 1300px) {
.hero-component.landing figure {
left: calc((100vw - 1300px) / 2); } }
@media (min-width: 2000px) {
.hero-component.landing figure {
right: calc((100vw - 2000px) / 2); } }
.hero-component.landing figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.hero-component.landing .content {
position: relative;
z-index: 2; }
.hero-component.landing .content .content-inner {
padding-top: calc(min(340px, max(80px, 30vw)));
padding-bottom: calc(min(60px, max(40px, 10vw))); }
.hero-component.landing .content .hero-pre-title {
margin-bottom: 15px;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
.hero-component.landing .content .hero-title {
margin: 0;
font-size: calc(min(4.375rem, max(1.75rem, 5vw)));
line-height: var(--font-line-height-2);
font-weight: 400; }
.hero-slider-component .slider {
position: relative; }
.hero-slider-component .slider .slick-list {
padding-bottom: 40px;
position: relative; }
.hero-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hero-slider-component .slider .slider-item {
position: relative;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none; }
.hero-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none; }
.hero-slider-component .slider .slider-item figure {
position: absolute;
z-index: 1;
inset: 0;
overflow: hidden; }
.hero-slider-component .slider .slider-item figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: auto;
bottom: 0;
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.hero-slider-component .slider .slider-item .video-container {
position: absolute;
z-index: 1;
inset: 0;
overflow: hidden; }
.hero-slider-component .slider .slider-item .video-container video {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px); }
.hero-slider-component .slider .slider-item .content {
position: relative;
z-index: 2;
color: var(--font-color-2); }
.hero-slider-component .slider .slider-item .content .content-inner {
margin-left: 0;
padding-top: calc(min(600px, max(180px, 19vw)));
padding-bottom: calc(min(600px, max(220px, 20vw)));
position: relative; }
@media only screen and (min-width: 992px) {
.hero-slider-component .slider .slider-item .content .content-inner {
max-width: 65%; } }
@media only screen and (min-width: 1200px) {
.hero-slider-component .slider .slider-item .content .content-inner {
max-width: 50%; } }
.hero-slider-component .slider .slider-item .content .content-inner .hero-title {
margin: 0;
font-size: calc(min(2.5rem, max(1.875rem, 3.5vw)));
line-height: var(--font-line-height-2);
font-weight: 400;
color: var(--font-color-2);
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.hero-slider-component .slider .slider-item .content .content-inner .hero-sub-title {
margin-top: 10px;
max-width: 480px;
font-weight: 400;
font-size: .9375rem;
line-height: var(--font-line-height-2);
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.hero-slider-component .slider .slider-item .content .content-inner .buttons-container {
margin-top: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hero-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hero-slider-component .slider .navigation-container .arrows {
display: none; }
.hero-slider-component .slider .navigation-container .dots {
display: none; }
.hero-slider-component .slider .navigation-container .tabs {
position: absolute;
bottom: 0;
left: 50%;
width: calc(100% - var(--grid-gap));
max-width: calc(var(--container-max-width) - var(--grid-gap));
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
@media only screen and (max-width: 479px) {
.hero-slider-component .slider .navigation-container .tabs {
bottom: 10px; } }
.hero-slider-component .slider .navigation-container .tabs ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: 0 -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.hero-slider-component .slider .navigation-container .tabs ul li {
margin: 0;
padding: 0; }
.hero-slider-component .slider .navigation-container .tabs ul li:before {
display: none; }
@media only screen and (max-width: 479px) {
.hero-slider-component .slider .navigation-container .tabs ul {
margin-left: -5px;
margin-right: -5px; } }
.hero-slider-component .slider .navigation-container .tabs ul li {
padding: 0 15px;
position: relative;
line-height: 1em;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
@media only screen and (max-width: 479px) {
.hero-slider-component .slider .navigation-container .tabs ul li {
padding-left: 5px;
padding-right: 5px;
max-width: 40px; } }
.hero-slider-component .slider .navigation-container .tabs ul li a {
padding-top: 20px;
position: relative;
font-size: .9375rem;
line-height: var(--font-line-height-2);
text-align: center;
display: block;
color: var(--font-color-3);
text-decoration: none; }
.hero-slider-component .slider .navigation-container .tabs ul li a:hover:before {
background-color: var(--brand-color-1); }
.hero-slider-component .slider .navigation-container .tabs ul li a:before {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
display: block;
content: '';
background-color: currentColor;
-webkit-transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration); }
@media only screen and (max-width: 479px) {
.hero-slider-component .slider .navigation-container .tabs ul li a:before {
top: 50%;
height: 2px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: .2; } }
@media only screen and (max-width: 479px) {
.hero-slider-component .slider .navigation-container .tabs ul li a .text {
display: none; } }
.hero-slider-component .slider .navigation-container .tabs ul li.active a:before {
background-color: var(--brand-color-1); }
@media only screen and (max-width: 479px) {
.hero-slider-component .slider .navigation-container .tabs ul li.active a:before {
opacity: 1; } }
.language-bar-component ul {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.language-bar-component ul li {
margin: 0;
padding: 0; }
.language-bar-component ul li:before {
display: none; }
.language-bar-component ul li {
margin-right: 20px;
line-height: 20px;
text-align: center; }
@media only screen and (max-width: 479px) {
.language-bar-component ul li {
margin-right: 15px; } }
.language-bar-component ul li:last-child {
margin-right: 0; }
.language-bar-component ul li a {
padding: 4px 0;
position: relative;
display: block;
font-size: .93755rem;
line-height: 20px;
font-weight: 400;
color: var(--header-theme-color);
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration); }
body.header-opened .language-bar-component ul li a,
body.header-opening .language-bar-component ul li a {
color: var(--header-theme-color-opened); }
.language-bar-component ul li a:hover {
text-decoration: underline; }
body.header-opened .language-bar-component ul li a:hover,
body.header-opening .language-bar-component ul li a:hover {
color: var(--header-theme-color-opened-reversed); }
.language-bar-component ul li.active a:hover {
text-decoration: underline; }
body.header-opened .language-bar-component ul li.active a:hover,
body.header-opening .language-bar-component ul li.active a:hover {
color: var(--header-theme-color-opened-reversed); }
.language-bar-component.dropdown {
position: relative;
padding-top: 24px;
width: 36px; }
.language-bar-component.dropdown ul {
margin: 0;
padding: 0;
list-style-type: none;
padding-top: 24px;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.language-bar-component.dropdown ul li {
margin: 0;
padding: 0; }
.language-bar-component.dropdown ul li:before {
display: none; }
.language-bar-component.dropdown ul:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: calc(50% - .125em);
right: 0;
z-index: 1;
display: block;
font-size: 6px;
content: '\e905';
color: inherit;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: color var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: color var(--animation-default-duration), transform var(--animation-default-duration);
transition: color var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.language-bar-component.dropdown ul li {
margin: 0;
padding: 0;
display: none;
text-align: left; }
.language-bar-component.dropdown ul li a {
padding: 2px 0;
display: block; }
.language-bar-component.dropdown ul li.active {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block; }
.language-bar-component.dropdown ul:hover:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg); }
.language-bar-component.dropdown ul:hover li {
display: block; }
.language-bar-component.dropdown ul.opened li {
display: block; }
.language-bar-component.active-only ul {
padding-top: 0; }
.language-bar-component.active-only ul:after {
display: none; }
.language-bar-component.active-only ul li {
display: none; }
.language-bar-component.active-only ul li.active {
display: none; }
.language-bar-component.active-only ul li:not(.active) {
display: block; }
.language-bar-component.active-only ul:hover li {
display: none; }
.language-bar-component.active-only ul:hover li:not(.active) {
display: block; }
.notification-component {
padding: 30px;
position: relative;
border: 1px solid transparent;
border-radius: 0; }
.notification-component .title {
margin: 0;
font-size: 1.125rem;
line-height: 1.25em; }
@media only screen and (max-width: 479px) {
.notification-component .title {
font-size: 1.0625rem; } }
@media only screen and (min-width: 768px) {
.notification-component .title {
font-size: 1.1875rem; } }
@media only screen and (min-width: 992px) {
.notification-component .title {
font-size: 1.25rem; } }
@media only screen and (min-width: 1200px) {
.notification-component .title {
font-size: 1.3125rem; } }
.notification-component .title + * {
margin-top: 0; }
.notification-component .buttons-container {
margin-top: 20px; }
.notification-component p:first-child,
.notification-component ul:first-child,
.notification-component ol:first-child {
margin-top: 0; }
.notification-component p:last-child,
.notification-component ul:last-child,
.notification-component ol:last-child {
margin-bottom: 0; }
.notification-component p.no-pad,
.notification-component ul.no-pad,
.notification-component ol.no-pad {
margin: 0; }
.notification-component.notice {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.1); }
.notification-component.align-center {
text-align: center; }
.notification-component.no-style {
padding: 0;
background: none;
border: none;
border-radius: 0; }
.notification-component.brand-color-1 {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1); }
.notification-component .brand-color-1 {
color: var(--brand-color-1); }
.notification-component.brand-color-2 {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2); }
.notification-component .brand-color-2 {
color: var(--brand-color-2); }
.notification-component.brand-color-3 {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3); }
.notification-component .brand-color-3 {
color: var(--brand-color-3); }
.notification-component .close-button {
position: absolute;
z-index: 2;
top: 20px;
right: 20px;
display: block;
font-size: 14px;
text-decoration: none; }
.notification-component .close-button:hover {
color: var(--state-color-error); }
.portfolio-nav-component {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.portfolio-nav-component {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.portfolio-nav-component .navigation {
margin-bottom: 40px; }
@media only screen and (min-width: 768px) {
.portfolio-nav-component .navigation {
margin-bottom: 0;
padding-left: calc(11% + var(--grid-gap) / 2);
width: 50%; } }
@media only screen and (min-width: 992px) {
.portfolio-nav-component .navigation {
padding-left: calc(14.5% + var(--grid-gap) / 2); } }
.portfolio-nav-component .navigation > .title {
margin-bottom: calc(min(50px, max(30px, 5vw)));
padding-top: 24px;
position: relative;
font-size: .9375rem;
line-height: var(--font-line-height-1); }
.portfolio-nav-component .navigation > .title:before {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
display: block;
content: '';
background-color: var(--border-color-2); }
.portfolio-nav-component .navigation ul {
margin: 0;
padding: 0;
list-style-type: none; }
.portfolio-nav-component .navigation ul li {
margin: 0;
padding: 0; }
.portfolio-nav-component .navigation ul li:before {
display: none; }
.portfolio-nav-component .navigation ul li {
margin: 0;
margin-bottom: 1em;
position: relative;
font-size: calc(min(2rem, max(1.5rem, 2.75vw)));
line-height: var(--font-line-height-2); }
.portfolio-nav-component .navigation ul li:last-child {
margin-bottom: 0; }
.portfolio-nav-component .navigation ul li a {
position: relative;
color: var(--font-color-4);
display: inline-block;
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), padding-left var(--animation-default-duration);
transition: color var(--animation-default-duration), padding-left var(--animation-default-duration); }
.portfolio-nav-component .navigation ul li a:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e903';
position: absolute;
top: 1em;
left: 0;
display: block;
font-size: .4375em;
opacity: 0;
-webkit-transform: translate(-10px, 0);
-ms-transform: translate(-10px, 0);
transform: translate(-10px, 0);
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
.portfolio-nav-component .navigation ul li a:hover {
padding-left: 1em;
color: var(--font-color-2); }
.portfolio-nav-component .navigation ul li a:hover:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1; }
.portfolio-nav-component .navigation ul li.active a {
padding-left: 1em;
color: var(--font-color-2); }
.portfolio-nav-component .navigation ul li.active a:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1; }
.portfolio-nav-component .images-wrapper {
position: relative;
width: 100%; }
@media only screen and (min-width: 768px) {
.portfolio-nav-component .images-wrapper {
width: 50%; } }
.portfolio-nav-component .images-container {
position: relative;
width: 100%;
min-height: 100%; }
.portfolio-nav-component .images-container:before {
padding-top: 115%;
display: block;
content: ''; }
.portfolio-nav-component .images-container figure {
position: absolute;
inset: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
.portfolio-nav-component .images-container figure .image-wrapper {
position: absolute;
inset: 0;
overflow: hidden; }
.portfolio-nav-component .images-container figure a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block; }
.portfolio-nav-component .images-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.portfolio-nav-component .images-container figure figcaption {
position: absolute;
z-index: 2;
bottom: calc(min(45px, max(25px, 5vw)));
left: calc(min(45px, max(20px, 5vw)));
right: calc(min(45px, max(20px, 5vw)));
font-size: .9375rem;
line-height: var(--font-line-height-3); }
.portfolio-nav-component .images-container figure figcaption .title {
font-size: calc(min(2.1875rem, max(1.5rem, 3vw)));
line-height: var(--font-line-height-2); }
.portfolio-nav-component .images-container figure figcaption .sub-title {
margin-top: 16px;
font-size: inherit;
line-height: inherit; }
.portfolio-nav-component .images-container figure.enter {
opacity: 1;
pointer-events: auto; }
.portfolio-nav-component .images-container figure.leave {
opacity: 0;
pointer-events: none; }
.portfolio-nav-component .images-container figure.active {
z-index: 1; }
.panel-portfolio .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.panel-portfolio .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.panel-portfolio .two-side-wrapper > .left-side,
.panel-portfolio .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%; }
@media only screen and (min-width: 768px) {
.panel-portfolio .two-side-wrapper > .left-side,
.panel-portfolio .two-side-wrapper > .right-side {
width: 50%; } }
.panel-portfolio .two-side-wrapper > .right-side {
margin-top: 40px; }
@media only screen and (min-width: 768px) {
.panel-portfolio .two-side-wrapper > .right-side {
margin-top: 0; } }
.panel-portfolio .content-section-header {
margin-bottom: 0; }
.panel-portfolio .content-section-title {
margin-bottom: 40px; }
.panel-portfolio .content-section-title .highlight {
color: var(--font-color-3);
text-decoration: underline; }
.panel-portfolio .content-section-sub-title {
max-width: 480px; }
nav.side-navigation {
padding-top: 20px;
border-top: 1px solid var(--border-color-2); }
nav.side-navigation > .title {
margin-bottom: 20px;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
nav.side-navigation ul {
max-width: 320px; }
nav.side-navigation ul li {
margin-bottom: 15px;
font-size: 1em; }
nav.side-navigation ul li:last-child {
margin-bottom: 0; }
nav.side-navigation ul li > a {
position: relative;
text-decoration: none;
line-height: var(--font-line-height-2);
font-size: 1.25rem;
color: var(--font-color-4);
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), padding-left var(--animation-default-duration);
transition: color var(--animation-default-duration), padding-left var(--animation-default-duration); }
nav.side-navigation ul li > a:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e903';
position: absolute;
top: .75em;
left: 0;
display: block;
font-size: .625em;
opacity: 0;
-webkit-transform: translate(-10px, 0);
-ms-transform: translate(-10px, 0);
transform: translate(-10px, 0);
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration); }
nav.side-navigation ul li > a:hover {
padding-left: 1.25em;
color: var(--font-color-2); }
nav.side-navigation ul li > a:hover:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1; }
nav.side-navigation ul li.active > a {
padding-left: 1.25em;
color: var(--font-color-2); }
nav.side-navigation ul li.active > a:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1; }
.social-media-component > .title {
margin: 0;
margin-bottom: 10px;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .9375rem;
line-height: var(--font-line-height-2); }
.social-media-component ul {
margin: 0;
padding: 0;
list-style-type: none; }
.social-media-component ul li {
margin: 0;
padding: 0; }
.social-media-component ul li:before {
display: none; }
.social-media-component ul li {
margin: 0;
margin-bottom: 10px;
position: relative;
font-size: .9375rem;
font-weight: 400;
line-height: var(--font-line-height-1); }
.social-media-component ul li:last-child {
margin-bottom: 0; }
.social-media-component ul li:last-child:after {
display: none; }
.social-media-component ul li a {
font-size: inherit;
line-height: var(--font-line-height-1);
color: inherit;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.social-media-component ul li a:hover {
text-decoration: underline; }
.social-media-component ul li a [class^="icon-"],
.social-media-component ul li a [class*=" icon-"] {
margin-right: 10px;
display: none;
width: 1em;
height: 1em;
font-size: 1em; }
.social-share-component {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.social-share-component > .title {
margin: 0;
margin-bottom: 10px;
position: relative;
font-size: .9375rem;
font-weight: 400;
line-height: var(--font-line-height-2);
color: var(--font-color-4); }
.social-share-component ul {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px clamp(25px, 5vw, 40px); }
.social-share-component ul li {
margin: 0;
padding: 0; }
.social-share-component ul li:before {
display: none; }
.social-share-component ul li {
position: relative;
font-size: .9375rem;
line-height: 1em; }
.social-share-component ul li a {
padding: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-self: center;
gap: 0 10px;
font-style: normal;
font-weight: 400;
font-size: .9375rem;
line-height: var(--font-line-height-2);
color: inherit;
text-decoration: none;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
.social-share-component ul li a [class^="icon-"],
.social-share-component ul li a [class*=" icon-"] {
position: absolute;
top: 50%;
left: 50%;
display: block;
font-size: 13px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.social-share-component ul li a img {
display: block;
width: auto;
height: auto;
max-height: 18px; }
.social-share-component ul li a:hover {
color: var(--font-color-4); }
.social-share-component ul li:has(img) a {
padding: 6px 15px;
border: 1px solid currentColor;
border-radius: var(--border-radius-2); }
:root {
--content-section-padding: 40px;
--content-section-small-padding: 30px;
--content-section-big-padding: 60px; }
@media only screen and (min-width: 768px) {
:root {
--content-section-padding: 60px;
--content-section-small-padding: 40px;
--content-section-big-padding: 90px; } }
@media only screen and (min-width: 992px) {
:root {
--content-section-padding: 80px;
--content-section-small-padding: 50px;
--content-section-big-padding: 120px; } }
@media only screen and (min-width: 1200px) {
:root {
--content-section-padding: 100px;
--content-section-small-padding: 60px;
--content-section-big-padding: 150px; } }
body {
position: relative; }
body:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 100vh;
min-height: calc(var(--header-height) + 60px);
max-height: 820px;
display: none;
content: '';
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--background-color-3)), to(var(--background-color-1)));
background-image: linear-gradient(to bottom, var(--background-color-3) 0%, var(--background-color-1) 100%);
pointer-events: none; }
.content-section {
padding-top: var(--content-section-padding);
padding-bottom: var(--content-section-padding); }
.content-section.small-top-pad {
padding-top: var(--content-section-small-padding); }
.content-section.small-bottom-pad {
padding-bottom: var(--content-section-small-padding); }
.content-section.small-pad {
padding-top: var(--content-section-small-padding);
padding-bottom: var(--content-section-small-padding); }
.content-section.big-top-pad {
padding-top: var(--content-section-big-padding); }
.content-section.big-bottom-pad {
padding-bottom: var(--content-section-big-padding); }
.content-section.big-pad {
padding-top: var(--content-section-big-padding);
padding-bottom: var(--content-section-big-padding); }
.content-section.no-top-pad {
padding-top: 0; }
.content-section.no-bottom-pad {
padding-bottom: 0; }
.content-section.no-pad {
padding-top: 0;
padding-bottom: 0; }
.content-section header h1,
.content-section header h2,
.content-section header h3,
.content-section header h4,
.content-section header h5,
.content-section header h6 {
margin-top: 0;
margin-bottom: 0; }
.content-section header.align-center {
text-align: center; }
.content-section.overflow-hidden {
overflow: hidden; }
.content-section.fill-bg {
background-color: var(--background-color-3); }
.content-section.white-bg {
position: relative;
z-index: 1;
color: var(--font-color-3);
background-color: var(--background-color-1); }
.content-section.white-bg:before {
padding-top: 12.132564841498559077809798270893%;
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
display: block;
content: '';
background-image: url(//www.kilian.legal/wp-content/themes/kilian/assets/img/panel-top-bg.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
pointer-events: none; }
@media (min-width: 1600px) {
.content-section.white-bg:before {
background-size: 100% 195px; } }
.content-section.white-bg.content-section {
padding-top: calc(var(--content-section-padding) * 2); }
.content-section-header,
header {
margin-bottom: calc(min(30px, max(20px, 5vw)));
position: relative; }
.content-section-header.align-center,
header.align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center; }
.content-section-header.align-center .content-section-pre-title,
.content-section-header.align-center .content-section-sub-title,
header.align-center .content-section-pre-title,
header.align-center .content-section-sub-title {
display: inline-block;
-ms-flex-item-align: center;
align-self: center; }
.content-section-header.two-side-wrapper,
.content-section-header .two-side-wrapper,
header.two-side-wrapper,
header .two-side-wrapper {
margin-left: var(--grid-gap)/-2;
margin-right: var(--grid-gap)/-2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.content-section-header.two-side-wrapper,
.content-section-header .two-side-wrapper,
header.two-side-wrapper,
header .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.content-section-header.two-side-wrapper > .left-side,
.content-section-header.two-side-wrapper > .right-side,
.content-section-header .two-side-wrapper > .left-side,
.content-section-header .two-side-wrapper > .right-side,
header.two-side-wrapper > .left-side,
header.two-side-wrapper > .right-side,
header .two-side-wrapper > .left-side,
header .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2); }
.content-section-header.two-side-wrapper > .right-side,
.content-section-header .two-side-wrapper > .right-side,
header.two-side-wrapper > .right-side,
header .two-side-wrapper > .right-side {
margin-top: 20px; }
@media only screen and (min-width: 768px) {
.content-section-header.two-side-wrapper > .right-side,
.content-section-header .two-side-wrapper > .right-side,
header.two-side-wrapper > .right-side,
header .two-side-wrapper > .right-side {
margin-top: 0; } }
.content-section-title {
margin: 0;
font-weight: 400;
font-size: calc(min(2.5rem, max(1.875rem, 3.5vw)));
line-height: var(--font-line-height-2); }
.content-section-title.highlight,
.content-section-title .highlight {
color: var(--brand-color-3); }
.content-section-title.medium {
font-size: calc(min(3.125rem, max(2.25rem, 4vw))); }
.content-section-title.small {
font-size: calc(min(1.5625rem, max(1.25rem, 3vw))); }
.content-section-title.extra-small {
font-size: .9375rem; }
.content-section-pre-title {
margin: 0;
margin-bottom: 20px;
font-weight: 400;
font-size: .9375rem;
line-height: var(--font-line-height-3);
color: inherit; }
.content-section-sub-title {
margin: 0;
margin-top: 20px;
font-weight: 400;
font-size: .9375rem;
line-height: var(--font-line-height-3);
color: inherit; }
.content-two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.content-two-side-wrapper > .left-side,
.content-two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper > .left-side {
width: 50%; } }
.content-two-side-wrapper > .right-side {
margin-top: 40px;
margin-left: auto;
margin-right: 0; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper > .right-side {
margin-top: 0;
width: 50%; } }
.content-two-side-wrapper > .right-side:only-child {
margin-top: 0; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.side-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.side-md > .left-side,
.content-two-side-wrapper.side-md > .right-side {
width: 100%; } }
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md > .left-side,
.content-two-side-wrapper.side-md > .right-side {
width: 50%; } }
.content-two-side-wrapper.side-md > .right-side {
margin-top: 40px; }
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md > .right-side {
margin-top: 0; } }
.content-two-side-wrapper.no-side-pad {
margin-left: 0;
margin-right: 0; }
.content-two-side-wrapper.no-side-pad > .left-side,
.content-two-side-wrapper.no-side-pad > .right-side {
padding-left: 0;
padding-right: 0; }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; } }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content-two-side-wrapper.align-center > .left-side,
.content-two-side-wrapper.align-center > .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.layout-two-columns-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.layout-two-columns-wrapper > .left-column,
.layout-two-columns-wrapper > .main-column,
.layout-two-columns-wrapper > .right-column {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2); }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column.no-left-pad,
.layout-two-columns-wrapper > .main-column.no-left-pad,
.layout-two-columns-wrapper > .right-column.no-left-pad {
padding-left: 0; } }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column.no-right-pad,
.layout-two-columns-wrapper > .main-column.no-right-pad,
.layout-two-columns-wrapper > .right-column.no-right-pad {
padding-right: 0; } }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column {
width: calc(260px + var(--grid-gap)); } }
.layout-two-columns-wrapper > .main-column {
margin-top: 40px; }
.layout-two-columns-wrapper > .main-column:first-child {
margin-top: 0; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .main-column {
margin-top: 0;
width: calc(100% - 260px - var(--grid-gap)); } }
.layout-two-columns-wrapper > .right-column {
margin-top: 40px; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .right-column {
margin-top: 0;
width: calc(260px + var(--grid-gap)); } }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.layout-two-columns-wrapper.swap > .main-column {
margin-top: 0;
margin-bottom: 40px; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper.swap > .main-column {
margin-bottom: 0; } }
.layout-two-columns-wrapper.swap > .left-column {
margin-top: 40px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.layout-two-columns-wrapper.swap > .left-column + .main-column {
margin-top: 0;
margin-bottom: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper.swap > .left-column {
margin-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.layout-two-columns-wrapper.swap > .left-column + .main-column {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; } }
.layout-three-columns-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.layout-three-columns-wrapper > .left-column,
.layout-three-columns-wrapper > .main-column,
.layout-three-columns-wrapper > .right-column {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2); }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .left-column.no-left-pad,
.layout-three-columns-wrapper > .main-column.no-left-pad,
.layout-three-columns-wrapper > .right-column.no-left-pad {
padding-left: 0; } }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .left-column.no-right-pad,
.layout-three-columns-wrapper > .main-column.no-right-pad,
.layout-three-columns-wrapper > .right-column.no-right-pad {
padding-right: 0; } }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .left-column {
width: calc(240px + var(--grid-gap)); } }
.layout-three-columns-wrapper > .main-column {
margin-top: 40px; }
.layout-three-columns-wrapper > .main-column:first-child {
margin-top: 0; }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .main-column {
margin-top: 0;
width: calc(100% - 480px - var(--grid-gap) * 2); } }
.layout-three-columns-wrapper > .right-column {
margin-top: 40px; }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper > .right-column {
margin-top: 0;
width: calc(240px + var(--grid-gap)); } }
@media only screen and (min-width: 992px) {
.layout-three-columns-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
@media (min-width: 1400px) {
.layout-three-columns-wrapper.fixed-columns {
margin-left: -195px;
margin-right: -195px; } }
.layout-three-columns-wrapper.fixed-columns > .left-column,
.layout-three-columns-wrapper.fixed-columns > .right-column {
display: none;
width: 185px; }
@media (min-width: 1400px) {
.layout-three-columns-wrapper.fixed-columns > .left-column,
.layout-three-columns-wrapper.fixed-columns > .right-column {
display: block; } }
.layout-three-columns-wrapper.fixed-columns > .main-column {
margin-top: 0;
width: 100%; }
@media (min-width: 1400px) {
.layout-three-columns-wrapper.fixed-columns > .main-column {
width: calc(100% - 370px); } }
@media only screen and (min-width: 992px) {
.floating-sidebar-wrapper .floating-sidebar-container {
position: sticky;
top: 20px;
-webkit-transition: top var(--animation-default-duration);
transition: top var(--animation-default-duration); }
body.header-down .floating-sidebar-wrapper .floating-sidebar-container {
top: 20px; } }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
--body-font-size: 16px;
margin: 0;
min-height: 100%;
font-size: var(--body-font-size); }
body {
--body-font-color: var(--font-color-2);
--body-background-color: var(--background-color-2);
margin: 0;
padding-top: var(--header-height);
position: relative;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: var(--font-family-1);
font-weight: 400;
color: var(--body-font-color);
background-color: var(--body-background-color);
overflow-x: hidden; }
body:before {
position: fixed;
z-index: 20;
top: var(--header-height);
left: 0;
right: 0;
bottom: 0;
opacity: 0;
display: block;
content: '';
pointer-events: none;
background-color: var(--background-color-2-a80);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration); }
body.has-overlay:before {
opacity: .7;
pointer-events: auto; }
::-moz-selection {
color: #fff;
background-color: #000; }
::selection {
color: #fff;
background-color: #000; }
.clearfix:after, .form-control-group:after, .container:after, .clearfix:before, .form-control-group:before, .container:before {
content: ' ';
display: table; }
.clearfix:after, .form-control-group:after, .container:after {
clear: both; }
.container {
margin: 0 auto;
padding: 0 calc(var(--grid-gap) / 2);
width: 100%;
max-width: var(--container-max-width); }
.container.width-max-2 {
max-width: var(--container-max-width-2); }
.container.no-pad {
padding-left: 0;
padding-right: 0; }
body.page-home .sections-wrapper {
background-image: url(//www.kilian.legal/wp-content/themes/kilian/assets/img/sections-bg.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right center; }