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;
}
@media only screen and (max-width: 47em) {
.container-fluid.half-right {
margin-right: auto;
margin-left: auto;
left: 2rem;
}
}
.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;
padding-right: 2rem;
}
}
.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;
}
.cc {
text-transform: capitalize;
}
@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;
font-variant: no-common-ligatures;
color: #000;
font-weight: 400;
font-size: 18px;
}
body.no-scroll {
overflow: hidden;
}
.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;
}
.wysiwyg-content a:hover {
color: #C3892D;
}
.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-variant: no-common-ligatures;
}
@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-variant: no-common-ligatures;
}
@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;
font-variant: no-common-ligatures;
}
.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,
.h2 {
font-family: 'Benton', sans-serif;
font-size: 3.22222222em;
line-height: 95%;
text-transform: uppercase;
}
@media screen and (min-width: 27.77777778em) {
h2,
.h2 {
font-size: calc(3.22222222em + (2.33333333 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h2,
.h2 {
font-size: 5.55555556em;
}
}
h2.superbig,
.h2.superbig {
font-size: 4em;
line-height: 90%;
}
@media screen and (min-width: 27.77777778em) {
h2.superbig,
.h2.superbig {
font-size: calc(4em + (6 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h2.superbig,
.h2.superbig {
font-size: 10em;
}
}
h3,
.h3 {
font-family: 'Benton', sans-serif;
font-size: 2.33333333em;
line-height: 100%;
text-transform: uppercase;
}
@media screen and (min-width: 27.77777778em) {
h3,
.h3 {
font-size: calc(2.33333333em + (1.66666667 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h3,
.h3 {
font-size: 4em;
}
}
h4,
.h4 {
font-family: 'Benton', sans-serif;
font-size: 1.77777778em;
line-height: 100%;
text-transform: uppercase;
}
@media screen and (min-width: 27.77777778em) {
h4,
.h4 {
font-size: calc(1.77777778em + (0.88888889 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
h4,
.h4 {
font-size: 2.66666667em;
}
}
h5 {
font-family: 'Nimbus', sans-serif;
font-variant: no-common-ligatures;
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-variant: no-common-ligatures;
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 {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
a.mustard {
font-family: 'Benton', sans-serif;
font-weight: 700;
color: #C3892D;
}
a.hover-black:hover {
color: black;
}
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:not(.multicheck-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:not(.multicheck-label) {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.select label:not(.multicheck-label) {
font-size: 0.66666667em;
}
}
.select label:not(.multicheck-label) svg {
margin-left: 0.5rem !important;
}
.select label:not(.multicheck-label) svg {
fill: #fff;
margin-left: 3px;
}
.select label:not(.multicheck-label):hover {
background: none;
color: #000;
border: 2px solid #000;
}
.select label:not(.multicheck-label):hover svg {
fill: #000;
}
.select label:not(.multicheck-label).white {
background-color: #fff;
color: #000;
border: 2px solid #fff;
}
.select label:not(.multicheck-label).white svg {
fill: #000;
}
.select label:not(.multicheck-label).white:hover {
background-color: transparent;
color: #fff;
}
.select label:not(.multicheck-label).white:hover svg {
fill: #fff;
}
.select label:not(.multicheck-label).btn-filter {
background: none;
color: #000;
}
.select label:not(.multicheck-label).btn-filter svg {
fill: #000;
}
.select label:not(.multicheck-label).btn-filter:hover {
background-color: transparent;
color: #000;
}
.select label:not(.multicheck-label).btn-filter:hover svg {
fill: #000;
}
.select label:not(.multicheck-label).red {
background-color: #E54012;
color: #fff;
border: 2px solid #E54012;
}
.select label:not(.multicheck-label).red svg {
fill: #fff;
}
.select label:not(.multicheck-label).red:hover {
background-color: #000;
color: #fff;
border: 2px solid #000;
}
.select label:not(.multicheck-label).red:hover svg {
fill: #fff;
}
.select label:not(.multicheck-label).outline {
background: none;
color: #000;
border: 2px solid #000;
}
.select label:not(.multicheck-label).outline svg {
fill: #000;
}
.select label:not(.multicheck-label).outline:hover {
color: #fff;
}
.select label:not(.multicheck-label).outline:hover svg {
fill: #fff;
}
.select label:not(.multicheck-label).fblack {
background-color: #fff;
color: #000;
border: 2px solid #000;
}
.select label:not(.multicheck-label).fblack svg {
fill: #000;
}
.select label:not(.multicheck-label).fblack:hover {
background: none;
color: #fff;
border: 2px solid #fff;
}
.select label:not(.multicheck-label).fblack:hover svg {
fill: #fff;
}
.select label:not(.multicheck-label).noline {
border: none;
}
.select label:not(.multicheck-label).noline:hover {
border: none;
}
.select label:not(.multicheck-label).highlight {
background-color: #C3892D;
color: #fff;
border: 2px solid #C3892D;
}
.select label:not(.multicheck-label).highlight:hover {
border: 2px solid #000;
}
.select label:not(.multicheck-label).highlight:hover svg {
fill: #fff;
}
.select label:not(.multicheck-label)[disabled] {
cursor: default;
background: #ccc !important;
color: white !important;
border-color: #ccc !important;
}
.select label:not(.multicheck-label) svg {
margin-left: 1rem;
}
.select .multicheck-label {
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"><rect x="1" y="1" width="14" height="14" rx="3" fill="white" stroke="black" stroke-width="2"/></svg>') no-repeat left 10px center;
display: block;
padding: 4px 32px !important;
white-space: normal;
}
.select .multicheck-label.active {
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"><rect x="1" y="1" width="14" height="14" rx="3" fill="black" stroke="black" stroke-width="2"/></svg>') no-repeat left 10px center;
}
.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: 1;
-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: 1;
}
.select input[type="checkbox"]:checked ~ label svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.select input[type="checkbox"]:checked ~ .multicheck-label {
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"><rect x="1" y="1" width="14" height="14" rx="3" fill="black" stroke="black" stroke-width="2"/></svg>') no-repeat left 10px center;
}
.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-variant: no-common-ligatures;
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;
}
section {
padding-top: 5rem;
padding-bottom: 5rem;
}
@media only screen and (max-width: 47em) {
section {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 62rem) {
.aside-post {
position: absolute;
width: 100%;
right: 0;
margin-bottom: 1rem;
}
}
.aside-post a:hover {
color: #C3892D;
}
.aside-post a:hover svg {
fill: #C3892D;
}
.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-variant: no-common-ligatures;
font-weight: 400;
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;
}
.footer a {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: #fff;
}
.footer a:hover {
color: #C3892D;
}
.footer a svg {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
fill: white;
}
.footer a svg:hover {
fill: #C3892D;
}
#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-label:hover {
color: #30A6FF;
}
.faq .faq-tab-label:hover svg {
fill: #30A6FF;
}
.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 .splide__track {
padding-left: 1rem !important;
padding-right: 1rem !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;
}
@media only screen and (max-width: 47em) {
.timeline .timeline-nav .timeline-nav-item p {
padding: 7px 10px;
}
}
.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: 1.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.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: 3rem;
padding-bottom: 2rem;
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;
margin-top: -3px;
}
}
.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;
overflow: hidden;
}
.page-cover-big .big-background {
width: 100%;
display: block;
height: -webkit-fill-available;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.page-cover-big .big-background figure {
width: 75%;
height: -webkit-fill-available;
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: 400;
}
@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-variant: no-common-ligatures;
font-size: 3.22222222em;
font-weight: 700;
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;
}
.flagship + div {
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;
}
.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;
width: 80px;
}
.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;
}
}
.heart-slider .splide__slide h4,
.heart-slider .splide__slide p {
padding-left: 4rem;
padding-right: 4rem;
}
@media (max-width: 767px) {
.heart-slider {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.heart-slider .splide__slide h4,
.heart-slider .splide__slide p {
padding-left: 3rem;
padding-right: 3rem;
}
}
.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 {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border-bottom: 2px solid;
}
.contact ul li svg {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: absolute;
left: 0;
margin-top: 2px;
}
.contact ul li:hover a {
color: black;
}
.contact ul li:hover svg:not(.not-link) {
fill: black;
}
.contact-black ul li:hover a {
color: white;
}
.contact-black ul li:hover svg:not(.not-link) {
fill: white;
}
.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;
}
.show-reports {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
padding-top: 0;
opacity: 0;
visibility: hidden;
max-height: 0;
overflow: hidden;
}
.show-reports.visible {
opacity: 1;
visibility: visible;
max-height: 99999px;
padding-top: 10rem;
}
.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-variant: no-common-ligatures;
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 {
fill: #C3892D;
}
.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-more .btn:hover {
background: none!important;
color: #000 !important;
border: 2px solid #000 !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;
}
.card-database {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
opacity: 1;
}
.card-database.loading {
opacity: 0.4;
}
.card-database .card-inner {
padding: 1rem;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
margin-bottom: 1rem;
cursor: pointer;
}
.card-database .card-inner:hover {
background-color: #E54012;
}
.card-database .card-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
font-size: 0.61111111em;
}
@media screen and (min-width: 27.77777778em) {
.card-database .card-category {
font-size: calc(0.61111111em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.card-database .card-category {
font-size: 0.66666667em;
}
}
.card-database .card-category .type {
text-transform: uppercase;
font-weight: 700;
}
.card-database .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;
}
.card-database .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-database .card-infos .card-title {
font-size: calc(1.55555556em + (0.22222222 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.card-database .card-infos .card-title {
font-size: 1.77777778em;
}
}
.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 #show-filter:hover {
color: #30A6FF;
}
.filter #show-filter:hover svg {
fill: #30A6FF;
}
@media only screen and (max-width: 47em) {
.filter #show-filter {
padding: 0.5rem 0;
}
}
.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;
}
@media (max-width: 767px) {
.filter .topics {
width: 100%;
}
}
.filter .topics label:not(.multicheck-label) {
width: 210px;
position: relative;
padding-top: 10px;
padding-bottom: 7px;
padding-right: 30px;
white-space: nowrap;
}
.filter .topics label:not(.multicheck-label) span {
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.filter .topics label:not(.multicheck-label) svg {
position: absolute;
right: 1rem;
top: 7px;
}
@media (max-width: 767px) {
.filter .topics label:not(.multicheck-label) {
width: 100%;
}
}
@media (max-width: 767px) {
.filter .date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.filter .date > span {
text-wrap: nowrap;
}
}
.filter .date .date-inner {
position: relative;
display: inline-block;
}
@media (max-width: 767px) {
.filter .date .date-inner {
width: 100%;
}
}
.filter .date label {
width: 190px;
padding-top: 10px;
padding-bottom: 7px;
}
@media (max-width: 767px) {
.filter .date label {
width: 100%;
}
}
.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;
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;
}
@media (min-width: 768px) {
.filter-database .painel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.filter-database .select .drop-options {
max-width: 100%;
width: 100%;
overflow: hidden;
top: calc(100% + 0.5rem);
}
.filter-database .select .drop-options ul {
overflow-y: scroll;
max-height: 230px;
margin: 0;
}
.filter-database .select input[type="checkbox"]:checked ~ .drop-options {
max-height: calc(230px + 2rem);
}
@media (min-width: 768px) {
.filter-database .select {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.filter-database .search-filter {
width: 400px;
margin-bottom: 1rem;
}
}
@media (min-width: 1200px) {
.filter-database .search-filter {
margin-top: 1rem;
margin-bottom: 0rem;
}
}
.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;
}
}
.modal.modal-database {
z-index: 99999;
overflow: hidden;
}
.modal.modal-database .modal-content {
max-height: 85vh;
height: 85vh;
}
@media (min-width: 992px) {
.modal.modal-database .modal-content {
width: 80%;
}
}
@media (max-width: 991px) {
.modal.modal-database .modal-content .inner {
margin: 0 auto;
width: 90%;
overflow-y: scroll;
overflow-x: hidden;
}
.modal.modal-database .modal-content .controlers .close {
top: -55px;
right: 5%;
}
}
.modal.modal-database .modal-content > div {
height: 100%;
}
@media (min-width: 992px) {
.modal.modal-database .modal-content > div {
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (max-width: 991px) {
.modal.modal-database .modal-content .left-content,
.modal.modal-database .modal-content .right-content {
padding: 2rem 1rem;
}
}
@media (min-width: 992px) {
.modal.modal-database .modal-content .left-content,
.modal.modal-database .modal-content .right-content {
padding: 3rem 2rem;
max-height: 85vh;
overflow-y: scroll;
}
}
.modal.modal-database .modal-content .left-content .info-block {
margin-bottom: 0.5rem;
}
.modal.modal-database .modal-content .left-content .info-block .title {
font-size: 1em;
font-family: 'Benton', sans-serif;
text-transform: uppercase;
margin-bottom: 0.25rem;
}
@media screen and (min-width: 27.77777778em) {
.modal.modal-database .modal-content .left-content .info-block .title {
font-size: calc(1em + (0.11111111 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.modal.modal-database .modal-content .left-content .info-block .title {
font-size: 1.11111111em;
}
}
.modal.modal-database .modal-content .left-content .info-block .info {
font-size: 0.72222222em;
}
@media screen and (min-width: 27.77777778em) {
.modal.modal-database .modal-content .left-content .info-block .info {
font-size: calc(0.72222222em + (0.05555556 * ((100vw - 27.77777778em) / 52.22222222)));
}
}
@media screen and (min-width: 80em) {
.modal.modal-database .modal-content .left-content .info-block .info {
font-size: 0.77777778em;
}
}
.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 .level-5 {
fill: #a3e8c8;
background: #a3e8c8;
}
.map .level-6 {
fill: #fcfeff;
background: #fcfeff;
}
.map .level-7 {
fill: #fbd3c8;
background: #fbd3c8;
}
.map .level-8 {
fill: #f3e3c9;
background: #f3e3c9;
}
.map .level-9 {
fill: #000000;
background: #000000;
}
.map .level-10 {
fill: #003863;
background: #003863;
}
.map .level-11 {
fill: #280b03;
background: #280b03;
}
.map .level-12 {
fill: #1d1507;
background: #1d1507;
}
.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: 700;
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 {
background-color: white;
padding: 1.2rem 1rem;
border-bottom: 1px solid black;
}
.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 .region td {
background-color: #F4F4F4;
border-bottom: none;
}
.beutable .region td:first-child {
border-right: none;
}
.beutable .total {
background: #D7D7D7;
font-weight: 700;
}
.beutable .total td {
background-color: #F4F4F4;
}
.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;
}
.beutable {
position: relative;
max-height: 70vh;
overflow: auto;
cursor: -webkit-grab;
cursor: grab;
}
.beutable table {
border-collapse: separate;
}
.beutable thead th {
position: sticky;
top: 0;
z-index: 2;
min-width: 140px;
text-align: center;
}
.beutable tbody td:first-child,
.beutable thead th:first-child {
position: sticky;
left: 0;
z-index: 1;
}
.beutable thead th:first-child {
z-index: 3;
}
.beutable td {
min-width: 140px;
}
.beutable td.long-content {
min-width: 300px;
text-align: center;
}
@media (max-width: 767px) {
.beutable td.long-content {
min-width: 200px;
}
}
@media (max-width: 767px) {
.beutable td {
min-width: 120px;
}
.beutable td:first-child {
min-width: 120px;
}
}
.beutable::-webkit-scrollbar {
height: 8px;
}
#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;
}
#close-notice {
display: none;
}
#close-notice:checked ~ .notice-modal {
opacity: 1;
visibility: visible;
}
.notice-modal {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 999;
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;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.notice-modal .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.notice-modal .header label {
position: relative;
display: block;
cursor: pointer;
background-color: black;
padding: 0.25rem 0.25rem 0 0.25rem;
}
.notice-modal .header label:before {
content: "";
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
left: 0;
top: 0;
z-index: -1;
}
.notice-modal .inner {
max-width: calc(100% - 3rem);
}
.notice-modal .inner a {
display: block;
width: 100%;
height: 100%;
max-height: 70vh;
}
.notice-modal .inner img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
max-height: 70vh;
}