.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #fff;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
left: auto;
right: 22px;
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px;
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-months {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
/*rtl:begin:ignore*/
/*
*/
left: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
/*rtl:begin:ignore*/
/*
*/
right: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
-webkit-transition: fill 0.1s;
transition: fill 0.1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57,57,57,0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57,57,57,0.6);
top: 26%;
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57,57,57,0.6);
top: 40%;
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0,0,0,0.5);
background: transparent;
pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0;
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0,0,0,0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.dayContainer + .dayContainer {
-webkit-box-shadow: -1px 0 0 #e6e6e6;
box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6;
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #569ff7;
box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57,57,57,0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
visibility: hidden;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #e6e6e6;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57,57,57,0.3);
background: transparent;
cursor: default;
border: none;
}
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 40%;
height: 40px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: #eee;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.flatpickr-monthSelect-months {
margin: 10px 1px 3px 1px;
flex-wrap: wrap;
}
.flatpickr-monthSelect-month {
background: none;
border: 0;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #393939;
cursor: pointer;
display: inline-block;
font-weight: 400;
margin: 0.5px;
justify-content: center;
padding: 10px;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
text-align: center;
width: 33%;
}
.flatpickr-monthSelect-theme-dark {
background: #3f4458;
}
.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
color: #fff;
}
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
color: #fff;
fill: #fff;
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
color: rgba(255, 255, 255, 0.95);
}
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
background: #e6e6e6;
cursor: pointer;
outline: 0;
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
background: #646c8c;
border-color: #646c8c;
}
.flatpickr-monthSelect-month.selected {
background-color: #569ff7;
color: #fff;
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected {
background: #80cbc4;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #80cbc4;
}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;overflow-scrolling:touch}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:absolute}.glightbox-container .gslide{height:100%;width:100%;position:absolute;display:block;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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glightbox-container .gslide.current{opacity:1;z-index:99999}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width: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}.glightbox-container .ginner-container{width:auto;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;max-height:100vh}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;margin:0;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:100%}.gslide-video{position:relative;width:100vh;max-width:100vh}.gslide-video .gvideo-wrapper{position:relative;overflow:hidden;width:100%;height:0;padding-top:56.25%}.gslide-video iframe,.gslide-video object{position:absolute;top:0;left:0;width:100%;min-width:100%;height:100%;border:0}.gslide-video:before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing:before{display:none}.gslide-video .jw-media,.gslide-video .jw-video{position:relative!important}.gslide-video .jwplayer{max-width:100vw;width:100vh;height:auto!important}.gslide-video .box-emboss,.gslide-video .jwplayer{outline:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important}.gslide-video .box-emboss .btnd.active,.gslide-video .box-emboss .btnd:active,.gslide-video .box-emboss .btnd:focus,.gslide-video .jwplayer .btnd.active,.gslide-video .jwplayer .btnd:active,.gslide-video .jwplayer .btnd:focus{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}.gslide-external,.gslide-inline{background:#fff;overflow:auto;max-height:62vh}.gslide-video object{position:absolute;top:0;left:0}.gslide-inline{padding:20px;text-align:left}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;padding:0}.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto}.gslide-description{float:left}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p::last-child{margin-bottom:0}.glightbox-mobile .glightbox-container .gslide-description{position:absolute;bottom:15px;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .5s ease;transition:all .5s ease}.glightbox-desc{display:none}.glightbox-open{overflow:hidden;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto;height:auto}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000}.gclose,.gnext,.gprev{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.08);position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=)}.glightbox-clean .gprev{background-position:4px 5px;top:-100%;left:30px;width:38px;height:56px}.glightbox-clean .gnext{background-position:-27px 5px;top:-100%;right:30px;width:38px;height:56px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;opacity:.7;background-position:-59px 2px}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:48em){.glightbox-container .ginner-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-left .gslide-description,.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-media,.glightbox-container .ginner-container.desc-top .gslide-media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh}.gslide-external,.gslide-inline{max-height:95vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .ginner-container{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .gnext,.glightbox-clean .gprev{top:45%}}@media (min-width:62em){.glightbox-clean .gclose{right:20px}}@media screen and (max-height:480px){.gslide-video .gvideo-wrapper{padding-top:0;height:100vh}}@media screen and (max-height:420px){.goverlay{background:#000}}/**
* Swiper 6.8.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: August 23, 2021
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}/**
* Swiper 6.8.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: August 23, 2021
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
/* 1 */
display: block; }
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block; }
/*
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/*
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* Change font properties to `inherit` in all browsers (opinionated).
*/
button,
input,
select,
textarea {
font: inherit; }
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold; }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
* 2. Show the overflow in Edge, Firefox, and IE.
*/
button,
input,
select {
/* 2 */
overflow: visible; }
/**
* Remove the margin in Safari.
* 1. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
/* 1 */
margin: 0; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* Change the cursor in all browsers (opinionated).
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer; }
/**
* Restore the default cursor to disabled elements unset by the previous rule.
*/
[disabled] {
cursor: default; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* Correct the odd appearance of search inputs in Chrome and Safari.
*/
[type="search"] {
-webkit-appearance: textfield; }
/**
* Remove the inner padding and cancel buttons in Chrome on OS X and
* Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal; }
ul {
list-style: none; }
button,
input,
select,
textarea {
margin: 0; }
html {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; }
img,
video {
height: auto;
max-width: 100%; }
iframe {
border: 0; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0;
text-align: left; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.App {
--color-primary: #272930;
--color-primary-light: #3d3e45;
--color-secondary: #ffbe9d;
--color-secondary-light: #d7c0b4;
--color-text-base: #ffbe9d;
--color-text-light: white;
--color-text-dark: black;
--color-background-base: #272930;
--color-background-light: white;
--color-background-dark: black;
--color-border-base: #272930;
--color-validation-error: #bc3737;
--color-validation-valid: #70ac33;
overflow: hidden; }
.App {
text-decoration: none; }
.App--Unscrollable {
left: 0;
-webkit-overflow-scrolling: touch;
position: fixed;
top: 0;
width: 100%; }
.App__CookieLaw {
overflow: hidden;
padding: .5rem 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 8000; }
.App__Progress {
background-repeat: no-repeat;
position: fixed;
z-index: 7000; }
.App__Progress--Horizontal {
background: linear-gradient(to right, var(--color-secondary) var(--scroll), transparent 0);
height: 4px;
bottom: 0;
width: 100%; }
.App__Progress--Vertical {
background: linear-gradient(to bottom, var(--color-secondary) var(--scroll), transparent 0);
height: 100%;
right: 0;
width: 4px; }
/*! json-encode: {"Phone": 0, "Phablet": "544px", "Tablet": "768px", "Surface": "1024px", "Laptop": "1360px", "Desktop": "1680px"} */
body::before {
content: '{"Phone": 0, "Phablet": "544px", "Tablet": "768px", "Surface": "1024px", "Laptop": "1360px", "Desktop": "1680px"}';
display: block;
height: 0;
overflow: hidden;
width: 0; }
head {
font-family: '{"Phone": 0, "Phablet": "544px", "Tablet": "768px", "Surface": "1024px", "Laptop": "1360px", "Desktop": "1680px"}'; }
@media -json-encode {
json {
json: '{"Phone": 0, "Phablet": "544px", "Tablet": "768px", "Surface": "1024px", "Laptop": "1360px", "Desktop": "1680px"}'; } }
body {
min-height: 100vh; }
body::-webkit-scrollbar {
height: 0;
width: 0; }
body::-webkit-scrollbar-thumb {
height: 0;
width: 0; }
body::-webkit-scrollbar-track {
height: 0;
width: 0; }
body:after {
display: none;
visibility: hidden;
content: "Phone"; }
@media only screen and (min-width: 544px) {
body:after {
content: "Phablet"; } }
@media only screen and (min-width: 768px) {
body:after {
content: "Tablet"; } }
@media only screen and (min-width: 1024px) {
body:after {
content: "Surface"; } }
@media only screen and (min-width: 1360px) {
body:after {
content: "Laptop"; } }
@media only screen and (min-width: 1680px) {
body:after {
content: "Desktop"; } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.u-Background--Primary {
background: var(--color-primary) !important; }
.u-Background--Primary-Light {
background: var(--color-primary-light) !important; }
.u-Background--Secondary {
background: var(--color-secondary) !important; }
.u-Background--Secondary-Light {
background: var(--color-secondary-light) !important; }
.u-Background--Base {
background: var(--color-background-base) !important; }
.u-Background--Light {
background: var(--color-background-light) !important; }
.u-Background--Gradient {
background: linear-gradient(180deg, var(--color-primary-light) 60%, var(--color-primary) 100%) !important; }
.u-Background--Gradient-Top {
background: linear-gradient(to bottom, var(--color-background-light) 50%, var(--color-background-base) 0) !important; }
.u-Color--Primary {
color: var(--color-primary) !important; }
.u-Color--Primary-Light {
color: var(--color-primary-light) !important; }
.u-Color--Secondary {
color: var(--color-secondary) !important; }
.u-Color--Secondary-Light {
color: var(--color-secondary-light) !important; }
.u-Color--Text-Base {
color: var(--color-text-base) !important; }
.u-Color--Text-Light {
color: var(--color-text-light) !important; }
.u-Color--Text-Dark {
color: var(--color-text-dark) !important; }
.u-Fill--Primary {
fill: var(--color-primary) !important; }
.u-Fill--Secondary {
fill: var(--color-secondary) !important; }
.u-Fill--Base {
fill: var(--color-background-base) !important; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
/*#region Helpers*/
/*#endregion*/
.u-Container--Fluid {
margin-left: 1.5rem;
margin-right: 1.5rem;
max-width: none;
width: calc(100% - 3rem); }
@media only screen and (min-width: 768px) {
.u-Container--Xs {
margin-left: auto;
margin-right: auto;
max-width: 550px;
width: 100%; } }
@media only screen and (min-width: 1024px) {
.u-Container--Sm {
margin-left: auto;
margin-right: auto;
max-width: 768px;
width: 100%; } }
@media only screen and (min-width: 1360px) {
.u-Container--Md {
margin-left: auto;
margin-right: auto;
max-width: 1024px;
width: 100%; } }
@media only screen and (min-width: 1360px) {
.u-Container--Lg {
margin-left: auto;
margin-right: auto;
max-width: 1100px;
width: 100%; } }
@media only screen and (min-width: 1360px) {
.u-Container--Xl {
margin-left: auto;
margin-right: auto;
max-width: 1280px;
width: 100%; } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
/*#region Mixins */
/*#endregion*/
/*#region Components */
.Row {
box-sizing: border-box;
display: flex;
flex: 0 1 100%;
flex-direction: row;
flex-wrap: wrap;
list-style: none; }
.Row:last-child {
margin-bottom: 0; }
.Row--Gutters {
margin: -2rem -1rem 2rem -1rem; }
.Row--Gutters-Thin {
margin: -1rem -0.5rem 1rem -0.5rem; }
.Col {
box-sizing: border-box;
flex: 0 0 100%;
max-width: 100%; }
.Col--Gutters {
padding: 2rem 1rem 0 1rem; }
.Col--Gutters-Thin {
padding: 1rem 0.5rem 0 0.5rem; }
/*#endregion*/
.Row--Phone-Reverse {
flex-direction: row-reverse; }
.Row--Phone-Top {
align-items: flex-start; }
.Row--Phone-Center {
align-items: center; }
.Row--Phone-Bottom {
align-items: flex-end; }
.Row--Phone-Col-Separator .Col {
border-bottom: 0;
border-right: 1px solid var(--color-border-base); }
.Row--Phone-Col-Separator .Col:last-child {
border-bottom: 0;
border-right: 0; }
.Col--Phone-Align-Top {
align-self: flex-start; }
.Col--Phone-Align-Center {
align-self: center; }
.Col--Phone-Align-Bottom {
align-self: flex-end; }
.Col--Phone-First {
order: -1; }
.Col--Phone-Reset {
order: 0; }
.Col--Phone-Last {
order: 1; }
.Col--Phone {
flex-grow: 1;
flex-basis: 0;
max-width: 100%; }
.Col--Phone-1 {
width: 8.33333%;
flex: none; }
.Col--Phone-2 {
width: 16.66667%;
flex: none; }
.Col--Phone-3 {
width: 25%;
flex: none; }
.Col--Phone-4 {
width: 33.33333%;
flex: none; }
.Col--Phone-5 {
width: 41.66667%;
flex: none; }
.Col--Phone-6 {
width: 50%;
flex: none; }
.Col--Phone-7 {
width: 58.33333%;
flex: none; }
.Col--Phone-8 {
width: 66.66667%;
flex: none; }
.Col--Phone-9 {
width: 75%;
flex: none; }
.Col--Phone-10 {
width: 83.33333%;
flex: none; }
.Col--Phone-11 {
width: 91.66667%;
flex: none; }
.Col--Phone-12 {
width: 100%;
flex: none; }
.Col--Phone-Offset-0 {
margin-left: 0; }
.Col--Phone-Offset-1 {
margin-left: 8.33333%; }
.Col--Phone-Offset-2 {
margin-left: 16.66667%; }
.Col--Phone-Offset-3 {
margin-left: 25%; }
.Col--Phone-Offset-4 {
margin-left: 33.33333%; }
.Col--Phone-Offset-5 {
margin-left: 41.66667%; }
.Col--Phone-Offset-6 {
margin-left: 50%; }
.Col--Phone-Offset-7 {
margin-left: 58.33333%; }
.Col--Phone-Offset-8 {
margin-left: 66.66667%; }
.Col--Phone-Offset-9 {
margin-left: 75%; }
.Col--Phone-Offset-10 {
margin-left: 83.33333%; }
.Col--Phone-Offset-11 {
margin-left: 91.66667%; }
.Col--Phone-Offset-12 {
margin-left: 100%; }
@media (min-width: 544px) {
.Row--Phablet-Reverse {
flex-direction: row-reverse; }
.Row--Phablet-Top {
align-items: flex-start; }
.Row--Phablet-Center {
align-items: center; }
.Row--Phablet-Bottom {
align-items: flex-end; }
.Row--Phablet-Col-Separator .Col {
border-bottom: 0;
border-right: 1px solid var(--color-border-base); }
.Row--Phablet-Col-Separator .Col:last-child {
border-bottom: 0;
border-right: 0; }
.Col--Phablet-Align-Top {
align-self: flex-start; }
.Col--Phablet-Align-Center {
align-self: center; }
.Col--Phablet-Align-Bottom {
align-self: flex-end; }
.Col--Phablet-First {
order: -1; }
.Col--Phablet-Reset {
order: 0; }
.Col--Phablet-Last {
order: 1; }
.Col--Phablet {
flex-grow: 1;
flex-basis: 0;
max-width: 100%; }
.Col--Phablet-1 {
width: 8.33333%;
flex: none; }
.Col--Phablet-2 {
width: 16.66667%;
flex: none; }
.Col--Phablet-3 {
width: 25%;
flex: none; }
.Col--Phablet-4 {
width: 33.33333%;
flex: none; }
.Col--Phablet-5 {
width: 41.66667%;
flex: none; }
.Col--Phablet-6 {
width: 50%;
flex: none; }
.Col--Phablet-7 {
width: 58.33333%;
flex: none; }
.Col--Phablet-8 {
width: 66.66667%;
flex: none; }
.Col--Phablet-9 {
width: 75%;
flex: none; }
.Col--Phablet-10 {
width: 83.33333%;
flex: none; }
.Col--Phablet-11 {
width: 91.66667%;
flex: none; }
.Col--Phablet-12 {
width: 100%;
flex: none; }
.Col--Phablet-Offset-0 {
margin-left: 0; }
.Col--Phablet-Offset-1 {
margin-left: 8.33333%; }
.Col--Phablet-Offset-2 {
margin-left: 16.66667%; }
.Col--Phablet-Offset-3 {
margin-left: 25%; }
.Col--Phablet-Offset-4 {
margin-left: 33.33333%; }
.Col--Phablet-Offset-5 {
margin-left: 41.66667%; }
.Col--Phablet-Offset-6 {
margin-left: 50%; }
.Col--Phablet-Offset-7 {
margin-left: 58.33333%; }
.Col--Phablet-Offset-8 {
margin-left: 66.66667%; }
.Col--Phablet-Offset-9 {
margin-left: 75%; }
.Col--Phablet-Offset-10 {
margin-left: 83.33333%; }
.Col--Phablet-Offset-11 {
margin-left: 91.66667%; }
.Col--Phablet-Offset-12 {
margin-left: 100%; } }
@media (min-width: 768px) {
.Row--Tablet-Reverse {
flex-direction: row-reverse; }
.Row--Tablet-Top {
align-items: flex-start; }
.Row--Tablet-Center {
align-items: center; }
.Row--Tablet-Bottom {
align-items: flex-end; }
.Row--Tablet-Col-Separator .Col {
border-bottom: 0;
border-right: 1px solid var(--color-border-base); }
.Row--Tablet-Col-Separator .Col:last-child {
border-bottom: 0;
border-right: 0; }
.Col--Tablet-Align-Top {
align-self: flex-start; }
.Col--Tablet-Align-Center {
align-self: center; }
.Col--Tablet-Align-Bottom {
align-self: flex-end; }
.Col--Tablet-First {
order: -1; }
.Col--Tablet-Reset {
order: 0; }
.Col--Tablet-Last {
order: 1; }
.Col--Tablet {
flex-grow: 1;
flex-basis: 0;
max-width: 100%; }
.Col--Tablet-1 {
width: 8.33333%;
flex: none; }
.Col--Tablet-2 {
width: 16.66667%;
flex: none; }
.Col--Tablet-3 {
width: 25%;
flex: none; }
.Col--Tablet-4 {
width: 33.33333%;
flex: none; }
.Col--Tablet-5 {
width: 41.66667%;
flex: none; }
.Col--Tablet-6 {
width: 50%;
flex: none; }
.Col--Tablet-7 {
width: 58.33333%;
flex: none; }
.Col--Tablet-8 {
width: 66.66667%;
flex: none; }
.Col--Tablet-9 {
width: 75%;
flex: none; }
.Col--Tablet-10 {
width: 83.33333%;
flex: none; }
.Col--Tablet-11 {
width: 91.66667%;
flex: none; }
.Col--Tablet-12 {
width: 100%;
flex: none; }
.Col--Tablet-Offset-0 {
margin-left: 0; }
.Col--Tablet-Offset-1 {
margin-left: 8.33333%; }
.Col--Tablet-Offset-2 {
margin-left: 16.66667%; }
.Col--Tablet-Offset-3 {
margin-left: 25%; }
.Col--Tablet-Offset-4 {
margin-left: 33.33333%; }
.Col--Tablet-Offset-5 {
margin-left: 41.66667%; }
.Col--Tablet-Offset-6 {
margin-left: 50%; }
.Col--Tablet-Offset-7 {
margin-left: 58.33333%; }
.Col--Tablet-Offset-8 {
margin-left: 66.66667%; }
.Col--Tablet-Offset-9 {
margin-left: 75%; }
.Col--Tablet-Offset-10 {
margin-left: 83.33333%; }
.Col--Tablet-Offset-11 {
margin-left: 91.66667%; }
.Col--Tablet-Offset-12 {
margin-left: 100%; } }
@media (min-width: 1024px) {
.Row--Surface-Reverse {
flex-direction: row-reverse; }
.Row--Surface-Top {
align-items: flex-start; }
.Row--Surface-Center {
align-items: center; }
.Row--Surface-Bottom {
align-items: flex-end; }
.Row--Surface-Col-Separator .Col {
border-bottom: 0;
border-right: 1px solid var(--color-border-base); }
.Row--Surface-Col-Separator .Col:last-child {
border-bottom: 0;
border-right: 0; }
.Col--Surface-Align-Top {
align-self: flex-start; }
.Col--Surface-Align-Center {
align-self: center; }
.Col--Surface-Align-Bottom {
align-self: flex-end; }
.Col--Surface-First {
order: -1; }
.Col--Surface-Reset {
order: 0; }
.Col--Surface-Last {
order: 1; }
.Col--Surface {
flex-grow: 1;
flex-basis: 0;
max-width: 100%; }
.Col--Surface-1 {
width: 8.33333%;
flex: none; }
.Col--Surface-2 {
width: 16.66667%;
flex: none; }
.Col--Surface-3 {
width: 25%;
flex: none; }
.Col--Surface-4 {
width: 33.33333%;
flex: none; }
.Col--Surface-5 {
width: 41.66667%;
flex: none; }
.Col--Surface-6 {
width: 50%;
flex: none; }
.Col--Surface-7 {
width: 58.33333%;
flex: none; }
.Col--Surface-8 {
width: 66.66667%;
flex: none; }
.Col--Surface-9 {
width: 75%;
flex: none; }
.Col--Surface-10 {
width: 83.33333%;
flex: none; }
.Col--Surface-11 {
width: 91.66667%;
flex: none; }
.Col--Surface-12 {
width: 100%;
flex: none; }
.Col--Surface-Offset-0 {
margin-left: 0; }
.Col--Surface-Offset-1 {
margin-left: 8.33333%; }
.Col--Surface-Offset-2 {
margin-left: 16.66667%; }
.Col--Surface-Offset-3 {
margin-left: 25%; }
.Col--Surface-Offset-4 {
margin-left: 33.33333%; }
.Col--Surface-Offset-5 {
margin-left: 41.66667%; }
.Col--Surface-Offset-6 {
margin-left: 50%; }
.Col--Surface-Offset-7 {
margin-left: 58.33333%; }
.Col--Surface-Offset-8 {
margin-left: 66.66667%; }
.Col--Surface-Offset-9 {
margin-left: 75%; }
.Col--Surface-Offset-10 {
margin-left: 83.33333%; }
.Col--Surface-Offset-11 {
margin-left: 91.66667%; }
.Col--Surface-Offset-12 {
margin-left: 100%; } }
@media (min-width: 1360px) {
.Row--Laptop-Reverse {
flex-direction: row-reverse; }
.Row--Laptop-Top {
align-items: flex-start; }
.Row--Laptop-Center {
align-items: center; }
.Row--Laptop-Bottom {
align-items: flex-end; }
.Row--Laptop-Col-Separator .Col {
border-bottom: 0;
border-right: 1px solid var(--color-border-base); }
.Row--Laptop-Col-Separator .Col:last-child {
border-bottom: 0;
border-right: 0; }
.Col--Laptop-Align-Top {
align-self: flex-start; }
.Col--Laptop-Align-Center {
align-self: center; }
.Col--Laptop-Align-Bottom {
align-self: flex-end; }
.Col--Laptop-First {
order: -1; }
.Col--Laptop-Reset {
order: 0; }
.Col--Laptop-Last {
order: 1; }
.Col--Laptop {
flex-grow: 1;
flex-basis: 0;
max-width: 100%; }
.Col--Laptop-1 {
width: 8.33333%;
flex: none; }
.Col--Laptop-2 {
width: 16.66667%;
flex: none; }
.Col--Laptop-3 {
width: 25%;
flex: none; }
.Col--Laptop-4 {
width: 33.33333%;
flex: none; }
.Col--Laptop-5 {
width: 41.66667%;
flex: none; }
.Col--Laptop-6 {
width: 50%;
flex: none; }
.Col--Laptop-7 {
width: 58.33333%;
flex: none; }
.Col--Laptop-8 {
width: 66.66667%;
flex: none; }
.Col--Laptop-9 {
width: 75%;
flex: none; }
.Col--Laptop-10 {
width: 83.33333%;
flex: none; }
.Col--Laptop-11 {
width: 91.66667%;
flex: none; }
.Col--Laptop-12 {
width: 100%;
flex: none; }
.Col--Laptop-Offset-0 {
margin-left: 0; }
.Col--Laptop-Offset-1 {
margin-left: 8.33333%; }
.Col--Laptop-Offset-2 {
margin-left: 16.66667%; }
.Col--Laptop-Offset-3 {
margin-left: 25%; }
.Col--Laptop-Offset-4 {
margin-left: 33.33333%; }
.Col--Laptop-Offset-5 {
margin-left: 41.66667%; }
.Col--Laptop-Offset-6 {
margin-left: 50%; }
.Col--Laptop-Offset-7 {
margin-left: 58.33333%; }
.Col--Laptop-Offset-8 {
margin-left: 66.66667%; }
.Col--Laptop-Offset-9 {
margin-left: 75%; }
.Col--Laptop-Offset-10 {
margin-left: 83.33333%; }
.Col--Laptop-Offset-11 {
margin-left: 91.66667%; }
.Col--Laptop-Offset-12 {
margin-left: 100%; } }
@media (min-width: 1680px) {
.Row--Desktop-Reverse {
flex-direction: row-reverse; }
.Row--Desktop-Top {
align-items: flex-start; }
.Row--Desktop-Center {
align-items: center; }
.Row--Desktop-Bottom {
align-items: flex-end; }
.Row--Desktop-Col-Separator .Col {
border-bottom: 0;
border-right: 1px solid var(--color-border-base); }
.Row--Desktop-Col-Separator .Col:last-child {
border-bottom: 0;
border-right: 0; }
.Col--Desktop-Align-Top {
align-self: flex-start; }
.Col--Desktop-Align-Center {
align-self: center; }
.Col--Desktop-Align-Bottom {
align-self: flex-end; }
.Col--Desktop-First {
order: -1; }
.Col--Desktop-Reset {
order: 0; }
.Col--Desktop-Last {
order: 1; }
.Col--Desktop {
flex-grow: 1;
flex-basis: 0;
max-width: 100%; }
.Col--Desktop-1 {
width: 8.33333%;
flex: none; }
.Col--Desktop-2 {
width: 16.66667%;
flex: none; }
.Col--Desktop-3 {
width: 25%;
flex: none; }
.Col--Desktop-4 {
width: 33.33333%;
flex: none; }
.Col--Desktop-5 {
width: 41.66667%;
flex: none; }
.Col--Desktop-6 {
width: 50%;
flex: none; }
.Col--Desktop-7 {
width: 58.33333%;
flex: none; }
.Col--Desktop-8 {
width: 66.66667%;
flex: none; }
.Col--Desktop-9 {
width: 75%;
flex: none; }
.Col--Desktop-10 {
width: 83.33333%;
flex: none; }
.Col--Desktop-11 {
width: 91.66667%;
flex: none; }
.Col--Desktop-12 {
width: 100%;
flex: none; }
.Col--Desktop-Offset-0 {
margin-left: 0; }
.Col--Desktop-Offset-1 {
margin-left: 8.33333%; }
.Col--Desktop-Offset-2 {
margin-left: 16.66667%; }
.Col--Desktop-Offset-3 {
margin-left: 25%; }
.Col--Desktop-Offset-4 {
margin-left: 33.33333%; }
.Col--Desktop-Offset-5 {
margin-left: 41.66667%; }
.Col--Desktop-Offset-6 {
margin-left: 50%; }
.Col--Desktop-Offset-7 {
margin-left: 58.33333%; }
.Col--Desktop-Offset-8 {
margin-left: 66.66667%; }
.Col--Desktop-Offset-9 {
margin-left: 75%; }
.Col--Desktop-Offset-10 {
margin-left: 83.33333%; }
.Col--Desktop-Offset-11 {
margin-left: 91.66667%; }
.Col--Desktop-Offset-12 {
margin-left: 100%; } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.u-Mt--Xxs {
margin-top: .5rem !important; }
.u-Mt--Xs {
margin-top: 1rem !important; }
.u-Mt--Sm {
margin-top: 1.5rem !important; }
.u-Mt--Md {
margin-top: 2.5rem !important; }
.u-Mt--Lg {
margin-top: 3.5rem !important; }
.u-Mt--Xl {
margin-top: 5rem !important; }
.u-Mt--Xxl {
margin-top: 7.5rem !important; }
.u-Mt--Auto {
margin-top: auto !important; }
.u-Mb--Xxs {
margin-bottom: .5rem !important; }
.u-Mb--Xs {
margin-bottom: 1rem !important; }
.u-Mb--Sm {
margin-bottom: 1.5rem !important; }
.u-Mb--Md {
margin-bottom: 2.5rem !important; }
.u-Mb--Lg {
margin-bottom: 3.5rem !important; }
.u-Mb--Xl {
margin-bottom: 5rem !important; }
.u-Mb--Xxl {
margin-bottom: 7.5rem !important; }
.u-Ml--Xxs {
margin-left: .5rem !important; }
.u-Ml--Xs {
margin-left: 1rem !important; }
.u-Ml--Sm {
margin-left: 1.5rem !important; }
.u-Ml--Md {
margin-left: 2.5rem !important; }
.u-Ml--Lg {
margin-left: 3.5rem !important; }
.u-Ml--Xl {
margin-left: 5rem !important; }
.u-Ml--Xxl {
margin-left: 7.5rem !important; }
.u-Mr--Xxs {
margin-right: .5rem !important; }
.u-Mr--Xs {
margin-right: 1rem !important; }
.u-Mr--Sm {
margin-right: 1.5rem !important; }
.u-Mr--Md {
margin-right: 2.5rem !important; }
.u-Mr--Lg {
margin-right: 3.5rem !important; }
.u-Mr--Xl {
margin-right: 5rem !important; }
.u-Mr--Xxl {
margin-right: 7.5rem !important; }
.u-Pt--Xs {
padding-top: 1rem !important; }
.u-Pt--Sm {
padding-top: 1.5rem !important; }
.u-Pt--Md {
padding-top: 2.5rem !important; }
.u-Pt--Lg {
padding-top: 3.5rem !important; }
.u-Pt--Xl {
padding-top: 5rem !important; }
.u-Pt--Xxl {
padding-top: 7.5rem !important; }
.u-Pb--Xs {
padding-bottom: 1rem !important; }
.u-Pb--Sm {
padding-bottom: 1.5rem !important; }
.u-Pb--Md {
padding-bottom: 2.5rem !important; }
.u-Pb--Lg {
padding-bottom: 3.5rem !important; }
.u-Pb--Xl {
padding-bottom: 5rem !important; }
.u-Pb--Xxl {
padding-bottom: 7.5rem !important; }
.u-Pl--Xxs {
padding-left: .25rem !important; }
.u-Pl--Xs {
padding-left: 1rem !important; }
.u-Pl--Sm {
padding-left: 1.5rem !important; }
.u-Pl--Md {
padding-left: 2.5rem !important; }
.u-Pl--Lg {
padding-left: 3.5rem !important; }
.u-Pl--Xl {
padding-left: 5rem !important; }
.u-Pl--Xxl {
padding-left: 7.5rem !important; }
.u-Pr--Xs {
padding-right: 1rem !important; }
.u-Pr--Sm {
padding-right: 1.5rem !important; }
.u-Pr--Md {
padding-right: 2.5rem !important; }
.u-Pr--Lg {
padding-right: 3.5rem !important; }
.u-Pr--Xl {
padding-right: 5rem !important; }
.u-Pr--Xxl {
padding-right: 7.5rem !important; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.u-Hidden {
display: none; }
@media only screen and (max-width: 767px) {
.u-Hidden--Phone {
display: none !important; } }
@media only screen and (max-width: 1023px) {
.u-Hidden--Touch {
display: none !important; } }
@media only screen and (max-width: 1359px) {
.u-Hidden--Laptop {
display: none !important; } }
@media only screen and (min-width: 768px) {
.u-Hidden--Tablet {
display: none !important; } }
@media only screen and (min-width: 1024px) {
.u-Hidden--Surface {
display: none !important; } }
@media only screen and (min-width: 1360px) {
.u-Hidden--Desktop {
display: none !important; } }
.u-Overflow--Hidden {
overflow: hidden !important; }
.u-Overflow--X-Hidden {
overflow-x: hidden !important; }
.u-Overflow--Y-Hidden {
overflow-y: hidden !important; }
.lazyload,
.lazyloading {
opacity: 0; }
.lazyloaded {
opacity: 1;
transition: opacity .3s; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.u-Opacity--50 {
opacity: .5; }
.u-Opacity--80 {
opacity: .8; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
/*#region Mixins */
/*#endregion*/
.u-Flex--Phone-Block {
display: flex; }
.u-Flex--Phone-Inline {
display: inline-flex; }
.u-Flex-Direction--Phone-Row-Reverse {
flex-direction: row-reverse; }
.u-Flex-Direction--Phone-Column {
flex-direction: column; }
.u-Flex-Direction--Phone-Column-Reverse {
flex-direction: column-reverse; }
.u-Flex-Align-Items--Phone-Start {
align-items: flex-start; }
.u-Flex-Align-Items--Phone-Center {
align-items: center; }
.u-Flex-Align-Items--Phone-End {
align-items: flex-end; }
.u-Flex-Align-Self--Phone-Start {
align-self: flex-start; }
.u-Flex-Align-Self--Phone-Center {
align-self: center; }
.u-Flex-Align-Self--Phone-End {
align-self: flex-end; }
.u-Flex-Justify--Phone-Start {
justify-content: flex-start; }
.u-Flex-Justify--Phone-Center {
justify-content: center; }
.u-Flex-Justify--Phone-End {
justify-content: flex-end; }
.u-Flex-Justify--Phone-Space-Between {
justify-content: space-between; }
.u-Flex-Justify--Phone-Space-Around {
justify-content: space-around; }
.u-Flex-Wrap--Phone-Wrap {
flex-wrap: wrap; }
.u-Flex-Grow--Phone-Full {
flex-grow: 1; }
.u-Text-Align--Phone-Left {
text-align: left; }
.u-Text-Align--Phone-Center {
text-align: center; }
.u-Text-Align--Phone-Right {
text-align: right; }
@media (min-width: 544px) {
.u-Flex--Phablet-Block {
display: flex; }
.u-Flex--Phablet-Inline {
display: inline-flex; }
.u-Flex-Direction--Phablet-Row-Reverse {
flex-direction: row-reverse; }
.u-Flex-Direction--Phablet-Column {
flex-direction: column; }
.u-Flex-Direction--Phablet-Column-Reverse {
flex-direction: column-reverse; }
.u-Flex-Align-Items--Phablet-Start {
align-items: flex-start; }
.u-Flex-Align-Items--Phablet-Center {
align-items: center; }
.u-Flex-Align-Items--Phablet-End {
align-items: flex-end; }
.u-Flex-Align-Self--Phablet-Start {
align-self: flex-start; }
.u-Flex-Align-Self--Phablet-Center {
align-self: center; }
.u-Flex-Align-Self--Phablet-End {
align-self: flex-end; }
.u-Flex-Justify--Phablet-Start {
justify-content: flex-start; }
.u-Flex-Justify--Phablet-Center {
justify-content: center; }
.u-Flex-Justify--Phablet-End {
justify-content: flex-end; }
.u-Flex-Justify--Phablet-Space-Between {
justify-content: space-between; }
.u-Flex-Justify--Phablet-Space-Around {
justify-content: space-around; }
.u-Flex-Wrap--Phablet-Wrap {
flex-wrap: wrap; }
.u-Flex-Grow--Phablet-Full {
flex-grow: 1; }
.u-Text-Align--Phablet-Left {
text-align: left; }
.u-Text-Align--Phablet-Center {
text-align: center; }
.u-Text-Align--Phablet-Right {
text-align: right; } }
@media (min-width: 768px) {
.u-Flex--Tablet-Block {
display: flex; }
.u-Flex--Tablet-Inline {
display: inline-flex; }
.u-Flex-Direction--Tablet-Row-Reverse {
flex-direction: row-reverse; }
.u-Flex-Direction--Tablet-Column {
flex-direction: column; }
.u-Flex-Direction--Tablet-Column-Reverse {
flex-direction: column-reverse; }
.u-Flex-Align-Items--Tablet-Start {
align-items: flex-start; }
.u-Flex-Align-Items--Tablet-Center {
align-items: center; }
.u-Flex-Align-Items--Tablet-End {
align-items: flex-end; }
.u-Flex-Align-Self--Tablet-Start {
align-self: flex-start; }
.u-Flex-Align-Self--Tablet-Center {
align-self: center; }
.u-Flex-Align-Self--Tablet-End {
align-self: flex-end; }
.u-Flex-Justify--Tablet-Start {
justify-content: flex-start; }
.u-Flex-Justify--Tablet-Center {
justify-content: center; }
.u-Flex-Justify--Tablet-End {
justify-content: flex-end; }
.u-Flex-Justify--Tablet-Space-Between {
justify-content: space-between; }
.u-Flex-Justify--Tablet-Space-Around {
justify-content: space-around; }
.u-Flex-Wrap--Tablet-Wrap {
flex-wrap: wrap; }
.u-Flex-Grow--Tablet-Full {
flex-grow: 1; }
.u-Text-Align--Tablet-Left {
text-align: left; }
.u-Text-Align--Tablet-Center {
text-align: center; }
.u-Text-Align--Tablet-Right {
text-align: right; } }
@media (min-width: 1024px) {
.u-Flex--Surface-Block {
display: flex; }
.u-Flex--Surface-Inline {
display: inline-flex; }
.u-Flex-Direction--Surface-Row-Reverse {
flex-direction: row-reverse; }
.u-Flex-Direction--Surface-Column {
flex-direction: column; }
.u-Flex-Direction--Surface-Column-Reverse {
flex-direction: column-reverse; }
.u-Flex-Align-Items--Surface-Start {
align-items: flex-start; }
.u-Flex-Align-Items--Surface-Center {
align-items: center; }
.u-Flex-Align-Items--Surface-End {
align-items: flex-end; }
.u-Flex-Align-Self--Surface-Start {
align-self: flex-start; }
.u-Flex-Align-Self--Surface-Center {
align-self: center; }
.u-Flex-Align-Self--Surface-End {
align-self: flex-end; }
.u-Flex-Justify--Surface-Start {
justify-content: flex-start; }
.u-Flex-Justify--Surface-Center {
justify-content: center; }
.u-Flex-Justify--Surface-End {
justify-content: flex-end; }
.u-Flex-Justify--Surface-Space-Between {
justify-content: space-between; }
.u-Flex-Justify--Surface-Space-Around {
justify-content: space-around; }
.u-Flex-Wrap--Surface-Wrap {
flex-wrap: wrap; }
.u-Flex-Grow--Surface-Full {
flex-grow: 1; }
.u-Text-Align--Surface-Left {
text-align: left; }
.u-Text-Align--Surface-Center {
text-align: center; }
.u-Text-Align--Surface-Right {
text-align: right; } }
@media (min-width: 1360px) {
.u-Flex--Laptop-Block {
display: flex; }
.u-Flex--Laptop-Inline {
display: inline-flex; }
.u-Flex-Direction--Laptop-Row-Reverse {
flex-direction: row-reverse; }
.u-Flex-Direction--Laptop-Column {
flex-direction: column; }
.u-Flex-Direction--Laptop-Column-Reverse {
flex-direction: column-reverse; }
.u-Flex-Align-Items--Laptop-Start {
align-items: flex-start; }
.u-Flex-Align-Items--Laptop-Center {
align-items: center; }
.u-Flex-Align-Items--Laptop-End {
align-items: flex-end; }
.u-Flex-Align-Self--Laptop-Start {
align-self: flex-start; }
.u-Flex-Align-Self--Laptop-Center {
align-self: center; }
.u-Flex-Align-Self--Laptop-End {
align-self: flex-end; }
.u-Flex-Justify--Laptop-Start {
justify-content: flex-start; }
.u-Flex-Justify--Laptop-Center {
justify-content: center; }
.u-Flex-Justify--Laptop-End {
justify-content: flex-end; }
.u-Flex-Justify--Laptop-Space-Between {
justify-content: space-between; }
.u-Flex-Justify--Laptop-Space-Around {
justify-content: space-around; }
.u-Flex-Wrap--Laptop-Wrap {
flex-wrap: wrap; }
.u-Flex-Grow--Laptop-Full {
flex-grow: 1; }
.u-Text-Align--Laptop-Left {
text-align: left; }
.u-Text-Align--Laptop-Center {
text-align: center; }
.u-Text-Align--Laptop-Right {
text-align: right; } }
@media (min-width: 1680px) {
.u-Flex--Desktop-Block {
display: flex; }
.u-Flex--Desktop-Inline {
display: inline-flex; }
.u-Flex-Direction--Desktop-Row-Reverse {
flex-direction: row-reverse; }
.u-Flex-Direction--Desktop-Column {
flex-direction: column; }
.u-Flex-Direction--Desktop-Column-Reverse {
flex-direction: column-reverse; }
.u-Flex-Align-Items--Desktop-Start {
align-items: flex-start; }
.u-Flex-Align-Items--Desktop-Center {
align-items: center; }
.u-Flex-Align-Items--Desktop-End {
align-items: flex-end; }
.u-Flex-Align-Self--Desktop-Start {
align-self: flex-start; }
.u-Flex-Align-Self--Desktop-Center {
align-self: center; }
.u-Flex-Align-Self--Desktop-End {
align-self: flex-end; }
.u-Flex-Justify--Desktop-Start {
justify-content: flex-start; }
.u-Flex-Justify--Desktop-Center {
justify-content: center; }
.u-Flex-Justify--Desktop-End {
justify-content: flex-end; }
.u-Flex-Justify--Desktop-Space-Between {
justify-content: space-between; }
.u-Flex-Justify--Desktop-Space-Around {
justify-content: space-around; }
.u-Flex-Wrap--Desktop-Wrap {
flex-wrap: wrap; }
.u-Flex-Grow--Desktop-Full {
flex-grow: 1; }
.u-Text-Align--Desktop-Left {
text-align: left; }
.u-Text-Align--Desktop-Center {
text-align: center; }
.u-Text-Align--Desktop-Right {
text-align: right; } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.u-Size--Minimized {
height: 0 !important; }
.u-Size--Medium {
height: 50vh !important; }
.u-Size--Large {
height: 75vh !important; }
.u-Size--Fullheight {
height: 100vh !important; }
.u-Size--Fit-Parent {
height: 100% !important; }
.u-Size--Min-Minimized {
min-height: 0 !important; }
.u-Size--Min-Medium {
min-height: 50vh !important; }
.u-Size--Min-Large {
min-height: 75vh !important; }
.u-Size--Min-Fullheight {
min-height: 100vh !important; }
.u-Size--Min-Fit-Parent {
min-height: 100% !important; }
.u-Size--Max-Minimized {
max-height: 0 !important; }
.u-Size--Max-Medium {
max-height: 50vh !important; }
.u-Size--Max-Large {
max-height: 75vh !important; }
.u-Size--Max-Fullheight {
max-height: 100vh !important; }
.u-Size--Max-Fit-Parent {
max-height: 100% !important; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.o-Arrow {
align-items: center;
display: inline-flex;
height: 10px;
position: relative;
width: 15px; }
.o-Arrow--Left .o-Arrow__Line {
-webkit-transform: translateZ(0);
transform: translateZ(0);
position: absolute;
right: 0; }
.o-Arrow--Left.o-Arrow--Active .o-Arrow__Icon, .o-Arrow--Left:hover .o-Arrow__Icon {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0); }
.o-Arrow--Left.o-Arrow--Active .o-Arrow__Line, .o-Arrow--Left:hover .o-Arrow__Line {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0); }
.o-Arrow--Left.o-Arrow--Active .o-Arrow__Line:after, .o-Arrow--Left:hover .o-Arrow__Line:after {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.o-Arrow--Right .o-Arrow__Line {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0);
left: 0;
position: absolute; }
.o-Arrow--Right.o-Arrow--Active, .o-Arrow--Right:hover {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.o-Arrow--Right.o-Arrow--Active .o-Arrow__Icon, .o-Arrow--Right:hover .o-Arrow__Icon {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0); }
.o-Arrow--Right.o-Arrow--Active .o-Arrow__Line, .o-Arrow--Right:hover .o-Arrow__Line {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.o-Arrow--Right.o-Arrow--Active .o-Arrow__Line:after, .o-Arrow--Right:hover .o-Arrow__Line:after {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.o-Arrow__Icon {
height: 100%;
fill: currentColor;
transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
.o-Arrow__Line {
height: 2px;
overflow: hidden;
transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
width: 13px; }
.o-Arrow__Line:after {
background: currentColor;
content: '';
transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.o-Badge {
align-items: center;
display: flex;
flex-direction: column;
height: 100px;
justify-content: center;
padding: .5rem;
width: 100px; }
.o-Badge--Xs {
height: 130px;
width: 130px; }
.o-Badge--Sm {
height: 150px;
width: 150px; }
.o-Badge--Md {
height: 180px;
width: 180px; }
.o-Badge--Lg {
height: 150px;
width: 200px; }
.o-Badge--Fluid {
height: 100%;
width: 100%; }
.o-Badge--Chat {
border-radius: 20px;
position: relative; }
.o-Badge--Chat:after {
bottom: -3px;
content: '';
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid var(--color-primary);
margin-bottom: -2px; }
.o-Badge--Cartoon {
border-radius: 40px 40px 0 40px; }
.o-Badge--Oval {
border-bottom-left-radius: 50%;
border-bottom-right-radius: 80%;
border-top-left-radius: 80%;
border-top-right-radius: 50%; }
.o-Badge--Rounded {
border-radius: 100%; }
.o-Badge--Spiked {
border-radius: 40px 0 40px 0; }
.o-Badge--Spiked-Inverse {
border-radius: 0 40px 0 40px; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.o-Button {
align-items: center;
border: 0;
display: inline-flex;
font-size: 0.72727rem;
font-weight: 400;
justify-content: center;
outline: 0;
position: relative;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
/*& + & {
margin-left: .5rem;
}*/ }
.o-Button--Xs {
height: 25px;
min-width: auto;
padding: 0 0.5rem; }
.o-Button--Xs.o-Button--Rounded {
border-radius: calc(25px - 10px); }
.o-Button--Sm {
height: 35px;
min-width: 120px;
padding: 0 0.5rem; }
.o-Button--Sm.o-Button--Rounded {
border-radius: calc(35px - 10px); }
.o-Button--Md {
height: 45px;
min-width: 170px;
padding: 0 0.75rem; }
.o-Button--Md.o-Button--Rounded {
border-radius: calc(45px - 10px); }
.o-Button--Lg {
height: 55px;
min-width: 230px;
padding: 0 1rem; }
.o-Button--Lg.o-Button--Rounded {
border-radius: calc(55px - 10px); }
.o-Button--Xl {
height: 55px;
min-width: 280px;
padding: 0 1rem; }
.o-Button--Xl.o-Button--Rounded {
border-radius: calc(55px - 10px); }
.o-Button--Radius {
border-radius: .45rem; }
.o-Button--Primary {
background: var(--color-primary-light);
border: 2px solid var(--color-primary-light);
color: var(--color-secondary);
transition: all 0.4s ease-in-out; }
.o-Button--Primary:active {
opacity: .8; }
.o-Button--Primary:hover {
background: var(--color-background-light);
border: 2px solid var(--color-background-light);
color: var(--color-primary); }
.o-Button--Secondary {
background: var(--color-secondary);
border: 2px solid var(--color-secondary);
color: var(--color-primary);
transition: all 0.4s ease-in-out; }
.o-Button--Secondary:active {
opacity: .8; }
.o-Button--Secondary:hover {
background: var(--color-background-light);
border: 2px solid var(--color-background-light);
color: var(--color-primary); }
.o-Button--Info {
background: var(--color-background-light);
border: 2px solid var(--color-background-light);
color: var(--color-primary);
transition: all 0.4s ease-in-out; }
.o-Button--Info:active, .o-Button--Info:hover {
opacity: 0.8; }
.o-Button--Success {
color: currentColor;
min-width: 0;
padding: 0;
text-decoration: underline;
transition: all 0.4s ease-in-out; }
.o-Button--Diamond {
min-width: 70px; }
.o-Button--Diamond:before {
background: var(--color-secondary);
border-radius: 15px;
content: '';
height: 45px;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all .3s ease-out;
width: 45px;
bottom: 0;
left: 50%;
position: absolute;
right: 0;
top: 50%; }
@media only screen and (min-width: 768px) {
.o-Button--Diamond:hover:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); } }
@media only screen and (min-width: 768px) {
.o-Button--Rotating-Effect:hover {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); } }
.o-Button__Icon {
display: inline-flex;
fill: currentColor;
height: 1em;
transition: fill .3s ease-out;
width: 1em; }
.o-Button__Icon--Left {
margin: 1px .4rem 0 0; }
.o-Button__Icon--Right {
margin: 1px 0 0 .4rem; }
.o-Button__Icon.o-Arrow {
height: 10px;
width: 15px; }
.o-Button:active .o-Button__Icon--Left .o-Arrow__Icon, .o-Button:hover .o-Button__Icon--Left .o-Arrow__Icon {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0); }
.o-Button:active .o-Button__Icon--Right .o-Arrow__Icon, .o-Button:hover .o-Button__Icon--Right .o-Arrow__Icon {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0); }
.o-Button:active .o-Button__Icon .o-Arrow__Line, .o-Button:hover .o-Button__Icon .o-Arrow__Line {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.o-Button:active .o-Button__Icon .o-Arrow__Line:after, .o-Button:hover .o-Button__Icon .o-Arrow__Line:after {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.o-Form {
position: relative; }
.o-Form--Business {
padding: 2.5rem 1.5rem; }
.o-Form--Business .o-Form__Group {
align-items: center;
background: var(--color-text-light);
border: 0;
border-radius: .25rem;
display: flex;
padding: .5rem; }
.o-Form--Business .o-Form__Group:hover {
background-color: var(--color-text-light);
border: 0; }
.o-Form--Business .o-Form__Label {
font-size: 0.72727rem;
line-height: 2; }
.o-Form--Business .o-Form__Input {
border: 0;
color: var(--color-primary);
font-size: 0.72727rem;
padding: 0; }
.o-Form--Business .o-Form__Input::-webkit-input-placeholder {
color: var(--color-primary) !important; }
.o-Form--Business .o-Form__Input:-ms-input-placeholder {
color: var(--color-primary) !important; }
.o-Form--Business .o-Form__Input:-moz-placeholder {
color: var(--color-primary) !important; }
.o-Form--Business .o-Form__Input::-moz-placeholder {
color: var(--color-primary) !important; }
.o-Form--Business .o-Form__Field:not(:placeholder-shown) ~ .o-Form__Label, .o-Form--Business .o-Form__Field:focus ~ .o-Form__Label {
display: none; }
.o-Form__Group {
background-color: transparent;
border: 2px solid rgba(255, 255, 255, 0.3);
padding-bottom: .5rem;
padding-left: .5rem;
padding-right: .5rem;
padding-top: .5rem;
position: relative;
transition: all .3s ease-out; }
.o-Form__Group:hover {
background-color: rgba(255, 255, 255, 0.3);
border: 2px solid white; }
.o-Form__Group .o-Form__Field:not(:placeholder-shown) ~ .o-Form__Label--Fancy, .o-Form__Group .o-Form__Field:focus ~ .o-Form__Label--Fancy {
font-size: 13px;
left: 0;
top: 1rem; }
.o-Form__Input {
background: transparent;
border: 0;
color: var(--color-text-light);
font-size: 1.5rem;
line-height: 2;
outline: none;
width: 100%; }
.o-Form__Input::-webkit-input-placeholder {
color: transparent !important; }
.o-Form__Input:-ms-input-placeholder {
color: transparent !important; }
.o-Form__Input:-moz-placeholder {
color: transparent !important; }
.o-Form__Input::-moz-placeholder {
color: transparent !important; }
.o-Form__Label {
cursor: pointer;
font-size: 2rem;
font-size: 1.5rem;
outline: none;
pointer-events: none;
text-transform: capitalize;
text-align: left;
transition: all 0.28s ease;
z-index: 1; }
.o-Form__Field {
align-items: center;
background: transparent;
border: 0;
color: inherit;
display: flex;
width: 100%; }
.o-Form__Fieldset {
border: 0;
outline: none; }
.o-Form__Item {
padding-bottom: 1rem;
position: relative; }
.o-Form__Toggle {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out; }
.o-Form__Toggle--Active {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
.o-Form input {
border: 0;
outline: none; }
.o-Datepicker {
background: transparent;
border: 0;
cursor: pointer;
font-size: .8rem;
font-weight: 700;
max-width: 100%;
padding: 0;
text-align: center;
width: 100%; }
.o-Datepicker--Fake {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1; }
.o-Datepicker__Controls {
display: flex;
flex-wrap: wrap;
font-size: .6rem;
line-height: .8rem;
justify-content: center; }
.o-Datepicker__Trigger {
background: transparent;
border: 0;
color: var(--color-text-light);
outline: none; }
.o-Touchspin__Controls {
display: flex;
flex-wrap: wrap;
font-size: .8rem;
justify-content: space-between; }
.o-Touchspin__Down, .o-Touchspin__Up {
background: transparent;
border: 0;
color: var(--color-text-light);
font-size: 1rem;
line-height: .8rem;
margin: 0 auto;
outline: none;
width: 48%; }
.o-Radio-Button {
cursor: pointer; }
.o-Radio-Button--Custom .o-Radio-Button__Input {
display: none; }
.o-Radio-Button__Input:checked ~ .o-Radio-Button__Label {
border-bottom: 2px solid white;
font-weight: 500;
opacity: 1; }
.o-Radio-Button__Label {
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
display: inline-block;
font-weight: 200;
line-height: 3;
opacity: .3;
padding-bottom: 1rem;
transition: all .3s ease-out;
width: 100%; }
.o-Checkbox {
align-items: center;
cursor: pointer;
display: flex;
position: relative; }
.o-Checkbox--Custom .o-Checkbox__Input {
display: none; }
.o-Checkbox--Disabled {
opacity: .5;
transition: all .3s ease-out; }
.o-Checkbox__Input:checked ~ .o-Checkbox__Inner:after {
display: block;
opacity: 1;
visibility: visible; }
.o-Checkbox__Label {
display: inline-block;
font-size: 0.59091rem;
margin-left: .5rem;
width: 100%; }
.o-Checkbox__Inner {
align-items: center;
background: var(--color-text-light);
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 2px;
display: flex;
height: 20px;
justify-content: center;
left: 0;
position: relative;
width: 20px; }
.o-Checkbox__Inner:after {
content: '';
background: var(--color-primary);
display: block;
height: 10px;
opacity: 0;
visibility: hidden;
width: 10px;
border-radius: 1px; }
.o-Hamburger {
align-items: center;
display: inline-flex;
color: var(--color-primary);
cursor: pointer;
justify-content: center;
padding: 0 0;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
outline: none; }
.o-Hamburger.o-Hamburger--Active .o-Hamburger__Label::before {
opacity: 0; }
.o-Hamburger.o-Hamburger--Active .o-Hamburger__Label::after {
opacity: 1; }
.o-Hamburger.o-Hamburger--Hourglass .o-Hamburger__Inner::before {
width: calc(30px / 3 * 2); }
.o-Hamburger.o-Hamburger--Hourglass .o-Hamburger__Inner:before {
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.o-Hamburger:hover {
opacity: 1; }
.o-Hamburger__Box {
width: 30px;
height: 18px;
display: inline-flex;
position: relative; }
.o-Hamburger__Box + .o-Hamburger__Label {
margin-left: 0.45455rem; }
.o-Hamburger__Inner {
display: inline-flex;
top: 50%;
margin-top: -1px; }
.o-Hamburger__Inner, .o-Hamburger__Inner::before, .o-Hamburger__Inner::after {
width: 30px;
height: 2px;
background-color: var(--color-primary);
border-radius: 0px;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.o-Hamburger__Inner::before, .o-Hamburger__Inner::after {
content: "";
display: block; }
.o-Hamburger__Inner::before {
top: -8px; }
.o-Hamburger__Inner::after {
bottom: -8px; }
.o-Hamburger__Label {
align-items: center;
color: currentColor;
display: inline-flex;
font-size: 0.63636rem;
font-weight: 400;
position: relative; }
.o-Hamburger__Label::before {
content: attr(data-off-text);
position: relative;
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s; }
.o-Hamburger__Label::after {
content: attr(data-on-text);
opacity: 0;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s; }
.o-Hamburger__Label + .o-Hamburger__Box {
margin-left: 0.45455rem; }
/*
* Slider
*/
.o-Hamburger--Slider .o-Hamburger__Inner {
top: 1px; }
.o-Hamburger--Slider .o-Hamburger__Inner::before {
top: 8px;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
transition-timing-function: ease;
transition-duration: 0.15s; }
.o-Hamburger--Slider .o-Hamburger__Inner::after {
top: 16px; }
.o-Hamburger--Slider.o-Hamburger--Active .o-Hamburger__Inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg); }
.o-Hamburger--Slider.o-Hamburger--Active .o-Hamburger__Inner::before {
-webkit-transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0);
transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0);
opacity: 0; }
.o-Hamburger--Slider.o-Hamburger--Active .o-Hamburger__Inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
transform: translate3d(0, -16px, 0) rotate(-90deg); }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.o-Icon {
display: inline-flex;
fill: currentColor;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.o-Icon--Sm {
height: 0.90909rem;
width: 0.90909rem; }
.o-Icon--Md {
height: 1.09091rem;
width: 1.09091rem; }
.o-Icon--Lg {
height: 1.63636rem;
width: 1.63636rem; }
.o-Icon--Xl {
height: 2.36364rem;
width: 2.36364rem; }
.o-Icon--Xxl {
height: 4.09091rem;
width: 4.09091rem; }
.o-Icon--Xxxl {
height: 4.31818rem;
width: 4.31818rem; }
.o-Icon--Fluid {
width: auto !important; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.o-Logo {
fill: currentColor; }
.o-Logo--Type {
height: 45px;
width: 155px; }
@media only screen and (min-width: 1024px) {
.o-Logo--Type {
height: 70px;
width: 240px; } }
.o-Logo--Mark {
height: 70px;
width: 100px; }
.o-Logo--Emblem {
height: 23px;
width: 80px; }
@media only screen and (min-width: 1024px) {
.o-Logo--Emblem {
height: 36px;
width: 125px; } }
.o-Logo--Hover-Saturate {
opacity: .7;
-webkit-filter: invert(0.5);
filter: invert(0.5);
transition: all .2s; }
.o-Logo--Hover-Saturate:hover {
opacity: .9;
-webkit-filter: invert(0);
filter: invert(0); }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.o-Map {
border: 0;
height: 100%;
width: 100%; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
/*#region Mixins*/
/*#endregion*/
.o-Multimedia {
display: block;
overflow: hidden;
position: relative; }
.o-Multimedia--1by1:before {
content: '';
display: block;
padding-top: 100%;
position: relative;
width: 100%; }
.o-Multimedia--1by1 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--1by2:before {
content: '';
display: block;
padding-top: 200%;
position: relative;
width: 100%; }
.o-Multimedia--1by2 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--2by1:before {
content: '';
display: block;
padding-top: 50%;
position: relative;
width: 100%; }
.o-Multimedia--2by1 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--2by3:before {
content: '';
display: block;
padding-top: 150%;
position: relative;
width: 100%; }
.o-Multimedia--2by3 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--3by2:before {
content: '';
display: block;
padding-top: 66.66667%;
position: relative;
width: 100%; }
.o-Multimedia--3by2 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--3by4:before {
content: '';
display: block;
padding-top: 133.33333%;
position: relative;
width: 100%; }
.o-Multimedia--3by4 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--4by3:before {
content: '';
display: block;
padding-top: 75%;
position: relative;
width: 100%; }
.o-Multimedia--4by3 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--4by5:before {
content: '';
display: block;
padding-top: 125%;
position: relative;
width: 100%; }
.o-Multimedia--4by5 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--5by3:before {
content: '';
display: block;
padding-top: 60%;
position: relative;
width: 100%; }
.o-Multimedia--5by3 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--5by4:before {
content: '';
display: block;
padding-top: 80%;
position: relative;
width: 100%; }
.o-Multimedia--5by4 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--16by9:before {
content: '';
display: block;
padding-top: 56.25%;
position: relative;
width: 100%; }
.o-Multimedia--16by9 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--16by10:before {
content: '';
display: block;
padding-top: 62.5%;
position: relative;
width: 100%; }
.o-Multimedia--16by10 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--21by9:before {
content: '';
display: block;
padding-top: 42.85714%;
position: relative;
width: 100%; }
.o-Multimedia--21by9 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--32by9:before {
content: '';
display: block;
padding-top: 28.125%;
position: relative;
width: 100%; }
.o-Multimedia--32by9 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--256by135:before {
content: '';
display: block;
padding-top: 52.73438%;
position: relative;
width: 100%; }
.o-Multimedia--256by135 .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--Fit-Parent {
height: 100%; }
.o-Multimedia--Fit-Parent .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--Custom:before {
content: '';
display: block;
position: relative;
width: 100%; }
.o-Multimedia--Custom .o-Multimedia__Source {
width: 100%; }
.o-Multimedia--Parallax {
height: 100vh; }
.o-Multimedia--Parallax .o-Multimedia__Source {
position: static; }
.o-Multimedia--Parallax:before {
content: none; }
.o-Multimedia--Circle {
border-radius: 50%; }
.o-Multimedia--Opacified:after {
content: '';
background-color: rgba(39, 41, 48, 0.15);
display: block;
pointer-events: none;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1; }
.o-Multimedia--Shaded:after {
background: linear-gradient(to bottom, rgba(39, 41, 48, 0) 0%, rgba(39, 41, 48, 0.2) 50%, #272930 calc(100% - 1.5rem), #272930 100%);
content: '';
display: block;
pointer-events: none;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
.o-Multimedia--Zoom-Effect:active .o-Multimedia__Source, .o-Multimedia--Zoom-Effect:hover .o-Multimedia__Source {
-webkit-transform: translateZ(0) scale(1.1);
transform: translateZ(0) scale(1.1); }
.o-Multimedia--Zoom-Effect .o-Multimedia__Source {
transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s; }
.o-Multimedia--Entry-Effect.lazyloaded .o-Multimedia__Mask {
width: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.o-Multimedia--Entry-Effect.lazyloaded .o-Multimedia__Source {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0); }
.o-Multimedia--Entry-Effect.lazyloaded.o-Multimedia--Opacified:after, .o-Multimedia--Entry-Effect.lazyloaded.o-Multimedia--Shaded:after {
width: 100%; }
.o-Multimedia--Entry-Effect.o-Multimedia--Opacified:after, .o-Multimedia--Entry-Effect.o-Multimedia--Shaded:after {
height: 100%;
transition: width 1s cubic-bezier(1, 0, 0, 1) 0.3s, opacity 0.3s ease-out, visibility 0.3s ease-out;
width: 0;
bottom: auto;
left: 0;
position: absolute;
right: auto;
top: 0; }
.o-Multimedia--Entry-Effect .o-Multimedia__Mask {
background-color: var(--color-primary);
content: '';
height: 100%;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform-origin: right top;
transform-origin: right top;
transition: all 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 1s;
width: 100%;
position: absolute;
right: 0;
top: 0; }
.o-Multimedia--Entry-Effect .o-Multimedia__Source {
-webkit-transform: scale(1.3) translate(-100%, 0);
transform: scale(1.3) translate(-100%, 0);
-webkit-transform-origin: right top;
transform-origin: right top;
transition: -webkit-transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 1s;
transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 1s;
transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 1s, -webkit-transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 1s; }
.o-Multimedia--Scale-Effect .o-Multimedia__Source {
-webkit-transform: scale(1.15);
transform: scale(1.15);
transition: opacity 2.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
transition: transform 2.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 2.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
transition: transform 2.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 2.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; }
.o-Multimedia--Scale-Effect .o-Multimedia__Source.lazyloaded {
-webkit-transform: scale(1);
transform: scale(1); }
@media only screen and (min-width: 1024px) {
.o-Multimedia--Hover-Opacity:hover:after {
opacity: 1;
visibility: visible; }
.o-Multimedia--Hover-Opacity:after {
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1), visibility 0.3s cubic-bezier(0.5, 0, 0, 1);
visibility: hidden; } }
@media only screen and (min-width: 1024px) {
.o-Multimedia--Hover-Caption:hover .o-Multimedia__Caption {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible; } }
.o-Multimedia--Hover-Caption .o-Multimedia__Caption {
opacity: 1;
transition: all .3s ease-out;
visibility: visible; }
@media only screen and (min-width: 1024px) {
.o-Multimedia--Hover-Caption .o-Multimedia__Caption {
opacity: 0;
-webkit-transform: translate(0, 1.5rem);
transform: translate(0, 1.5rem);
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1), visibility 0.3s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1), visibility 0.3s cubic-bezier(0.5, 0, 0, 1), transform 0.3s cubic-bezier(0.5, 0, 0, 1);
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1), visibility 0.3s cubic-bezier(0.5, 0, 0, 1), transform 0.3s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
visibility: hidden; } }
.o-Multimedia__Source {
border: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
left: 0;
position: absolute;
top: 0; }
iframe.o-Multimedia__Source {
height: 56.25vw;
min-height: 100%;
min-width: 100%;
-o-object-fit: unset;
object-fit: unset;
width: 177.77777778vh !important;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.o-Multimedia__Caption {
text-align: center;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1; }
img[src=''],
img:not([src]) {
opacity: 0; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.o-Scroll-Element--ScaleY {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
/*#region Helpers*/
/*#endregion*/
::-moz-selection {
background: var(--color-primary);
color: var(--color-text-light); }
::selection {
background: var(--color-primary);
color: var(--color-text-light); }
html {
font-family: Work Sans, sans-serif;
font-size: 18px; }
@media (min-width: 768px) {
html {
font-size: calc(0.67568vw + 12.81081px); } }
@media (min-width: 1360px) {
html {
font-size: 22px; } }
.o-Text {
line-height: 1.5; }
.o-Text__H1 {
line-height: 1.2;
font-size: 2.45455rem;
font-weight: 300; }
.o-Text__H2 {
line-height: 1.2;
font-size: 2.09091rem;
font-weight: 300; }
.o-Text__H3 {
line-height: 1.2;
font-size: 1.81818rem;
font-weight: 300; }
.o-Text__H4 {
line-height: 1.2;
font-size: 1.18182rem;
font-weight: 300; }
.o-Text__H5 {
line-height: 1.5;
font-size: 0.90909rem;
font-weight: 300; }
.o-Text__H6 {
line-height: 1.5;
font-size: 0.63636rem;
font-weight: 300; }
.o-Text__P {
line-height: 1.5;
font-size: 0.90909rem;
font-weight: 300; }
.o-Text > :not(:last-child) {
margin-bottom: .1em; }
.o-Text b,
.o-Text strong {
font-weight: 700; }
.o-Text em {
font-style: italic; }
.o-Text ul:not([class]) {
list-style: outside; }
.o-Text ul:not([class]) li {
list-style-position: outside;
margin-left: 1em; }
.o-Text a {
color: currentColor;
text-decoration: none; }
.o-Link {
color: currentColor;
font-weight: 400;
position: relative;
transition: opacity .3s ease-out;
text-decoration: none !important; }
.o-Link:hover {
opacity: .8; }
.o-Overlink {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1; }
.u-Typography--Primary {
font-family: Work Sans, sans-serif; }
.u-Typography--Light {
font-weight: 300 !important; }
.u-Typography--Regular {
font-weight: 400 !important; }
.u-Typography--Medium {
font-weight: 500 !important; }
.u-Typography--Semi-Bold {
font-weight: 600 !important; }
.u-Typography--Bold {
font-weight: 700 !important; }
.u-Typography--Compact {
line-height: 1; }
.u-Typography--Hypertextual-Content a {
background: linear-gradient(to bottom, var(--color-secondary) 0%, var(--color-secondary) 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 2px 2px;
color: var(--color-primary);
position: relative;
text-decoration: none;
transition: background-size .3s ease-out, color .3s ease-out; }
.u-Typography--Hypertextual-Content a:hover {
color: var(--color-text-light);
background-size: 2px 50px; }
.u-Typography--Letter-Spacing {
letter-spacing: .1rem; }
.u-Typography--Fancy-List ul li {
position: relative;
line-height: 2;
list-style: none;
margin-left: 2em;
padding-left: .5rem; }
.u-Typography--Fancy-List ul li:before {
content: '';
background: currentColor;
border-radius: 5px;
height: 16px;
left: 0;
position: absolute;
-webkit-transform: translate(-150%, -50%) rotate(45deg);
transform: translate(-150%, -50%) rotate(45deg);
top: 50%;
width: 16px; }
@media only screen and (min-width: 768px) {
.u-Typography--Newspaper {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 3rem;
column-gap: 3rem; } }
.u-Typography--Left-Indent {
padding-left: 1.5rem; }
.u-Typography--Uppercase {
text-transform: uppercase; }
.u-Typography--Quote {
margin: 0;
position: relative;
padding: 3rem 1.5rem; }
.u-Typography--Quote:before, .u-Typography--Quote:after {
color: currentColor;
height: 1rem;
font-size: 2rem;
position: absolute;
width: 1rem; }
.u-Typography--Quote:before {
content: '\201C';
left: 1rem;
top: 1.5rem; }
.u-Typography--Quote:after {
bottom: 1.5rem;
content: '\201D';
right: 1rem; }
@media only screen and (min-width: 768px) {
.u-Typography--Quote {
padding: 2.5rem 3.5rem; } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Accordion {
display: flex;
flex-direction: column;
justify-content: center; }
.o-Panel {
margin-bottom: .5rem;
transition: all .3s ease-out; }
.o-Panel--Primary-Skin .o-Panel__Header {
background: transparent;
color: #272930; }
.o-Panel--Primary-Skin .o-Panel__Header:hover {
background: transparent;
color: #ffbe9d; }
.o-Panel--Primary-Skin.o-Panel--Active .o-Panel__Header {
background: transparent;
color: #ffbe9d; }
.o-Panel--Primary-Skin.o-Panel--Active .o-Panel__Content {
padding-top: calc( - ); }
.o-Panel--Secondary-Skin .o-Panel__Header {
background: #d7c0b4;
color: #272930;
padding: 1rem; }
.o-Panel--Secondary-Skin .o-Panel__Header:hover {
background: white;
color: #272930; }
.o-Panel--Secondary-Skin .o-Panel__Content {
padding-left: 3rem;
padding-right: 3rem; }
.o-Panel--Secondary-Skin.o-Panel--Active .o-Panel__Header {
background: white;
color: #272930; }
.o-Panel--Secondary-Skin.o-Panel--Active .o-Panel__Content {
padding-bottom: 3rem;
padding-top: calc(3rem - 1rem); }
.o-Panel--Active .o-Panel__Content {
max-height: none;
padding-bottom: 2rem; }
.o-Panel--Active .o-Panel__Arrow {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.o-Panel--Active .o-Panel__Mode:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.o-Panel__Content {
max-height: 0;
overflow: hidden;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.o-Panel__Header {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: center;
padding-bottom: 1rem;
transition: all .3s ease-out; }
.o-Panel__Title {
align-items: center;
display: flex;
pointer-events: none; }
.o-Panel__Arrow {
color: currentColor;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out; }
.o-Panel__Mode {
height: 1rem;
padding-right: 1rem;
position: relative;
width: 1rem; }
.o-Panel__Mode:before {
background: currentColor;
content: '';
height: 100%;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
transition: all .3s ease-out;
width: 2px; }
.o-Panel__Mode:after {
background: currentColor;
content: '';
height: 2px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
transition: all .3s ease-out;
width: 100%; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Card {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
width: 100%; }
.c-Card--Rounded {
border-radius: 10px;
overflow: hidden; }
.c-Card--Box-Shadow {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
.c-Card--Bordered {
border-color: rgba(39, 41, 48, 0.2);
border-style: solid;
border-width: 1px; }
.c-Card--Outlined {
outline-color: rgba(39, 41, 48, 0.2);
outline-offset: -1px;
outline-style: solid;
outline-width: 1px; }
.c-Card--Hover-Effect:hover .o-Multimedia {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
.c-Card--Hover-Effect .c-Card__Media {
overflow: hidden; }
.c-Card--Hover-Effect .o-Multimedia {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out; }
.c-Card__Media {
position: relative;
width: 100%; }
.c-Card__Content {
flex-grow: 1;
padding-bottom: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
position: relative; }
.c-Card__Content--Fit {
padding: 0; }
.c-Card__Header {
padding-bottom: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-CookiePopup {
align-items: center;
background: var(--color-primary);
border-radius: 8px;
display: flex;
justify-content: space-between;
margin-left: .5rem;
margin-right: .5rem;
max-width: none;
opacity: 1;
overflow: hidden;
padding: .5rem 1.5rem;
pointer-events: auto;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: opacity 0.7s cubic-bezier(0.86, 0.01, 0.14, 1), visibility 0.7s, -webkit-transform 0.7s cubic-bezier(0.86, 0.01, 0.14, 1);
transition: opacity 0.7s cubic-bezier(0.86, 0.01, 0.14, 1), transform 0.7s cubic-bezier(0.86, 0.01, 0.14, 1), visibility 0.7s;
transition: opacity 0.7s cubic-bezier(0.86, 0.01, 0.14, 1), transform 0.7s cubic-bezier(0.86, 0.01, 0.14, 1), visibility 0.7s, -webkit-transform 0.7s cubic-bezier(0.86, 0.01, 0.14, 1);
width: calc(100% - 1rem); }
@media only screen and (min-width: 1024px) {
.c-CookiePopup {
margin-left: auto;
margin-right: auto;
max-width: 768px; } }
.c-CookiePopup--Dismissed {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: hidden; }
.c-CookiePopup__Content {
color: var(--color-text-light);
font-size: 0.68182rem; }
.c-CookiePopup__Link {
color: var(--color-text-secondary);
cursor: pointer;
font-size: 0.68182rem;
margin-left: .25rem;
transition: all .3s ease-out; }
.c-CookiePopup__Link:hover {
opacity: .8; }
.c-CookiePopup__Button {
align-items: center;
background: var(--color-secondary);
border: 0;
border-radius: 35px;
color: var(--color-text-light);
cursor: pointer;
display: inline-flex;
font-size: 0.68182rem;
height: 45px;
justify-content: center;
outline: 0;
padding: 0 1.25rem;
position: relative;
text-decoration: none;
transition: all .3s ease-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap; }
.c-CookiePopup__Button:hover {
opacity: .8; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Hero {
overflow: hidden;
position: relative; }
.c-Hero--Primary-Skin .c-Hero__Background {
background: rgba(39, 41, 48, 0.2); }
.c-Hero--Primary-Skin .c-Hero__Background:after {
background: rgba(39, 41, 48, 0.2); }
.c-Hero--Secondary-Skin .c-Hero__Background {
background: rgba(255, 190, 157, 0.4); }
.c-Hero--Secondary-Skin .c-Hero__Background:after {
background: rgba(255, 190, 157, 0.4); }
@media only screen and (min-width: 1024px) {
.c-Hero--Effect-Caption-Reveal:hover .c-Hero__Caption {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible; }
.c-Hero--Effect-Caption-Reveal .c-Hero__Caption {
opacity: 0;
-webkit-transform: translate(0, 1.5rem);
transform: translate(0, 1.5rem);
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
visibility: hidden; } }
@media only screen and (min-width: 1024px) {
.c-Hero--Effect-Opacity-Reveal:hover .c-Hero__Background:after {
opacity: 1;
visibility: visible; }
.c-Hero--Effect-Opacity-Reveal .c-Hero__Background:after {
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
visibility: hidden; } }
.c-Hero--Opacified-Skin .c-Hero__Background:after {
content: '';
display: block;
pointer-events: none;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1; }
.c-Hero__Background {
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
left: 0;
position: absolute;
top: 0;
z-index: 0; }
.c-Hero__Foreground {
display: flex;
height: 100%;
width: 100%;
position: relative;
z-index: 1; }
.c-Hero__Foreground--Start {
align-items: flex-start; }
.c-Hero__Foreground--Middle {
align-items: center; }
.c-Hero__Foreground--End {
align-items: flex-end; }
.c-Hero__Caption {
position: relative;
z-index: 1; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Loader {
align-items: center;
background-color: var(--color-background-light);
display: flex;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
justify-content: center;
overflow: hidden;
transition: opacity .3s ease-out 1s, visibility .3s ease-out 1s;
width: 100vw;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9000; }
.c-Loader--Loaded {
opacity: 0;
visibility: hidden; }
.c-Loader--Disabled {
transition: opacity .1s ease-out, visibility .1s ease-out;
opacity: 0;
visibility: hidden; }
.c-Loader__Logo {
height: 110px;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.c-Loader__Trackbar {
height: 2px;
overflow: hidden;
width: 100%;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
left: 0;
position: absolute;
right: 0; }
.c-Loader__Loadbar {
background: transparent;
height: 100%;
position: relative;
width: 0%; }
.c-Loader__Counter {
bottom: -5vh;
color: transparent;
font-size: 25vh;
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
@media only screen and (min-width: 768px) {
.c-Loader__Counter {
bottom: -15vh;
font-size: 40vh; } }
@media only screen and (min-width: 768px) {
.c-Loader__Counter {
bottom: -25vh;
font-size: 70vh; } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Navbar {
align-items: center;
background: var(--color-primary);
color: var(--color-text-light);
display: flex;
left: 0;
position: absolute;
top: 0;
z-index: 6000;
height: 70px;
width: 100%;
padding: 0; }
@media only screen and (min-width: 1024px) {
.c-Navbar {
height: 80px; } }
.c-Navbar--Transitioning {
top: -70px; }
@media only screen and (min-width: 1024px) {
.c-Navbar--Transitioning {
top: -80px; } }
.c-Navbar--Transitioning .c-Navbar__Cta {
color: var(--color-text-light); }
.c-Navbar--Transitioning .c-Navbar__Logo {
color: var(--color-text-light); }
.c-Navbar--Transitioning .c-Navbar__Navigation {
color: var(--color-text-light); }
.c-Navbar--Sticky {
background: var(--color-primary);
box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
transition: top .5s ease-out;
height: 70px; }
@media only screen and (min-width: 1024px) {
.c-Navbar--Sticky {
height: 80px; } }
.c-Navbar--Sticky .c-Navbar__Cta {
color: var(--color-text-light); }
.c-Navbar--Sticky .c-Navbar__Logo {
color: var(--color-text-light); }
.c-Navbar--Active {
background: transparent;
position: fixed;
transition: background .3s ease-out; }
.c-Navbar--Active .c-Navbar__Cta {
color: var(--color-primary) !important; }
.c-Navbar--Active .c-Navbar__Cta:hover {
color: var(--color-text-light) !important; }
.c-Navbar--Active .c-Navbar__Logo {
color: var(--color-primary); }
.c-Navbar--Inverse:not(.c-Navbar--Sticky) {
background: var(--color-primary-light); }
.c-Navbar--Inverse .c-Navbar__Cta {
color: var(--color-text-light); }
.c-Navbar--Inverse .c-Navbar__Logo {
color: var(--color-text-light); }
.c-Navbar--Inverse .c-Navbar__Navigation {
color: var(--color-text-dark); }
.c-Navbar__Cta {
color: var(--color-text-light);
transition: color .3s ease-out; }
.c-Navbar__Cta:hover {
color: var(--color-secondary); }
.c-Navbar__Item {
align-items: center;
display: flex;
flex: 1;
height: 100%; }
.c-Navbar__Item--Start {
justify-content: flex-start; }
.c-Navbar__Item--Middle {
justify-content: space-around; }
.c-Navbar__Item--End {
justify-content: flex-end; }
.c-Navbar__Logo {
color: currentColor;
transition: all .3s ease-out;
z-index: 6000; }
.c-Navbar__Navigation {
color: var(--color-text-light); }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Navigation {
display: flex;
height: 100%;
position: relative; }
.c-Navigation--Active .c-Navigation__Frame {
opacity: 1;
transition-delay: 0s;
visibility: visible; }
.c-Navigation--Curtain-Right.c-Navigation--Active .c-Navigation__Curtain {
left: 0; }
.c-Navigation--Curtain-Right.c-Navigation--Active .c-Navigation__Curtain--Base {
transition-delay: .115s; }
.c-Navigation--Curtain-Right.c-Navigation--Active .c-Navigation__Menu {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.c-Navigation--Curtain-Right .c-Navigation__Curtain {
left: -100%;
transition: left 1.15s cubic-bezier(0.86, 0, 0.07, 1); }
.c-Navigation--Curtain-Right .c-Navigation__Menu {
opacity: 0;
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
transition: all .75s ease-out; }
.c-Navigation--Curtain-Right .c-Navigation__Toggle {
transition: color 1.15s cubic-bezier(0.86, 0, 0.07, 1); }
.c-Navigation--Curtain-Left.c-Navigation--Active .c-Navigation__Curtain {
right: 0; }
.c-Navigation--Curtain-Left.c-Navigation--Active .c-Navigation__Curtain--Base {
transition-delay: .115s; }
.c-Navigation--Curtain-Left.c-Navigation--Active .c-Navigation__Menu {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.c-Navigation--Curtain-Left .c-Navigation__Curtain {
right: -100%;
transition: right 1.15s cubic-bezier(0.86, 0, 0.07, 1); }
.c-Navigation--Curtain-Left .c-Navigation__Menu {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
transition: all .5s ease-out; }
.c-Navigation--Curtain-Left .c-Navigation__Toggle {
transition: color 1.15s cubic-bezier(0.86, 0, 0.07, 1); }
.c-Navigation__Frame {
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
opacity: 0;
transition: .345s ease 1s;
visibility: hidden;
width: 100vw;
left: 0;
position: fixed;
top: 0;
z-index: -1; }
.c-Navigation__Curtain {
height: 100%;
width: 100%;
position: fixed;
top: 0; }
.c-Navigation__Curtain--Base {
background-color: rgba(215, 192, 180, 0.95);
z-index: 2;
/*&:before {
background: linear-gradient(to bottom, map-deep-get($navigation-settings, Curtain-Effect, Base-Background) 0%, map-deep-get($navigation-settings, Curtain-Effect, Base-Background) 65%, map-deep-get($navigation-settings, Curtain-Effect, Shade-Background) 100%);
content: '';
height: 130px;
width: 100%;
@include position(absolute, $left: 0, $top: 0);
@include z-index(inside);
}*/
/*&:after {
background: linear-gradient(to top, map-deep-get($navigation-settings, Curtain-Effect, Base-Background) 0%, map-deep-get($navigation-settings, Curtain-Effect, Base-Background) 20%, map-deep-get($navigation-settings, Curtain-Effect, Shade-Background) 100%);
content: '';
height: 75px;
width: 100%;
@include position(absolute, $left: 0, $bottom: 0);
@include z-index(inside);
}*/ }
.c-Navigation__Curtain--Deep {
background-color: var(--color-secondary);
z-index: 1; }
.c-Navigation__Content {
display: flex;
flex-direction: column;
height: 100%;
overflow-x: hidden;
overflow-y: scroll; }
.c-Navigation__Content::-webkit-scrollbar {
height: 0;
width: 0; }
.c-Navigation__Content::-webkit-scrollbar-thumb {
height: 0;
width: 0; }
.c-Navigation__Content::-webkit-scrollbar-track {
height: 0;
width: 0; }
@media only screen and (max-width: 1023px) {
.c-Navigation__Content {
padding-bottom: 100px; } }
@media only screen and (min-width: 1024px) {
.c-Navigation__Content {
padding-top: 90px;
justify-content: center; } }
.c-Navigation__Menu {
align-items: flex-start;
display: flex;
flex-direction: column;
height: auto;
margin: 0 1.5rem;
width: 100%; }
.c-Navigation__Menu::-webkit-scrollbar {
height: 0;
width: 0; }
.c-Navigation__Menu::-webkit-scrollbar-thumb {
height: 0;
width: 0; }
.c-Navigation__Menu::-webkit-scrollbar-track {
height: 0;
width: 0; }
@media only screen and (min-width: 1024px) {
.c-Navigation__Menu {
flex-direction: row;
flex-wrap: wrap;
margin: 0 1.5rem;
max-height: 420px;
overflow-x: hidden;
overflow-y: auto; } }
@media only screen and (max-width: 1023px) {
.c-Navigation__Menu--Primary {
padding: 150px 0 0; } }
@media only screen and (min-width: 1024px) {
.c-Navigation__Menu--Primary {
flex-direction: column; } }
.c-Navigation__Toggle {
padding-left: 1rem;
padding-right: 1rem;
position: relative;
z-index: 1;
/* @include mq(Surface) {
padding-left: 1.5rem;
padding-right: 1.5rem;
}*/ }
.c-Navigation__Item {
color: var(--color-primary);
font-size: 1.18182rem;
margin-bottom: 1rem;
line-height: 2.5;
overflow: hidden;
position: relative;
white-space: nowrap; }
.c-Navigation__Item:hover .c-Navigation__Link--Fancy, .c-Navigation__Item--Selected .c-Navigation__Link--Fancy, .c-Navigation__Item--Active .c-Navigation__Link--Fancy {
opacity: 1; }
.c-Navigation__Item:hover .c-Navigation__Link--Fancy:before, .c-Navigation__Item--Selected .c-Navigation__Link--Fancy:before, .c-Navigation__Item--Active .c-Navigation__Link--Fancy:before {
margin-right: .5rem;
width: 1rem; }
.c-Navigation__Item--Active .c-Navigation__Link--Fancy {
font-weight: 400; }
.c-Navigation__Item--Featured .c-Navigation__Link {
opacity: .6; }
@media only screen and (min-width: 1024px) {
.c-Navigation__Item {
width: 50%; } }
.c-Navigation__Language {
font-size: 0.72727rem;
line-height: 2.5;
opacity: .6; }
.c-Navigation__Language--Active {
opacity: 1; }
.c-Navigation__Social {
display: inline-flex;
font-size: 0.72727rem; }
.c-Navigation__Link {
color: currentColor;
line-height: 1.5;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.5, 0, 0, 1); }
.c-Navigation__Link--Fancy {
align-items: center;
display: flex;
font-weight: 300;
opacity: .6; }
.c-Navigation__Link--Fancy:before {
background-color: currentColor;
content: '';
height: 1px;
position: relative;
transition: all .2s ease-out;
width: 0; }
.c-Navigation__Link:hover {
opacity: .6; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Portlet {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
background: var(--color-background-light); }
.c-Portlet--Bordered-Skin .c-Portlet__Border {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
display: block;
height: 20px;
overflow: hidden;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
right: 0; }
.c-Portlet--Bordered-Skin .c-Portlet__Border:after {
background: var(--color-primary-base);
content: '';
display: block;
height: 10px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
right: 0; }
.c-Portlet--Active-Skin:hover .c-Portlet__Border {
opacity: 1;
visibility: visible; }
.c-Portlet--Active-Skin .c-Portlet__Border {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
display: block;
height: 20px;
opacity: 0;
overflow: hidden;
transition: opacity .2s ease-out, visibility .2s ease-out;
visibility: hidden;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
right: 0; }
.c-Portlet--Active-Skin .c-Portlet__Border:after {
background: var(--color-primary-base);
content: '';
display: block;
height: 10px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
right: 0; }
.c-Portlet__Body {
flex: 1 0 auto;
padding-bottom: 3.5rem;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 3.5rem; }
@media only screen and (min-width: 1024px) {
.c-Portlet__Body {
padding-bottom: 3.5rem;
padding-left: 5rem;
padding-right: 5rem;
padding-top: 3.5rem; } }
.c-Portlet__Body--Slim {
padding-bottom: 3rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 3rem; }
@media only screen and (min-width: 1024px) {
.c-Portlet__Body--Slim {
padding-bottom: 3rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 3rem; } }
.c-Portlet__Body--Fit {
padding: 0; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Slider--Fit-Parent {
height: 100%; }
.c-Slider__Slide.swiper-slide {
height: auto;
width: auto; }
.c-Slider__Pagination {
align-items: center;
display: flex; }
.c-Slider__Pagination--Primary-Skin {
height: calc(10px * 1.5); }
.c-Slider__Pagination--Primary-Skin .swiper-pagination-bullet {
align-items: center;
background: transparent;
border: 1px solid #ffbe9d;
border-radius: 2px;
display: inline-flex;
height: 8px;
justify-content: center;
margin: 0 10px;
opacity: 1 !important;
-webkit-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
width: 8px; }
.c-Slider__Pagination--Primary-Skin .swiper-pagination-bullet:focus {
outline: none; }
.c-Slider__Pagination--Primary-Skin .swiper-pagination-bullet-active {
height: 10px;
position: relative;
width: 10px; }
.c-Slider__Pagination--Primary-Skin .swiper-pagination-bullet-active:after {
background: #ffbe9d;
border: 0;
border-radius: 2px;
content: '';
height: 10px;
width: 10px;
position: absolute; }
.c-Slider__Pagination--Secondary-Skin {
height: calc(4px * 1.5); }
.c-Slider__Pagination--Secondary-Skin .swiper-pagination-bullet {
align-items: center;
background: #ffbe9d;
border-radius: 0;
display: inline-flex;
height: 1px;
justify-content: center;
margin: 0 10px;
opacity: 1 !important;
-webkit-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
width: 35px; }
.c-Slider__Pagination--Secondary-Skin .swiper-pagination-bullet:focus {
outline: none; }
.c-Slider__Pagination--Secondary-Skin .swiper-pagination-bullet-active {
height: 4px;
position: relative;
width: 35px; }
.c-Slider__Pagination--Secondary-Skin .swiper-pagination-bullet-active:after {
background: #272930;
border-radius: 0;
content: '';
height: 4px;
width: 35px;
position: absolute; }
.c-Slider__Pagination--Overlay-Skin {
height: calc(4px * 1.5); }
.c-Slider__Pagination--Overlay-Skin .swiper-pagination-bullet {
align-items: center;
background: white;
border-radius: 0;
display: inline-flex;
height: 1px;
justify-content: center;
margin: 0 10px;
opacity: 1 !important;
-webkit-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
width: 35px; }
.c-Slider__Pagination--Overlay-Skin .swiper-pagination-bullet:focus {
outline: none; }
.c-Slider__Pagination--Overlay-Skin .swiper-pagination-bullet-active {
height: 4px;
position: relative;
width: 35px; }
.c-Slider__Pagination--Overlay-Skin .swiper-pagination-bullet-active:after {
background: white;
border-radius: 0;
content: '';
height: 4px;
width: 35px;
position: absolute; }
.c-Slider__Navigation--Primary-Skin {
background: var(--color-secondary);
color: var(--color-primary);
height: 32px;
margin-left: 6px;
margin-right: 6px;
margin-top: 0;
width: 32px; }
.c-Slider__Navigation--Primary-Skin:focus {
outline: none; }
.c-Slider__Navigation--Primary-Skin:hover {
color: var(--color-primary); }
.c-Slider__Navigation--Primary-Skin:after {
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
content: '';
display: inline-flex;
height: 10px;
position: absolute;
transition: color .3s ease-out;
width: 10px; }
.c-Slider__Navigation--Primary-Skin.c-Slider__Navigation--Left {
left: 1rem; }
.c-Slider__Navigation--Primary-Skin.c-Slider__Navigation--Left:after {
right: calc(32px / 3.2);
-webkit-transform: translateZ(0) rotate(-135deg);
transform: translateZ(0) rotate(-135deg); }
.c-Slider__Navigation--Primary-Skin.c-Slider__Navigation--Right {
right: 1rem; }
.c-Slider__Navigation--Primary-Skin.c-Slider__Navigation--Right:after {
left: calc(32px / 3.6);
-webkit-transform: translateZ(0) rotate(45deg);
transform: translateZ(0) rotate(45deg); }
.c-Slider__Navigation--Primary-Skin.c-Slider__Navigation--Custom {
background: transparent; }
.c-Slider__Navigation--Primary-Skin.c-Slider__Navigation--Custom:hover:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.c-Slider__Navigation--Primary-Skin.c-Slider__Navigation--Custom:before {
background: var(--color-secondary);
border-radius: 10px;
content: '';
height: 32px;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
width: 32px;
bottom: 0;
left: 50%;
position: absolute;
right: 0;
top: 50%; }
.c-Slider__Navigation--Secondary-Skin {
background: transparent;
color: rgba(255, 190, 157, 0.5);
height: 32px;
margin-left: 6px;
margin-right: 6px;
margin-top: 0;
width: 32px; }
.c-Slider__Navigation--Secondary-Skin:focus {
outline: none; }
.c-Slider__Navigation--Secondary-Skin:hover {
color: var(--color-secondary); }
.c-Slider__Navigation--Secondary-Skin:after {
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
content: '';
display: inline-flex;
height: 10px;
position: absolute;
transition: color .3s ease-out;
width: 10px; }
.c-Slider__Navigation--Secondary-Skin.c-Slider__Navigation--Left {
left: 1rem; }
.c-Slider__Navigation--Secondary-Skin.c-Slider__Navigation--Left:after {
right: calc(32px / 3.2);
-webkit-transform: translateZ(0) rotate(-135deg);
transform: translateZ(0) rotate(-135deg); }
.c-Slider__Navigation--Secondary-Skin.c-Slider__Navigation--Right {
right: 1rem; }
.c-Slider__Navigation--Secondary-Skin.c-Slider__Navigation--Right:after {
left: calc(32px / 3.6);
-webkit-transform: translateZ(0) rotate(45deg);
transform: translateZ(0) rotate(45deg); }
.c-Slider__Navigation--Secondary-Skin.c-Slider__Navigation--Custom {
background: transparent; }
.c-Slider__Navigation--Secondary-Skin.c-Slider__Navigation--Custom:hover:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.c-Slider__Navigation--Secondary-Skin.c-Slider__Navigation--Custom:before {
background: transparent;
border-radius: 10px;
content: '';
height: 32px;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
width: 32px;
bottom: 0;
left: 50%;
position: absolute;
right: 0;
top: 50%; }
.c-Slider__Controls {
align-items: center;
display: flex; }
.c-Slider__Controls .c-Slider__Pagination,
.c-Slider__Controls .c-Slider__Navigation,
.c-Slider__Controls .c-Slider__ScrollBar {
display: inline-flex;
position: relative; }
.c-Slider__Controls .c-Slider__Navigation {
left: auto;
right: auto;
top: auto; }
.c-Slider__Controls--Custom .c-Slider__Navigation--Left {
left: 1rem; }
.c-Slider__Controls--Custom .c-Slider__Navigation--Right {
right: 1rem; }
.c-Slider__Scrollbar--Primary-Skin.swiper-scrollbar {
background-color: rgba(39, 41, 48, 0.2);
flex-grow: 1;
flex-basis: 0;
height: .1rem;
margin: 0;
max-width: 100%; }
.c-Slider__Scrollbar--Primary-Skin .swiper-scrollbar-drag {
background-color: var(--color-primary); }
.c-Slider__Scrollbar--Secondary-Skin.swiper-scrollbar {
background-color: rgba(255, 190, 157, 0.2);
flex-grow: 1;
flex-basis: 0;
height: .1rem;
margin: 0;
max-width: 100%; }
.c-Slider__Scrollbar--Secondary-Skin .swiper-scrollbar-drag {
background-color: var(--color-secondary); }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.c-Tabs--Fancy .c-Tabs__Nav {
flex-direction: column;
padding-bottom: 1.5rem;
padding-top: 1.5rem; }
@media only screen and (min-width: 768px) {
.c-Tabs--Fancy .c-Tabs__Nav {
flex-direction: row; } }
.c-Tabs--Fancy .c-Tabs__toggle {
cursor: pointer;
margin-bottom: .25rem;
margin-left: .25rem;
margin-right: .25rem;
margin-top: .25rem;
padding-bottom: .5rem;
padding-left: .5rem;
padding-right: .5rem;
padding-top: .5rem;
position: relative;
transition: all .3s ease-out; }
.c-Tabs--Fancy .c-Tabs__toggle:hover:after {
-webkit-transform: scale(1);
transform: scale(1); }
.c-Tabs--Fancy .c-Tabs__toggle:hover .c-Tabs__Label {
font-weight: 500; }
.c-Tabs--Fancy .c-Tabs__toggle:after {
background: var(--color-primary);
content: '';
height: 2px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
transition: all .3s ease-out;
width: 60%;
bottom: 0;
left: 20%;
position: absolute;
right: 20%; }
.c-Tabs--Fancy .c-Tabs__toggle_active:after {
-webkit-transform: scale(1);
transform: scale(1); }
.c-Tabs--Fancy .c-Tabs__toggle_active .c-Tabs__Label {
font-weight: 500; }
.c-Tabs--Fancy .c-Tabs__Label {
color: var(--color-primary);
transition: all .3s ease-out; }
.c-Tabs__Nav {
align-items: flex-start;
display: flex;
justify-content: flex-start; }
.c-Tabs__Label {
font-size: 0.90909rem;
font-weight: 400; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.l-Footer__Map {
background: var(--color-primary);
position: relative;
background-image: url(/azure/hotelrossini/footer-map-mobile.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
aspect-ratio: 9/21; }
.l-Footer__Map .Row {
height: 100%; }
@media only screen and (min-width: 1024px) {
.l-Footer__Map {
background-image: url(/azure/hotelrossini/footer-map.jpg);
background-size: cover;
background-repeat: no-repeat;
aspect-ratio: 256/135; } }
.l-Footer__Map-Container {
height: 400px;
padding: 0 2rem;
margin-top: -40px; }
@media only screen and (min-width: 1024px) {
.l-Footer__Map-Container {
-webkit-transform: translate(60px, 60px);
transform: translate(60px, 60px); } }
.l-Footer__Map .l-Footer__Card {
position: relative;
width: 318px;
height: 231.13px;
position: absolute;
bottom: 34%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
@media only screen and (min-width: 1024px) {
.l-Footer__Map .l-Footer__Card {
bottom: 28%; } }
.l-Footer__Map .l-Footer__Card .l-Footer__Caption {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
font-size: 16px;
margin-top: 112px;
color: var(--color-secondary-light); }
@media only screen and (min-width: 1024px) {
.l-Footer__Map .l-Footer__Card .l-Footer__Caption {
margin-top: 125px; } }
.l-Footer__Map .l-Footer__Card .l-Footer__Caption ul li:before {
background: var(--color-secondary); }
.l-Footer__Map .l-Footer__Card .l-Footer__Caption::after {
content: "";
position: absolute;
bottom: -124px;
left: 0;
width: 100%;
height: 77%;
background: #272930c2;
z-index: -1; }
@media only screen and (min-width: 1024px) {
.l-Footer__Map .l-Footer__Card .l-Footer__Caption::after {
bottom: -131px; } }
.l-Footer__Map .l-Footer__Card .l-Footer__Caption .o-Logo--Pin {
width: 72px;
height: 72px; }
@media only screen and (min-width: 1024px) {
.l-Footer__Map {
background-size: cover;
background-position: center;
background-repeat: no-repeat; } }
.l-Footer__Map .o-Illustration {
height: 100%;
width: 100%; }
.l-Footer__Menu {
display: flex;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.l-Footer__Menu {
flex-wrap: wrap;
max-height: 220px; } }
.l-Footer__Link {
width: 50%; }
@media only screen and (max-width: 767px) {
.l-Footer {
padding-bottom: 55px; } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.l-Header {
position: relative; }
.l-Header--Minimized {
padding-top: 70px; }
@media only screen and (min-width: 1024px) {
.l-Header--Minimized {
padding-top: 80px; } }
.l-Header--Medium {
height: 50vh; }
@media only screen and (min-width: 1024px) {
.l-Header--Medium {
height: 75vh; } }
.l-Header--Extra-Large {
height: 75vh; }
@media only screen and (min-width: 1024px) {
.l-Header--Extra-Large {
height: 100vh; } }
.l-Header__Cta {
bottom: 0;
display: flex;
flex-direction: row;
height: 85px;
position: fixed;
width: 100%;
z-index: 6000; }
.l-Header__Cta .o-Button {
height: 100%;
width: 50%; }
.l-Header__Badges {
display: flex;
gap: 1rem;
position: Absolute;
right: 1rem;
top: 5rem; }
@media only screen and (min-width: 1024px) {
.l-Header__Badges {
bottom: 2.5rem;
right: 2.5rem;
top: auto; } }
.l-Header .c-Hero__Foreground {
pointer-events: none; }
@media only screen and (min-width: 1024px) {
.l-Header .c-Hero__Foreground {
justify-content: flex-end; } }
.l-Header .c-Hero__Caption {
bottom: 6rem; }
.l-Header .c-Navbar--Inverse .o-Button--Primary {
background: var(--color-background-light);
border-color: var(--color-background-light);
color: var(--color-primary); }
.l-Header .c-Navbar .o-Button--Primary, .l-Header .c-Navbar .o-Button--Secondary {
height: 100%; }
.l-Header .c-Slider__Controls {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: 2.5rem;
left: 50%;
position: absolute;
z-index: 1; }
.l-Header .o-Hamburger:before {
content: '';
background: var(--color-background-light);
height: 46px;
width: 46px;
position: absolute;
border-radius: 14px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.l-Section {
position: relative; }
.l-Section--Blocks .l-Section__Multimedia:nth-child(2) {
margin-left: auto;
margin-right: -1rem;
margin-top: -5rem;
width: 60%;
z-index: 1; }
@media only screen and (min-width: 768px) {
.l-Section--Blocks .Col:last-child {
margin-top: 10rem; } }
.l-Section--Heading {
padding-bottom: 3.5rem;
padding-top: 3.5rem;
position: relative; }
.l-Section--Heading--Airy {
padding-bottom: 3.5rem;
padding-top: 3.5rem; }
@media only screen and (min-width: 768px) {
.l-Section--Heading--Airy {
padding-bottom: 5rem;
padding-top: 5rem; } }
.l-Section--Newspaper {
margin-bottom: 2rem;
position: relative; }
@media only screen and (min-width: 1024px) {
.l-Section--Newspaper {
margin-bottom: 4rem;
margin-top: 4rem; } }
.l-Section__Multimedia {
position: relative; }
.l-Section__Caption {
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 2rem;
position: relative; }
.l-Section__Caption--Fit {
padding: 0; }
@media only screen and (min-width: 768px) {
.l-Section__Caption {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2rem; } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.p-Article__Detail {
background: linear-gradient(to bottom, var(--color-primary-light) 0, var(--color-primary) 5rem, var(--color-primary) 100%); }
.p-Article__List--Slider {
margin-left: 1.5rem; }
@media only screen and (min-width: 1360px) {
.p-Article__List--Slider {
margin-left: calc((100vw - 1280px) / 2); } }
.p-Article__List .c-Card {
transition: all .3s ease-out; }
.p-Article__List .c-Card:hover .c-Card__Header .o-Text * {
--color-secondary: var(--color-text-light);
transition: all .3s ease-out; }
.p-Article__List .c-Card:hover .c-Card__Media .o-Multimedia__Caption {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible; }
.p-Article__List .c-Card:hover .c-Card__Cta {
opacity: 1;
padding-top: 0;
visibility: visible; }
.p-Article__List .c-Card__Header .o-Text * {
transition: all .3s ease-out; }
.p-Article__List .c-Card__Media .o-Multimedia__Caption {
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 2rem .5rem 2rem;
z-index: 1; }
@media only screen and (min-width: 1024px) {
.p-Article__List .c-Card__Media .o-Multimedia__Caption {
-webkit-transform: translate(0, 4rem);
transform: translate(0, 4rem);
transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s; } }
.p-Article__List .c-Card__Media .p-Article__Mask {
bottom: 0;
position: absolute; }
@media only screen and (min-width: 1024px) {
.p-Article__List .c-Card__Cta {
opacity: 0;
padding-top: 2.5rem;
transition: opacity cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility cubic-bezier(0.5, 0, 0, 1) 0.3s, padding-top 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, -webkit-transform cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: transform cubic-bezier(0.5, 0, 0, 1) 0.3s, opacity cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility cubic-bezier(0.5, 0, 0, 1) 0.3s, padding-top 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: transform cubic-bezier(0.5, 0, 0, 1) 0.3s, opacity cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility cubic-bezier(0.5, 0, 0, 1) 0.3s, padding-top 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, -webkit-transform cubic-bezier(0.5, 0, 0, 1) 0.3s;
visibility: hidden; } }
@media only screen and (min-width: 1024px) {
.p-Article__List .c-Card__Media {
overflow: hidden; }
.p-Article__List .c-Card__Media .o-Multimedia__Mask {
border: 1rem solid var(--color-border-base);
bottom: -1rem;
left: -1rem;
position: absolute;
right: -1rem;
top: -1rem;
transition: all .5s ease-out; }
.p-Article__List .c-Card__Media .o-Multimedia__Source {
transition: all .5s ease-out; }
.p-Article__List .c-Card:hover .o-Multimedia__Mask {
-webkit-transform: scale(0.98);
transform: scale(0.98); }
.p-Article__List .c-Card:hover .o-Multimedia__Source {
-webkit-transform: scale(1.1);
transform: scale(1.1); } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.p-Common {
padding-bottom: 5rem; }
@media only screen and (max-width: 1023px) {
.p-Common .o-Multimedia--Parallax {
height: 75vh; } }
.p-Terms {
padding-bottom: 5rem; }
.p-Photogallery {
padding-bottom: 5rem; }
.p-Reviews {
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 3rem;
padding-top: 3rem; }
.p-Rooms {
padding-bottom: 5rem; }
.p-Rooms__Item {
padding-bottom: 5rem; }
.p-Rooms__Item .c-Card__Media .o-Multimedia__Caption {
align-items: flex-end;
display: flex;
justify-content: center; }
.p-Rooms__List--Slider .c-Slider__Controls {
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 100%;
z-index: 1; }
.p-Rooms__List--Slider .c-Slider__Slide {
opacity: .15;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: top;
transform-origin: top;
transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
transition: transform .3s ease-out, opacity .3s ease-out;
transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out; }
.p-Rooms__List--Slider .c-Slider__Slide.swiper-slide-active {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.p-Rooms__List--Slider .c-Card__Media .o-Multimedia__Caption {
align-items: flex-end;
display: flex;
justify-content: center; }
.p-Room {
padding-bottom: 5rem; }
@media only screen and (min-width: 768px) {
.p-Room__Gallery .c-Slider__Slide {
margin-top: 2rem;
transition: margin-top .3s ease-out; }
.p-Room__Gallery .c-Slider__Slide.swiper-slide-active {
margin-top: 0; } }
.p-Room .o-Badge {
position: relative;
z-index: 1; }
.p-Room .o-Badge:before {
background: var(--color-secondary);
border-radius: 1.5rem;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.p-Home__Services .l-Section__Col:first-child .o-Multimedia {
margin-top: -13rem; }
@media only screen and (min-width: 768px) {
.p-Home__Services .l-Section__Col:first-child .o-Multimedia {
margin-top: -10rem; } }
.p-Home__Services .l-Section__Col:last-child .o-Multimedia {
margin-top: -2rem; }
@media only screen and (min-width: 768px) {
.p-Home__Services .l-Section__Col:last-child .o-Multimedia {
margin-top: calc(100% + 5rem); } }
@media only screen and (min-width: 1360px) {
.p-Home__Services .l-Section__Col:last-child .o-Multimedia {
margin-top: calc(60% + 5rem); } }
.p-Home__Services .l-Section__Col .l-Section__Multimedia {
height: 100%;
position: absolute;
width: 100%;
z-index: 1; }
.p-Home .o-Multimedia--Parallax .o-Multimedia__Caption {
align-items: flex-end;
display: flex;
justify-content: center; }
.p-Home .l-Section__Col {
position: relative; }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
.p-Offer__Detail {
background: linear-gradient(to bottom, var(--color-primary-light) 0, var(--color-primary) 5rem, var(--color-primary) 100%); }
.p-Offer__Detail .o-Badge {
position: relative;
z-index: 1; }
.p-Offer__Detail .o-Badge:before {
background: var(--color-secondary);
border-radius: 1.5rem;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1; }
.p-Offer__List--Slider {
margin-left: 1.5rem; }
@media only screen and (min-width: 1360px) {
.p-Offer__List--Slider {
margin-left: calc((100vw - 1280px) / 2); } }
.p-Offer__List .c-Card {
transition: all .3s ease-out; }
.p-Offer__List .c-Card:hover .c-Card__Header .o-Text * {
--color-secondary: var(--color-text-light);
transition: all .3s ease-out; }
.p-Offer__List .c-Card:hover .c-Card__Media .o-Multimedia__Caption {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible; }
.p-Offer__List .c-Card:hover .c-Card__Cta {
opacity: 1;
padding-top: 0;
visibility: visible; }
.p-Offer__List .c-Card__Header .o-Text * {
transition: all .3s ease-out; }
.p-Offer__List .c-Card__Media .o-Multimedia__Caption {
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 2rem .5rem 2rem;
z-index: 1; }
@media only screen and (min-width: 1024px) {
.p-Offer__List .c-Card__Media .o-Multimedia__Caption {
-webkit-transform: translate(0, 4rem);
transform: translate(0, 4rem);
transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s; } }
.p-Offer__List .c-Card__Media .p-Offer__Mask {
bottom: 0;
position: absolute; }
@media only screen and (min-width: 1024px) {
.p-Offer__List .c-Card__Cta {
opacity: 0;
padding-top: 2.5rem;
transition: opacity cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility cubic-bezier(0.5, 0, 0, 1) 0.3s, padding-top 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, -webkit-transform cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: transform cubic-bezier(0.5, 0, 0, 1) 0.3s, opacity cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility cubic-bezier(0.5, 0, 0, 1) 0.3s, padding-top 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s;
transition: transform cubic-bezier(0.5, 0, 0, 1) 0.3s, opacity cubic-bezier(0.5, 0, 0, 1) 0.3s, visibility cubic-bezier(0.5, 0, 0, 1) 0.3s, padding-top 0.3s cubic-bezier(0.5, 0, 0, 1) 0.3s, -webkit-transform cubic-bezier(0.5, 0, 0, 1) 0.3s;
visibility: hidden; } }
.p-Offer__List .c-Card .p-Offer__Price-Info {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center; }
@media only screen and (min-width: 1024px) {
.p-Offer__List .c-Card__Media {
overflow: hidden; }
.p-Offer__List .c-Card__Media .o-Multimedia__Mask {
border: 1rem solid var(--color-border-base);
bottom: -1rem;
left: -1rem;
position: absolute;
right: -1rem;
top: -1rem;
transition: all .5s ease-out; }
.p-Offer__List .c-Card__Media .o-Multimedia__Source {
transition: all .5s ease-out; }
.p-Offer__List .c-Card:hover .o-Multimedia__Mask {
-webkit-transform: scale(0.98);
transform: scale(0.98); }
.p-Offer__List .c-Card:hover .o-Multimedia__Source {
-webkit-transform: scale(1.1);
transform: scale(1.1); } }
/*#region Helpers*/
/*#endregion*/
/*#region Dictionary */
/*#endregion*/
/*#region List */
/*#endregion*/
/*#region String */
/*#endregion*/
/*#region Typography */
/*#endregion*/
/*#region DOM */
/*#endregion*/
/*#region UI*/
/*#endregion*/
/*#region Animation */
/*#endregion*/
/*#region States */
/*#endregion*/
/*#region Position */
/*#endregion*/
/*#region Scrollbar */
/*#endregion*/
/*#region BEM*/
/*#endregion*/
/*#region Responsive Utils*/
/*#endregion*/
/* #region Palette */
/*#endregion*/
/*#region Gradient */
/* #endregion*/
/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
display: none !important; }
/* Branding on the widget */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
display: none !important; }
@media only screen and (max-width: 1023px) {
#CookiebotWidget {
bottom: 65px !important; } }