:root{--swatch_1:#000000;--swatch_2:#EEEEEE;--swatch_3:#FFFFFF;--swatch_4:#176635;--swatch_5:#5af6a6;}/*
Theme Name:Dominus Theme 6.4
Theme URI:?
Description:Wordpress theme by Dominus
Author:Dominus
Author URI:https://dominus.fi
Version:6.4
*/
/* xbase */
*{ position:relative; box-sizing:border-box; vertical-align:top; scroll-behavior:smooth; }
html{
overflow-y:scroll;
}
body{
margin:0;
position:relative;
overflow-wrap:break-word;
background:#fff; /* This fixes weird color blending when using CSS filters/blend modes, they don't like having an undefined background color behind them. */
}
img{ max-width:100%; height:auto; }
iframe{ display:block; border:none; max-width:100%; }
p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ul:first-child, ol:first-child, li:first-child, blockquote:first-child{ margin-top:0!important; }
p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ul:last-child, ol:last-child, li:last-child, blockquote:last-child{ margin-bottom:0!important; }
p *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ul *, ol *, blockquote *{ vertical-align:baseline; }
sup{ vertical-align:super; }
sub{ vertical-align:sub; }
br{ line-height:0; }
.clear{ clear:both; }
.clearfix::after{ content:""; clear:both; display:table; }
dl, dt, dd{ margin:0; }
/* stuff */
ul, ol{
padding-left:1.5rem;
}
p img{
vertical-align:middle;
}
h1, h2, h3{
}
a{
display:inline-block;
}
[id]{
scroll-margin:10vh;
}
table{
width:100%;
border-collapse:collapse;
font-size:0.9em;
}
table td{
border:1px solid #ccc;
padding:0.4em 0.7em;
}
table th{
padding:0.5em 0.8em;
}
table tr+tr th{
padding-top:1em;
}
/*@media screen and (max-width:600px){
table, tbody, tr, td, th{
display:block;
width:100%!important;
}
table td:first-of-type,
table th:first-of-type{
font-weight:bold;
}
table td:not(:first-of-type),
table th:not(:first-of-type){
margin-left:1rem;
border:none!important;
}
table td:not(:first-of-type) + td,
table td:not(:first-of-type) + th{
border-top:1px solid #ddd!important;
}
}*/
.liststyle_bullet{ list-style-type:disc; }
.liststyle_hollowbullet{ list-style-type:circle; }
.liststyle_square{ list-style-type:square; }
.liststyle_checkmark{ list-style-image:url('data:image/svg+xml;utf8,'); }
.negative .liststyle_checkmark{ list-style-image:url('data:image/svg+xml;utf8,'); }
.liststyle_x{ list-style-image:url('data:image/svg+xml;utf8,'); }
.negative .liststyle_x{ list-style-image:url('data:image/svg+xml;utf8,'); }
.liststyle_plus{ list-style-image:url('data:image/svg+xml;utf8,'); }
.negative .liststyle_plus{ list-style-image:url('data:image/svg+xml;utf8,'); }
.liststyle_minus{ list-style-image:url('data:image/svg+xml;utf8,'); }
.negative .liststyle_minus{ list-style-image:url('data:image/svg+xml;utf8,'); }
.liststyle_number{ list-style-type:decimal; }
.liststyle_latinlower{ list-style-type:lower-latin; }
.liststyle_latinupper{ list-style-type:upper-latin; }
.liststyle_romanlower{ list-style-type:lower-roman; }
.liststyle_romanupper{ list-style-type:upper-roman; }
/* things */
textarea.autosize{
overflow-y:hidden;
}
.L_sect.Lclass_borderbox{
border:3px solid #000;
padding:2.5rem;
}
div.infobox{
padding:2rem 2.5rem;
margin:1rem 0;
background-color:#f2f2f2;
color:#888;
font-size:90%;
}
div.borderboxinline,
div.borderbox{
border:3px solid #000;
padding:2rem 2.5rem;
margin:1rem 0;
}
div.borderboxinline{
display:inline-block;
}
div.infobox:first-child,
div.borderboxinline:first-child,
div.borderbox:first-child{
margin-top:0;
}
div.infobox:last-child,
div.borderboxinline:last-child,
div.borderbox:last-child{
margin-bottom:0;
}
div.graybox{
padding:2rem 2.5rem;
margin:0 0 1rem;
}
div.graybox:last-child{
margin-bottom:0;
}
div.graybox{
background-color:#eee;
}
img.circle,
img.round{
border-radius:100%;
}
img.photoframe{
border:6px solid #fff;
box-shadow:0 1px 6px #005;
}
.dropcap2::first-letter{
float:left;
font-size:3em;
text-transform:uppercase;
line-height:3em;
margin:0.15em 0.04em 0 0;
}
.dropcap3::first-letter{
float:left;
font-size:5em;
text-transform:uppercase;
line-height:3em;
margin:0.1em 0.02em 0 0;
}
blockquote.inset{
margin-left:1.75rem;
border-left:4px solid #ccc;
padding-left:1.25rem;
}
blockquote.quote{
margin-left:2.5rem;
padding-left:0;
color:#aaa;
font-style:italic;
font-size:1.2em;
}
blockquote.quote::before{
content:'"';
content:'”';
font-family:"Times New Roman", serif;
font-weight:bold;
position:absolute;
font-size:2.25em;
top:-0.2em;
left:-2.3rem;
}
blockquote p{
margin:0.5em 0;
}
span.inlinebox{
display:inline-block;
padding:0.2em 0.5em;
border-radius:6px;
vertical-align:baseline;
border:2px solid currentcolor;
color:currentcolor;
}
span.inlinebox *{
color:currentcolor;
}
.nomargin_t{
margin-top:0!important;
}
.nomargin_b{
margin-bottom:0!important;
}
.titlesuptext,
.titlesubtext{
display:block;
font-size:1rem;
font-style:normal;
line-height:1.2rem;
}
.nobreakspan{
display:inline-block;
vertical-align:baseline;
}
.T_link_has_image::before{
display:none;
}
.T_link_has_image svg,
.T_link_has_image img{
transition:transform 0.2s;
transform:scale(1);
}
.T_link_has_image svg:hover,
.T_link_has_image img:hover{
transform:scale(1.1);
}
hr{
border:0;
height:1px;
background-color:#ccc;
margin:1.5em 0;
clear:both;
}
.alignright{ float:right; clear:right; margin-left:1.6rem; margin-bottom:1.4rem; z-index:1; }
.alignleft{ float:left; clear:left; margin-right:1.6rem; margin-bottom:1.4rem; z-index:1; }
.aligncenter{ display:block; margin:0 auto; z-index:1; }
.wp-caption{ max-width:100%; font-size:75%; font-style:italic; z-index:1; }
.window_top_container{
position:fixed;
top:0;
left:0;
z-index:5;
width:100%;
}
.navig .window_top_container{
position:absolute;
top:100%;
z-index:unset;
}
.window_bottom_container{
position:fixed;
bottom:0;
left:0;
z-index:5;
width:100%;
}
.window_corner_container{
width:100%;
}
.window_left_container,
.window_right_container{
position:absolute;
bottom:0;
display:flex;
flex-direction:column;
gap:1em;
}
.window_left_container{
align-items:flex-start;
}
.window_right_container{
align-items:flex-end;
}
.window_left_container{
left:0;
padding:0 0 0.5em 0.5em;
}
.window_right_container{
right:0;
padding:0 0.5em 0.5em 0;
}
/* page structure */
#footer{
font-size:90%;
}
#footer.custom{
text-align:center;
}
#footer .footblocks{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
#footer .footblocks > div{
padding:1rem 1.5rem;
}
.breadcrumbs{
font-size:0.9em;
z-index:1;
}
.breadcrumbs.absolute{
position:absolute;
top:1em;
left:1em;
}
.breadcrumbs.relative{
padding:1em 5%;
}
.breadcrumbs .page{
color:#444;
}
.breadcrumbs .divider svg path{
fill:#444;
}
.breadcrumbs a{
text-decoration:none;
}
.breadcrumbs a:hover{
opacity:0.66;
}
.historybacknav .page{
cursor:pointer;
}
.historybacknav .page:hover{
opacity:0.66;
}
/* animated icon displayed when the page is loading */
#pageloaderanim{
position:fixed;
top:10px;
right:10px;
width:60px;
height:60px;
z-index:99999;
}
.pageloaderanim{
pointer-events:none;
z-index:99999;
}
.pageloaderanim div{
position:absolute;
width:26%;
height:26%;
background-color:#fff;
border-radius:100%;
animation:loaderlp2 0.8s linear infinite;
box-shadow:0 0 3px #0004;
transform:scale(0.5);
}
@keyframes loaderlp2{
from{transform:scale(1);}
to{transform:scale(0);}
}
.pageloaderanim .lp1{ top:0; left:37%; animation-delay:0.0s; }
.pageloaderanim .lp2{ top:37%; left:74%; animation-delay:0.2s; }
.pageloaderanim .lp3{ top:74%; left:37%; animation-delay:0.4s; }
.pageloaderanim .lp4{ top:37%; left:0; animation-delay:0.6s; }
.pageloaderanim .lp5{ top:11%; left:63%; animation-delay:0.1s; }
.pageloaderanim .lp6{ top:63%; left:63%; animation-delay:0.3s; }
.pageloaderanim .lp7{ top:63%; left:11%; animation-delay:0.5s; }
.pageloaderanim .lp8{ top:11%; left:11%; animation-delay:0.7s; }
/* arbox */
.arbox, .arboxinline{
width:100%;
}
.arbox:before{
content:"";
display:block;
padding-top:100%;
}
.arboxinline > .arcontent,
.arbox > .arcontent{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/* L */
.L_module{
z-index:1;
width:100%;
}
/* This is used to move some part of a module to another location in the page. */
.L_mover{
display:none;
}
/* Background. */
.L_bg + *, .L_bgc + *, .L_bgi + *, .L_xbg + *, .L_xbgc + *, .L_xbgi + *{
margin-top:0;
}
.L_bg, .L_bgc, .L_bgi, .L_xbg, .L_xbgc, .L_xbgi{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
/*z-index:-1;*/
/*pointer-events:none;*/
}
.L_bgi, .L_xbgi{
background-position:top center;
}
.L_bg .L_the_image, .L_xbg .L_the_image{
object-fit:cover;
width:100%;
height:100%;
}
.L_bg_contain .L_the_image{
object-fit:contain;
}
/* Flextemplates. */
.F{
display:flex;
max-width:100%;
}
a.F{
color:currentcolor;
text-decoration:none;
}
a.F.negative{
color:#fff;
}
.negative svg.negable path{
fill:#fff;
}
/* nav */
.navbar{
display:none;
width:100%;
z-index:6;
overflow:visible!important;
}
.navbar:hover{
z-index:8;
}
.navbar.focus{
z-index:9;
}
.nav_float_container{
top:0;
left:0;
width:100%;
z-index:7;
position:sticky;
}
.nav_float_container.ontop{
position:fixed;
}
.nav_float_container.ontopstatic{
left:0;
width:100%;
z-index:6;
position:absolute;
}
.nav_float_container:hover{
z-index:8;
}
.navdrop{
overflow:auto;
position:fixed;
z-index:9;
}
.navdrop.closed{
pointer-events:none;
}
.navdrop .outer{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
min-height:100%;
min-width:50vw; /* This isn't an ideal solution, it makes the nav links wrap slightly less when the nav bar opens from the side (the navdrop is very thin briefly during animation). */
}
.navdrop .inner{
display:flex;
align-items:center;
flex-direction:column;
overflow:hidden; /* NOT IDEAL. This fixes a horizontal scrollbar problem that happens when the content is at the right edge and there's a child node with the dropdown arrow, the arrow is offset to the right slightly. */
}
.navdrop_closebutton{
position:absolute;
top:0.5em;
right:0.5em;
width:3.5em;
height:3.5em;
padding:1em;
cursor:pointer;
transform:scale(1);
transition:transform 0.2s;
}
.navdrop_closebutton:hover{
transform:scale(1.15);
}
/* Links */
.nav_links{
display:flex;
align-items:center;
}
.navdrop .nav_links{
flex-direction:column;
}
.nav_c{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
.nav_b{
display:flex;
align-items:center;
justify-content:center;
}
.nav_l{
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
}
.nav_l_clickable img,
.nav_l_clickable svg{
transition:transform 0.2s;
}
.nav_l_clickable:hover img,
.nav_l_clickable:hover svg{
transform:scale(1.15);
}
.nav_childtoggler{
position:relative;
display:inline-block;
width:1.2em;
height:1.4em;
line-height:0;
margin-right:0.3em;
}
.nav_childtoggler::before{
content:"";
display:block;
opacity:0.5;
position:absolute;
border:none!important;
top:0;
right:-0.5em;
/*transform:translateY(0.1em);x*/
width:100%;
height:90%;
transition:transform 0.1s;
background-size:0.6em;
background-position:center center;
background-repeat:no-repeat;
background-image:url('data:image/svg+xml;utf8,');
}
.negative .nav_childtoggler::before{
background-image:url('data:image/svg+xml;utf8,');
}
.nav_childtoggler:hover::before,
span.nav_b:hover + .nav_childtoggler::before{
opacity:1;
}
.nav_c.open > .nav_b .nav_childtoggler::before{
transform:scaleY(-100%);
}
.nav_children{
display:none;
overflow:hidden;
transition:opacity 0.2s;
flex-direction:column;
z-index:7;
}
.navbar .nav_children{
position:absolute;
top:99%;
left:0;
}
.navbar .nav_children .nav_c{
align-items:flex-start;
}
.nav_c.open .nav_children,
.navbar .nav_c:hover .nav_children{
display:flex;
}
.navbar .nav_children .nav_title{
white-space:nowrap;
}
/* HTML */
.nav_html{
display:flex;
align-items:center;
}
/* Filler */
/*.nav_filler{}*/
/* Single link */
.nav_singlelink{
display:flex;
align-items:center;
text-decoration:none;
}
.nav_singlelink svg,
.nav_singlelink img{
transition:transform 0.2s;
}
.nav_singlelink[href]:hover svg,
.nav_singlelink[href]:hover img{
transform:scale(1.1);
}
/* Menu toggle button */
.nav_togglebutton{
display:flex;
align-items:center;
cursor:pointer;
}
.nav_togglebutton svg,
.nav_togglebutton img,
.nav_togglebutton span{
transition:transform 0.2s;
}
.nav_togglebutton:hover svg,
.nav_togglebutton:hover img,
.nav_togglebutton:hover span{
transform:scale(1.15);
}
/* Search */
.nav_search{
display:flex;
align-items:center;
}
.nav_search .nav_searchform{
display:flex;
align-items:center;
}
.nav_search input{
padding:0.4em 2.2em 0.4em 0.8em;
border-radius:0;
border:2px solid #000;
background:none;
color:#000;
font-size:0.9em;
}
.negative .nav_search input,
.nav_search.negative input{
color:#fff;
border-color:#fff;
}
.nav_search button{
border:none;
border-radius:0;
background:none;
cursor:pointer;
font-size:1em;
padding:0.4em;
margin-left:-2em;
}
.nav_search button svg,
.nav_search button img{
width:1.2em;
height:1.2em;
display:block;
}
.nav_searchbutton{
display:flex;
align-items:center;
cursor:pointer;
}
.nav_searchbutton svg,
.nav_searchbutton img,
.nav_searchbutton span{
transition:transform 0.2s;
}
.nav_searchbutton:hover svg,
.nav_searchbutton:hover img,
.nav_searchbutton:hover span{
transform:scale(1.15);
}
.nav_searchpopup{
position:absolute;
top:99%;
left:0;
display:none;
padding:0.5em;
border-radius:0.2rem;
background:#fff;
box-shadow:0 1px 4px #0004;
}
.negative .nav_searchpopup{
background:#000;
}
.nav_search.open .nav_searchpopup{
display:block;
}
/* Lang select */
.nav_langselect{
display:flex;
align-items:center;
z-index:2;
}
.nav_langpopup{
display:none;
position:absolute;
top:99%;
left:0;
z-index:9;
flex-direction:column;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
padding:0.5em;
border-radius:0.2rem;
background:#fff;
box-shadow:0 1px 4px #0004;
}
.negative .nav_langpopup{
background:#000;
}
.nav_langselect:hover .nav_langpopup,
.nav_langselect.open .nav_langpopup{
display:flex;
}
.lang_button{
display:flex;
align-items:center;
gap:0.6em;
text-decoration:none;
}
.lang_button svg,
.lang_button img{
transform:scale(1);
transition:transform 0.2s;
box-shadow:0 0 2px #000a;
}
.lang_button.lang_icon_custom svg,
.lang_button.lang_icon_custom img{
box-shadow:none;
}
a.lang_button_option:hover img,
a.lang_button_option:hover svg,
.lang_button_popen:hover img,
.lang_button_popen:hover svg{
transform:scale(1.15);
}
.lang_button_popen{
cursor:pointer;
}
.lang_button_option{
opacity:0.5;
transition:opacity 0.2s;
}
.lang_button_option:hover,
.lang_button_option.nav_l_current{
opacity:1;
}
body:not(.pagelang_fi) .lang_fi,
body:not(.pagelang_en) .lang_en,
body:not(.pagelang_de) .lang_de,
body:not(.pagelang_sv) .lang_sv,
body:not(.pagelang_ru) .lang_ru{
display:none!important;
}
.table_wrapper{
overflow-x:auto;
padding:1px; /* CSS is fucking AIDS. Without this, the left table border will be cut off due to the position of overflow-x or the border or both not being correctly calculated. */
}
#domi_cookie_bar{
background:#fffe;
padding:0.7em 1.2em;
display:flex;
width:100%;
font-size:0.9em;
box-shadow:0 0 3px #0003;
align-items:center;
}
.domi_cookie_text{
flex-grow:1;
font-size:0.9em;
}
.domi_cookie_buttons{
display:flex;
align-items:flex-start;
}
.domi_cookie_no,
.domi_cookie_yes{
padding:0.5em 1em;
border-radius:1.5em;
margin-left:0.25em;
cursor:pointer;
white-space:nowrap;
}
.domi_cookie_no{
color:#444;
}
.domi_cookie_no:hover{
background-color:#ddd;
opacity:0.75;
}
.domi_cookie_yes:hover{
opacity:0.75;
}
.domi_cookie_yes{
background:var(--swatch_1);
color:var(--swatch_3);
}
.domi_cookie_diddler{
background:#fffd;
box-shadow:0 0 3px #0004;
padding:0.4em;
border-radius:100%;
cursor:pointer;
line-height:0;
}
.domi_cookie_diddler:hover{
box-shadow:0 0 3px #0006;
}
.domi_cookie_diddler svg g{
fill:#aaa;
}
.domi_cookie_diddler:hover svg g{
fill:#000;
}
@media screen and (max-width:800px){
#domi_cookie_bar{
flex-wrap:wrap;
}
.domi_cookie_text{
width:100%;
margin-bottom:0.5em;
}
.domi_cookie_buttons{
width:100%;
justify-content:flex-end;
flex-wrap:wrap;
}
}
.somebuttonlist{
display:inline-flex;
flex-wrap:wrap;
justify-content:center;
vertical-align:middle;
}
.somebutton{
display:flex;
align-items:center;
gap:0.5em;
text-decoration:none;
color:inherit;
transform:scale(1);
transition:transform 0.2s;
}
.somebutton[onclick],
.somebutton[href]{
cursor:pointer;
}
.somebutton[onclick]:hover,
.somebutton[href]:hover{
transform:scale(1.1);
}
.popup_bar_type_bar{
display:flex;
overflow:hidden;
width:100%;
}
.popup_bar_type_button{
display:flex;
overflow:hidden;
transform:scale(0);
transition:transform 0.2s;
}
.popup_bar_type_button.pop{
transform:scale(1);
}
.popup_bar_content{
flex-grow:1;
padding:0.5em 0.75em 0.5em 1.5em;
color:#000;
font-size:0.9em;
text-decoration:none;
}
.popup_bar.negative .popup_bar_content{
color:#fff;
}
.popup_bar_close{
padding:0 1.25em 0 0.75em;
cursor:pointer;
display:flex;
justify-content:center;
align-items:center;
}
.popup_bar_close svg{
width:0.7em;
height:0.7em;
transform:scale(1);
transition:transform 0.2s;
}
.popup_bar_close svg path{
fill:#000;
}
.popup_bar.negative .popup_bar_close svg path{
fill:#fff;
}
.popup_bar > a:hover,
.popup_bar .popup_bar_close:hover{
background:#0002;
}
.popup_bar.negative > a:hover,
.popup_bar.negative .popup_bar_close:hover{
background:#fff3;
}
.popup_bar_close:hover svg{
transform:scale(1.3);
}
.popup_window{
position:fixed;
width:100%;
height:100vh;
top:0;
left:0;
background:#000a;
display:flex;
justify-content:center;
align-items:center;
z-index:8;
}
.popup_window_close{
position:fixed;
top:0.5em;
right:0.5em;
padding:0.6em;
cursor:pointer;
background-color:#fff;
opacity:0.5;
border-radius:100%;
box-shadow:0 3px 10px #000a;
}
.popup_window_close:hover{
opacity:1;
}
.popup_window_close svg{
display:block;
width:0.7em;
height:0.7em;
}
.popup_window_content{
background:#fff;
box-shadow:0 3px 10px #000a;
border-radius:0.25em;
min-width:50vw;
max-height:100vh;
overflow-y:auto;
}
.popup_window_content > .L_pagesect{
width:100%;
}
.scrollingtext{
padding-right:2em;
}
.scrollingtext_outer{
overflow:hidden;
}
.scrollingtext_scroller{
white-space:nowrap;
position:absolute;
}
.FF_form{
display:flex;
flex-wrap:wrap;
gap:1em;
flex-direction:column;
}
.FF_imgchecklist,
.FF_checklist,
.FF_part_repeater > .FF_repeater_items,
.FF_part_group,
.FF_part_page{
display:flex;
flex-wrap:wrap;
gap:1em;
}
.FF_part_repeater.FF_dir_x > .FF_repeater_items *,
.FF_part_group.FF_dir_x > *,
.FF_part_page.FF_dir_x > *{
flex-grow:1;
flex-basis:0;
}
.FF_dir_y{
flex-direction:column;
}
.FF_checklist{
gap:0.3em 1em;
}
.FF_tabbuttons{
display:flex;
flex-wrap:wrap;
margin-bottom:1em;
}
.FF_tabbutton{
background:#eee;
cursor:pointer;
flex-grow:1;
padding:0.4em 0.8em;
}
.FF_tabbutton:hover{
background:#ddd;
cursor:pointer;
}
.FF_tabbutton.FF_current{
background:#000;
color:#fff;
}
.negative .FF_tabbutton{
background:#444;
}
.negative .FF_tabbutton:hover{
background:#555;
}
.negative .FF_tabbutton.FF_current{
background:#fff;
color:#000;
}
.FF_tabbutton_name{
font-weight:bold;
}
.FF_tabbutton_desc{
font-style:italic;
font-size:0.8em;
}
.FF_part_page:not(.FF_current){
display:none;
}
.FF_errorbox{
border:3px dashed #f00;
padding:0.5em 1em;
}
.negative .FF_errorbox{
border-color:#fff;
}
.FF_part{
}
.FF_top_desc,
.FF_bottom_desc{
font-size:0.8em;
}
.FF_top_desc{
margin-bottom:0.2em;
}
.FF_bottom_desc{
margin-top:0.2em;
}
.FF_button{
cursor:pointer;
}
.FF_button.FF_cannotpress{
cursor:not-allowed;
}
.FF_line{
margin:1.5em 0;
}
/*label:has(input:selected)*/
.FF_required > .FF_title::after,
.FF_required .FF_label::after{
content:" *";
color:#f00;
}
.FF_imgchecklist{
gap:0.5em;
}
.FF_imgchecklist .FF_imagesel_box{
border:4px solid #eee;
padding:10px;
text-align:center;
cursor:pointer;
}
.FF_imgchecklist .FF_label{
display:flex;
}
.FF_imgchecklist .FF_imagesel_box:hover{
border-color:#ccc;
}
.FF_imgchecklist .FF_input:checked + .FF_imagesel_box{
border-color:#444;
}
.FF_imgchecklist .FF_input{
display:none;
}
.FF_imgchecklist .FF_label_text{
margin-top:0.5em;
font-size:0.8em;
width:150px;
}
.FF_imgchecklist .FF_label_img{
width:150px;
height:100px;
display:flex;
align-items:center;
justify-content:center;
}
.FF_imgchecklist .L_the_image{
max-width:100%;
max-height:100%;
height:auto;
object-fit:contain;
}
.FF_submitanim{
margin-left:0.3em;
}
.FF_submitanim span{
animation:domi_form_dot 0.6s linear infinite;
}
.FF_submitanim span:nth-child(2){
animation-delay:0.2s;
}
.FF_submitanim span:nth-child(3){
animation-delay:0.4s;
}
@keyframes domi_form_dot{
0%{opacity:1;}
100%{opacity:0;}
}
.FF_title{
margin-bottom:0.3em;
/*font-weight:bold;
font-size:0.9em;*/
}
select.FF_input,
textarea.FF_input,
input.FF_input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){
width:100%;
outline:none;
/*font-family:"Arial", sans-serif;
font-size:0.9em;
line-height:1.5em;
padding:0.4em 1.1em;
color:#000000;
background:#FFFFFF;
border-radius:1.2em;
border:0px solid transparent;
box-shadow:0 0 10px #00000040;
transition:border 0s,box-shadow 0s;*/
}
textarea.FF_input{
resize:vertical;
}
/*select.FF_input:focus,
textarea.FF_input:focus,
input.FF_input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus{
box-shadow:0 0 10px #00000080;
}
.FF_con.FF_invalid select.FF_input,
.FF_con.FF_invalid textarea.FF_input,
.FF_con.FF_invalid input.FF_input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){
border:3px solid #f00;
}*/
/*.FF_button{
font-weight:bold;
font-size:1em;
line-height:1.5em;
padding:0.4em 1.5em;
color:#FFFFFF;
background:transparent;
border:0px solid transparent;
z-index:0;
transition:scale 0.2s;
}
.FF_button::before{
content:"";
display:block;
box-sizing:border-box;
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
z-index:-1;
background:#000000;
border-radius:1.2em;
}
.FF_button:hover{
scale:105%;
}
.FF_submit::before{
background:linear-gradient(#fa0,#f40);
}*/
/*.FF_part.FF_invalid{
outline:4px solid #f00;
outline-offset:4px;
border-radius:0.2em;
}*/
/*.FF_form.FF_valid{
outline:4px solid #0f0;
outline-offset:20px;
}
.FF_form.FF_invalid{
outline:4px solid #f00;
outline-offset:20px;
}*/
.L_pagesect{
overflow:hidden; /* This is not necessary, it just makes overflow problems less likely to appear due to wacky content. Can be unset if position:sticky is needed inside pagesects. */
display:flex;
flex-direction:column;
align-items:center;
}
.L_column{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
flex-basis:0;
min-width:0;
}
.L_row{
display:flex;
flex-wrap:wrap;
justify-content:center;
column-gap:3rem;
width:100%;
}
.L_row.L_noxgap{
column-gap:0;
}
.L_row.L_proportion_1_1 > .L_column,
.L_row.L_proportion_1_1_1 > .L_column,
.L_row.L_proportion_1_1_1_1 > .L_column,
.L_row.L_proportion_1_1_1_1_1 > .L_column,
.L_row.L_proportion_1_2 > .L_column:nth-child(1),
.L_row.L_proportion_2_1 > .L_column:nth-child(2){
flex-grow:1;
flex-shrink:1;
}
.L_row.L_proportion_1_2 > .L_column:nth-child(2),
.L_row.L_proportion_2_1 > .L_column:nth-child(1){
flex-grow:2;
flex-shrink:2;
}
.L_row.L_proportion_2_3 > .L_column:nth-child(1),
.L_row.L_proportion_3_2 > .L_column:nth-child(2){
flex-grow:2;
flex-shrink:2;
}
.L_row.L_proportion_2_3 > .L_column:nth-child(2),
.L_row.L_proportion_3_2 > .L_column:nth-child(1){
flex-grow:3;
flex-shrink:3;
}
.L_row.L_proportion_1_1 > .L_column{
/*max-width:calc((100% - 3rem) / 2);*/
max-width:calc(50% - 1.5rem);
}
.L_row.L_proportion_1_1_1 > .L_column{
/*max-width:calc((100% - 3rem * 2) / 3);
max-width:calc((100% - 6rem) / 3);*/
max-width:calc(33.333% - 2rem);
}
.L_row.L_proportion_1_1_1_1 > .L_column{
/*max-width:calc((100% - 3rem * 3) / 4);
max-width:calc((100% - 9rem) / 4);*/
max-width:calc(25% - 2.25rem);
}
.L_row.L_proportion_1_1_1_1_1 > .L_column{
/*max-width:calc((100% - 3rem * 4) / 5);
max-width:calc((100% - 12rem) / 5);*/
max-width:calc(20% - 2.4rem);
}
.L_row.L_proportion_1_2 > .L_column:nth-child(1),
.L_row.L_proportion_2_1 > .L_column:nth-child(2){
/*max-width:calc((100% - 3rem * 2) / 3);
max-width:calc((100% - 6rem) / 3);*/
max-width:calc(33.333% - 2rem);
}
.L_row.L_proportion_1_2 > .L_column:nth-child(2),
.L_row.L_proportion_2_1 > .L_column:nth-child(1){
/*max-width:calc((100% - 3rem * 2) / 3 * 2 + 3rem);
max-width:calc((100% - 6rem) / 3 * 2 + 3rem);
max-width:calc((33.333% - 2rem) * 2 + 3rem);
max-width:calc((66.666% - 4rem) + 3rem);*/
max-width:calc(66.666% - 1rem);
}
.L_row.L_proportion_2_3 > .L_column:nth-child(1),
.L_row.L_proportion_3_2 > .L_column:nth-child(2){
max-width:calc(40% - 3rem / 2);
}
.L_row.L_proportion_2_3 > .L_column:nth-child(2),
.L_row.L_proportion_3_2 > .L_column:nth-child(1){
max-width:calc(60% - 3rem / 2);
}
.L_row.L_proportion_1_1.L_noxgap > .L_column{
max-width:50%;
}
.L_row.L_proportion_1_1_1.L_noxgap > .L_column{
max-width:33.333%;
}
.L_row.L_proportion_1_1_1_1.L_noxgap > .L_column{
max-width:25%;
}
.L_row.L_proportion_1_1_1_1_1.L_noxgap > .L_column{
max-width:20%;
}
.L_row.L_proportion_1_2.L_noxgap > .L_column:nth-child(1),
.L_row.L_proportion_2_1.L_noxgap > .L_column:nth-child(2){
max-width:33.333%;
}
.L_row.L_proportion_1_2.L_noxgap > .L_column:nth-child(2),
.L_row.L_proportion_2_1.L_noxgap > .L_column:nth-child(1){
max-width:66.666%;
}
.L_row.L_proportion_2_3.L_noxgap > .L_column:nth-child(1),
.L_row.L_proportion_3_2.L_noxgap > .L_column:nth-child(2){
max-width:40%;
}
.L_row.L_proportion_2_3.L_noxgap > .L_column:nth-child(2),
.L_row.L_proportion_3_2.L_noxgap > .L_column:nth-child(1){
max-width:60%;
}
@media screen and (min-width:1351px){
.L_row.L_proportion_1_1_1_1 > .L_column{
order:0!important;
}
.L_row.L_proportion_1_1_1_1_1 > .L_column{
order:0!important;
}
}
@media screen and (min-width:1101px){
.L_row.L_proportion_1_1_1 > .L_column,
.L_row.L_proportion_1_2 > .L_column,
.L_row.L_proportion_2_1 > .L_column{
order:0!important;
}
}
@media screen and (min-width:951px){
.L_row.L_proportion_2_3 > .L_column,
.L_row.L_proportion_3_2 > .L_column{
order:0!important;
}
}
@media screen and (min-width:901px){
.L_row.L_proportion_1_1 > .L_column{
order:0!important;
}
}
@media screen and (max-width:1350px){
.L_row.L_proportion_1_1_1_1 > .L_column{
/*min-width:calc(50% - 1.5rem);
max-width:calc(50% - 1.5rem);*/
min-width:100%;
max-width:100%;
}
/*.L_row.L_proportion_1_1_1_1.L_noxgap > .L_column{
min-width:50%;
max-width:50%;
}*/
.L_row.L_proportion_1_1_1_1_1 > .L_column{
min-width:100%;
max-width:100%;
}
}
@media screen and (max-width:1100px){
.L_row.L_proportion_1_1_1 > .L_column{
min-width:100%;
max-width:100%;
}
.L_row.L_proportion_1_2 > .L_column,
.L_row.L_proportion_2_1 > .L_column{
min-width:100%;
max-width:100%;
}
}
@media screen and (max-width:950px){
.L_row.L_proportion_2_3 > .L_column,
.L_row.L_proportion_3_2 > .L_column{
min-width:100%;
max-width:100%;
}
}
@media screen and (max-width:900px){
.L_row.L_proportion_1_1 > .L_column,
.L_row.L_proportion_1_1_1_1 > .L_column{
min-width:100%;
max-width:100%;
}
}
.L_module_text hr{
clear:both;
}
.L_text_maxheight_container{
overflow:hidden;
mask-image:linear-gradient(#000, #000 50%, #0000);
transition:max-height 0.3s;
}
.L_module_text.open .L_text_maxheight_container{
mask-image:unset;
/*overflow:unset;
max-height:unset!important;*/
}
.L_text_maxheight_toggler{
cursor:pointer;
display:inline-block;
margin-top:1em;
}
.L_text_maxheight_toggler.readless,
.L_module_text.open .L_text_maxheight_toggler.readmore{
display:none;
}
.L_module_text.open .L_text_maxheight_toggler.readless{
display:inline-block;
}
.L_spacer_line{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
.L_dropbox_content{
overflow:hidden;
transition:height 0.2s, opacity 0.3s;
}
.L_dropbox.L_closed .L_dropbox_content{
height:0;
}
.L_dropbox_title{
cursor:pointer;
user-select:none;
}
.L_dropbox_title::after{
position:absolute;
bottom:calc(50% - 0.5em);
left:0.9em;
content:"";
display:inline-block;
width:1em;
height:1em;
background-size:0.8em;
background-position:center center;
background-repeat:no-repeat;
background-image:url('data:image/svg+xml;utf8,');
transition:transform 0.2s, left 0.2s;
}
.L_dropbox_title.negative::after,
.negative .L_dropbox_title::after{
background-image:url('data:image/svg+xml;utf8,');
}
.L_dropbox.L_closed .L_dropbox_title::after{
transform:rotate(-90deg);
}
.L_dropbox_title:hover::after{
left:1.1em;
}
/*.L_dropbox_style_fan .L_dropbox{
border-top:1px solid #666;
border-bottom:1px solid #666;
transition:border-color 0.3s;
}
.L_dropbox_style_fan .L_dropbox + .L_dropbox{
border-top:none;
}
.L_dropbox_style_fan .L_dropbox_title{
padding:1rem 0 1rem 2.5rem;
cursor:pointer;
user-select:none;
overflow:hidden;
font-weight:bold;
z-index:1;
font-size:1.2em;
}
.L_dropbox_style_fan .L_dropbox_title:hover{
background:#0001;
}
.L_dropbox_style_fan .L_dropbox_title::before{
position:absolute;
bottom:calc(50% - 0.2em);
left:1rem;
content:"";
display:inline-block;
border-top:10px solid #000;
border-left:8px solid transparent;
border-right:8px solid transparent;
transition:transform 0.5s;
}
.L_dropbox_style_fan .L_dropbox.L_closed .L_dropbox_title::before{
transform:rotate(-90deg);
}*/
.L_module_contactcards{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.L_module_infoboxes{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.L_infobox{
transition:opacity 0.2s;
}
a.L_infobox:not(.negative){
color:inherit;
}
.L_module_infoboxes.L_stretch .L_infobox{
flex-grow:1;
}
a.L_infobox .L_the_image{
transition:transform 1s;
}
a.L_infobox:hover{
opacity:0.8;
}
a.L_infobox:hover .L_the_image{
transform:scale(1.1);
}
.L_infobox .L_bg, .L_infobox .L_xbg{
overflow:hidden;
}
.L_module_sidebyside{
display:flex;
flex-direction:column;
}
.L_sbs_row{
display:flex;
flex-wrap:wrap;
}
.L_sbs_node{
display:flex;
flex-wrap:wrap;
align-content:center;
}
.L_sbs_node > .L_node{
padding:0;
}
.L_module_sidebyside.L_textonright .L_sbs_row.L_odd .L_sbs_textmod,
.L_module_sidebyside.L_imageonright .L_sbs_row.L_even .L_sbs_textmod{
order:2;
}
.L_imageonright .L_sbs_row.L_odd,
.L_textonright .L_sbs_row.L_even{
justify-content:flex-start;
}
.L_imageonright .L_sbs_row.L_even,
.L_textonright .L_sbs_row.L_odd{
justify-content:flex-end;
}
.L_sbs_node.L_stretch > .L_module{
min-height:100%;
}
.L_module_tabgroups{
display:flex;
flex-direction:column;
}
.L_tabgroup_tabbuttons{
display:flex;
justify-content:center;
align-content:center;
flex-wrap:wrap;
z-index:3;
}
.L_tabgroup_tabbuttonsstyle_bars,
.L_tabgroup_tabbuttonsstyle_titlebars{
gap:1.5em 1em;
}
.L_tabgroup_tabbuttonslocation_above.L_tabgroup_tabbuttonsstyle_bars,
.L_tabgroup_tabbuttonslocation_above.L_tabgroup_tabbuttonsstyle_titlebars{
align-items:flex-end;
}
.L_tabgroup_tabbuttonslocation_ontoptop,
.L_tabgroup_tabbuttonslocation_ontopbottom{
position:absolute;
left:0;
width:100%;
}
.L_tabgroup_tabbuttonslocation_ontoptop{
top:0;
}
.L_tabgroup_tabbuttonslocation_ontopbottom{
bottom:0;
}
.L_tabgroup_swapl,
.L_tabgroup_swapr{
position:absolute;
z-index:2;
top:50%;
width:3em;
height:6em;
transform:translateY(-50%);
padding:2em 0.5em;
cursor:pointer;
}
.L_tabgroup_swapl svg,
.L_tabgroup_swapr svg{
width:100%;
height:100%;
filter:drop-shadow(0 2px 8px #0008);
transform:scale(1);
transition:transform 0.2s;
}
.L_tabgroup_swapl svg path,
.L_tabgroup_swapr svg path{
fill:#fff;
}
.L_tabgroup_swapl:hover svg,
.L_tabgroup_swapr:hover svg{
transform:scale(1.2);
}
.L_tabgroup_swapl{
left:0;
}
.L_tabgroup_swapr{
right:0;
}
.L_tabgroup_tabbutton{
cursor:pointer;
}
.L_tabgroup_tabbuttonsstyle_bullets{
padding:0.5em 0;
}
.L_tabgroup_tabbuttonsstyle_bullets .L_tabgroup_tabbutton{
padding:0.5em;
}
.L_tabgroup_tabbuttonsstyle_bars .L_tabgroup_tabbutton,
.L_tabgroup_tabbuttonsstyle_titlebars .L_tabgroup_tabbutton{
flex-basis:0;
flex-grow:1;
min-width:7em;
}
.L_tabbutton_title{
display:inline-block;
max-width:100%;
}
.L_tabgroup_tabbuttonsstyle_titlebars.L_tabgroup_tabbuttonslocation_ontopbottom .L_tabbutton_title,
.L_tabgroup_tabbuttonsstyle_titlebars.L_tabgroup_tabbuttonslocation_below .L_tabbutton_title{
margin-top:0.5em;
}
.L_tabgroup_tabbuttonsstyle_titlebars.L_tabgroup_tabbuttonslocation_ontoptop .L_tabbutton_title,
.L_tabgroup_tabbuttonsstyle_titlebars.L_tabgroup_tabbuttonslocation_above .L_tabbutton_title{
margin-bottom:0.5em;
}
.L_tabbutton_bullet{
width:24px;
height:24px;
border-radius:100%;
border:1px solid #0004;
overflow:hidden;
padding:2px;
}
.L_tabgroup_tabbutton:hover .L_tabbutton_bullet{
}
.L_tabgroup_tabbutton.L_current .L_tabbutton_bullet{
border-color:#000;
}
.negative .L_tabbutton_bullet{
border-color:#fffa;
}
.negative .L_tabgroup_tabbutton.L_current .L_tabbutton_bullet{
border-color:#fff;
}
.L_tabbutton_bullet_inner{
width:100%;
height:100%;
border-radius:100%;
overflow:hidden;
}
.L_tabgroup_tabbutton:hover .L_tabbutton_bullet_inner{
background:#0002;
}
.L_tabgroup_tabbutton .L_tabbutton_bullet_inner svg{
width:100%;
height:100%;
}
.negative .L_tabbutton_bullet_inner{
border-color:#000;
}
.negative .L_tabgroup_tabbutton:hover .L_tabbutton_bullet_inner{
background:#fffa;
}
.L_tabbutton_bar{
height:3px;
background:#0002;
}
.L_tabgroup_tabbutton.L_current .L_tabbutton_bar{
background:#0004;
}
.negative .L_tabbutton_bar{
background:#fff2;
}
.negative .L_tabgroup_tabbutton.L_current .L_tabbutton_bar{
background:#fff4;
}
.L_tabbutton_bar_inner{
height:100%;
background:#000;
width:0;
}
.L_tabgroup_tabbutton.L_current .L_tabbutton_bar_inner{
width:100%;
}
.negative .L_tabbutton_bar_inner{
background:#fff;
}
.L_tabgroup_tabs{
overflow:hidden;
}
.L_tabgroup_tab{
display:flex;
flex-direction:column;
align-items:center;
width:100%;
}
.L_tabgroup_tab > .L_row{
max-width:100%!important;
}
.L_tabgroup_tab > .L_row:last-child{
flex-grow:1;
}
.L_tabgroup_tab.L_current{
z-index:1;
}
.L_animation_fadein{
animation:anim_fadein 0.5s 1;
z-index:2;
}
.L_animation_fadeout{
animation:anim_fadeout 0.5s 1;
opacity:0;
}
.L_animation_slideinright{
animation:anim_slideinright 0.5s 1;
}
.L_animation_slideoutleft{
animation:anim_slideoutleft 0.5s 1;
transform:translateX(-100%);
}
.L_animation_slideinleft{
animation:anim_slideinleft 0.5s 1;
}
.L_animation_slideoutright{
animation:anim_slideoutright 0.5s 1;
transform:translateX(100%);
}
.L_animation_fadeout,
.L_animation_slideoutleft,
.L_animation_slideoutright{
position:absolute;
top:0;
left:0;
}
@keyframes anim_fadein{
0%{ opacity:0; }
100%{ opacity:1; }
}
@keyframes anim_fadeout{
0%{ opacity:1; }
100%{ opacity:0; }
}
@keyframes anim_slideinright{
0%{ transform:translateX(100%); }
100%{ transform:translateX(0%); }
}
@keyframes anim_slideoutleft{
0%{ transform:translateX(0%); }
100%{ transform:translateX(-100%); }
}
@keyframes anim_slideinleft{
0%{ transform:translateX(-100%); }
100%{ transform:translateX(0%); }
}
@keyframes anim_slideoutright{
0%{ transform:translateX(0%); }
100%{ transform:translateX(100%); }
}
.L_module_singleimage{
height:100%;
}
.L_module_singleimage.L_stretch{
height:100%;
}
.L_singleimage{
margin:0 auto;
display:flex;
justify-content:center;
overflow:hidden;
max-width:100%;
}
.L_module_singleimage.L_stretch .L_singleimage{
height:100%;
max-height:100%!important;
}
.L_singleimage > .arbox{
width:100%;
}
.L_singleimage .L_the_image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}
.L_singleimage_description{
text-align:center;
margin-top:0.6em;
font-size:0.85em;
opacity:0.666;
}
.L_module_singleimage.L_stretch .L_singleimage_description{
display:none;
}
/* gallery */
.L_module_gallery{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.L_gallery_image{
display:inline-block;
}
.L_gallery_type_autofit .L_the_image,
.L_gallery_type_square .L_the_image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}
.L_gallery_image[href] .L_the_image{
transition:transform 0.2s;
transform:scale(1);
}
.L_gallery_image[href]:hover .L_the_image{
transform:scale(1.05);
}
/* carousel */
.L_gallery_carousel{
display:block;
overflow:hidden;
margin-left:0!important;
margin-right:0!important;
}
.L_carousel_inner .L_gallery_image{
vertical-align:middle;
}
.L_carousel_inner{
white-space:nowrap;
}
.L_carousel_contents{
display:none;
}
/* popup */
#L_gallerypopup{
height:100vh;
width:100vw;
position:fixed;
top:0;
left:0;
z-index:9;
background-color:#000a;
opacity:1;
transition:opacity 0.4s;
pointer-events:none;
opacity:0;
}
#L_gallerypopup.L_visible{
pointer-events:all;
opacity:1;
}
#L_gallerypopup .L_imagecontainer{
display:block;
position:absolute;
top:30px;
left:70px;
height:calc(100vh - 30px * 2);
width:calc(100vw - 70px * 2);
overflow:hidden;
}
#L_gallerypopup .L_imagecontainer .L_the_image{
max-height:100%;
max-width:92%;
box-shadow:0 0 4px #0008;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1;
background:#f0f0f0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVQoU2NgkEKF/xlQIQP1FTDAwSBSAFMHB+gaBo8CBKS+AgCvbFqzBbpXaAAAAABJRU5ErkJggg==);
}
#L_gallerypopup .L_imagecontainer .L_the_image.L_image,
#L_gallerypopup .L_imagecontainer .L_the_image.L_video{
width:auto;
}
#L_gallerypopup .L_imagecontainer .L_the_image.L_inleft{
left:50%;
animation:inleft 0.5s 1;
z-index:2;
}
@keyframes inleft{ 0%{left:-50%;} 100%{left:50%;} }
#L_gallerypopup .L_imagecontainer .L_the_image.L_inright{
left:50%;
animation:inright 0.5s 1;
z-index:2;
}
@keyframes inright{ 0%{left:150%;} 100%{left:50%;} }
#L_gallerypopup .L_imagecontainer .L_the_image.L_outleft{
left:-50%;
animation:outleft 0.5s 1;
}
@keyframes outleft{ 0%{left:50%;} 100%{left:-50%;} }
#L_gallerypopup .L_imagecontainer .L_the_image.L_outright{
left:150%;
animation:outright 0.5s 1;
}
@keyframes outright{ 0%{left:50%;} 100%{left:150%;} }
#L_gallerypopup .L_prev,
#L_gallerypopup .L_next{
position:fixed;
cursor:pointer;
user-select:none;
z-index:6;
width:70px;
height:100vh;
text-align:left;
display:none;
}
#L_gallerypopup.L_canflip .L_prev,
#L_gallerypopup.L_canflip .L_next{
display:block;
}
#L_gallerypopup .L_prev{
left:0;
}
#L_gallerypopup .L_next{
right:0;
}
#L_gallerypopup .L_prev svg,
#L_gallerypopup .L_next svg{
top:50%;
left:50%;
width:2em;
transform:translate(-50%, -50%) scale(1);
transition:transform 0.2s;
}
#L_gallerypopup .L_prev:hover svg,
#L_gallerypopup .L_next:hover svg{
transform:translate(-50%, -50%) scale(1.2);
}
@media screen and (max-width:500px){
#L_gallerypopup .L_imagecontainer{
height:calc(100vh - 100px);
width:100vw;
top:20px;
left:0;
}
#L_gallerypopup .L_prev{
top:auto;
bottom:0;
height:80px;
width:calc(50% - 40px);
}
#L_gallerypopup .L_next{
top:auto;
bottom:0;
height:80px;
width:calc(50% - 40px);
}
}
.L_module_spotlight{
}
.L_spotlight{
margin:0 auto;
overflow:hidden;
max-width:100%;
display:flex;
}
.L_module_spotlight.L_stretch{
height:100%;
min-height:100%;
}
.L_module_spotlight.L_stretch .L_spotlight{
height:100%;
max-height:100%!important;
}
.L_spotlight > .L_the_content{
z-index:1;
}
.L_spotlight_shared_content{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
z-index:1;
}
.L_spotlight_shared_content .L_the_content{
max-width:100%;
}
.L_spotlight .arboxinline{
width:100%;
}
.L_spotlight_images,
.L_spotlight_image,
.L_spotlight_image .L_the_image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.L_spotlight_image{
display:flex;
background:#aaa;
}
.L_spotlight_image .L_the_image{
object-fit:cover;
}
.L_spotlight_image.L_nocrop .L_the_image{
object-fit:contain;
}
.L_spotlight_buttons{
position:absolute;
bottom:0;
left:0;
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:center;
padding:0.2em;
z-index:3;
}
.L_spotlight_button{
padding:0.6rem;
opacity:0.5;
cursor:pointer;
}
.L_spotlight_button::after{
content:"";
display:block;
background:#fff;
height:10px;
width:10px;
border-radius:100%;
box-shadow:0 1px 4px #0008;
}
.L_spotlight_button:hover{
opacity:0.8;
}
.L_spotlight_button.L_current{
opacity:1;
}
.L_spotlight_swap_left,
.L_spotlight_swap_right{
position:absolute;
top:20%;
bottom:20%;
width:max(1.6em, 3%);
justify-content:center;
align-content:center;
filter:drop-shadow(0 0 3px #000);
display:flex;
z-index:3;
box-sizing:content-box;
opacity:0.666;
cursor:pointer;
}
.L_spotlight_swap_left{
left:0;
padding:0 1.5% 0 2.5%;
}
.L_spotlight_swap_right{
right:0;
padding:0 2.5% 0 1.5%;
}
.L_spotlight_swap_left:hover,
.L_spotlight_swap_right:hover{
opacity:1;
}
.L_spotlight_swap_left svg path,
.L_spotlight_swap_right svg path{
fill:#fff;
}
.L_spotlight_fade_none{
z-index:-1;
opacity:0;
}
.L_spotlight_fade_out{
z-index:0;
}
.L_spotlight_fade_in{
z-index:1;
animation:fadein 0.5s 1;
}
.L_spotlight_fade_initial{
z-index:1;
}
@keyframes fadein{
0%{ opacity:0; }
100%{ opacity:1; }
}
.L_module_articles{
}
.L_article_list{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.L_article{
display:contents;
}
.L_article > a[href]{
transition:transform 0.2s;
transform:scale(1);
}
.L_article > a[href]:hover{
transform:scale(1.05);
z-index:1;
}
.L_article time{
display:block;
}
.L_article_title{
overflow-wrap:break-word;
}
.L_module_articles .pageloaderanim{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);width:8em;height:8em;}
.L_module_articles .pageloaderanim div{box-shadow:0 1px 6px #000a;}
/* Other stuff */
.L_article_navig{
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin-top:2em;
gap:0.5em;
}
.L_article_pagenums{
}
.L_article_pnbutton{
display:inline-block;
padding:0.2em 0.6em;
color:#0007;
cursor:pointer;
border-radius:0.2em;
}
.negative .L_article_pnbutton{
color:#fff7;
}
.L_article_pnbutton:hover{
background:#0001;
}
.negative .L_article_pnbutton:hover{
background:#fff3;
}
.L_article_pnbutton.L_current{
font-weight:bold;
color:#000;
background:#0002;
}
.negative .L_article_pnbutton.L_current{
color:#fff;
background:#fff5;
}
.L_article_pnbutton[href]:hover{
transform:scale(1.2);
}
.L_article_navbutton{
display:inline-block;
cursor:pointer;
padding:0.2em 0.5em;
border-radius:0.2em;
}
.L_article_navbutton:hover{
background:#0001;
}
.negative .L_article_navbutton:hover{
background:#fff3;
}
.L_article_navbutton svg path{
fill:#0007;
}
.negative .L_article_navbutton svg path{
fill:#fff7;
}
/*.L_article_navbutton[href] svg path{
fill:#000;
}
.negative .L_article_navbutton[href] svg path{
fill:#fff;
}*/
.L_article_navbutton[href]:hover{
transform:scale(1.2);
}
.L_article_catbuttons{
text-align:center;
width:100%;
margin:0.5em 0 2em;
}
.L_article_catbutton{
display:inline-block;
cursor:pointer;
text-align:center;
z-index:0;
}
.L_article_catbutton small{
font-size:0.75em;
font-weight:normal;
}
.L_article_search{
display:flex;
justify-content:center;
width:100%;
gap:1em;
margin:0.5em 0 1.5em;
}
.L_article_search_button{
cursor:pointer;
}
/* carousel */
.L_module_articles.L_articlecarousel{
width:100%!important;
margin:0!important;
overflow:hidden;
}
.L_articlecarousel_scrollers{
display:flex;
width:100%;
}
.L_articlecarousel_scrollers .L_article{
position:absolute;
display:flex; /* display:contents completely fucks up absolute positioning (I tried to make the first child element float/move instead of this), so need to make this physical and hope it won't cause a problem. */
}
.L_articlecarousel_prev,
.L_articlecarousel_next{
position:absolute;
top:0;
height:100%;
width:4.5em;
background:#0004;
justify-content:center;
align-items:center;
display:flex;
cursor:pointer;
z-index:2;
}
.L_articlecarousel_prev{
padding:0 2em 0 1em;
left:0;
background:linear-gradient(to left,#0000,#0005);
}
.L_articlecarousel_next{
padding:0 1em 0 2em;
right:0;
background:linear-gradient(to right,#0000,#0005);
}
.L_articlecarousel_prev svg,
.L_articlecarousel_next svg{
transition:transform 0.15s;
}
.L_articlecarousel_prev:hover svg,
.L_articlecarousel_next:hover svg{
transform:scale(1.2);
}
.L_articlecarousel_buttons{
width:100%;
text-align:center;
margin-top:1em;
}
.L_articlecarousel_button{
display:inline-block;
padding:0.35em;
cursor:pointer;
}
.L_articlecarousel_button div{
background-color:#0002;
width:1.4em;
height:1.4em;
border-radius:100%;
background-position:center center;
background-size:cover;
transition:transform 0.15s;
}
.L_articlecarousel_button:hover div{
transform:scale(1.3);
}
.L_articlecarousel_button.L_current div{
transform:scale(1.3);
}
.L_module_singleembed{
height:100%;
}
.L_module_singleembed.L_stretch{
height:100%;
}
.L_singleembed{
margin:0 auto;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
max-width:100%;
}
.L_module_singleembed.L_stretch .L_singleembed{
height:100%;
max-height:100%!important;
}
.L_singleembed > .arbox{
width:100%;
}
.L_singleembed iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.L_module_files{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:1.2rem;
}
.L_filelink{
overflow:hidden;
text-decoration:none;
max-width:540px;
align-items:center;
display:flex;
transition:transform 0.2s;
transform:scale(1);
color:#000;
}
.negative .L_filelink{
color:#fff;
}
.L_filelink[href]:hover{
transform:scale(1.05);
}
.L_file_image{
width:2.5rem;
height:2.5rem;
}
.L_file_image svg{
width:100%;
height:100%;
}
.L_file_content{
padding:0 16px 0 18px; /* NOTE: this has to be in pixels because browsers are shit at calculating sizes and will wrap the text incorrectly if this is in em. */
text-align:left;
width:calc(100% - 2.5rem);
}
.L_file_name{
font-weight:bold;
text-decoration:underline;
font-size:90%;
}
.L_file_desc{
font-size:80%;
}
.L_search_form{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:1em;
}
.L_search_form label{
display:contents;
}
.L_search_form input{
flex-grow:1;
}
.L_module_numberanim{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:2em;
}
.L_numberanim{
display:inline-flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
text-align:center;
}
.L_numberanim .L_title{
margin-top:0.75em;
}
.L_numberanim .L_value{
white-space:nowrap;
}
.L_numberanim_type_number{
}
.L_numberanim .L_ybar{
display:flex;
flex-direction:column;
justify-content:flex-end;
margin-top:1.5em;
}
.L_numberanim_type_y_bar .L_value{
position:absolute;
top:0;
left:50%;
transform:translate(-50%, -120%);
}
.L_numberanim .L_xbar{
display:flex;
justify-content:flex-start;
}
.L_numberanim .L_xbar .L_seg{
height:100%;
}
.L_numberanim_type_x_bar .L_value{
margin-bottom:0.4em;
}
.L_numberanim .L_pie{
}
.L_numberanim_type_pie .L_value{
margin-bottom:0.4em;
}
.L_numberanim .L_dial{
}
.L_numberanim_type_dial .L_value{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
.navdrop_1{left:0;width:100%;height:0;transition:height 0.3s }.navdrop_1 .outer{justify-content:center;align-content:center;}.navdrop_1 .inner{padding:1em 5%;font-size:1.4em;align-items:center;}.navdrop_1 .nav_links{align-items:center;}.navdrop_1 .nav_c{align-items:center;}.navdrop_1 .nav_l{text-align:center;}.nav_m7{padding:0;gap:0.8em;}.nav_m7 .nav_l{gap:0.6em;}.nav_m7 .nav_depth_0 > .nav_b > .nav_l{font-size:1.2em;}.nav_m7 .nav_l img,.nav_m7 .nav_l svg{width:1.4em;}.nav_m7 .nav_children{gap:0.5em;padding:0.8em 1.2em;}.nav_m7 .nav_children .nav_l{font-size:1em;}a:not([class])::before,.S_14 .nav_title::before,.S_15 .nav_title::before,.S_18::before,.S_23::before{content:"";display:block;position:absolute;top:auto;right:auto;bottom:0;left:0;z-index:-1;width:100%;height:100%;box-sizing:border-box;}html{font-family:"Montserrat", sans-serif;font-size:22px;color:#000000;}p,li{line-height:1.5em;}.negative{color:#FFFFFF;}.negative p,.negative li{}a:not([class]){color:#000000;z-index:0;}.negative a:not([class]){color:#FFFFFF;}a:not([class])::before{background:#000000;top:unset;bottom:0;left:0;right:unset;width:0%;height:3px;bottom:0.2em;left:auto;right:0;transition:left 0.2s,right 0.2s,bottom 0.2s,width 0.2s;}.negative a:not([class])::before{background:#FFFFFF;}a:not([class]):hover::before{top:unset;bottom:0;left:0;right:unset;width:100%;bottom:0.2em;left:0;right:auto;}a:not([class]):active::before{top:unset;bottom:0;left:0;right:unset;}.S_3{font-size:160%;line-height:1.4em;}.S_3::before{top:unset;bottom:0;left:0;right:unset;}.S_4{font-size:140%;line-height:1.45em;}.S_4::before{top:unset;bottom:0;left:0;right:unset;}.S_5{font-size:120%;line-height:1.5em;}.S_5::before{top:unset;bottom:0;left:0;right:unset;}.S_6{font-size:90%;line-height:1.5em;}.S_6::before{top:unset;bottom:0;left:0;right:unset;}.S_7{font-size:80%;line-height:1.5em;}.S_7::before{top:unset;bottom:0;left:0;right:unset;}.S_8{font-weight:700;font-size:3em;line-height:1.1em;letter-spacing:-0.02em;}.S_8::before{top:unset;bottom:0;left:0;right:unset;}.S_9{font-weight:700;font-size:2em;line-height:1.2em;}.S_9::before{top:unset;bottom:0;left:0;right:unset;}.S_10{font-weight:700;font-size:1.2em;line-height:1.2em;}.S_10::before{top:unset;bottom:0;left:0;right:unset;}.S_11{font-weight:700;text-decoration-line:none;text-transform:uppercase;font-size:0.9em;line-height:1.5em;padding:0.4em 1.5em;color:#FFFFFF;background:#000000;border-radius:1.2em;transition:scale 0.2s;}.negative .S_11{color:#000000;background:#FFFFFF;}.S_11::before{top:unset;bottom:0;left:0;right:unset;}.S_11:hover{scale:105%;}.S_11:hover::before{top:unset;bottom:0;left:0;right:unset;}.S_11:active::before{top:unset;bottom:0;left:0;right:unset;}.S_12{display:block;font-weight:700;text-decoration-line:none;text-align:center;font-size:1.4em;line-height:1.3em;padding:0.6em 1.6em;color:#FFFFFF;background:#000000;transition:scale 0.2s;}.negative .S_12{color:#000000;background:#FFFFFF;}.S_12::before{top:unset;bottom:0;left:0;right:unset;}.S_12:hover{scale:105%;}.S_12:hover::before{top:unset;bottom:0;left:0;right:unset;}.S_12:active::before{top:unset;bottom:0;left:0;right:unset;}.S_13{text-decoration-line:none;padding:0.3em 1em;color:#000000;border:1px solid #000000;transition:scale 0.2s;}.negative .S_13{color:#FFFFFF;border:1px solid #ffffff;}.S_13::before{top:unset;bottom:0;left:0;right:unset;}.S_13:hover{scale:105%;}.S_13:hover::before{top:unset;bottom:0;left:0;right:unset;}.S_13:active::before{top:unset;bottom:0;left:0;right:unset;}.S_14 .nav_title{font-weight:700;text-transform:uppercase;font-size:0.9em;padding:0.2em 0em;color:#000000;z-index:0;}.negative .S_14 .nav_title{color:#FFFFFF;}.S_14 .nav_title::before{background:#000000;top:unset;bottom:0;left:0;right:unset;height:2px;scale:0%;transition:scale 0.2s;}.negative .S_14 .nav_title::before{background:#FFFFFF;}.S_14:hover .nav_title::before{top:unset;bottom:0;left:0;right:unset;scale:100%;}.S_14:active .nav_title::before{top:unset;bottom:0;left:0;right:unset;}.S_14.nav_l_current .nav_title::before{top:unset;bottom:0;left:0;right:unset;scale:100%;}.S_15 .nav_title{font-weight:700;font-size:0.9em;padding:0.6em 1.5em;color:#FFFFFF;z-index:0;transition:scale 0.2s;}.negative .S_15 .nav_title{color:#000000;}.S_15 .nav_title::before{background:#000000;border-radius:1.2em;top:unset;bottom:0;left:0;right:unset;scale:100%;}.negative .S_15 .nav_title::before{background:#FFFFFF;}.S_15:hover .nav_title{scale:105%;}.S_15:hover .nav_title::before{top:unset;bottom:0;left:0;right:unset;}.S_15:active .nav_title::before{top:unset;bottom:0;left:0;right:unset;}.S_15.nav_l_current .nav_title::before{top:unset;bottom:0;left:0;right:unset;}.S_16{font-weight:700;font-size:1em;margin:0 0 0.3em;color:inherit;}.negative .S_16{color:#5af6a6;}.S_16::before{top:unset;bottom:0;left:0;right:unset;}.FF_con.FF_invalid > .S_16::before{top:unset;bottom:0;left:0;right:unset;}.S_17{font-family:"Montserrat", sans-serif;font-size:1em;padding:0.6em 1.1em;color:#000000;background:#FFFFFF;border-radius:0.5em;border:0px solid #000000;box-shadow:0px 2px 10px #00000080;transition:box-shadow 0s;}.negative .S_17{color:#000000;background:#FFFFFF;border:0px solid transparent;box-shadow:0px 2px 10px #00000080;}.S_17::before{top:unset;bottom:0;left:0;right:unset;}.S_17:focus{box-shadow:0px 2px 10px #000000;}.negative .S_17:focus{box-shadow:0px 2px 10px #000000;}.S_17:focus::before{top:unset;bottom:0;left:0;right:unset;}.FF_con.FF_invalid .S_17::before{top:unset;bottom:0;left:0;right:unset;}.S_17[readonly]::before{top:unset;bottom:0;left:0;right:unset;}.S_18{font-family:"Montserrat", sans-serif;font-weight:700;font-size:1.1em;line-height:1.5em;padding:0.4em 2em;color:#FFFFFF;background:transparent;border:0px solid transparent;z-index:0;transition:opacity 0.2s,scale 0.2s;}.negative .S_18{color:#176635;background:transparent;border:0px solid transparent;}.S_18::before{background:#000000;border-radius:0.5em;top:unset;bottom:0;left:0;right:unset;}.negative .S_18::before{background:#5af6a6;}.S_18:hover{scale:105%;}.S_18:hover::before{top:unset;bottom:0;left:0;right:unset;}.S_18:active::before{top:unset;bottom:0;left:0;right:unset;}.S_18.FF_cannotpress{opacity:40%;}.S_18.FF_cannotpress::before{top:unset;bottom:0;left:0;right:unset;}.S_19{font-weight:700;font-size:0.9em;opacity:50%;transition:opacity 0.2s,scale 0.2s;}.S_19::before{top:unset;bottom:0;left:0;right:unset;}.S_19:hover{scale:105%;}.S_19:hover::before{top:unset;bottom:0;left:0;right:unset;}.S_19:active::before{top:unset;bottom:0;left:0;right:unset;}.L_current .S_19{opacity:100%;}.L_current .S_19::before{top:unset;bottom:0;left:0;right:unset;}.S_20{font-weight:700;font-size:1.3em;line-height:1.2em;margin:0;}.S_20::before{top:unset;bottom:0;left:0;right:unset;}a.L_article_inner:hover .S_20::before{top:unset;bottom:0;left:0;right:unset;}a.L_article_inner:active .S_20::before{top:unset;bottom:0;left:0;right:unset;}.S_21{font-style:italic;font-size:0.8em;margin:0.2em 0 0;}.S_21::before{top:unset;bottom:0;left:0;right:unset;}a.L_article_inner:hover .S_21::before{top:unset;bottom:0;left:0;right:unset;}a.L_article_inner:active .S_21::before{top:unset;bottom:0;left:0;right:unset;}.S_22{font-size:0.9em;margin:0.5em 0 0;}.S_22::before{top:unset;bottom:0;left:0;right:unset;}a.L_article_inner:hover .S_22::before{top:unset;bottom:0;left:0;right:unset;}a.L_article_inner:active .S_22::before{top:unset;bottom:0;left:0;right:unset;}.S_23{font-weight:700;font-size:0.9em;line-height:1.5em;padding:0.4em 1em;margin:0.2em;z-index:0;transition:color 0.2s,opacity 0.2s,scale 0.2s;}.S_23::before{border-radius:1.2em;top:unset;bottom:0;left:0;right:unset;transition:background 0.2s;}.S_23:hover{scale:105%;}.S_23:hover::before{top:unset;bottom:0;left:0;right:unset;}.S_23:active::before{top:unset;bottom:0;left:0;right:unset;}.S_23.L_current{color:#FFFFFF;}.negative .S_23.L_current{color:#000000;}.S_23.L_current::before{background:#000000;top:unset;bottom:0;left:0;right:unset;}.negative .S_23.L_current::before{background:#FFFFFF;}.S_23.L_empty{opacity:30%;}.S_23.L_empty::before{top:unset;bottom:0;left:0;right:unset;}.S_24::before{top:unset;bottom:0;left:0;right:unset;}.S_25{font-weight:700;font-size:1.2em;}.S_25::before{top:unset;bottom:0;left:0;right:unset;}.S_26{font-weight:700;font-size:1.8em;}.S_26::before{top:unset;bottom:0;left:0;right:unset;}@media screen and (max-width:800px) {html{font-size:21px;}.S_3{font-size:145%;}.S_4{font-size:130%;}.S_5{font-size:115%;}.S_8{font-size:2.5em;}.S_9{font-size:1.75em;}.S_10{font-size:1.15em;}.S_12{font-size:1.3em;}.S_18{font-size:1.08em;}.S_20{font-size:1.23em;}.S_25{font-size:1.15em;}.S_26{font-size:1.6em;}}@media screen and (max-width:500px) {html{font-size:20px;}.S_3{font-size:130%;}.S_4{font-size:120%;}.S_5{font-size:110%;}.S_8{font-size:2em;}.S_9{font-size:1.5em;}.S_10{font-size:1.1em;}.S_12{font-size:1.2em;}.S_18{font-size:1.05em;}.S_20{font-size:1.15em;}.S_25{font-size:1.1em;}.S_26{font-size:1.4em;}}.LS_1 .L_article_list{gap:2em;}.LS_1_F_0{flex-direction:column;gap:1em;width:16em;}.LS_1_F_1{width:100%;height:12em;}.LS_1_F_2{flex-direction:column;flex-grow:1;width:100%;}.LS_1_F_4{margin:0.2em 0 0;}.LS_1_F_5{margin:0.6em 0 0;}.LS_2 .L_article_list{gap:2em;}.LS_2_F_0{flex-direction:column;gap:1em;width:16em;}.LS_2_F_1{width:100%;height:12em;}.LS_2_F_2{flex-direction:column;flex-grow:1;width:100%;}.LS_2_F_4{margin:0.2em 0 0;}.LS_2_F_5{margin:0.6em 0 0;flex-grow:1;}.LS_2_F_6{margin:0.6em 0 0;text-align:center;}.LS_3{padding:5em 5%;row-gap:3em;}.LS_7{row-gap:3em;}.L_row.LS_7{max-width:1200px!important;}.LS_9 .L_text_maxheight_container{max-height:200px;}.LS_11 .L_spacer_line{border-top:1px solid #ddd;width:100%}.LS_12 .L_spacer_line{border-top:10px dotted #ddd;width:60px}.LS_13 > .L_dropbox > .L_dropbox_title{padding:0.6em 1em 0.6em 2.5em;}.LS_13 > .L_dropbox > .L_dropbox_title > .L_bg .L_bgc{background:#eeeeee;}.LS_13 > .L_dropbox > .L_dropbox_content > .L_the_content{padding:1em 1.5em;}.LS_13 > .L_dropbox + .L_dropbox{margin-top:0.6em;}.LS_14{gap:2em;}.LS_14_F_0{flex-direction:column;align-items:center;text-align:center;gap:1em;width:18em;}.LS_14_F_1{width:100%;}.LS_14_F_2{width:12em;height:12em;border-radius:100%;overflow:hidden;}.LS_15{gap:1em 2em;}.LS_15_F_0{align-items:center;flex-wrap:wrap;gap:1em 2em;}.LS_15_F_1{flex-grow:1;width:18em;}.LS_15_F_2{width:11em;height:11em;border-radius:100%;overflow:hidden;}.LS_16{gap:1em;}.LS_16_F_0{padding:1.5em;width:20em;}.LS_17{gap:3em;}.LS_17_F_0{flex-direction:column;}.LS_17_F_1{padding:1.5em;flex-grow:1;width:16em;}.LS_17_F_2{width:16em;height:12em;}.LS_18{gap:3em;}.LS_18_F_0{width:350px;min-height:200px;}.LS_18_F_1{padding:2em;}.LS_19 .L_sbs_textmod{width:calc(50% - 0px);padding:4em 5%;}.LS_19 .L_sbs_imagemod{width:calc(50% - 0px);}@media screen and (max-width:1200px) {.LS_19.L_textontop .L_sbs_textmod,.LS_19.L_imageontop .L_sbs_imagemod{order:unset!important;}.LS_19.L_textontop .L_sbs_imagemod,.LS_19.L_imageontop .L_sbs_textmod{order:2!important;}.LS_19 .L_sbs_node{width:100%!important;margin-left:0!important;margin-right:0!important;}}.LS_20 .L_sbs_textmod{width:calc(50% - 0px);padding:4em 5%;}.LS_20 .L_sbs_imagemod{width:calc(50% - 0px);}@media screen and (max-width:1200px) {.LS_20.L_textontop .L_sbs_textmod,.LS_20.L_imageontop .L_sbs_imagemod{order:unset!important;}.LS_20.L_textontop .L_sbs_imagemod,.LS_20.L_imageontop .L_sbs_textmod{order:2!important;}.LS_20 .L_sbs_node{width:100%!important;margin-left:0!important;margin-right:0!important;}}.LS_21_F_0{padding:2em;}.LS_22{gap:2em;}background:transparent;.LS_22 > .L_tabgroup_tabbuttons .L_tabbutton_bar_inner{background:transparent;}.LS_22 > .L_tabgroup_tabbuttons .L_tabgroup_tabbutton.L_current .L_tabbutton_bullet svg path{fill:unset;}.LS_22 > .L_tabgroup_tabbuttons .L_tabgroup_tabbutton.L_current .L_tabbutton_bullet{border-color:currentcolor;}.LS_23{gap:1em;}background:transparent;.LS_23 > .L_tabgroup_tabbuttons .L_tabbutton_bar_inner{background:transparent;}.LS_23 > .L_tabgroup_tabbuttons .L_tabgroup_tabbutton.L_current .L_tabbutton_bullet svg path{fill:unset;}.LS_23 > .L_tabgroup_tabbuttons .L_tabgroup_tabbutton.L_current .L_tabbutton_bullet{border-color:currentcolor;}.LS_24 .L_singleimage{width:100%;background: transparent;}.LS_25 .L_singleimage{width:100%;background: transparent;}.LS_25 .arbox::before{padding-top:66.667%;}.LS_26{gap:2em;}.LS_26 .L_carousel_inner .L_gallery_image{padding-right:2em;box-sizing:content-box;}.LS_27{gap:3em;}.LS_27 .L_carousel_inner .L_gallery_image{padding-right:3em;box-sizing:content-box;}.LS_28{gap:3em;}.LS_28 .L_carousel_inner .L_gallery_image{padding-right:3em;box-sizing:content-box;}.LS_29 .L_spotlight{justify-content:center;align-items:center;}.LS_29 .L_spotlight > .arbox::before{padding-top:56.25%;}.LS_29 .L_spotlight_image{background:transparent;justify-content:center;align-items:center;}.LS_29 .L_spotlight_shared_content{justify-content:center;align-items:center;}.LS_29 .L_spotlight_image .L_the_image{opacity:1;}.LS_29 .L_the_content{padding:3em 5%;}.LS_30 .L_spotlight{min-height:300px;justify-content:center;align-items:center;}.LS_30 .L_spotlight > .arbox::before{padding-top:33.333%;}.LS_30 .L_spotlight_image{background:transparent;justify-content:center;align-items:center;}.LS_30 .L_spotlight_shared_content{justify-content:center;align-items:center;}.LS_30 .L_spotlight_image .L_the_image{opacity:1;}.LS_30 .L_the_content{padding:3em 5%;text-shadow:0px 4px 10px #00000099;}.LS_32 .L_filelink{padding:0.75rem;box-shadow:0 2px 10px #0004;}.LS_32 .L_filelink > .L_bg .L_bgc{background:#ffffff;}.LS_34 .L_ybar{width:2em;height:250px;}.LS_34 .L_xbar{width:250px;height:2em;}.LS_34 .L_pie{width:200px;height:200px;}.LS_34 .L_dial{width:200px;height:200px;}.LS_34 .L_backgroundpath.L_bg .L_bgc{background:#0000000f;}.LS_34 .L_startpath.L_bg .L_bgc{background:#000000;}.LS_34 .L_growpath.L_bg .L_bgc{background:#00000099;}.LS_34 .L_shrinkpath.L_bg .L_bgc{background:#ffffffcc;}.LS_35{padding:5vh 5vw;row-gap:1.5em;}body{
background: var(--swatch_4);
}
.breadcrumbs{
display:none;
}
.LS_35{
min-height:100vh;
justify-content: center;
}