html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.container-fluid.half-right {
margin-right: auto;
margin-left: 0;
padding-left: 0;
}
.container-fluid.half-left {
margin-right: 0;
margin-left: auto;
padding-right: 0;
}
@media only screen and (max-width: 47em) {
.container-fluid.half-left {
margin-right: auto;
margin-left: auto;
}
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1rem;
margin-left: -1rem;
}
.flex-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-xs {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 48em) {
.container {
width: 46rem;
}
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-sm {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 62em) {
.container {
width: 6.5rem;
}
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-md {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 75em) {
.container {
width: 7.5rem;
}
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-lg {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
.splide__container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.splide__list {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
height: 100%;
margin: 0!important;
padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block;
}
.splide__pagination {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
visibility: visible;
}
.splide__slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none!important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
-webkit-animation: splide-loading 1s linear infinite;
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}
@-webkit-keyframes splide-loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes splide-loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list {
display: block;
}
.splide__track--fade > .splide__list > .splide__slide {
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
position: relative;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__arrow {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
background: #ccc;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
height: 2em;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 2em;
z-index: 1;
}
.splide__arrow svg {
fill: #000;
height: 1.2em;
width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
opacity: 0.9;
}
.splide__arrow:disabled {
opacity: 0.3;
}
.splide__arrow:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__arrow--prev {
left: 1em;
}
.splide__arrow--prev svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.splide__arrow--next {
right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__pagination {
bottom: 0.5em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1;
}
.splide__pagination__page {
background: #ccc;
border: 0;
border-radius: 50%;
display: inline-block;
height: 8px;
margin: 3px;
opacity: 0.7;
padding: 0;
position: relative;
-webkit-transition: -webkit-transform 0.2s linear;
transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear;
transition: transform 0.2s linear, -webkit-transform 0.2s linear;
width: 8px;
}
.splide__pagination__page.is-active {
background: #fff;
-webkit-transform: scale(1.4);
transform: scale(1.4);
z-index: 1;
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: 0.9;
}
.splide__pagination__page:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__progress__bar {
background: #ccc;
height: 3px;
}
.splide__slide {
-webkit-tap-highlight-color: transparent;
}
.splide__slide:focus {
outline: 0;
}
@supports (outline-offset:-3px) {
.splide__slide:focus-visible {
outline: 3px solid #0bf;
outline-offset: -3px;
}
}
@media screen and (-ms-high-contrast: none) {
.splide__slide:focus-visible {
border: 3px solid #0bf;
}
}
@supports (outline-offset:-3px) {
.splide.is-focus-in .splide__slide:focus {
outline: 3px solid #0bf;
outline-offset: -3px;
}
}
@media screen and (-ms-high-contrast: none) {
.splide.is-focus-in .splide__slide:focus {
border: 3px solid #0bf;
}
.splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
border-color: #0bf;
}
}
.splide__toggle {
cursor: pointer;
}
.splide__toggle:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
border: 3px solid transparent;
cursor: pointer;
}
.splide__arrows--rtl .splide__arrow--prev {
left: auto;
right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
left: 1em;
right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
bottom: 1em;
top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.splide__pagination--ttb {
bottom: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
left: auto;
padding: 1em 0;
right: 0.5em;
top: 0;
} .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::-moz-selection {
background: transparent;
}
.leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
-webkit-filter: inherit;
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 8;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 4;
}
.leaflet-tile-pane {
z-index: 2;
}
.leaflet-overlay-pane {
z-index: 4;
}
.leaflet-shadow-pane {
z-index: 5;
}
.leaflet-marker-pane {
z-index: 6;
}
.leaflet-tooltip-pane {
z-index: 6;
}
.leaflet-popup-pane {
z-index: 7;
}
.leaflet-map-pane canvas {
z-index: 1;
}
.leaflet-map-pane svg {
z-index: 2;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 8;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 10;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #fff;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} .leaflet-bar a,
.leaflet-bar a:hover {
border-radius: 4px;
background-color: #999;
border: none;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: white;
margin-top: 0.1rem;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #cfb691;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//hri.global/wp-content/themes/hri/build/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//hri.global/wp-content/themes/hri/build/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path {
background-image: url(//hri.global/wp-content/themes/hri/build/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
-webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #333;
border-radius: 3px;
color: #fff;
max-width: 250px;
width: 80%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #333;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #333;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #333;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #333;
}
html.logged_in html {
margin-top: 0!important;
}
html.logged_in .top-bar {
top: 32px !important;
}    @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .visible-sm,
.visible-md,
.visible-lg {
display: none;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
@media only screen and (min-width: 48em) {
.visible-sm {
display: block;
}
.invisible-sm {
display: none;
}
.block-sm {
display: block;
}
.inline-block-sm {
display: inline-block;
}
}
@media only screen and (min-width: 62em) {
.visible-md {
display: block;
}
.invisible-md {
display: none;
}
.block-md {
display: block;
}
.inline-block-md {
display: inline-block;
}
}
@media only screen and (min-width: 75em) {
.visible-lg {
display: block;
}
.block-lg {
display: block;
}
.inline-block-lg {
display: inline-block;
}
} * {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
html,
body {
font-size: 100%;
height: 100%;
scroll-behavior: smooth;
}
::-webkit-scrollbar {
width: 8px;
background: none;
}
::-webkit-scrollbar-track {
border-radius: 8px;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #000;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #000;
}
.wrap {
margin: 0 auto;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.sticky {
position: sticky;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.table {
display: table;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.oh {
overflow: hidden;
}
.vh {
visibility: hidden;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shrink {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 48em) {
.flex-row-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-column-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 62em) {
.flex-row-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-column-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 75em) {
.flex-row-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-column-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.center-block {
display: block;
text-align: center;
margin: 0 auto;
}
.centro-vertical > * {
vertical-align: middle;
}
.wt100 {
width: 100%;
}
.wt50 {
width: 50%;
}
.ht100 {
height: 100%;
}
.ht50 {
height: 50%;
}
.z0 {
z-index: 0;
}
.z1 {
z-index: 9;
}
.z2 {
z-index: 99;
}
.z3 {
z-index: 999;
}
.z4 {
z-index: 9999;
}
.z5 {
z-index: 99999;
}
.z6 {
z-index: 999999;
} img,
iframe,
svg {
max-width: 100%;
margin: 0 auto;
}
ul {
padding: 0px;
}
li {
list-style: none;
}
figure {
margin: 0px auto;
}
figure .table img {
display: block;
}
figure figcaption {
margin-top: 5px;
}
button,
input[type="submit"] {
border: none;
background-color: transparent;
outline: none;
border-radius: 0px;
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
textarea {
display: block;
background: white;
width: 100%;
border: 1px solid grey;
outline: none;
border-radius: 0px;
color: grey;
}
input[type="text"]:::placeholder,
input[type="password"]:::placeholder,
input[type="email"]:::placeholder,
input[type="number"]:::placeholder,
input[type="date"]:::placeholder,
textarea:::placeholder {
color: grey;
}
select {
background: none;
border: none;
outline: none;
padding: 0;
cursor: pointer;
}
a {
text-decoration: none;
color: inherit;
cursor: pointer;
}
hr {
height: 1px;
background-color: grey;
margin: 0px;
} .p6 {
padding: 6rem;
}
@media only screen and (min-width: 48em) {
.p6-sm {
padding: 6rem;
}
}
@media only screen and (min-width: 62em) {
.p6-md {
padding: 6rem;
}
}
.p5 {
padding: 5rem;
}
@media only screen and (min-width: 48em) {
.p5-sm {
padding: 5rem;
}
}
@media only screen and (min-width: 62em) {
.p5-md {
padding: 5rem;
}
}
.p4 {
padding: 4rem;
}
@media only screen and (min-width: 48em) {
.p4-sm {
padding: 4rem;
}
}
@media only screen and (min-width: 62em) {
.p4-md {
padding: 4rem;
}
}
.p3 {
padding: 3rem;
}
@media only screen and (min-width: 48em) {
.p3-sm {
padding: 3rem;
}
}
@media only screen and (min-width: 62em) {
.p3-md {
padding: 3rem;
}
}
.p2 {
padding: 2rem;
}
@media only screen and (min-width: 48em) {
.p2-sm {
padding: 2rem;
}
}
@media only screen and (min-width: 62em) {
.p2-md {
padding: 2rem;
}
}
.p1 {
padding: 1rem;
}
@media only screen and (min-width: 48em) {
.p1-sm {
padding: 1rem;
}
}
@media only screen and (min-width: 62em) {
.p1-md {
padding: 1rem;
}
}
.p0 {
padding: 0rem;
}
@media only screen and (min-width: 48em) {
.p0-sm {
padding: 0rem;
}
}
@media only screen and (min-width: 62em) {
.p0-md {
padding: 0rem;
}
}
.pt6 {
padding-top: 6rem;
}
@media only screen and (min-width: 48em) {
.pt6-sm {
padding-top: 6rem;
}
}
@media only screen and (min-width: 62em) {
.pt6-md {
padding-top: 6rem;
}
}
.pt5 {
padding-top: 5rem;
}
@media only screen and (min-width: 48em) {
.pt5-sm {
padding-top: 5rem;
}
}
@media only screen and (min-width: 62em) {
.pt5-md {
padding-top: 5rem;
}
}
.pt4 {
padding-top: 4rem;
}
@media only screen and (min-width: 48em) {
.pt4-sm {
padding-top: 4rem;
}
}
@media only screen and (min-width: 62em) {
.pt4-md {
padding-top: 4rem;
}
}
.pt3 {
padding-top: 3rem;
}
@media only screen and (min-width: 48em) {
.pt3-sm {
padding-top: 3rem;
}
}
@media only screen and (min-width: 62em) {
.pt3-md {
padding-top: 3rem;
}
}
.pt2 {
padding-top: 2rem;
}
@media only screen and (min-width: 48em) {
.pt2-sm {
padding-top: 2rem;
}
}
@media only screen and (min-width: 62em) {
.pt2-md {
padding-top: 2rem;
}
}
.pt1 {
padding-top: 1rem;
}
@media only screen and (min-width: 48em) {
.pt1-sm {
padding-top: 1rem;
}
}
@media only screen and (min-width: 62em) {
.pt1-md {
padding-top: 1rem;
}
}
.pt0 {
padding-top: 0rem;
}
@media only screen and (min-width: 48em) {
.pt0-sm {
padding-top: 0rem;
}
}
@media only screen and (min-width: 62em) {
.pt0-md {
padding-top: 0rem;
}
}
.pr6 {
padding-right: 6rem;
}
@media only screen and (min-width: 48em) {
.pr6-sm {
padding-right: 6rem;
}
}
@media only screen and (min-width: 62em) {
.pr6-md {
padding-right: 6rem;
}
}
.pr5 {
padding-right: 5rem;
}
@media only screen and (min-width: 48em) {
.pr5-sm {
padding-right: 5rem;
}
}
@media only screen and (min-width: 62em) {
.pr5-md {
padding-right: 5rem;
}
}
.pr4 {
padding-right: 4rem;
}
@media only screen and (min-width: 48em) {
.pr4-sm {
padding-right: 4rem;
}
}
@media only screen and (min-width: 62em) {
.pr4-md {
padding-right: 4rem;
}
}
.pr3 {
padding-right: 3rem;
}
@media only screen and (min-width: 48em) {
.pr3-sm {
padding-right: 3rem;
}
}
@media only screen and (min-width: 62em) {
.pr3-md {
padding-right: 3rem;
}
}
.pr2 {
padding-right: 2rem;
}
@media only screen and (min-width: 48em) {
.pr2-sm {
padding-right: 2rem;
}
}
@media only screen and (min-width: 62em) {
.pr2-md {
padding-right: 2rem;
}
}
.pr1 {
padding-right: 1rem;
}
@media only screen and (min-width: 48em) {
.pr1-sm {
padding-right: 1rem;
}
}
@media only screen and (min-width: 62em) {
.pr1-md {
padding-right: 1rem;
}
}
.pr0 {
padding-right: 0rem;
}
@media only screen and (min-width: 48em) {
.pr0-sm {
padding-right: 0rem;
}
}
@media only screen and (min-width: 62em) {
.pr0-md {
padding-right: 0rem;
}
}
.pb6 {
padding-bottom: 6rem;
}
@media only screen and (min-width: 48em) {
.pb6-sm {
padding-bottom: 6rem;
}
}
@media only screen and (min-width: 62em) {
.pb6-md {
padding-bottom: 6rem;
}
}
.pb5 {
padding-bottom: 5rem;
}
@media only screen and (min-width: 48em) {
.pb5-sm {
padding-bottom: 5rem;
}
}
@media only screen and (min-width: 62em) {
.pb5-md {
padding-bottom: 5rem;
}
}
.pb4 {
padding-bottom: 4rem;
}
@media only screen and (min-width: 48em) {
.pb4-sm {
padding-bottom: 4rem;
}
}
@media only screen and (min-width: 62em) {
.pb4-md {
padding-bottom: 4rem;
}
}
.pb3 {
padding-bottom: 3rem;
}
@media only screen and (min-width: 48em) {
.pb3-sm {
padding-bottom: 3rem;
}
}
@media only screen and (min-width: 62em) {
.pb3-md {
padding-bottom: 3rem;
}
}
.pb2 {
padding-bottom: 2rem;
}
@media only screen and (min-width: 48em) {
.pb2-sm {
padding-bottom: 2rem;
}
}
@media only screen and (min-width: 62em) {
.pb2-md {
padding-bottom: 2rem;
}
}
.pb1 {
padding-bottom: 1rem;
}
@media only screen and (min-width: 48em) {
.pb1-sm {
padding-bottom: 1rem;
}
}
@media only screen and (min-width: 62em) {
.pb1-md {
padding-bottom: 1rem;
}
}
.pb0 {
padding-bottom: 0rem;
}
@media only screen and (min-width: 48em) {
.pb0-sm {
padding-bottom: 0rem;
}
}
@media only screen and (min-width: 62em) {
.pb0-md {
padding-bottom: 0rem;
}
}
.pl6 {
padding-left: 6rem;
}
@media only screen and (min-width: 48em) {
.pl6-sm {
padding-left: 6rem;
}
}
@media only screen and (min-width: 62em) {
.pl6-md {
padding-left: 6rem;
}
}
.pl5 {
padding-left: 5rem;
}
@media only screen and (min-width: 48em) {
.pl5-sm {
padding-left: 5rem;
}
}
@media only screen and (min-width: 62em) {
.pl5-md {
padding-left: 5rem;
}
}
.pl4 {
padding-left: 4rem;
}
@media only screen and (min-width: 48em) {
.pl4-sm {
padding-left: 4rem;
}
}
@media only screen and (min-width: 62em) {
.pl4-md {
padding-left: 4rem;
}
}
.pl3 {
padding-left: 3rem;
}
@media only screen and (min-width: 48em) {
.pl3-sm {
padding-left: 3rem;
}
}
@media only screen and (min-width: 62em) {
.pl3-md {
padding-left: 3rem;
}
}
.pl2 {
padding-left: 2rem;
}
@media only screen and (min-width: 48em) {
.pl2-sm {
padding-left: 2rem;
}
}
@media only screen and (min-width: 62em) {
.pl2-md {
padding-left: 2rem;
}
}
.pl1 {
padding-left: 1rem;
}
@media only screen and (min-width: 48em) {
.pl1-sm {
padding-left: 1rem;
}
}
@media only screen and (min-width: 62em) {
.pl1-md {
padding-left: 1rem;
}
}
.pl0 {
padding-left: 0rem;
}
@media only screen and (min-width: 48em) {
.pl0-sm {
padding-left: 0rem;
}
}
@media only screen and (min-width: 62em) {
.pl0-md {
padding-left: 0rem;
}
}
.p05 {
padding: 0.5rem;
}
.pt05 {
padding-top: 0.5rem;
}
.pr05 {
padding-right: 0.5rem;
}
.pb05 {
padding-bottom: 0.5rem;
}
.pl05 {
padding-left: 0.5rem;
}
@media only screen and (min-width: 48em) {
.p05-sm {
padding: 0.5rem;
}
.pt05-sm {
padding-top: 0.5rem;
}
.pr05-sm {
padding-right: 0.5rem;
}
.pb05-sm {
padding-bottom: 0.5rem;
}
.pl05-sm {
padding-left: 0.5rem;
}
}
@media only screen and (min-width: 62em) {
.p05-md {
padding: 0.5rem;
}
.pt05-md {
padding-top: 0.5rem;
}
.pr05-md {
padding-right: 0.5rem;
}
.pb05-md {
padding-bottom: 0.5rem;
}
.pl05-md {
padding-left: 0.5rem;
}
} .m5 {
margin: 5rem;
}
@media only screen and (min-width: 48em) {
.m5-sm {
margin: 5rem;
}
}
@media only screen and (min-width: 62em) {
.m5-md {
margin: 5rem;
}
}
.m4 {
margin: 4rem;
}
@media only screen and (min-width: 48em) {
.m4-sm {
margin: 4rem;
}
}
@media only screen and (min-width: 62em) {
.m4-md {
margin: 4rem;
}
}
.m3 {
margin: 3rem;
}
@media only screen and (min-width: 48em) {
.m3-sm {
margin: 3rem;
}
}
@media only screen and (min-width: 62em) {
.m3-md {
margin: 3rem;
}
}
.m2 {
margin: 2rem;
}
@media only screen and (min-width: 48em) {
.m2-sm {
margin: 2rem;
}
}
@media only screen and (min-width: 62em) {
.m2-md {
margin: 2rem;
}
}
.m1 {
margin: 1rem;
}
@media only screen and (min-width: 48em) {
.m1-sm {
margin: 1rem;
}
}
@media only screen and (min-width: 62em) {
.m1-md {
margin: 1rem;
}
}
.m0 {
margin: 0rem;
}
@media only screen and (min-width: 48em) {
.m0-sm {
margin: 0rem;
}
}
@media only screen and (min-width: 62em) {
.m0-md {
margin: 0rem;
}
}
.mt5 {
margin-top: 5rem;
}
@media only screen and (min-width: 48em) {
.mt5-sm {
margin-top: 5rem;
}
}
@media only screen and (min-width: 62em) {
.mt5-md {
margin-top: 5rem;
}
}
.mt4 {
margin-top: 4rem;
}
@media only screen and (min-width: 48em) {
.mt4-sm {
margin-top: 4rem;
}
}
@media only screen and (min-width: 62em) {
.mt4-md {
margin-top: 4rem;
}
}
.mt3 {
margin-top: 3rem;
}
@media only screen and (min-width: 48em) {
.mt3-sm {
margin-top: 3rem;
}
}
@media only screen and (min-width: 62em) {
.mt3-md {
margin-top: 3rem;
}
}
.mt2 {
margin-top: 2rem;
}
@media only screen and (min-width: 48em) {
.mt2-sm {
margin-top: 2rem;
}
}
@media only screen and (min-width: 62em) {
.mt2-md {
margin-top: 2rem;
}
}
.mt1 {
margin-top: 1rem;
}
@media only screen and (min-width: 48em) {
.mt1-sm {
margin-top: 1rem;
}
}
@media only screen and (min-width: 62em) {
.mt1-md {
margin-top: 1rem;
}
}
.mt0 {
margin-top: 0rem;
}
@media only screen and (min-width: 48em) {
.mt0-sm {
margin-top: 0rem;
}
}
@media only screen and (min-width: 62em) {
.mt0-md {
margin-top: 0rem;
}
}
.mr5 {
margin-right: 5rem;
}
@media only screen and (min-width: 48em) {
.mr5-sm {
margin-right: 5rem;
}
}
@media only screen and (min-width: 62em) {
.mr5-md {
margin-right: 5rem;
}
}
.mr4 {
margin-right: 4rem;
}
@media only screen and (min-width: 48em) {
.mr4-sm {
margin-right: 4rem;
}
}
@media only screen and (min-width: 62em) {
.mr4-md {
margin-right: 4rem;
}
}
.mr3 {
margin-right: 3rem;
}
@media only screen and (min-width: 48em) {
.mr3-sm {
margin-right: 3rem;
}
}
@media only screen and (min-width: 62em) {
.mr3-md {
margin-right: 3rem;
}
}
.mr2 {
margin-right: 2rem;
}
@media only screen and (min-width: 48em) {
.mr2-sm {
margin-right: 2rem;
}
}
@media only screen and (min-width: 62em) {
.mr2-md {
margin-right: 2rem;
}
}
.mr1 {
margin-right: 1rem;
}
@media only screen and (min-width: 48em) {
.mr1-sm {
margin-right: 1rem;
}
}
@media only screen and (min-width: 62em) {
.mr1-md {
margin-right: 1rem;
}
}
.mr0 {
margin-right: 0rem;
}
@media only screen and (min-width: 48em) {
.mr0-sm {
margin-right: 0rem;
}
}
@media only screen and (min-width: 62em) {
.mr0-md {
margin-right: 0rem;
}
}
.mb5 {
margin-bottom: 5rem;
}
@media only screen and (min-width: 48em) {
.mb5-sm {
margin-bottom: 5rem;
}
}
@media only screen and (min-width: 62em) {
.mb5-md {
margin-bottom: 5rem;
}
}
.mb4 {
margin-bottom: 4rem;
}
@media only screen and (min-width: 48em) {
.mb4-sm {
margin-bottom: 4rem;
}
}
@media only screen and (min-width: 62em) {
.mb4-md {
margin-bottom: 4rem;
}
}
.mb3 {
margin-bottom: 3rem;
}
@media only screen and (min-width: 48em) {
.mb3-sm {
margin-bottom: 3rem;
}
}
@media only screen and (min-width: 62em) {
.mb3-md {
margin-bottom: 3rem;
}
}
.mb2 {
margin-bottom: 2rem;
}
@media only screen and (min-width: 48em) {
.mb2-sm {
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 62em) {
.mb2-md {
margin-bottom: 2rem;
}
}
.mb1 {
margin-bottom: 1rem;
}
@media only screen and (min-width: 48em) {
.mb1-sm {
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 62em) {
.mb1-md {
margin-bottom: 1rem;
}
}
.mb0 {
margin-bottom: 0rem;
}
@media only screen and (min-width: 48em) {
.mb0-sm {
margin-bottom: 0rem;
}
}
@media only screen and (min-width: 62em) {
.mb0-md {
margin-bottom: 0rem;
}
}
.ml5 {
margin-left: 5rem;
}
@media only screen and (min-width: 48em) {
.ml5-sm {
margin-left: 5rem;
}
}
@media only screen and (min-width: 62em) {
.ml5-md {
margin-left: 5rem;
}
}
.ml4 {
margin-left: 4rem;
}
@media only screen and (min-width: 48em) {
.ml4-sm {
margin-left: 4rem;
}
}
@media only screen and (min-width: 62em) {
.ml4-md {
margin-left: 4rem;
}
}
.ml3 {
margin-left: 3rem;
}
@media only screen and (min-width: 48em) {
.ml3-sm {
margin-left: 3rem;
}
}
@media only screen and (min-width: 62em) {
.ml3-md {
margin-left: 3rem;
}
}
.ml2 {
margin-left: 2rem;
}
@media only screen and (min-width: 48em) {
.ml2-sm {
margin-left: 2rem;
}
}
@media only screen and (min-width: 62em) {
.ml2-md {
margin-left: 2rem;
}
}
.ml1 {
margin-left: 1rem;
}
@media only screen and (min-width: 48em) {
.ml1-sm {
margin-left: 1rem;
}
}
@media only screen and (min-width: 62em) {
.ml1-md {
margin-left: 1rem;
}
}
.ml0 {
margin-left: 0rem;
}
@media only screen and (min-width: 48em) {
.ml0-sm {
margin-left: 0rem;
}
}
@media only screen and (min-width: 62em) {
.ml0-md {
margin-left: 0rem;
}
}
.m05 {
margin: 0.5rem;
}
.mt05 {
margin-top: 0.5rem;
}
.mr05 {
margin-right: 0.5rem;
}
.mb05 {
margin-bottom: 0.5rem;
}
.ml05 {
margin-left: 0.5rem;
}
@media only screen and (min-width: 48em) {
.m05-sm {
margin: 0.5rem;
}
.mt05-sm {
margin-top: 0.5rem;
}
.mr05-sm {
margin-right: 0.5rem;
}
.mb05-sm {
margin-bottom: 0.5rem;
}
.ml05-sm {
margin-left: 0.5rem;
}
}
@media only screen and (min-width: 62em) {
.m05-md {
margin: 0.5rem;
}
.mt05-md {
margin-top: 0.5rem;
}
.mr05-md {
margin-right: 0.5rem;
}
.mb05-md {
margin-bottom: 0.5rem;
}
.ml05-md {
margin-left: 0.5rem;
}
} h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0rem;
}
p {
margin-bottom: 1rem;
}
b,
strong {
font-weight: 700;
}
.nowrap {
white-space: nowrap;
}
.uppercase {
text-transform: uppercase;
}
.underline {
border-bottom: 1px solid ;
}
.align-center {
text-align: center;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.tl {
text-align: left;
}
.uc {
text-transform: uppercase;
}
@media only screen and (min-width: 48em) {
.tc-sm {
text-align: center;
}
.tr-sm {
text-align: right;
}
.tl-sm {
text-align: left;
}
}
@media only screen and (min-width: 62em) {
.tc-md {
text-align: center;
}
.tr-md {
text-align: right;
}
.tl-md {
text-align: left;
}
}
.w100 {
font-weight: 100;
}
.w200 {
font-weight: 200;
}
.w300 {
font-weight: 300;
}
.w400 {
font-weight: 400;
}
.w500 {
font-weight: 500;
}
.w600 {
font-weight: 600;
}
.w700 {
font-weight: 700;
}
.w800 {
font-weight: 800;
}
.w900 {
font-weight: 900;
}
.lh1 {
line-height: 1;
}
.lh1-25 {
line-height: 1.25;
}
.lh1-50 {
line-height: 1.5;
}
.lh1-75 {
line-height: 1.75;
}
.lh2 {
line-height: 2;
} input[type="radio"]:not(.radio-filtro) {
display: none;
}
input[type="radio"]:not(.radio-filtro) + label {
position: relative;
padding-left: 25px;
cursor: pointer;
color: grey;
}
input[type="radio"]:not(.radio-filtro) + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 14px;
height: 14px;
border-radius: 100%;
background: #fff;
border: 1px solid grey;
}
input[type="radio"]:not(.radio-filtro) + label:after {
content: "";
width: 10px;
height: 10px;
background: black;
position: absolute;
top: 3px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
input[type="radio"]:not(.radio-filtro):checked + label {
color: black;
}
input[type="radio"]:not(.radio-filtro):checked + label:before {
border: 1px solid black;
}
input[type="radio"]:not(.radio-filtro):checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
select,
input.input-dropdown {
display: inline-block;
background: none;
text-align: center;
border: 2px solid #000;
border-radius: 5px;
outline: none;
padding: 0.5rem 2rem 0.5rem 0.5rem;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polyline fill="transparent" stroke="%232AA1DB" points="4.9 7.8 10.1 12.7 15.1 7.8" style="stroke-width: 1.5px"/></svg>');
background-position: 97% center;
background-repeat: no-repeat;
background-size: 25px 25px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
input.input-dropdown:focus {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polyline fill="transparent" stroke="%232AA1DB" points="4.9 10.8 10.1 6.7 15.1 10.8" style="stroke-width: 1.5px"/></svg>');
}
input.input-dropdown:focus ~ .input-dropdown-conteudo {
visibility: visible;
opacity: 1;
top: 125%;
}
.input-dropdown-conteudo {
visibility: hidden;
text-align: center;
opacity: 0;
position: absolute;
width: 100%;
left: 0px;
top: 100%;
border: 2px solid #000;
border-radius: 5px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
z-index: 999;
}
.input-dropdown-conteudo > li {
background-color: white;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.input-dropdown-conteudo > li:hover,
.input-dropdown-conteudo > li:focus {
background-color: #000;
color: white;
}  .sombra {
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
} .sombra-interativa {
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.sombra-interativa:hover,
.sombra-interativa:focus {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
html {
font-size: 16px;
}
body {
font-family: 'Nimbus', sans-serif;
color: #000;
font-weight: 400;
font-size: 18px;
}
.wrap {
width: 100%;
max-width: 1280px;
}
.wrap-half {
width: 100%;
max-width: 640px;
}
@media only screen and (max-width: 47em) {
.wrap-half {
width: 100%;
padding-left: 0;
padding-right: 0;
margin: 0;
}
}
@media only screen and (min-width: 48em) {
.wrap-half.text-left {
margin-left: auto;
}
.wrap-half.text-right {
margin-right: auto;
}
}
@media only screen and (min-width: 1280px) {
.page-cover-home .wrap-half {
max-width: 90%;
}
}
.wysiwyg-content ul,
.wysiwyg-content ol {
padding-left: 2rem;
margin-top: 0rem;
}
.wysiwyg-content ul li,
.wysiwyg-content ol li {
list-style: disc;
margin-bottom: 0.5rem;
}
.wysiwyg-content ol li {
list-style: decimal;
}
.wysiwyg-content.white-title h4,
.wysiwyg-content.white-title h5 {
color: #fff;
margin-bottom: 1rem;
margin-top: 2rem;
}
.wysiwyg-content p {
line-height: 1.4;
margin-bottom: 1.5em;
}
.wysiwyg-content a {
text-decoration: underline;
}
.invisible-responsive {
display: block;
}
@media only screen and (max-width: 47em) {
.invisible-responsive {
display: none !important;
}
}
.visible-responsive {
display: none !important;
}
@media only screen and (max-width: 47em) {
.visible-responsive {
display: block !important;
}
}
@font-face {
font-family: 'Nimbus';
src: url(//hri.global/wp-content/themes/hri/assets/fonts/nimbus.woff2) format('woff2'), url(//hri.global/wp-content/themes/hri/assets/fonts/nimbus.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nimbus';
src: url(//hri.global/wp-content/themes/hri/assets/fonts/nimbus_bold.woff2) format('woff2'), url(//hri.global/wp-content/themes/hri/assets/fonts/nimbus_bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Benton';
src: url(//hri.global/wp-content/themes/hri/assets/fonts/benton.woff2) format('woff2'), url(//hri.global/wp-content/themes/hri/assets/fonts/benton.woff) format('woff');
font-weight: normal;
font-style: normal;
}
.ff1 {
font-family: 'Nimbus', sans-serif;
}
.ff2 {
font-family: 'Benton', sans-serif;
}
.t180 {
font-size: 4em;
}
@media screen and (min-width: 27.77777778em) {
.t180 {
font-size: calc(4em + (6 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t180 {
font-size: 10em;
}
}
.t100 {
font-size: 3.22222222em;
}
@media screen and (min-width: 27.77777778em) {
.t100 {
font-size: calc(3.22222222em + (2.33333333 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t100 {
font-size: 5.55555556em;
}
}
.t72 {
font-size: 2.33333333em;
}
@media screen and (min-width: 27.77777778em) {
.t72 {
font-size: calc(2.33333333em + (1.66666667 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t72 {
font-size: 4em;
}
}
.t48 {
font-size: 1.77777778em;
}
@media screen and (min-width: 27.77777778em) {
.t48 {
font-size: calc(1.77777778em + (0.88888889 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t48 {
font-size: 2.66666667em;
}
}
.t32 {
font-size: 1.55555556em;
}
@media screen and (min-width: 27.77777778em) {
.t32 {
font-size: calc(1.55555556em + (0.22222222 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t32 {
font-size: 1.77777778em;
}
}
.t24 {
font-size: 1.22222222em;
}
@media screen and (min-width: 27.77777778em) {
.t24 {
font-size: calc(1.22222222em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t24 {
font-size: 1.33333333em;
}
}
.t20 {
font-size: 1em;
}
@media screen and (min-width: 27.77777778em) {
.t20 {
font-size: calc(1em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t20 {
font-size: 1.11111111em;
}
}
.t18 {
font-size: 0.88888889em;
}
@media screen and (min-width: 27.77777778em) {
.t18 {
font-size: calc(0.88888889em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t18 {
font-size: 1em;
}
}
.t14 {
font-size: 0.72222222em;
}
@media screen and (min-width: 27.77777778em) {
.t14 {
font-size: calc(0.72222222em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t14 {
font-size: 0.77777778em;
}
}
.t12 {
font-size: 0.61111111em;
}
@media screen and (min-width: 27.77777778em) {
.t12 {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.t12 {
font-size: 0.66666667em;
}
}
.tcb {
color: #000;
}
.tcw {
color: #fff;
}
.tclg {
color: #F4F4F4;
}
.tcdg {
color: #1E1E1E;
}
.tcblue {
color: #30A6FF;
}
.tcgreen {
color: #269963;
}
.tcmustard {
color: #C3892D;
}
.tcred {
color: #E54012;
}
.bgb {
background-color: #000;
}
.bglg {
background-color: #F4F4F4;
}
.bgdg {
background-color: #1E1E1E;
}
.bgw {
background-color: #fff;
}
.bgblue {
background-color: #30A6FF;
}
.bggreen {
background-color: #269963;
}
.bgmustard {
background-color: #C3892D;
}
.bgred {
background-color: #E54012;
}
svg {
fill: #000;
}
svg.blue {
fill: #30A6FF;
}
svg.green {
fill: #269963;
}
svg.mustard {
fill: #C3892D;
}
svg.red {
fill: #E54012;
}
svg.black {
fill: #000;
}
svg.white {
fill: #fff;
}
svg use {
background: red;
}
h2 {
font-family: 'Benton', sans-serif;
font-size: 3.22222222em;
line-height: 95%;
text-transform: uppercase;
}
@media screen and (min-width: 27.77777778em) {
h2 {
font-size: calc(3.22222222em + (2.33333333 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h2 {
font-size: 5.55555556em;
}
}
h2.superbig {
font-size: 4em;
line-height: 90%;
}
@media screen and (min-width: 27.77777778em) {
h2.superbig {
font-size: calc(4em + (6 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h2.superbig {
font-size: 10em;
}
}
h3 {
font-family: 'Benton', sans-serif;
font-size: 2.33333333em;
line-height: 100%;
text-transform: uppercase;
}
@media screen and (min-width: 27.77777778em) {
h3 {
font-size: calc(2.33333333em + (1.66666667 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h3 {
font-size: 4em;
}
}
h4 {
font-family: 'Benton', sans-serif;
font-size: 1.77777778em;
line-height: 100%;
text-transform: uppercase;
}
@media screen and (min-width: 27.77777778em) {
h4 {
font-size: calc(1.77777778em + (0.88888889 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h4 {
font-size: 2.66666667em;
}
}
h5 {
font-family: 'Nimbus', sans-serif;
font-size: 1.22222222em;
font-weight: 700;
line-height: 120%;
}
@media screen and (min-width: 27.77777778em) {
h5 {
font-size: calc(1.22222222em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h5 {
font-size: 1.33333333em;
}
}
h6 {
font-family: 'Benton', sans-serif;
font-size: 1em;
line-height: 150%;
text-transform: uppercase;
}
@media screen and (min-width: 27.77777778em) {
h6 {
font-size: calc(1em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h6 {
font-size: 1.11111111em;
}
}
p {
font-family: 'Nimbus', sans-serif;
font-size: 0.88888889em;
line-height: 121%;
}
@media screen and (min-width: 27.77777778em) {
p {
font-size: calc(0.88888889em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
p {
font-size: 1em;
}
}
p.big,
div.big {
font-size: 1.22222222em;
font-weight: 400;
}
@media screen and (min-width: 27.77777778em) {
p.big,
div.big {
font-size: calc(1.22222222em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
p.big,
div.big {
font-size: 1.33333333em;
}
}
p.small,
div.small {
font-size: 0.72222222em;
}
@media screen and (min-width: 27.77777778em) {
p.small,
div.small {
font-size: calc(0.72222222em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
p.small,
div.small {
font-size: 0.77777778em;
}
}
b {
font-weight: 700;
}
a.mustard {
font-family: 'Benton', sans-serif;
font-weight: 700;
color: #C3892D;
}
a svg {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
a:not([href='#']):not([href='']) {
cursor: pointer;
}
.label {
font-size: 0.88888889em;
font-weight: 700;
text-transform: uppercase;
}
@media screen and (min-width: 27.77777778em) {
.label {
font-size: calc(0.88888889em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.label {
font-size: 1em;
}
}
.marker {
padding-left: 1rem;
}
.marker li {
list-style: disc;
margin-bottom: 1rem;
}
hr {
margin-bottom: 1rem;
margin-top: 1rem;
border: 2px solid #C3892D;
}
hr.xs {
width: 50px;
}
hr.sm {
width: 80px;
}
hr.md {
width: 100px;
}
hr.lg {
width: 125px;
}
hr.full {
width: 100%;
}
hr.thin {
border: 1px solid mustard;
margin-top: 20px;
margin-bottom: 20px;
}
hr.white {
border: 2px solid white;
}
hr.blue {
border: 2px solid #30A6FF;
}
.form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-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;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media only screen and (min-width: 48em) {
.form-group {
height: 100%;
}
.form-group .form {
width: 75%;
}
}
@media only screen and (max-width: 47em) {
.form-group {
margin-top: 2rem;
}
}
.form-group input[type="submit"] {
font-weight: 700;
font-size: 0.61111111em;
text-transform: uppercase;
color: #fff;
display: inline-block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
cursor: pointer;
border-radius: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 1rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: #000;
border: 2px solid #000;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
@media screen and (min-width: 27.77777778em) {
.form-group input[type="submit"] {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.form-group input[type="submit"] {
font-size: 0.66666667em;
}
}
.form-group input[type="submit"] svg {
margin-left: 0.5rem !important;
}
.form-group input[type="submit"] svg {
fill: #fff;
margin-left: 3px;
}
.form-group input[type="submit"]:hover {
background: none;
color: #000;
border: 2px solid #000;
}
.form-group input[type="submit"]:hover svg {
fill: #000;
}
.form-group input[type="submit"].white {
background-color: #fff;
color: #000;
border: 2px solid #fff;
}
.form-group input[type="submit"].white svg {
fill: #000;
}
.form-group input[type="submit"].white:hover {
background-color: transparent;
color: #fff;
}
.form-group input[type="submit"].white:hover svg {
fill: #fff;
}
.form-group input[type="submit"].btn-filter {
background: none;
color: #000;
}
.form-group input[type="submit"].btn-filter svg {
fill: #000;
}
.form-group input[type="submit"].btn-filter:hover {
background-color: transparent;
color: #000;
}
.form-group input[type="submit"].btn-filter:hover svg {
fill: #000;
}
.form-group input[type="submit"].red {
background-color: #E54012;
color: #fff;
border: 2px solid #E54012;
}
.form-group input[type="submit"].red svg {
fill: #fff;
}
.form-group input[type="submit"].red:hover {
background-color: #000;
color: #fff;
border: 2px solid #000;
}
.form-group input[type="submit"].red:hover svg {
fill: #fff;
}
.form-group input[type="submit"].outline {
background: none;
color: #000;
border: 2px solid #000;
}
.form-group input[type="submit"].outline svg {
fill: #000;
}
.form-group input[type="submit"].outline:hover {
color: #fff;
}
.form-group input[type="submit"].outline:hover svg {
fill: #fff;
}
.form-group input[type="submit"].fblack {
background-color: #fff;
color: #000;
border: 2px solid #000;
}
.form-group input[type="submit"].fblack svg {
fill: #000;
}
.form-group input[type="submit"].fblack:hover {
background: none;
color: #fff;
border: 2px solid #fff;
}
.form-group input[type="submit"].fblack:hover svg {
fill: #fff;
}
.form-group input[type="submit"].noline {
border: none;
}
.form-group input[type="submit"].noline:hover {
border: none;
}
.form-group input[type="submit"].highlight {
background-color: #C3892D;
color: #fff;
border: 2px solid #C3892D;
}
.form-group input[type="submit"].highlight:hover {
border: 2px solid #000;
}
.form-group input[type="submit"].highlight:hover svg {
fill: #fff;
}
.form-group input[type="submit"][disabled] {
cursor: default;
background: #ccc !important;
color: white !important;
border-color: #ccc !important;
}
.form-group input[type="email"] {
color: black;
width: 100%;
background: none !important;
border: none;
padding-bottom: 0.5rem;
border-bottom: 2px solid #000;
margin-top: 0.5rem;
}
.form-group input[type="email"]::-webkit-input-placeholder {
font-style: italic;
}
.form-group input[type="email"]::-moz-placeholder {
font-style: italic;
}
.form-group input[type="email"]:-ms-input-placeholder {
font-style: italic;
}
.form-group input[type="email"]::-ms-input-placeholder {
font-style: italic;
}
.form-group input[type="email"]::placeholder {
font-style: italic;
}
.select {
position: relative;
font-weight: 700;
display: inline-block;
margin-right: 1rem;
cursor: pointer;
}
.select label {
position: relative;
font-weight: 700;
font-size: 0.61111111em;
color: #fff;
display: inline-block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
cursor: pointer;
border-radius: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 1rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: #000;
border: 2px solid #000;
text-transform: uppercase;
line-height: 1.15em;
padding-right: 20px;
padding-left: 20px;
}
@media screen and (min-width: 27.77777778em) {
.select label {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.select label {
font-size: 0.66666667em;
}
}
.select label svg {
margin-left: 0.5rem !important;
}
.select label svg {
fill: #fff;
margin-left: 3px;
}
.select label:hover {
background: none;
color: #000;
border: 2px solid #000;
}
.select label:hover svg {
fill: #000;
}
.select label.white {
background-color: #fff;
color: #000;
border: 2px solid #fff;
}
.select label.white svg {
fill: #000;
}
.select label.white:hover {
background-color: transparent;
color: #fff;
}
.select label.white:hover svg {
fill: #fff;
}
.select label.btn-filter {
background: none;
color: #000;
}
.select label.btn-filter svg {
fill: #000;
}
.select label.btn-filter:hover {
background-color: transparent;
color: #000;
}
.select label.btn-filter:hover svg {
fill: #000;
}
.select label.red {
background-color: #E54012;
color: #fff;
border: 2px solid #E54012;
}
.select label.red svg {
fill: #fff;
}
.select label.red:hover {
background-color: #000;
color: #fff;
border: 2px solid #000;
}
.select label.red:hover svg {
fill: #fff;
}
.select label.outline {
background: none;
color: #000;
border: 2px solid #000;
}
.select label.outline svg {
fill: #000;
}
.select label.outline:hover {
color: #fff;
}
.select label.outline:hover svg {
fill: #fff;
}
.select label.fblack {
background-color: #fff;
color: #000;
border: 2px solid #000;
}
.select label.fblack svg {
fill: #000;
}
.select label.fblack:hover {
background: none;
color: #fff;
border: 2px solid #fff;
}
.select label.fblack:hover svg {
fill: #fff;
}
.select label.noline {
border: none;
}
.select label.noline:hover {
border: none;
}
.select label.highlight {
background-color: #C3892D;
color: #fff;
border: 2px solid #C3892D;
}
.select label.highlight:hover {
border: 2px solid #000;
}
.select label.highlight:hover svg {
fill: #fff;
}
.select label[disabled] {
cursor: default;
background: #ccc !important;
color: white !important;
border-color: #ccc !important;
}
.select label svg {
margin-left: 1rem;
}
.select .select-value {
display: none;
}
.select .drop-options {
background-color: #fff;
padding-top: 1rem;
padding-bottom: 1rem;
position: absolute;
border-radius: 20px;
border: 2px solid #000;
min-width: 150px;
left: 0;
top: 60%;
opacity: 0;
visibility: hidden;
max-height: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 4;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.select .drop-options .title {
background-color: #F4F4F4;
}
.select .drop-options.calendar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.61111111em;
font-weight: 700;
background-color: #F4F4F4;
padding: 1rem;
margin-top: 18px;
}
@media screen and (min-width: 27.77777778em) {
.select .drop-options.calendar {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.select .drop-options.calendar {
font-size: 0.66666667em;
}
}
.select .drop-options.calendar .title {
margin-bottom: 4px;
text-transform: uppercase;
}
@media only screen and (max-width: 47em) {
.select .drop-options.calendar {
display: block;
}
.select .drop-options.calendar > div {
margin-bottom: 1rem;
}
.select .drop-options.calendar > div:last-child {
margin-bottom: 0rem;
}
}
.select .drop-options.calendar .filter {
min-width: 122px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100% - 20px);
}
.select .drop-options.calendar .filter .group a {
margin-bottom: 0.5rem;
}
.select .drop-options.calendar .filter a {
font-size: 11px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.select .drop-options.calendar ul {
margin-right: 0.5rem;
background-color: #fff;
padding: 0.5rem;
border-radius: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 150px;
width: 100%;
}
.select .drop-options.calendar ul li {
font-size: 12px;
border-radius: 0.5rem;
padding: 0.5rem 10.5px;
text-align: center;
width: 33%;
}
.select .drop-options.calendar ul li.controller {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.select .drop-options.calendar ul li.controller svg:hover {
background-color: #F4F4F4;
}
.select .drop-options.calendar ul li.controller:hover {
background-color: #fff;
}
.select .drop-options.calendar ul li:hover {
background-color: #F4F4F4;
}
.select .drop-options.calendar ul li.active {
background-color: #269963;
}
.select .drop-options.calendar ul li:active {
background-color: #269963;
}
.select .drop-options li {
display: block;
font-weight: 700;
font-size: 0.61111111em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
@media screen and (min-width: 27.77777778em) {
.select .drop-options li {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.select .drop-options li {
font-size: 0.66666667em;
}
}
.select .drop-options li a {
display: block;
width: 100%;
padding: 0.5rem 1rem;
}
.select .drop-options li:hover {
background-color: #F4F4F4;
}
.select .drop-options li.selected a,
.select .drop-options li.selected label {
background-color: #C3892D;
color: #fff;
}
.select input[type="checkbox"] {
display: none;
}
.select input[type="checkbox"]:checked ~ .drop-options {
opacity: 1;
visibility: visible;
max-height: 800px;
z-index: 99999;
}
.select input[type="checkbox"]:checked ~ label svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn {
font-weight: 700;
font-size: 0.61111111em;
text-transform: uppercase;
color: #fff;
display: inline-block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
cursor: pointer;
border-radius: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 1rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: #000;
border: 2px solid #000;
}
@media screen and (min-width: 27.77777778em) {
.btn {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.btn {
font-size: 0.66666667em;
}
}
.btn svg {
margin-left: 0.5rem !important;
}
.btn svg {
fill: #fff;
margin-left: 3px;
}
.btn:hover {
background: none;
color: #000;
border: 2px solid #000;
}
.btn:hover svg {
fill: #000;
}
.btn.white {
background-color: #fff;
color: #000;
border: 2px solid #fff;
}
.btn.white svg {
fill: #000;
}
.btn.white:hover {
background-color: transparent;
color: #fff;
}
.btn.white:hover svg {
fill: #fff;
}
.btn.btn-filter {
background: none;
color: #000;
}
.btn.btn-filter svg {
fill: #000;
}
.btn.btn-filter:hover {
background-color: transparent;
color: #000;
}
.btn.btn-filter:hover svg {
fill: #000;
}
.btn.red {
background-color: #E54012;
color: #fff;
border: 2px solid #E54012;
}
.btn.red svg {
fill: #fff;
}
.btn.red:hover {
background-color: #000;
color: #fff;
border: 2px solid #000;
}
.btn.red:hover svg {
fill: #fff;
}
.btn.outline {
background: none;
color: #000;
border: 2px solid #000;
}
.btn.outline svg {
fill: #000;
}
.btn.outline:hover {
color: #fff;
}
.btn.outline:hover svg {
fill: #fff;
}
.btn.fblack {
background-color: #fff;
color: #000;
border: 2px solid #000;
}
.btn.fblack svg {
fill: #000;
}
.btn.fblack:hover {
background: none;
color: #fff;
border: 2px solid #fff;
}
.btn.fblack:hover svg {
fill: #fff;
}
.btn.noline {
border: none;
}
.btn.noline:hover {
border: none;
}
.btn.highlight {
background-color: #C3892D;
color: #fff;
border: 2px solid #C3892D;
}
.btn.highlight:hover {
border: 2px solid #000;
}
.btn.highlight:hover svg {
fill: #fff;
}
.btn[disabled] {
cursor: default;
background: #ccc !important;
color: white !important;
border-color: #ccc !important;
}
.btn-text {
font-family: 'Nimbus', sans-serif;
font-size: 0.61111111em;
font-weight: 700;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: #000;
text-transform: uppercase;
cursor: pointer;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-decoration: underline;
text-underline-offset: 3px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 27.77777778em) {
.btn-text {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.btn-text {
font-size: 0.66666667em;
}
}
.btn-text svg {
margin-left: 0.5rem !important;
}
.btn-text.blue {
color: #30A6FF;
}
.btn-text.red {
color: #E54012;
}
.btn-text.white {
color: #fff;
}
.btn-text.green {
color: #269963;
}
.btn-text.noline {
text-decoration: none;
}
.btn-text:hover {
opacity: 0.8;
}
.btn-text:hover svg {
-webkit-transform: translate(0.2rem, 0);
transform: translate(0.2rem, 0);
}
.post {
margin-top: 4rem;
}
@media only screen and (max-width: 47em) {
.post {
margin-top: 3rem;
}
}
section {
padding-top: 5rem;
padding-bottom: 5rem;
}
@media only screen and (max-width: 47em) {
section {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media only screen and (min-width: 48em) {
.aside-post {
position: absolute;
width: 100%;
right: 0;
}
}
.collapse {
display: none;
}
.expandable {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
max-height: 0px;
}
.collapse:checked ~ div.expandable,
.collapse:checked ~ * div.expandable {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
max-height: 100%;
}
.top-bar {
background-color: #F4F4F4;
position: fixed;
width: 100%;
z-index: 999;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
left: 0px;
top: 0px;
}
.top-bar nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.top-bar nav div {
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: 47em) {
.top-bar nav {
min-height: 3rem;
}
.top-bar nav svg {
max-width: 85%;
margin-right: auto;
margin-left: 0;
}
}
.top-bar nav a:not(.search a) {
z-index: 1;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.top-bar .top-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
margin-top: 0rem;
margin-bottom: 0rem;
margin-left: 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 47em) {
.top-bar .top-links {
margin-left: 0rem;
}
}
.top-bar .top-links > li:hover > a {
border-bottom: 3px solid #E54012;
}
.top-bar .top-links > li a {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
font-family: 'Nimbus', sans-serif;
font-weight: 500;
color: #000;
font-size: 0.61111111em;
display: block;
text-transform: uppercase;
}
.top-bar .top-links > li a:not([href]) {
cursor: default;
}
@media screen and (min-width: 27.77777778em) {
.top-bar .top-links > li a {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.top-bar .top-links > li a {
font-size: 0.66666667em;
}
}
.top-bar .top-links > li a.link {
background-color: #000;
color: #fff;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
padding: 0.5rem 1rem;
border-radius: 20px;
border-bottom: none;
}
.top-bar .top-links > li a.link:hover,
.top-bar .top-links > li a.link:focus,
.top-bar .top-links > li a.link.current,
.top-bar .top-links > li a.link:active {
background-color: #E54012;
border-bottom: none;
opacity: 1;
}
.top-bar .top-links > li > a {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-align: center;
display: block;
padding: 24px 16px;
border-bottom: 3px solid transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.top-bar .top-links > li:hover .submenu {
opacity: 1;
visibility: visible;
bottom: auto;
}
.top-bar .top-links > li .submenu {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
visibility: hidden;
opacity: 0;
background-color: #F4F4F4;
border-top: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
position: absolute;
width: 100%;
left: 0px;
bottom: 100%;
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.top-bar .top-links > li .submenu .submenu-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.top-bar .top-links > li .submenu .submenu-links div {
margin-right: 36px;
}
.top-bar .top-links > li .submenu .submenu-links div:last-child {
margin-right: 0;
}
.top-bar .top-links > li .submenu .submenu-links .title {
color: #000;
margin-bottom: 0.5rem;
font-size: 0.72222222em;
}
@media screen and (min-width: 27.77777778em) {
.top-bar .top-links > li .submenu .submenu-links .title {
font-size: calc(0.72222222em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.top-bar .top-links > li .submenu .submenu-links .title {
font-size: 0.77777778em;
}
}
.top-bar .top-links > li .submenu .sub-submenu {
display: contents;
}
.top-bar .menu-resp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
z-index: 1;
}
.top-bar .menu-resp div {
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: start;
-ms-flex-align: start;
align-items: flex-start;
}
.top-bar .menu-resp div h6 {
text-align: left;
line-height: 1.3rem;
margin-top: 0.5rem;
}
.top-bar .menu-resp div ul {
font-size: 0.72222222em;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
width: 100%;
}
@media screen and (min-width: 27.77777778em) {
.top-bar .menu-resp div ul {
font-size: calc(0.72222222em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.top-bar .menu-resp div ul {
font-size: 0.77777778em;
}
}
.top-bar .menu-resp div ul li {
margin-bottom: 3px;
width: 100%;
text-align: left;
}
.top-bar .search a {
display: block;
width: 24px;
height: 24px;
}
.top-bar .search:hover svg {
fill: #E54012;
}
@media only screen and (min-width: 48em) {
.top-bar .search {
margin-left: 2rem;
}
}
@media only screen and (max-width: 47em) {
.top-bar .top-links {
background-color: #F4F4F4;
display: inline-block;
margin-top: 0;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
overflow: auto;
padding-left: 1rem;
padding-right: 1rem;
position: absolute;
text-align: center;
top: -100vh;
left: 0;
width: 100%;
}
.top-bar .top-links > li a {
max-width: 100%;
border: none;
padding: 1rem;
}
.top-bar .top-links > li a:hover {
border: none;
}
.top-bar .top-links .submenu {
display: none;
}
.top-bar .top-links .search {
display: inline-block;
margin-left: 0rem !important;
margin-top: 1rem;
}
.top-bar .top-links .search .search-top {
font-size: 0.88888889em !important;
}
}
@media only screen and (max-width: 47em) and screen and (min-width: 27.77777778em) {
.top-bar .top-links .search .search-top {
font-size: calc(0.88888889em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media only screen and (max-width: 47em) and screen and (min-width: 80em) {
.top-bar .top-links .search .search-top {
font-size: 1em;
}
}
.footer ul {
margin: 0;
padding-top: 0.5rem;
padding-bottom: 0.7rem;
}
.footer ul li {
margin-bottom: 4px;
}
#close-cookies {
display: none;
}
#close-cookies:checked ~ .cookies-notice {
display: block;
}
.cookies-notice {
position: fixed;
bottom: 0;
display: none;
padding: 1rem;
z-index: 10;
}
.cookies-notice .close {
display: block;
position: absolute;
top: 1rem;
right: 0.5rem;
width: 15px;
height: 15px;
cursor: pointer;
}
.btn-menu {
height: 16px;
width: 32px;
display: inline-block;
border: none;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
cursor: pointer;
display: block;
right: 1rem;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: absolute;
z-index: 999;
}
.btn-menu:before,
.btn-menu:after {
content: "";
position: absolute;
width: 75%;
left: 50%;
}
.btn-menu:before {
top: 50%;
height: calc(100% - 6px);
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-bottom-width: 3px;
border-color: #000;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: menubeforevolta 0.6s forwards;
animation: menubeforevolta 0.6s forwards;
}
.btn-menu:after {
top: 50%;
height: 0px;
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-color: #000;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.btn-menu:hover,
.btn-menu:focus {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.btn-menu:checked:before {
-webkit-animation: menubeforeida 0.6s forwards;
animation: menubeforeida 0.6s forwards;
}
.btn-menu:checked:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.btn-menu:checked + div {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
@media only screen and (min-width: 48em) {
.btn-menu {
display: none;
}
}
@media only screen and (max-width: 47em) {
.btn-menu:checked + div {
top: 0;
}
}
@-webkit-keyframes menubeforeida {
0% {
height: calc(100% - 6px);
border-bottom-width: 3px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
45% {
height: 0%;
border-bottom-width: 3px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
height: 0%;
border-bottom-width: 0px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
height: 0%;
border-bottom-width: 0px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
}
@keyframes menubeforeida {
0% {
height: calc(100% - 6px);
border-bottom-width: 3px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
45% {
height: 0%;
border-bottom-width: 3px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
height: 0%;
border-bottom-width: 0px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
height: 0%;
border-bottom-width: 0px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
}
@-webkit-keyframes menubeforevolta {
0% {
height: 0%;
border-bottom-width: 0px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
45% {
height: 0%;
border-bottom-width: 0px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
height: 0%;
border-bottom-width: 3px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
height: calc(100% - 6px);
border-bottom-width: 3px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
}
@keyframes menubeforevolta {
0% {
height: 0%;
border-bottom-width: 0px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
45% {
height: 0%;
border-bottom-width: 0px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
height: 0%;
border-bottom-width: 3px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
height: calc(100% - 6px);
border-bottom-width: 3px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
}
.menu-wrapper {
width: 100%;
}
.menu-wrapper.right {
margin-left: 38%;
}
.menu-wrapper.right .menu-inner ul li .tab-content {
left: 350px;
}
.menu-wrapper.extreme-right {
margin-left: 45.5%;
}
.menu-wrapper .menu-inner {
width: 100%;
position: relative;
}
.menu-wrapper .menu-inner input {
display: none;
}
.menu-wrapper .menu-inner ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
position: relative;
height: 100%;
width: 100%;
}
.menu-wrapper .menu-inner ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.menu-wrapper .menu-inner ul li a {
font-size: 0.88888889em;
}
@media screen and (min-width: 27.77777778em) {
.menu-wrapper .menu-inner ul li a {
font-size: calc(0.88888889em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.menu-wrapper .menu-inner ul li a {
font-size: 1em;
}
}
.menu-wrapper .menu-inner ul li .tab-label {
cursor: pointer;
text-transform: uppercase;
width: 350px;
text-align: right;
padding: 1rem 0;
height: 100%;
}
.menu-wrapper .menu-inner ul li .tab-label:hover {
color: #E54012;
}
.menu-wrapper .menu-inner ul li .tab-label.active {
color: #E54012;
}
.menu-wrapper .menu-inner ul li .tab-content {
max-width: 500px;
display: none;
position: absolute;
left: 350px;
top: -5px;
padding: 1.5rem 2rem;
}
.menu-wrapper .menu-inner ul li .tab-content h4 {
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.menu-wrapper .menu-inner ul li .tab-content p {
margin-bottom: 0.5rem;
}
.menu-wrapper .menu-inner ul li .tab-content a {
width: 100%;
text-transform: none !important;
display: inline-block;
cursor: pointer;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
padding: 0.5rem 0;
margin: 0;
}
.menu-wrapper .menu-inner ul li .tab-content a svg {
margin-left: 0.5rem;
top: 2px;
position: relative;
}
.menu-wrapper .menu-inner ul li .tab-content a:hover svg {
margin-left: 1rem;
}
@media only screen and (max-width: 47em) {
.menu-wrapper .menu-inner ul li .tab-content {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
max-height: 0;
overflow: hidden;
}
}
.menu-wrapper .menu-inner ul li .tab-content.active {
height: 100%;
}
@media only screen and (min-width: 48em) {
.menu-wrapper .menu-inner ul li .tab-content.active {
display: block;
-webkit-animation: opacity 0.7s;
animation: opacity 0.7s;
}
}
@media only screen and (max-width: 47em) {
.menu-wrapper .menu-inner ul li .tab-content.active {
max-height: 100vh;
margin-top: 2rem;
}
}
.menu-wrapper .menu-inner ul li:last-child .tab-label {
margin-bottom: 0rem;
}
@media only screen and (min-width: 48em) {
.menu-wrapper .menu-inner ul::before {
content: " ";
display: block;
width: 1px;
height: 100%;
left: 0;
position: absolute;
}
}
@-webkit-keyframes opacity {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes opacity {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
.faq input {
position: absolute;
opacity: 0;
z-index: -1;
}
.faq .faq-tab {
width: 100%;
}
.faq .faq-tab-label {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: #269963;
position: relative;
width: 100%;
cursor: pointer;
}
.faq .faq-tab-label p {
font-weight: 700;
font-size: 1.22222222em;
}
@media screen and (min-width: 27.77777778em) {
.faq .faq-tab-label p {
font-size: calc(1.22222222em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.faq .faq-tab-label p {
font-size: 1.33333333em;
}
}
.faq .faq-tab-label svg {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: absolute;
margin-right: 5px;
left: -3rem;
top: -0.1rem;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq .faq-tab-content {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
margin: 0rem;
max-height: 0;
overflow: hidden;
}
.faq .faq-tab-content .btn-text {
padding: 0rem;
}
.faq input:checked + .faq-tab-label svg {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.faq input:checked ~ .faq-tab-content {
max-height: 100vh;
padding-bottom: 1rem;
}
@media only screen and (max-width: 47em) {
.faq {
padding-left: 2rem;
}
.faq .faq-tab-label svg {
left: -2.5rem;
}
}
.list ul li {
margin-bottom: 0.5rem;
padding: 0.5rem 1rem;
}
@media only screen and (max-width: 47em) {
.list ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.list ul li > div {
padding: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list ul li div:first-child {
border-right: 1px solid #30A6FF;
padding-right: 1rem;
}
@media only screen and (max-width: 47em) {
.list ul li div:nth-child(3) {
width: 100%;
}
}
.area-logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -3px;
width: calc(100% + 6px);
}
.area-logos .logo {
width: calc(16.6% - 6px);
}
@media (max-width: 991px) {
.area-logos .logo {
width: calc(50% - 6px);
}
}
@media (min-width: 992px) {
.area-logos.wrapper80 .logo {
width: calc(25% - 6px);
}
}
.logo {
background-color: #fff;
padding: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 120px;
margin: 3px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 991px) {
.logo {
min-height: 90px;
}
}
.slider-img {
position: relative;
display: block;
overflow: hidden;
}
.slider-img .slider {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
height: 100%;
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;
background-size: cover;
}
.slider-img .splide__arrows {
display: none;
}
.slider-img .icon-mask {
position: absolute;
top: 0;
left: 0;
scale: 1.01;
width: 100%;
height: 100%;
}
.simple-slider {
min-height: 300px;
}
.simple-slider .splide__list {
margin-bottom: 1rem !important;
}
.simple-slider .splide__arrow--prev {
top: 50%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.simple-slider .splide__arrow--next {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.simple-slider .splide__slide {
position: relative;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
z-index: 1;
pointer-events: none;
}
.simple-slider .splide__slide .row-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.simple-slider .splide__slide.is-active {
z-index: 3;
pointer-events: auto;
}
.simple-slider .splide__slide.is-active .simple-card {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media (min-width: 992px) {
.simple-slider .splide__slide.is-prev,
.simple-slider .splide__slide.is-next {
z-index: 2;
}
.simple-slider .splide__slide.is-prev > div,
.simple-slider .splide__slide.is-next > div {
content: "";
margin-left: 2rem;
margin-right: 2rem;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.simple-slider .splide__slide.is-prev .simple-card,
.simple-slider .splide__slide.is-next .simple-card {
opacity: 0.5;
}
}
.simple-slider .splide__slide .simple-card {
opacity: 0.2;
}
.simple-slider .splide__slide .date-slider {
position: absolute;
top: 0;
right: 4rem;
}
.highlight-slider {
min-height: 300px;
}
.highlight-slider .splide__list {
margin-bottom: 1rem !important;
}
.highlight-slider .splide__arrow--prev {
top: 50%;
-webkit-transform: rotate(180deg) translateY(-50%);
transform: rotate(180deg) translateY(-50%);
margin-top: -0.3rem !important;
}
.highlight-slider .splide__arrow--next {
top: 50%;
}
.highlight-slider .splide__slide {
position: relative;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
z-index: 1;
pointer-events: none;
}
.highlight-slider .splide__slide .row-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.highlight-slider .splide__slide.is-active {
z-index: 3;
pointer-events: auto;
}
.highlight-slider .splide__slide.is-active .simple-card {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media (min-width: 992px) {
.highlight-slider .splide__slide.is-prev,
.highlight-slider .splide__slide.is-next {
z-index: 2;
}
.highlight-slider .splide__slide.is-prev > div,
.highlight-slider .splide__slide.is-next > div {
content: "";
margin-left: 2rem;
margin-right: 2rem;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.highlight-slider .splide__slide.is-prev .simple-card,
.highlight-slider .splide__slide.is-next .simple-card {
opacity: 0.5;
}
}
.highlight-slider .splide__slide .simple-card {
opacity: 0.2;
}
.highlight-slider .splide__slide .date-slider {
position: absolute;
top: 0;
right: 4rem;
}
.highlight-thumb-slider {
height: 100%;
}
.highlight-thumb-slider .splide__track {
height: 100%;
}
@media only screen and (min-width: 48em) {
.sync-slider {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.sync-slider.fixed-height {
height: 464px;
}
.sync-slider .heart-slider {
min-height: 604px!important;
}
}
.sync-slider .board {
height: auto!important;
}
.sync-slider .splide {
height: 100%;
position: static!important;
}
.sync-slider .splide .splide__pagination {
bottom: 1.5rem;
}
.sync-slider .splide .splide__track {
min-height: 100%;
}
.sync-slider .splide .splide__slide {
background-size: cover;
background-position: center;
}
.sync-slider .date-slider {
position: absolute;
top: 0;
right: 4rem;
}
.sync-slider .bg-svg {
text-align: center;
}
@media only screen and (max-width: 47em) {
.sync-slider .bg-svg svg {
max-width: 48%;
}
}
@media only screen and (min-width: 48em) {
.card-slider {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media only screen and (max-width: 47em) {
.card-slider {
padding-left: 2rem;
padding-right: 2rem;
}
}
.card-slider .card li {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.card-slider .splide__arrow--prev {
left: 0;
}
.card-slider .splide__arrow--next {
right: 0;
}
.splide__pagination__page {
background: none;
border: 2px solid #000;
width: 14px;
height: 14px;
}
.splide__pagination__page.is-active {
background: black;
-webkit-transform: none;
transform: none;
}
.timeline {
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 (max-width: 47em) {
.timeline {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.timeline .splide__track {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.timeline .splide__slide {
padding: 1rem;
}
.timeline .splide__arrow--prev {
left: -1rem;
top: 50%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -0.8rem;
}
@media only screen and (max-width: 47em) {
.timeline .splide__arrow--prev {
margin-top: 0rem;
}
}
.timeline .splide__arrow--next {
right: -1rem;
top: 50%;
}
@media only screen and (max-width: 47em) {
.timeline .timeline-img {
margin-bottom: 1rem;
}
}
.timeline .timeline-img img {
max-height: 400px;
}
@media only screen and (max-width: 47em) {
.timeline .timeline-img img {
max-height: 200px;
}
}
@media only screen and (max-width: 47em) {
.timeline .timeline-img svg {
max-height: 200px;
}
}
.timeline .timeline-nav {
font-weight: 700;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
overflow: scroll;
margin: 0;
}
.timeline .timeline-nav::-webkit-scrollbar-thumb {
display: none;
}
@media only screen and (max-width: 47em) {
.timeline .timeline-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.timeline .timeline-nav .timeline-nav-item {
position: relative;
min-width: 4vw;
text-align: center;
margin: 0;
padding: 0;
}
.timeline .timeline-nav .timeline-nav-item:last-child {
min-width: auto;
}
.timeline .timeline-nav .timeline-nav-item:last-child:before {
content: none;
}
.timeline .timeline-nav .timeline-nav-item > div {
text-align: center;
display: inline-block;
position: relative;
cursor: pointer;
}
.timeline .timeline-nav .timeline-nav-item > div.is-active p {
color: #fff;
}
.timeline .timeline-nav .timeline-nav-item p {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-transform: uppercase;
margin: 0;
padding: 11px 17px;
}
.timeline .timeline-nav .timeline-nav-item:hover p {
color: #30A6FF;
}
@media (min-width: 1210px) {
.timeline .timeline-nav {
padding-left: calc((100vw - (1210px - 2.5rem))/2);
}
.timeline .timeline-nav .timeline-nav-item:last-child {
padding-right: calc((100vw - (1210px - 2.5rem))/2);
}
}
@media (max-width: 1209px) {
.timeline .timeline-nav {
padding-left: 2rem;
}
.timeline .timeline-nav .timeline-nav-item:last-child {
padding-right: 2rem;
}
}
@media (max-width: 767px) {
.timeline .timeline-nav {
padding-left: 1rem;
}
.timeline .timeline-nav .timeline-nav-item:last-child {
padding-right: 1rem;
}
}
.splide .splide__arrow {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 1;
width: 2rem;
height: 2rem;
color: transparent;
background: url('data:image/svg+xml;utf8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32 16C29.8988 16 27.8183 15.5861 25.8771 14.7821C23.9359 13.978 22.172 12.7994 20.6863 11.3137C19.2006 9.82797 18.022 8.06414 17.2179 6.12294C16.4139 4.18173 16 2.10115 16 -6.75411e-07" stroke="black" stroke-width="2"/><path d="M32 16C29.8988 16 27.8183 16.4139 25.8771 17.2179C23.9359 18.022 22.172 19.2006 20.6863 20.6863C19.2006 22.172 18.022 23.9359 17.2179 25.8771C16.4139 27.8183 16 29.8989 16 32" stroke="black" stroke-width="2"/><path d="M32 16L-2.98023e-08 16" stroke="black" stroke-width="2"/></svg>') no-repeat center;
}
.splide .splide__arrow svg {
display: none;
}
.splide .splide__arrow:hover {
opacity: 0.2;
}
.splide .splide__arrow[disabled] {
opacity: 1;
background: url('data:image/svg+xml;utf8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32 16C29.8988 16 27.8183 15.5861 25.8771 14.7821C23.9359 13.978 22.172 12.7994 20.6863 11.3137C19.2006 9.82797 18.022 8.06414 17.2179 6.12294C16.4139 4.18173 16 2.10115 16 -6.75411e-07" stroke="black" stroke-width="2"/><path d="M32 16C29.8988 16 27.8183 16.4139 25.8771 17.2179C23.9359 18.022 22.172 19.2006 20.6863 20.6863C19.2006 22.172 18.022 23.9359 17.2179 25.8771C16.4139 27.8183 16 29.8989 16 32" stroke="black" stroke-width="2"/><path d="M32 16L-2.98023e-08 16" stroke="black" stroke-width="2"/></svg>') no-repeat center;
opacity: 0.2;
}
.splide .splide__arrow--prev {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.splide.white-controllers .splide__arrow {
background: url('data:image/svg+xml;utf8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32 16C29.8988 16 27.8183 15.5861 25.8771 14.7821C23.9359 13.978 22.172 12.7994 20.6863 11.3137C19.2006 9.82797 18.022 8.06414 17.2179 6.12294C16.4139 4.18173 16 2.10115 16 -6.75411e-07" stroke="white" stroke-width="2"/><path d="M32 16C29.8988 16 27.8183 16.4139 25.8771 17.2179C23.9359 18.022 22.172 19.2006 20.6863 20.6863C19.2006 22.172 18.022 23.9359 17.2179 25.8771C16.4139 27.8183 16 29.8989 16 32" stroke="white" stroke-width="2"/><path d="M32 16L-2.98023e-08 16" stroke="white" stroke-width="2"/></svg>') no-repeat center;
}
.splide.white-controllers .splide__pagination__page {
border: 2px solid white;
}
.splide.white-controllers .splide__pagination__page.is-active {
background-color: white;
}
.arrow-white {
background: url('data:image/svg+xml;utf8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32 16C29.8988 16 27.8183 15.5861 25.8771 14.7821C23.9359 13.978 22.172 12.7994 20.6863 11.3137C19.2006 9.82797 18.022 8.06414 17.2179 6.12294C16.4139 4.18173 16 2.10115 16 -6.75411e-07" stroke="white" stroke-width="2"/><path d="M32 16C29.8988 16 27.8183 16.4139 25.8771 17.2179C23.9359 18.022 22.172 19.2006 20.6863 20.6863C19.2006 22.172 18.022 23.9359 17.2179 25.8771C16.4139 27.8183 16 29.8989 16 32" stroke="white" stroke-width="2"/><path d="M32 16L-2.98023e-08 16" stroke="white" stroke-width="2"/></svg>') no-repeat center;
}
.intro {
min-height: 720px;
}
@media only screen and (max-width: 47em) {
.intro {
min-height: 0;
}
}
.intro.small {
min-height: 200px;
}
.intro.small .row {
min-height: 200px;
}
.intro.small .row div:last-child {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.intro .row div:last-child {
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;
}
.page-cover-home {
background-color: #269963;
padding: 0rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-cover-home h2 {
max-width: 480px;
}
.page-cover-home .board1 {
padding-top: 4rem;
padding-bottom: 4rem;
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 50%;
}
@media only screen and (max-width: 47em) {
.page-cover-home .board1 {
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.page-cover-home .board2 {
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 47em) {
.page-cover-home .board2 {
width: 100%;
}
}
.page-cover-home .board2 .photo {
position: relative;
width: 50%;
background-size: cover;
}
.page-cover-home .board2 .photo svg {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0rem;
padding: 0rem;
}
.page-cover-home .board2 .news {
background-color: #000;
position: relative;
width: 50%;
}
.page-cover-home .board2 .news svg {
fill: #30A6FF;
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0rem;
padding: 0rem;
}
.page-cover-home .board2 .news .title {
color: #fff;
position: absolute;
left: 20%;
top: 20%;
right: 20%;
bottom: 20%;
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;
}
@media only screen and (max-width: 47em) {
.page-cover-home .board2 .news .title {
font-size: 1.55555556em;
}
}
@media only screen and (max-width: 47em) and screen and (min-width: 27.77777778em) {
.page-cover-home .board2 .news .title {
font-size: calc(1.55555556em + (0.22222222 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media only screen and (max-width: 47em) and screen and (min-width: 80em) {
.page-cover-home .board2 .news .title {
font-size: 1.77777778em;
}
}
.page-cover-home .board2 .news:hover {
background-color: #30A6FF;
}
.page-cover-home .board2 .news:hover svg {
fill: #000;
}
.page-cover-home .board2 .conference {
background-color: #000;
position: relative;
width: 50%;
}
.page-cover-home .board2 .conference svg {
fill: #C3892D;
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0rem;
padding: 0rem;
}
.page-cover-home .board2 .conference .title {
color: #fff;
position: absolute;
left: 20%;
top: 20%;
right: 20%;
bottom: 20%;
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;
}
@media only screen and (max-width: 47em) {
.page-cover-home .board2 .conference .title {
font-size: 1.55555556em;
}
}
@media only screen and (max-width: 47em) and screen and (min-width: 27.77777778em) {
.page-cover-home .board2 .conference .title {
font-size: calc(1.55555556em + (0.22222222 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media only screen and (max-width: 47em) and screen and (min-width: 80em) {
.page-cover-home .board2 .conference .title {
font-size: 1.77777778em;
}
}
.page-cover-home .board2 .conference:hover {
background-color: #269963;
}
.page-cover-home .board2 .conference:hover svg {
fill: #000;
}
@media only screen and (max-width: 47em) {
.page-cover-home .board2 .conference {
background-color: #000;
}
.page-cover-home .board2 .conference svg {
fill: #E54012;
}
}
.page-cover-home .board2 .press-release {
background-color: #E54012;
position: relative;
width: 50%;
padding: 2rem;
}
@media only screen and (max-width: 47em) {
.page-cover-home .board2 .press-release {
width: 100%;
background-color: #C3892D;
min-height: 360px;
}
}
.page-cover-home .board2 .press-release .card-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
margin-top: 1rem;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
font-size: 0.61111111em;
}
@media screen and (min-width: 27.77777778em) {
.page-cover-home .board2 .press-release .card-category {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.page-cover-home .board2 .press-release .card-category {
font-size: 0.66666667em;
}
}
.page-cover-home .board2 .press-release .card-category .type {
text-transform: uppercase;
font-weight: 700;
}
.page-cover-home .board2 .press-release .btn {
position: absolute;
bottom: 0;
margin-bottom: 2rem;
opacity: 0;
}
.page-cover-home .board2 .press-release:hover .btn {
opacity: 1;
}
.page-cover-big {
position: relative;
z-index: 1;
}
.page-cover-big .big-background {
width: 100%;
display: block;
height: -webkit-fill-available;
position: absolute;
right: 0;
top: 0;
z-index: -1;
overflow: hidden;
}
.page-cover-big .big-background figure {
width: 75%;
height: -webkit-fill-available;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.page-cover-big .big-background .organize {
margin-top: -3rem;
margin-right: 2rem ;
z-index: -1;
text-align: right;
}
.page-cover-big .big-background .organize svg {
margin-left: 3rem;
margin-bottom: 2rem;
}
.full {
padding: 0rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.full .board {
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 50%;
}
@media only screen and (max-width: 47em) {
.full .board {
width: 100%;
}
.full .board:not(.slider-img) {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.full .board.bg-svg svg {
width: 25%;
display: block;
float: left;
}
.full .board.bg-img {
position: relative;
}
.full .board.bg-img svg {
width: 100%;
display: block;
position: absolute;
top: 25%;
}
.full .board[data-slide="1"] img:nth-child(1) {
opacity: 1;
}
.full .board[data-slide="2"] img:nth-child(2) {
opacity: 1;
}
.full .board[data-slide="3"] img:nth-child(3) {
opacity: 1;
}
.full.min-full {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
@media only screen and (min-width: 48em) {
.full.min-full .slider {
padding: 5rem;
}
.full.min-full .board {
height: auto;
}
.full.min-full .board > div {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
@media only screen and (max-width: 47em) {
.full.min-full .slider {
padding: 2rem;
}
.full.min-full .boar > div {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.no-full .board {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.no-full > :nth-child(odd) {
margin-right: 0;
}
.no-full > :nth-child(even) {
margin-left: 0;
}
.highlight {
padding: 0rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 48em) {
.highlight {
height: 460px;
}
}
.highlight .board {
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 50%;
}
@media only screen and (max-width: 47em) {
.highlight .board {
width: 100%;
padding: 2rem;
}
}
.highlight .board.bg-svg svg {
width: 25%;
display: block;
float: left;
}
.highlight .board.bg-img {
position: relative;
}
.highlight .board.bg-img svg {
width: 100%;
display: block;
position: absolute;
top: 25%;
}
.highlight .board .splide__slide {
padding-left: 4rem;
padding-right: 4rem;
}
.highlight .board-img {
position: relative;
display: block;
height: 100%;
}
.highlight .board-img .slider {
padding-left: 0rem;
padding-right: 0rem;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
height: 100%;
top: 0;
left: 0;
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;
background-size: cover;
background-position: center;
}
.highlight .board-img .splide__arrow {
display: none;
}
.highlight .board-img .simple-thumb-slider {
height: 100%;
}
.highlight .board-img .simple-thumb-slider .splide__track {
height: 100%;
}
.big-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.big-numbers .currency {
font-size: 2.33333333em;
font-weight: 300;
}
@media screen and (min-width: 27.77777778em) {
.big-numbers .currency {
font-size: calc(2.33333333em + (1.66666667 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.big-numbers .currency {
font-size: 4em;
}
}
.big-numbers .number {
font-family: 'Nimbus', sans-serif;
font-size: 3.22222222em;
font-weight: 900;
margin-bottom: 0rem;
}
@media screen and (min-width: 27.77777778em) {
.big-numbers .number {
font-size: calc(3.22222222em + (2.33333333 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.big-numbers .number {
font-size: 5.55555556em;
}
}
.big-numbers .unit {
font-size: 1.77777778em;
font-weight: 700;
}
@media screen and (min-width: 27.77777778em) {
.big-numbers .unit {
font-size: calc(1.77777778em + (0.88888889 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.big-numbers .unit {
font-size: 2.66666667em;
}
}
.flagship {
position: relative;
z-index: 1;
margin-bottom: 2rem;
}
.flagship .icon {
position: absolute;
top: -2.5rem;
left: 0;
z-index: 1;
z-index: -1;
}
.btn-chapter input {
position: absolute;
opacity: 0;
z-index: -1;
}
.btn-chapter .btn-chapter-label svg {
padding-top: 2px;
margin-left: 3px;
}
.btn-chapter .btn-chapter-content {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
max-height: 0;
overflow: hidden;
}
.btn-chapter input:checked + .btn-chapter-label svg {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn-chapter input:checked ~ .btn-chapter-content {
max-height: 100vh;
padding-bottom: 1rem;
}
.wit-home {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.wit-home .board:not(.slider-img) {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wit-home .slider {
position: absolute;
top: 0;
visibility: hidden;
opacity: 0;
}
.wit-home .slider.default:not(.active) {
position: relative;
visibility: visible;
opacity: 1;
}
.wit-home .slider.active {
visibility: visible;
opacity: 1;
}
@media only screen and (min-width: 48em) {
.wit-home .slider-img {
width: 50%;
}
}
@media only screen and (max-width: 47em) {
.wit-home .slider-img {
width: 100%;
}
.wit-home .slider-img .slider {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.flagship-home {
margin-top: 2rem;
padding: 0.5rem;
}
.flagship-home h4,
.flagship-home p {
position: relative;
z-index: 1;
}
.flagship-home .value {
display: inline-block;
position: relative;
margin-bottom: 1rem;
}
.flagship-home .value h4 {
font-size: 2.33333333em;
line-height: 70%;
}
@media screen and (min-width: 27.77777778em) {
.flagship-home .value h4 {
font-size: calc(2.33333333em + (1.66666667 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.flagship-home .value h4 {
font-size: 4em;
}
}
.flagship-home .value .icon {
opacity: 0;
position: absolute;
bottom: -100%;
left: -10px;
padding-left: -1rem;
z-index: 0;
}
.flagship-home:hover {
color: #fff;
}
.flagship-home:hover .value .icon {
opacity: 1;
}
.image-gallery {
position: relative;
overflow: hidden;
}
.image-gallery:after {
content: "";
display: block;
clear: both;
}
.image-gallery .image-gallery-item {
float: left;
top: 0;
left: 0;
}
.image-gallery .image-gallery-item > img {
display: block;
width: 100%;
height: auto;
}
.image-gallery .image-gallery-item:hover .shared,
.image-gallery .image-gallery-item:focus .shared {
opacity: 1;
}
.image-gallery .shared {
width: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.image-gallery .shared a {
margin: 1rem 0 1rem 1rem;
display: inline-block;
}
.medium-zoom-overlay,
.medium-zoom-image--opened {
z-index: 999;
}
.shared {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: absolute;
z-index: 999;
bottom: 0;
left: 0;
}
.shared svg:hover {
fill: #C3892D;
}
.grid-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid-flex li,
.grid-flex .gallery-inner {
display: block;
margin: 0 auto;
-webkit-box-flex: 1;
-ms-flex: 1 0 340px;
flex: 1 0 340px;
margin: 0.5rem;
}
.grid-flex li.high,
.grid-flex .gallery-inner.high {
-ms-flex-preferred-size: 750px;
flex-basis: 750px;
}
@media (max-width: 767px) {
.grid-flex > li {
margin: 0rem;
margin-bottom: 1rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 300px;
flex: 1 0 300px;
}
.grid-flex > li.high {
-ms-flex-preferred-size: 300px;
flex-basis: 300px;
}
}
.services_card {
position: relative;
z-index: 1;
margin-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.services_card .icon {
position: absolute;
top: -2rem;
left: 0;
z-index: 1;
z-index: -1;
}
@media only screen and (max-width: 47em) {
.services_card {
margin-bottom: 4rem;
}
.services_card .icon {
top: -0.2rem;
}
}
.contact ul {
position: relative;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.contact ul li {
margin-left: 2rem;
margin-bottom: 2rem;
}
.contact ul li a {
border-bottom: 2px solid;
}
.contact ul li svg {
position: absolute;
left: 0;
margin-top: 2px;
}
.table-card {
padding: 2rem;
position: relative;
min-height: 250px;
}
.table-card .left {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
margin-bottom: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: justify;
align-content: space-between;
}
@media only screen and (max-width: 47em) {
.table-card .left {
margin-bottom: 1rem;
padding: 0rem;
}
}
.table-card .middle {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
padding-left: 2rem;
opacity: 0;
}
@media only screen and (max-width: 47em) {
.table-card .middle {
opacity: 1;
z-index: 20;
padding-left: 0;
}
}
.table-card .right {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: absolute;
right: -0.5rem;
bottom: -0.5rem;
opacity: 0;
}
@media only screen and (max-width: 47em) {
.table-card .right {
opacity: 1;
}
}
.table-card .right svg {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.table-card .btn {
opacity: 0;
}
@media only screen and (max-width: 47em) {
.table-card .btn {
opacity: 1;
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 48em) {
.table-card .btn {
position: absolute;
left: 1.5rem;
bottom: 1.5rem;
}
}
.table-card:hover .btn,
.table-card:hover .middle,
.table-card:hover .right {
opacity: 1;
}
#open-reports {
display: none;
}
#open-reports:checked ~ .show-reports {
opacity: 1;
visibility: visible;
max-height: 99999px;
}
.show-reports {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 0;
visibility: hidden;
max-height: 0;
overflow: hidden;
}
.faq-conference input {
position: absolute;
opacity: 0;
z-index: -1;
}
.faq-conference .faq-tab {
width: 100%;
}
.faq-conference .faq-tab-label {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: relative;
width: 100%;
cursor: pointer;
}
.faq-conference .faq-tab-label p {
font-weight: 700;
font-size: 1.22222222em;
}
@media screen and (min-width: 27.77777778em) {
.faq-conference .faq-tab-label p {
font-size: calc(1.22222222em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.faq-conference .faq-tab-label p {
font-size: 1.33333333em;
}
}
.faq-conference .faq-tab-label svg {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: absolute;
margin-right: 5px;
left: -4rem;
top: 0.5rem;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-conference .faq-tab-content {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
margin: 0rem;
margin-top: 1rem;
max-height: 0;
overflow: hidden;
}
.faq-conference .faq-tab-content .btn-text {
padding: 0rem;
}
.faq-conference .event {
margin-bottom: 1rem;
}
.faq-conference .event .title {
font-family: 'Nimbus', sans-serif;
font-size: 1.22222222em;
font-weight: 700;
line-height: 120%;
margin-bottom: 1rem;
}
@media screen and (min-width: 27.77777778em) {
.faq-conference .event .title {
font-size: calc(1.22222222em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.faq-conference .event .title {
font-size: 1.33333333em;
}
}
.faq-conference .event .date {
text-transform: uppercase;
font-size: 0.72222222em;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 27.77777778em) {
.faq-conference .event .date {
font-size: calc(0.72222222em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.faq-conference .event .date {
font-size: 0.77777778em;
}
}
.faq-conference input:checked + .faq-tab-label svg {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.faq-conference input:checked ~ .faq-tab-content {
max-height: 100vh;
padding-bottom: 1rem;
}
.card {
cursor: pointer;
}
.card li {
pointer-events: auto !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - 16px);
flex: 0 0 calc(25% - 16px);
padding: 1rem;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
@media only screen and (max-width: 47em) {
.card li {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
}
.card li a:hover svg {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.card li h4 {
line-height: 95%;
}
.card li .card-img {
min-height: 170px;
padding: 1rem;
position: relative;
overflow: hidden;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
margin-bottom: 1rem;
background-position: center;
background-size: cover;
}
.card li .card-img .card-img-title {
color: #fff;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.card li .card-img .card-img-text {
color: #fff;
position: absolute;
top: 30%;
left: 30%;
right: 30%;
bottom: 30%;
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;
}
.card li .card-img:not(.thumb-icon) {
background-color: #000;
}
.card li .card-img.thumb-icon {
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;
}
.card li .card-video {
background-color: #000;
min-height: 166px;
position: relative;
overflow: hidden;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
margin-bottom: 1rem;
}
.card li .card-video .card-icon-video {
background-color: rgba(0, 0, 0, 0.5);
min-height: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.card li .card-video .card-icon-video svg {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card li .card-logo {
min-height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
overflow: hidden;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
margin-bottom: 1rem;
}
.card li .card-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
margin-top: 1rem;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
font-size: 0.61111111em;
}
@media screen and (min-width: 27.77777778em) {
.card li .card-category {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.card li .card-category {
font-size: 0.66666667em;
}
}
.card li .card-category .type {
text-transform: uppercase;
font-weight: 700;
}
.card li .card-icon {
margin-bottom: 1rem;
margin-top: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card li .card-icon .group {
margin-right: 0.5rem;
display: inline;
}
.card li .card-icon svg {
margin: 0rem;
}
.card li .card-infos {
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;
}
.card li .card-infos .card-award {
font-family: 'Benton', sans-serif;
font-size: 1em;
text-transform: uppercase;
text-align: center;
}
@media screen and (min-width: 27.77777778em) {
.card li .card-infos .card-award {
font-size: calc(1em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.card li .card-infos .card-award {
font-size: 1.11111111em;
}
}
.card li .card-infos .card-title {
text-transform: uppercase;
font-family: 'Benton', sans-serif;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
font-size: 1.55555556em;
font-weight: 700;
margin-bottom: 1rem;
line-height: 95%;
width: 100%;
}
@media screen and (min-width: 27.77777778em) {
.card li .card-infos .card-title {
font-size: calc(1.55555556em + (0.22222222 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.card li .card-infos .card-title {
font-size: 1.77777778em;
}
}
.card li .card-infos .card-position {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
margin-bottom: 1rem;
}
.card li .card-infos .card-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
}
.card li .card-infos .card-more svg {
margin: 0.5rem;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.card li .card-infos .card-more svg:hover {
opacity: 0.7;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.card li:hover,
.card li:focus {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
background-color: #E54012; }
.card li:hover * a,
.card li:focus * a {
opacity: 1;
}
.card li:hover:nth-child(4n+1),
.card li:focus:nth-child(4n+1) {
background-color: #E54012;
}
.card li:hover:nth-child(4n+2),
.card li:focus:nth-child(4n+2) {
background-color: #269963;
}
.card li:hover:nth-child(4n+3),
.card li:focus:nth-child(4n+3) {
background-color: #C3892D;
}
.card li:hover:nth-child(4n+4),
.card li:focus:nth-child(4n+4) {
background-color: #30A6FF;
}
.card li:hover .card-img img,
.card li:focus .card-img img {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.card li:hover .card-infos .card-more,
.card li:focus .card-infos .card-more {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 1;
}
.card li:hover .card-infos .card-more .btn,
.card li:focus .card-infos .card-more .btn {
color: #000;
background-color: #fff;
}
.card li:hover .card-infos .card-more .btn:hover,
.card li:focus .card-infos .card-more .btn:hover {
color: #fff;
background: none;
}
.card li:hover .card-img .card-img-title,
.card li:focus .card-img .card-img-title {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.card .onlyhover {
opacity: 0;
}
.card:hover .onlyhover {
opacity: 1;
}
.card.people li {
cursor: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 31%;
flex: 0 0 31%;
}
@media only screen and (max-width: 47em) {
.card.people li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.card.people li .card-position {
text-align: center;
}
.card.people li .card-more {
opacity: 1 !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.card.people li .card-title {
margin-bottom: 0.5rem;
}
.card.people li .card-position {
margin-bottom: 0.5rem;
}
.card.people li .card-img {
width: 100%;
margin: 0 !important;
padding: 0 !important;
min-height: 130px;
margin-bottom: 1rem !important;
}
.card.people li .card-img figure {
width: 130px!important;
min-height: 130px !important;
}
}
.card.people li .card-title {
text-align: center;
}
.card.people li .card-img {
background-color: transparent !important;
}
.card.people li .card-img figure {
max-width: 180px;
min-height: 180px;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.card.people li .card-img figure img {
width: 100%;
height: 100%;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
}
.card.people li:hover,
.card.people li:focus {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
background-color: #000;
}
.card.people li:hover .card-infos,
.card.people li:focus .card-infos {
color: #fff;
}
.card.key-resources li {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
@media only screen and (max-width: 47em) {
.card.key-resources li {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.card.conference li .card-img {
margin-bottom: 0;
}
.card.conference-awards li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(20% - 16px);
flex: 0 0 calc(20% - 16px);
}
@media only screen and (max-width: 47em) {
.card.conference-awards li {
-webkit-box-flex: 1;
-ms-flex: 1 0 290px;
flex: 1 0 290px;
}
}
.card.conference-awards li .card-img {
background-color: transparent !important;
}
.card.conference-awards li .card-img figure {
max-width: 180px;
min-height: 180px;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.card.conference-awards li .card-img figure img {
width: 100%;
height: 100%;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
}
.card.conference-awards li:hover,
.card.conference-awards li:focus {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
background-color: #000;
}
.card.conference-awards li:hover .card-infos,
.card.conference-awards li:focus .card-infos {
color: #fff;
}
.card.get-involved li .card-more {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
color: #000;
}
@media only screen and (max-width: 47em) {
.card.get-involved li .card-more {
opacity: 1;
}
}
.card.get-involved li .card-more .btn {
background-color: #000 !important;
color: #fff !important;
}
.card.get-involved li .card-img {
background-color: transparent !important;
}
.card.get-involved li .card-img figure {
max-width: 180px;
min-height: 180px;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.card.get-involved li .card-img figure img {
width: 100%;
height: 100%;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
-webkit-filter: brightness(0.5);
filter: brightness(0.5);
}
.card.get-involved li:hover,
.card.get-involved li:focus {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
background-color: #E54012;
}
.key-figures-card a {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
visibility: hidden;
opacity: 0;
}
.key-figures-card:hover a {
visibility: visible;
opacity: 1;
}
.filter input[type="checkbox"] {
display: none;
}
.filter #show-filter {
font-weight: 700;
font-size: 0.61111111em;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 1rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media screen and (min-width: 27.77777778em) {
.filter #show-filter {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.filter #show-filter {
font-size: 0.66666667em;
}
}
.filter #show-filter svg {
margin-left: 0.5rem;
fill: black;
}
.filter .close svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: calc(50% - 7px);
right: 11px;
}
.filter .search-filter {
font-weight: 700;
font-size: 0.61111111em;
display: inline-block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border-radius: 20px;
border: 2px solid #000;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 1rem;
padding-top: 0.5rem;
padding-left: 20px;
padding-right: 20px;
background: url('data:image/svg+xml;utf8, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.68 3.04c-2.797.384-4.966 2.41-5.566 5.2-.077.361-.09.539-.09 1.26s.013.899.09 1.26c.567 2.636 2.49 4.559 5.126 5.126.361.077.539.09 1.26.09.722 0 .899-.013 1.26-.09a6.632 6.632 0 0 0 2.669-1.21l.307-.236.132.128.132.128v.805l2.21 2.205c1.215 1.213 2.273 2.239 2.35 2.279.19.1.688.102.869.003.205-.11.405-.303.523-.503.092-.157.108-.23.107-.485 0-.212-.022-.341-.074-.44-.04-.077-1.066-1.135-2.279-2.35L15.501 14h-.805l-.128-.132-.128-.132.236-.307a6.632 6.632 0 0 0 1.21-2.669c.077-.361.09-.538.09-1.26 0-.721-.013-.899-.09-1.26-.565-2.627-2.502-4.569-5.106-5.12-.454-.096-1.65-.141-2.1-.08m1.709 2.057a4.454 4.454 0 0 1 2.372 1.327c.585.616.946 1.305 1.146 2.187.089.396.089 1.382 0 1.778-.214.944-.575 1.604-1.244 2.274-.67.669-1.33 1.03-2.274 1.244-.396.089-1.382.089-1.778 0-1.393-.315-2.531-1.188-3.122-2.393-.347-.707-.461-1.205-.461-2.014 0-1.027.275-1.882.854-2.657a4.543 4.543 0 0 1 3.052-1.804c.334-.047 1.103-.017 1.455.058" fill="black"/></svg>') no-repeat right;
background-position-x: calc(100% - 20px);
}
@media screen and (min-width: 27.77777778em) {
.filter .search-filter {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.filter .search-filter {
font-size: 0.66666667em;
}
}
.filter .search-filter svg {
margin-left: 0.5rem !important;
}
.filter .painel {
padding-top: 0.5rem;
}
.filter .topics label {
width: 210px;
position: relative;
padding-top: 10px;
padding-bottom: 7px;
padding-right: 30px;
white-space: nowrap;
}
.filter .topics label span {
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.filter .topics label svg {
position: absolute;
right: 1rem;
top: 7px;
}
.filter .date .date-inner {
position: relative;
display: inline-block;
}
.filter .date label {
width: 190px;
padding-top: 10px;
padding-bottom: 7px;
}
.filter .date .btn {
position: relative;
padding-left: 20px;
padding-right: 20px;
}
.filter .date .btn svg {
position: absolute;
right: 16px;
top: 6px;
}
.filter .date input[type="checkbox"] {
display: none;
}
.filter .date input[type="checkbox"]:checked ~ .drop-options {
opacity: 1;
visibility: visible;
max-height: 800px;
z-index: 99999;
}
.filter .date input[type="checkbox"]:checked ~ label svg {
-webkit-transform: none;
transform: none;
top: 6px;
right: 16px;
}
.filter #filter-tags {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 0;
visibility: hidden;
max-height: 0;
}
.filter #filter-tags.visible {
opacity: 1;
visibility: visible;
max-height: 9999999px;
}
@media only screen and (min-width: 48em) {
.filter .open-filter {
text-align: right;
}
}
.filter .filter-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 45px;
margin: 0;
}
@media only screen and (max-width: 47em) {
.filter .filter-menu {
display: block;
height: auto;
font-size: 0.72222222em;
}
}
@media only screen and (max-width: 47em) and screen and (min-width: 27.77777778em) {
.filter .filter-menu {
font-size: calc(0.72222222em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media only screen and (max-width: 47em) and screen and (min-width: 80em) {
.filter .filter-menu {
font-size: 0.77777778em;
}
}
.filter .filter-menu label {
display: block;
text-transform: uppercase;
text-align: center;
padding: 1rem 1.5rem;
margin-right: 4px;
display: inline-block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filter .filter-menu label:hover,
.filter .filter-menu label:focus,
.filter .filter-menu label.current,
.filter .filter-menu label:active,
.filter .filter-menu label input[type="radio"]:not(.radio-filtro):checked + span {
text-underline-offset: 0.5rem;
text-decoration: underline;
text-shadow: 0 0 1px #30A6FF;
color: #30A6FF;
}
@media only screen and (max-width: 47em) {
.filter .filter-menu label {
padding: 0.8rem 0;
margin-right: 0.8rem;
}
}
.filter-media .filter .filter-menu > li > a:hover,
.filter-media .filter .filter-menu > li > a:focus,
.filter-media .filter .filter-menu > li > a.current,
.filter-media .filter .filter-menu > li > a:active {
color: #C3892D;
text-shadow: 0 0 1px #C3892D;
}
.load-more {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
clear: both;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
text-transform: uppercase;
font-size: 0.61111111em;
font-weight: 700;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 27.77777778em) {
.load-more {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.load-more {
font-size: 0.66666667em;
}
}
.load-more .load {
display: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.load-more.loading .arrow {
display: none;
}
.load-more.loading .load {
display: block;
}
.load-more.loading .load svg {
-webkit-animation: rotation 2s infinite linear;
animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} .modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.8);   }
.modal.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal .modal-content {
position: relative;
margin: auto;
padding: 0;
max-width: 1200px;
}
.modal .modal-content .mySlides {
display: none; }
.modal .modal-content .mySlides .numbertext {
color: #fff;
font-size: 0.61111111em;
font-weight: 700;
padding-left: 1rem;
padding-top: 0.5rem;
position: absolute;
top: 0;
}
@media screen and (min-width: 27.77777778em) {
.modal .modal-content .mySlides .numbertext {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.modal .modal-content .mySlides .numbertext {
font-size: 0.66666667em;
}
}
.modal .modal-content .mySlides figure {
max-width: 100%;
height: 80vh;
position: relative;
overflow: hidden;
}
.modal .modal-content .mySlides figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.modal .modal-content .mySlides .shared {
background-color: #000;
width: 100%;
top: 100%;
bottom: auto;
}
.modal .controlers .close {
cursor: pointer;
position: absolute;
top: 0;
right: -3rem;
}
.modal .controlers .prev,
.modal .controlers .next {
cursor: pointer;
position: absolute;
top: 20%;
bottom: 20%;
height: 60%;
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.modal .controlers .prev:hover,
.modal .controlers .next:hover,
.modal .controlers .prev:hover,
.modal .controlers .next:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.modal .controlers .prev {
left: -3rem;
}
.modal .controlers .next {
right: -3rem;
}
.modal .navigation {
padding: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal .navigation .dot {
margin: 0.5rem;
}
.modal .navigation .dot svg {
fill: #fff;
}
.modal .navigation .dot.active svg {
fill: #C3892D;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.modal.modal-people .modal-content {
width: 80% !important;
}
.modal.modal-people .modal-content .card li {
padding-top: 5%;
padding-bottom: 5%;
padding-right: 3%;
}
.modal.modal-people .modal-content .card li .card-infos .card-more {
opacity: 1;
}
.modal.modal-people .modal-content .card li:hover,
.modal.modal-people .modal-content .card li:focus {
background-color: transparent !important;
}
.modal.modal-people .modal-content .card li:hover .card-infos,
.modal.modal-people .modal-content .card li:focus .card-infos {
color: #000;
}
.modal.modal-people .modal-content .btn.fblack,
.modal.modal-people .modal-content .btn.fblack:hover {
background-color: transparent!important;
color: #000 !important;
border: 2px solid #000 !important;
}
.modal.modal-people .person-bio {
overflow-y: scroll;
}
@media only screen and (max-width: 47em) {
.modal.modal-people .person-bio {
max-height: 35vh;
}
}
@media only screen and (min-width: 48em) {
.modal.modal-people .person-bio {
max-height: 70vh;
}
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.video-wrapper iframe,
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flex-gallery {
gap: 0.3rem;
}
.flex-gallery img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.copy-url {
position: relative;
}
.copy-url input {
position: absolute;
left: -99999px;
}
.map {
display: block;
position: relative;
height: 80vh;
width: 100%;
padding: 0;
}
.map .level-1 {
fill: #269963;
background: #269963;
}
.map .level-2 {
fill: #30A6FF;
background: #30A6FF;
}
.map .level-3 {
fill: #E54012;
background: #E54012;
}
.map .level-4 {
fill: #C3892D;
background: #C3892D;
}
.map .legend {
position: absolute;
left: 1rem;
bottom: 1rem;
padding: 0.5rem;
z-index: 7;
background: rgba(51, 51, 51, 0.8);
color: white;
}
.map .legend .sq {
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
margin-right: 0.5rem;
}
.beutable table {
table-layout: fixed;
line-height: 1.1em;
}
.beutable tbody {
font-size: 0.61111111em;
}
.beutable tbody tr {
border-bottom: 1px solid black;
}
.beutable tbody.inactive tr:not(.region) {
display: none;
}
@media screen and (min-width: 27.77777778em) {
.beutable tbody {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.beutable tbody {
font-size: 0.66666667em;
}
}
.beutable th {
padding: 1.2rem 1rem;
background: black;
text-align: left;
font-weight: 600;
color: #fff;
font-size: 0.61111111em;
}
@media screen and (min-width: 27.77777778em) {
.beutable th {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.beutable th {
font-size: 0.66666667em;
}
}
.beutable th:not(:last-child) {
border-right: 1px solid white;
}
.beutable th:first-child {
border-left: 1px solid black;
}
.beutable td {
padding: 1.2rem 1rem;
}
.beutable td:not(:last-child) {
border-right: 1px dotted black;
}
.beutable td:first-child {
border-left: 1px solid black;
}
.beutable td:last-child {
border-right: 1px solid black;
}
.beutable .region {
background: #F4F4F4;
font-weight: 700;
cursor: pointer;
border-color: white;
}
.beutable .total {
background: #D7D7D7;
font-weight: 700;
}
.beutable .tcgreen,
.beutable .tcred {
text-indent: -9999px;
}
.beutable .tcred {
background: url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.0718 8C9.15484 7.42469 9.3094 6.86065 9.53284 6.32122C9.88463 5.47194 10.4002 4.70026 11.0503 4.05025C11.7003 3.40024 12.4719 2.88463 13.3212 2.53284C14.1705 2.18106 15.0807 2 16 2V0C14.8181 0 13.6478 0.232791 12.5558 0.685083C11.4639 1.13738 10.4718 1.80031 9.63604 2.63604C8.97708 3.295 8.42555 4.0512 8 4.87689C7.57445 4.0512 7.02292 3.295 6.36396 2.63604C5.52823 1.80031 4.53608 1.13738 3.44415 0.685083C2.35222 0.232791 1.1819 0 0 0V2C0.919253 2 1.82951 2.18106 2.67878 2.53284C3.52806 2.88463 4.29974 3.40024 4.94975 4.05025C5.59976 4.70026 6.11537 5.47194 6.46716 6.32122C6.6906 6.86065 6.84516 7.42469 6.9282 8C6.84516 8.57531 6.6906 9.13935 6.46716 9.67878C6.11537 10.5281 5.59976 11.2997 4.94975 11.9497C4.29974 12.5998 3.52806 13.1154 2.67878 13.4672C1.8295 13.8189 0.919252 14 0 14V16C1.18189 16 2.35222 15.7672 3.44415 15.3149C4.53608 14.8626 5.52823 14.1997 6.36396 13.364C7.02292 12.705 7.57445 11.9488 8 11.1231C8.42555 11.9488 8.97708 12.705 9.63604 13.364C10.4718 14.1997 11.4639 14.8626 12.5558 15.3149C13.6478 15.7672 14.8181 16 16 16V14C15.0807 14 14.1705 13.8189 13.3212 13.4672C12.4719 13.1154 11.7003 12.5998 11.0503 11.9497C10.4002 11.2997 9.88463 10.5281 9.53284 9.67878C9.3094 9.13935 9.15484 8.57531 9.0718 8Z" fill="%23E54012"/></svg>') no-repeat center;
}
.beutable .tcgreen {
background: url('data:image/svg+xml;utf8, <svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L9 15L17 1" stroke="%23269963" stroke-width="2"/></svg>') no-repeat center;
}
#goTopButton {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #C3892D;
color: white;
cursor: pointer;
padding: 0.5rem;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-animation: fadeIn 700ms ease both;
animation: fadeIn 700ms ease both;
}
#goTopButton:hover {
background-color: #E54012;
}
.message {
padding: 1em;
border: 1px solid;
margin-bottom: 1em;
}
.message.error {
color: #E54012;
}
.message.success {
color: #269963;
}
.donate {
-webkit-animation: fadeIn 700ms ease both;
animation: fadeIn 700ms ease both;
}
.donate [type="text"],
.donate [type="email"],
.donate [type="number"] {
background: none;
border: none;
border-bottom: 2px solid black;
}
.donate input[type="radio"] + span {
font-weight: 700;
font-size: 0.61111111em;
text-transform: uppercase;
color: #fff;
display: inline-block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
cursor: pointer;
border-radius: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 1rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: #000;
border: 2px solid #000;
}
@media screen and (min-width: 27.77777778em) {
.donate input[type="radio"] + span {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.donate input[type="radio"] + span {
font-size: 0.66666667em;
}
}
.donate input[type="radio"] + span svg {
margin-left: 0.5rem !important;
}
.donate input[type="radio"] + span svg {
fill: #fff;
margin-left: 3px;
}
.donate input[type="radio"] + span:hover {
background: none;
color: #000;
border: 2px solid #000;
}
.donate input[type="radio"] + span:hover svg {
fill: #000;
}
.donate input[type="radio"] + span.white {
background-color: #fff;
color: #000;
border: 2px solid #fff;
}
.donate input[type="radio"] + span.white svg {
fill: #000;
}
.donate input[type="radio"] + span.white:hover {
background-color: transparent;
color: #fff;
}
.donate input[type="radio"] + span.white:hover svg {
fill: #fff;
}
.donate input[type="radio"] + span.btn-filter {
background: none;
color: #000;
}
.donate input[type="radio"] + span.btn-filter svg {
fill: #000;
}
.donate input[type="radio"] + span.btn-filter:hover {
background-color: transparent;
color: #000;
}
.donate input[type="radio"] + span.btn-filter:hover svg {
fill: #000;
}
.donate input[type="radio"] + span.red {
background-color: #E54012;
color: #fff;
border: 2px solid #E54012;
}
.donate input[type="radio"] + span.red svg {
fill: #fff;
}
.donate input[type="radio"] + span.red:hover {
background-color: #000;
color: #fff;
border: 2px solid #000;
}
.donate input[type="radio"] + span.red:hover svg {
fill: #fff;
}
.donate input[type="radio"] + span.outline {
background: none;
color: #000;
border: 2px solid #000;
}
.donate input[type="radio"] + span.outline svg {
fill: #000;
}
.donate input[type="radio"] + span.outline:hover {
color: #fff;
}
.donate input[type="radio"] + span.outline:hover svg {
fill: #fff;
}
.donate input[type="radio"] + span.fblack {
background-color: #fff;
color: #000;
border: 2px solid #000;
}
.donate input[type="radio"] + span.fblack svg {
fill: #000;
}
.donate input[type="radio"] + span.fblack:hover {
background: none;
color: #fff;
border: 2px solid #fff;
}
.donate input[type="radio"] + span.fblack:hover svg {
fill: #fff;
}
.donate input[type="radio"] + span.noline {
border: none;
}
.donate input[type="radio"] + span.noline:hover {
border: none;
}
.donate input[type="radio"] + span.highlight {
background-color: #C3892D;
color: #fff;
border: 2px solid #C3892D;
}
.donate input[type="radio"] + span.highlight:hover {
border: 2px solid #000;
}
.donate input[type="radio"] + span.highlight:hover svg {
fill: #fff;
}
.donate input[type="radio"] + span[disabled] {
cursor: default;
background: #ccc !important;
color: white !important;
border-color: #ccc !important;
}
.donate input[type="radio"]:checked + span {
background-color: #C3892D;
color: #fff;
border: 2px solid #C3892D;
}
.donate input[type="radio"]:checked + span:hover {
border: 2px solid #000;
}
.donate input[type="radio"]:checked + span:hover svg {
fill: #fff;
}