@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
} .fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//biancobouquet.com/wp-content/themes/bb/assets/styles/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }:root { --header-height: 90px; --logowidth: 256px;  --dark-color: #1A1A1A;
--light-color: #FAFAFA;
--highlight-color: #1A1A1A;
--grey-color: #828282; --success-color: #0f834d;
--error-color: #e2401c; 
--warning-color: #F1B055;
--info-color: #3d9cd2; --cf7-field-bg: transparent; --filter-to-dark: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(17%) hue-rotate(318deg) brightness(96%) contrast(80%);
--filter-to-light: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(1%) hue-rotate(165deg) brightness(103%) contrast(96%);
--filter-to-highlight: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(17%) hue-rotate(318deg) brightness(96%) contrast(80%); --body-color: var(--dark-color);
--bodyreverse-color: var(--light-color);
--filter-to-bg: var(--filter-to-light);
--filter-to-body: var(--filter-to-dark); --titlefont: 'Nomark', serif;
--titlesize: 64px;
--titleweight: 400;
--titlelineheight: 1.20em;
--titleletterspacing: 0.0001em;
--bodyfont: 'Lato', sans-serif;
--bodysize: 20px;
--bodylineheight: 1.30em; --ratio-hr: 782/460;
--ratio-vr: 431/531;
--ratio-sq: 502/545; --radius: 0; --shadow: none; --default-trans: all 0.30s;
--slow-trans: all 1s;
--scale-up: 1.05;
--scale-down: 0.97;
--opacity-disabled: 0.50;
} @media (max-width: 96em) {
:root {
--titlesize: 60px;
}
} @media (max-width: 80em) {
:root {
--titlesize: 56px;
--header-height: 70px;
--bodysize: 17px;
}
} @media (max-width: 64em) {
:root {
--titlesize: 36px;
}
} @media (max-width: 30em) {
:root {
--logowidth: 146px;
}
} @media (max-width: 24em) {
:root {
--titlesize: 32px;
}
} h1 {
font-size: var(--titlesize);
line-height: 1em;
}
h2 {
font-size: calc(var(--titlesize) * 0.62);
}
h3 {
font-size: calc(var(--bodysize) * 1.80);
} @media (max-width: 64em) {
h2 {
font-size: var(--titlesize);
}
} .switcher {
--border-w: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
border: var(--border-w) solid var(--body-color);
border-radius: var(--radius);
transition: var(--default-trans);
}
.switcher::before {
content: '';
position: absolute; width: calc(var(--unit) - var(--border-w));
height: calc(var(--unit) - (2 * var(--border-w)));
top: 0;
left: 0;
bottom: 0;
background-color: var(--highlight-color);
border-radius: calc(var(--radius) - (2 * var(--border-w))) 0 0 calc(var(--radius) - (2 * var(--border-w)));
transition: var(--default-trans);
}
input:checked + .switcher::before {
border-radius: 0 calc(var(--radius) - (2 * var(--border-w))) calc(var(--radius) - (2 * var(--border-w))) 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} @keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#main-header,
.section[section-index="0"],
.section[section-index="1"],
.section[section-index="2"] {
animation: fadeIn 0.35s ease-out;
} :root { --padding: 120px;
--container: 12vw;
--spacing: 40px;
--container-xs: 0 calc(var(--container) * 2);
}
.container {
padding: 0 var(--container);
position: relative;
z-index: 50;
}
.container.container-xs {
padding: var(--container-xs);
}
.container.container-fullwidth {
padding: 0;
} @media (min-width: 120.0625em) {
:root {
--container: 15vw;
}
} @media (max-width: 105em) {
:root {
--padding: 100px;
--container: 7.5vw;
}
} @media (max-width: 80em) {
:root {
--padding: 70px;
--container: 5vw;
--spacing: 24px;
}
} @media (max-width: 40em) {
:root {
--container: 4vw;
--spacing: 25px;
--container-xs: 0 var(--container);
}
} @media (max-width: 24em) {
:root {
--padding: 60px;
}
} .section {
padding: var(--padding) 0;
position: relative;
}
.section-light {
background-color: var(--light-color);
--body-color: var(--dark-color);
--bodyreverse-color: var(--light-color);
--filter-to-bg: var(--filter-to-light);
--filter-to-body: var(--filter-to-dark);
}
.section-dark {
background-color: var(--dark-color);
--body-color: var(--light-color);
--bodyreverse-color: var(--dark-color);
--filter-to-bg: var(--filter-to-dark);
--filter-to-body: var(--filter-to-light);
}
.section-highlight {
background-color: var(--highlight-color);
--body-color: var(--light-color);
--filter-to-bg: var(--filter-to-dark);
--filter-to-body: var(--filter-to-light);
}
.section-light + .section-light,
.section-dark + .section-dark,
.section-highlight + .section-highlight {
padding-top: 0;
}
.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section p {
color: var(--body-color)
} .section-highlight em {
color: var(--light-color);
}
.section-highlight button.cta-highlight.cta-button {
background-color: var(--light-color);
border-color: var(--light-color);
}
.section-highlight button.cta-highlight.cta-button:hover {
background-color: transparent;
border-color: var(--light-color);
}
.section-highlight button.cta-highlight.cta-button::before {
display: none;
}
.section-highlight button.cta-highlight.cta-button .cta-label {
color: var(--dark-color);
}
.section-highlight button.cta-highlight.cta-button:hover .cta-label {
color: var(--light-color);
}
.section-highlight button.cta-highlight.cta-button .cta-mark {
filter: var(--filter-to-dark);
}
.section-highlight button.cta-highlight.cta-button:hover .cta-mark {
filter: var(--filter-to-light);
}
.section-highlight button.cta-muted.cta-button {
background-color: transparent;
border-color: var(--light-color);
}
.section-highlight button.cta-muted.cta-button:hover {
background-color: var(--light-color);
border-color: var(--light-color);
}
.section-highlight button.cta-muted.cta-button::before {
display: none;
}
.section-highlight button.cta-muted.cta-button .cta-label {
color: var(--light-color);
}
.section-highlight button.cta-muted.cta-button:hover .cta-label {
color: var(--dark-color);
}
.section-highlight button.cta-muted.cta-button .cta-mark {
filter: var(--filter-to-light);
}
.section-highlight button.cta-muted.cta-button:hover .cta-mark {
filter: var(--filter-to-dark);
} .grid {
display: grid;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.flex-center {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.flex-end {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.flex-between {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.flex-around {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
} @media (min-width: 64.0625em) { .hide-for-desktop {
display: none !important;
}
}
@media (min-width: 40.0625em) and (max-width: 64em) { .hide-for-tablet {
display: none !important;
}
}
@media (max-width: 40em) { .hide-for-mobile {
display: none !important;
}
} .archive-pagination {
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 20px;
} .archive-pagination.is-paged {
margin-top: calc(var(--spacing) * 2);
}
.archive-pagination > a,
.archive-pagination > span {
display: block;
text-align: center;
font-family: var(--titlefont);
font-size: calc(var(--bodysize) * 0.90);
letter-spacing: var(--titleletterspacing);
color: var(--body-color);
line-height: calc(var(--bodysize) * 0.90);
transition: var(--default-trans);
opacity: var(--opacity-disabled);
}
.archive-pagination > a:hover {
opacity: 1;
} .archive-pagination > span.current {
color: var(--dark-color);
} @media (max-width: 40em) { } .archive-pagination.is-loadmore button#load-more {
margin-top: calc(var(--spacing) * 2);
}
.archive-pagination button#load-more.is-loading .cta-label {
opacity: 0;
} .loader {
display: none;
}
.loader.is-loading {
--unit: 24px;
display: block;
position: absolute;
left: calc(50% - var(--unit) / 2 - 2px);
transform: translateX(-50%) translateY(-50%);
width: var(--unit);
aspect-ratio: 1;
border-radius: 50%;
border: 4px solid var(--body-color);
opacity: var(--opacity-disabled);
animation:
l20-1 0.8s infinite linear alternate,
l20-2 1.6s infinite linear;
}
@keyframes l20-1{
0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
0%    {transform:scaleY(1)  rotate(0deg)}
49.99%{transform:scaleY(1)  rotate(135deg)}
50%   {transform:scaleY(-1) rotate(0deg)}
100%  {transform:scaleY(-1) rotate(-135deg)}
} * {
box-sizing: border-box;
margin: 0;
padding: 0;
outline: none !important;
}
*:before,
*:after {
box-sizing: border-box;
}
html {
max-width: 100%;
overflow-x: hidden;
scroll-behavior: smooth;
font-family: var(--bodyfont);
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: var(--bodysize);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
max-width: 100%;
overflow-x: hidden;
overflow-y: hidden;
font-family: var(--bodyfont);
font-size: var(--bodysize);
line-height: var(--bodylineheight);
color: var(--body-color);
background-color: var(--light-color);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic; }
mark {
background: var(--highlight-color);
color: var(--light-color);
padding: 0 3px;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
}
hr {
box-sizing: content-box;
height: 0;
margin-top: var(--spacing);
margin-bottom: var(--spacing);
border: 0;
border-top: 1px solid var(--grey-color);
opacity: 1;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: var(--bodyfont);
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid var(--grey-color);
padding: 20px;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
input,
textarea,
select,
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
iframe {
border: none;
}
summary::-webkit-details-marker {
display: none;
}
ul {
list-style-type: none;
}
ul li {
display: inline-block;
left: 0;
} em {
font-style: italic;
}
.logo {
width: var(--logowidth);
}
.ancora {
display: block;
width: 100%;
transform: translateY(calc(-1 * var(--header-height) - 0.40 * var(--padding))) !important;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-family: var(--titlefont);
font-weight: var(--titleweight);
line-height: var(--titlelineheight);
letter-spacing: var(--titleletterspacing);
color: var(--body-color);
}
p {
padding: 0;
margin: 0 0 calc(var(--spacing) * 0.40) 0;
font-size: var(--bodysize);
font-family: var(--bodyfont);
}
p:last-of-type {
margin-bottom: 0;
}
p a {
border-bottom: 1px dotted var(--body-color) !important;
transition: var(--default-trans);
}
p a::before {
content: '';
height: 1px;
width: 0;
position: absolute;
bottom: -1px;
left: 0;
background-color: var(--body-color);
transition: var(--default-trans);
}
p a:hover::before {
width: 100%;
}
ul,
ol {
display: inline-block;
text-align: left;
list-style-position: outside;
margin-left: 30px;
margin-top: calc(var(--padding) * 0.25);
margin-bottom: calc(var(--padding) * 0.25);
}
ul {
list-style-type: initial;
}
ol {
list-style-type: decimal;
}
ul li,
ol li {
line-height: 1.6em;
display: list-item;
}
p:not(:last-of-type) + ul,
p:not(:last-of-type) + ol {
margin-top: 0;
}
blockquote {
position: relative;
}
blockquote::before {
content: '';
display: block;
width: 84px;
height: 76px;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/quote.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-body);
opacity: 1;
}
blockquote > p {
margin: calc(var(--spacing) * 2) 0 var(--spacing) !important;
font-size: calc(1.2 * var(--bodysize));
}
blockquote > .signature {
color: var(--grey-color);
}
blockquote button {
margin-top: var(--spacing);
}
a {
display: inline-block;
line-height: 1;
text-decoration: none;
background-color: transparent;
position: relative;
color: inherit;
}
a.link::before {
content: '';
height: 1px;
width: 0;
position: absolute;
bottom: -1px;
left: 0;
background-color: var(--body-color);
transition: var(--default-trans);
}
a.link:hover::before {
width: 100%;
}
a.link::after {
content: '';
display: inline-block;
width: 32px;
height: 18px;
margin-left: 12px;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-body);
position: relative;
top: 0;
left: 0;
rotate: -45deg;
transition: transform 0.70s;
}
a.link:hover::after {
transform: rotateY(-360deg);
}
a.link-nomark::after {
display: none;
}
a.link-dotted {
border-bottom-width: 1px;
border-bottom-style: dotted;
}
a:focus,
a:active,
a:hover {
text-decoration: none;
outline: 0;
}
a.link.link-main {
color: var(--body-color);
}
a.link.link-main::before {
background-color: var(--body-color);
}
a.link.link-dark {
color: var(--dark-color);
}
a.link.link-dark::before {
background-color: var(--dark-color);
}
a.link.link-light {
color: var(--light-color);
}
a.link.link-light::before {
background-color: var(--light-color);
}
a.link.link-grey {
color: var(--grey-color);
}
a.link.link-grey::before {
background-color: var(--grey-color);
}
a.link.link-alpha {
opacity: var(--opacity-disabled);
}
a.link.link-alpha:hover {
opacity: 1;
}
a.link-noint::before {
display: none;
}
a.anchor {
position: relative;
top: calc(-1 * var(--header-height));
}
button {
background-color: transparent;
border: none;
}
button.cta {
font-family: var(--bodyfont);
position: relative;
line-height: 1em;
}
button.cta::before {
content: '';
display: block;
width: 100%;
height: 1px;
background: transparent;
position: absolute;
left: 0;
bottom: -4px;
transition: var(--default-trans);
}
button.cta:hover::before {
animation:cta-hover 1.2s;
}
@keyframes cta-hover {
0% {width:0%}
100% {width:100%}
}
button.cta .cta-label {
font-family: var(--bodyfont);
color: var(--body-color);
text-transform: uppercase;
transition: var(--default-trans);
}
button.cta.cta-button {
padding: 12px 14px 12px;
transition: var(--default-trans);
border-radius: 0;
border-width: 1px;
border-style: solid;
}
button.cta.cta-button::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
border-radius: var(--radius);
transition: var(--default-trans);
z-index: -1;
}
button.cta.cta-button:hover::before {
opacity: 1; animation: none;
}
button.cta-light.cta-button {
background-color: var(--light-color);
border-color: var(--light-color);
}
button.cta-light.cta-button:hover {
background-color: var(--dark-color);
border-color: var(--dark-color);
}
button.cta-light.cta-button::before {
display: none;
}
button.cta-light.cta-button .cta-label {
color: var(--dark-color);
}
button.cta-light.cta-button:hover .cta-label {
color: var(--light-color);
}
button.cta-light.cta-button .cta-mark {
filter: var(--filter-to-dark);
}
button.cta-light.cta-button:hover .cta-mark {
filter: var(--filter-to-light);
}
button.cta-dark.cta-button {
background-color: var(--dark-color);
border-color: var(--dark-color);
}
button.cta-dark.cta-button:hover {
background-color: var(--highlight-color);
border-color: var(--highlight-color);
}
button.cta-dark.cta-button::before {
display: none;
}
button.cta-dark.cta-button .cta-label {
color: var(--light-color);
}
button.cta-dark.cta-button:hover .cta-label {
color: var(--light-color);
}
button.cta-dark.cta-button .cta-mark {
filter: var(--filter-to-light);
}
button.cta-dark.cta-button:hover .cta-mark {
filter: var(--filter-to-light);
}
button.cta-main.cta-button {
background-color: transparent;
border-color: var(--highlight-color);
}
button.cta-main.cta-button:hover {
background-color: var(--highlight-color);
border-color: var(--highlight-color);
}
button.cta-main.cta-button::before {
display: none;
}
button.cta-main.cta-button .cta-label {
color: var(--body-color);
}
button.cta-main.cta-button:hover .cta-label {
color: var(--light-color);
}
button.cta-main.cta-button .cta-mark {
filter: var(--filter-to-dark);
}
button.cta-main.cta-button:hover .cta-mark {
filter: var(--filter-to-light);
}
button.cta-highlight.cta-button {
background-color: var(--highlight-color);
border-color: var(--highlight-color);
}
button.cta-highlight.cta-button:hover {
background-color: transparent;
border-color: var(--dark-color);
}
button.cta-highlight.cta-button::before {
display: none;
}
button.cta-highlight.cta-button .cta-label {
color: var(--light-color);
}
button.cta-highlight.cta-button:hover .cta-label {
color: var(--dark-color);
}
button.cta-highlight.cta-button .cta-mark {
filter: var(--filter-to-light);
}
button.cta-highlight.cta-button:hover .cta-mark {
filter: var(--filter-to-dark);
}
button.cta-muted.cta-button {
background-color: transparent;
border-color: var(--dark-color);
}
button.cta-muted.cta-button:hover {
background-color: var(--highlight-color);
border-color: var(--highlight-color);
}
button.cta-muted.cta-button::before {
display: none;
}
button.cta-muted.cta-button .cta-label {
color: var(--dark-color);
}
button.cta-muted.cta-button:hover .cta-label {
color: var(--light-color);
}
button.cta-muted.cta-button .cta-mark {
filter: var(--filter-to-dark);
}
button.cta-muted.cta-button:hover .cta-mark {
filter: var(--filter-to-light);
}
button.cta-blur.cta-button {
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
background: rgba(231, 214, 197, 0.25);
border-color: var(--highlight-color);
}
button.cta-blur.cta-button:hover {
background-color: var(--light-color);
border-color: var(--light-color);
}
button.cta-blur.cta-button::before {
display: none;
}
button.cta-blur.cta-button .cta-label {
color: var(--light-color);
}
button.cta-blur.cta-button:hover .cta-label {
color: var(--light-color);
}
button.cta-blur.cta-button .cta-mark {
filter: var(--filter-to-light);
}
button.cta-blur.cta-button:hover .cta-mark {
filter: var(--filter-to-light);
}
button.cta-underlined.cta-button {
background-color: transparent;
border-color: transparent;
padding-left: 0 !important;
padding-right: 0 !important;
}
button.cta-underlined.cta-button:hover {
background-color: transparent;
border-color: transparent;
}
button.cta-underlined.cta-button::before {
display: none;
}
button.cta-underlined.cta-button .cta-label {
color: var(--body-color);
position: relative;
}
button.cta-underlined.cta-button:hover .cta-label {
color: var(--body-color);
}
@keyframes cta-underlined {
0% {
width: 0;
}
100% {
width: 100%;
}
}
button.cta-underlined.cta-button .cta-label::before {
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: -4px;
background-color: var(--body-color);
transition: var(--default-trans);
}
button.cta-underlined.cta-button:hover .cta-label::before {
animation: cta-underlined 1s 0s ease;
}
button.cta-underlined.cta-button .cta-mark {
filter: var(--filter-to-light);
}
button.cta-underlined.cta-button:hover .cta-mark {
filter: var(--filter-to-dark);
}
button.cta-shape.cta-button {
--shape-h: 109px;
min-width: 156px;
padding: 0 !important;
padding-top: calc(var(--shape-h) * 0.50) !important;
margin-bottom: calc(var(--shape-h) * 0.50) !important;
background-color: transparent !important;
border-color: transparent !important;  
}
button.cta-shape.cta-button .cta-label {
width: 100%;
font-size: 16px;
line-height: 1.20em;
}
button.cta-shape.cta-button:hover .cta-label {
color: var(--bodyreverse-color);
}
button.cta-shape.cta-button .cta-label::before {
content: '';
display: block;
height: var(--shape-h);
aspect-ratio: 156/109;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/shape-BB.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
position: absolute;
top: calc(1.20em * 0.50);
left: 50%;
transform: translateX(-50%);
z-index: -1;
transition: var(--default-trans);
}
button.cta-shape.cta-button:hover .cta-label::before {
filter: invert(1);
} @media (max-width: 64em) {
button.cta-shape.cta-button:hover .cta-label {
color: var(--body-color);
}
button.cta-shape.cta-button:active .cta-label {
color: var(--bodyreverse-color);
}
button.cta-shape.cta-button:hover .cta-label::before {
filter: none;
}
button.cta-shape.cta-button:active .cta-label::before {
filter: invert(1);
}
}
button.cta-active {
background-color: transparent !important;
border-color: var(--highlight-color) !important;
}
button.cta-active:hover {
background-color: var(--highlight-color) !important;
border-color: var(--highlight-color) !important;
}
button.cta-active:hover .cta-label {
color: var(--light-color) !important;
}
button.cta-button {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
button.cta-button .cta-mark {
--unit: 32px;
width: var(--unit);
height: calc(var(--unit) * 0.56);
margin-left: 12px;
position: relative;
transition: var(--default-trans);
}
button.cta-button .cta-mark::before {
content: '';
display: inline-block;
width: var(--unit);
height: calc(var(--unit) * 0.56);
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-dark);
transition: var(--default-trans);
}
button.cta-button:hover .cta-mark::before {
filter: var(--filter-to-light);
}
#breadcrumbs {
width: 100%;
margin-bottom: calc(var(--spacing) * 0.50);
}
#breadcrumbs,
#breadcrumbs a {
position: relative;
border-bottom: none !important;
font-family: var(--bodyfont);
font-size: calc(var(--bodysize) * 0.80);
color: var(--body-color);
transition: var(--default-trans);
}
#breadcrumbs a:hover {
color: var(--body-color);
}
#breadcrumbs .breadcrumb_last {
color: var(--body-color);
}
#breadcrumbs a::before {
content: '';
position: absolute;
bottom: -2px;
width: 0;
height: 1px;
transition: var(--default-trans);
background-color: var(--body-color);
}
#breadcrumbs a:hover::before {
width: 100%;
}
#breadcrumbs > span > span {
margin-left: 4px;
margin-right: 4px;
}
#breadcrumbs > span > span:first-of-type {
margin-left: 0;
}
#breadcrumbs > span > span.breadcrumb_last {
margin-right: 0;
}
#breadcrumbs .breadcrumbs-separator {
margin: 0;
}
.modal-link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.modal-link .modal-icon {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 100px;
height: 100px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal-link .modal-icon img {
width: 100%;
height: 100%;
display: block;
}
.grecaptcha-badge {
z-index: 100;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: var(--default-trans);
}
.grecaptcha-badge.in {
opacity: 1;
visibility: visible;
pointer-events: auto; bottom: 120px !important;
}
.fancybox-infobar {
display: none;
}
.fancybox-toolbar .fancybox-button--play,
.fancybox-toolbar .fancybox-button--fullscreen,
.fancybox-toolbar .fancybox-button--thumbs,
.fancybox-toolbar .fancybox-button--share {
display: none !important;
}
.fancybox-show-thumbs .fancybox-inner {
right: 0 !important;
bottom: 120px;
}
.fancybox-thumbs__list a::before {
transition: all 0s;
border: 0;
opacity: 0;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
border: 3px solid var(--light-color);
transition: all 0s;
}
.fancybox-thumbs {
position: absolute;
background-color: transparent;
text-align: center;
top: unset;
bottom: 0;
right: 0;
width: 100%;
height: auto !important;
margin: 0;
padding: 10px 0 30px;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
}
.fancybox-thumbs .fancybox-thumbs__list {
display: inline-block;
}
body.compensate-for-scrollbar { margin-right: unset;
} @media (max-width: 80em) {
button.cta.cta-button {
padding: 10px 18px;
}
} @media (max-width: 53.0625em) {
blockquote::before {
width: 63px;
height: 57px;
}
} .gsap-refresh {
width: 0;
height: 0;
opacity: 0;
} ::placeholder,
::-webkit-input-placeholder {
color: var(--body-color);
opacity: 0.75;
}
.wpcf7-not-valid-tip, 
.wpcf7-validation-errors,
.wpcf7-response-output {
display: none !important;
}
.wpcf7-not-valid {
border-bottom-color: var(--error-color) !important;
}
.wpcf7-list-item {
margin: 0;
display: block;
}
.wpcf7-list-item:not(:only-of-type) {
margin-bottom: 10px;
}
.cf7-form {
--cf7-fontsize: var(--bodysize);
--cf7-letterspacing: unset;
}
section.section-dark .cf7-form {
color-scheme: dark;
}
.cf7-form .form-area + .form-area { margin-top: calc(var(--spacing) * 1.20);
}
.cf7-form .form-area-title {
width: 100%;
margin-bottom: calc(var(--spacing) * 0.80);
}
.cf7-form .form-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cf7-form .form-row.single-input {
display: flex;
flex-wrap: wrap;
position: relative;
}
.cf7-form .form-row.last {
margin-top: calc(var(--spacing) * 0);
align-items: center;
row-gap: var(--spacing);
}
.cf7-form .field {
--field-margin: calc(var(--spacing) * 0.50);
--field-padding-v: 12px;
--field-padding-h: 0px;
--field-border-color: var(--grey-color);
width: 49.5%;
margin-bottom: var(--field-margin);
position: relative;
}
.cf7-form .field-100 {
width: 100%;
}
.cf7-form .field:not(.field-acceptance) label {
pointer-events: none;
font-size: var(--cf7-fontsize);
letter-spacing: var(--cf7-letterspacing);
color: var(--body-color);
opacity: 0.65;
display: block;
position: absolute;
left: var(--field-padding-h);
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: var(--default-trans);
}
.cf7-form .field.field-textarea label {
top: 0;
transform: translateY(0);
}
.cf7-form .field:not(.field-acceptance).is-focused label {
top: 0;
font-size: calc(var(--cf7-fontsize) * 0.70);
transform: translateY(-50%);
}
.cf7-form .field-input input,
.cf7-form .field-textarea textarea,
.cf7-form .field-select select {
-webkit-appearance: none;
-moz-appearance: none;
font-size: var(--cf7-fontsize);
letter-spacing: var(--cf7-letterspacing);
width: 100%;
position: relative;
background-color: var(--cf7-field-bg);
color: var(--body-color);
padding: var(--field-padding-v) var(--field-padding-h);
border-bottom: 1px solid var(--field-border-color);
border-radius: var(--radius);
transition: var(--default-trans);
}
.cf7-form .field-input input[type="date"] {
color: transparent;
padding: calc(var(--field-padding-v) - 1px) var(--field-padding-h);
}
.cf7-form .field-input.is-focused input[type="date"] {
color: var(--body-color);
}
.cf7-form .field-textarea,
.cf7-form .field-upload {
width: 100%;
}
.cf7-form .field-caption {
font-size: calc(var(--bodysize) * 0.70);
margin-top: 10px;
}
.cf7-form .field-select::before {
content: '';
display: block;
position: absolute;
width: 32px;
height: 32px;
filter: var(--filter-to-bg);
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/chevron.svg);
background-repeat: no-repeat;
background-position: center;
top: 50%;
right: 0;
z-index: 1;
transform: translateY(-50%) rotate(90deg);
pointer-events: none;
}
.cf7-form .field-acceptance,
.cf7-form .field-toggle {
color: var(--body-color);
font-size: calc(var(--cf7-fontsize) * 0.80);
line-height: calc(var(--cf7-fontsize) * 0.80);
letter-spacing: var(--cf7-letterspacing);
position: relative;
}
.cf7-form .field-acceptance > span {
display: inline-block;
}
.cf7-form .field-acceptance span.wpcf7-list-item {
margin-left: 0;
}
.cf7-form .field-acceptance input[type="checkbox"] {
width: 20px;
height: 20px;
position: relative;
top: 4px;
margin-right: 8px;
background-color: var(--cf7-field-bg);
border: 1px solid var(--body-color);
border-radius: 0;
cursor: pointer;
}
.cf7-form .field-acceptance input[flag="checked"] {
background-color: var(--body-color);
border-color: var(--body-color);
}
.cf7-form .field-acceptance input[flag="checked"]::before {
width: 12px;
height: 12px;
position: absolute;
font-size: 12px;
content: '✔';
color: var(--bodyreverse-color);
line-height: 15px;
padding: 0;
top: 1px;
left: 4px;
}
.cf7-form .field-acceptance,
.cf7-form .field-toggle,
.cf7-form .field-submit {
width: unset;
margin-bottom: 0;
}
.cf7-form .field-acceptance + .field-acceptance,
.cf7-form .field-toggle + .field-toggle {
margin-top: calc(var(--field-margin) * 0.75);
}
.cf7-form .field-submit {
color: var(--body-color);
}
.cf7-form .form-row.single-input .field-submit {
--unit: 56px; }
.cf7-form .form-row.single-input .field-submit button {
font-size: 0;
position: absolute;
right: 0;
top: 0;
height: calc(var(--unit) - var(--field-padding-v));
aspect-ratio: 1;
margin: 0;
background-color: transparent;
border-radius: 999vw;
border: 1px solid var(--light-color);
transition: var(--default-trans);
}
.cf7-form .form-row.single-input .field-submit button:hover {
background-color: var(--light-color);
}
.cf7-form .form-row.single-input .field-submit button::after {
content: '';
height: 40%;
width: 40%;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
filter: var(--filter-to-dark);
transition: var(--default-trans);
}
.cf7-form .form-row.single-input .field-submit button:hover::after {
filter: var(--filter-to-light);
} .cf7-light {
--loader-color: var(--dark-color);
}
.cf7-dark {
--loader-color: var(--light-color);
}
form.wpcf7-form .cf7-form .field-submit button.form-button { transition: unset;
}
form.wpcf7-form:not([data-status="submitting"]) .cf7-form .field-submit button.form-button::before,
form.wpcf7-form[data-status="invalid"] .cf7-form .field-submit button.form-button::before {
display: none;
}
form.wpcf7-form[data-status="submitting"] .cf7-form .field-submit button.form-button::before {
content: '';
--unit: 24px;
display: block;
position: absolute;
left: calc(50% - var(--unit) * 0.50);
top: calc(50% - var(--unit) * 0.50);
width: var(--unit);
height: var(--unit);  
border-radius: 50%;
border: 4px solid var(--loader-color);
opacity: var(--opacity-disabled);
animation:
l20-1 0.8s infinite linear alternate,
l20-2 1.6s infinite linear;
z-index: 1;
}
form.wpcf7-form[data-status="submitting"] .cf7-form .form-row .field-submit button {
background-color: transparent !important;
border-color: transparent !important;
border: none !important;
}
form.wpcf7-form[data-status="submitting"] .cf7-form .field-submit button.form-button .cta-label,
form.wpcf7-form[data-status="submitting"] .cf7-form .field-submit button.form-button .cta-mark {
opacity: 0;
}
form.wpcf7-form[data-status="submitting"] .cf7-form .form-row.single-input .field-submit button {
border-width: 0;
}
form.wpcf7-form[data-status="submitting"] .cf7-form .form-row.single-input .field-submit button:hover {
background-color: transparent;
}
form.wpcf7-form[data-status="submitting"] .cf7-form .form-row.single-input .field-submit button::after {
opacity: 0;
}
.field-toggle {
margin-top: 12px;
display: flex;
align-items: center;
}
.field-toggle .wpcf7-list-item {
margin: 0 12px 0 0;
display: inline-block;
}
.field-toggle > span input[type="checkbox"] {
width: 40px;
height: 24px;
position: relative;
}
.field-toggle > span input[type="checkbox"]::before,
.field-toggle > span input[type="checkbox"]:checked::before {
content: '';
font-size: 0;
cursor: pointer;
display: inline-block; 
background-color: var(--cf7-field-bg);
border-radius: 100px;
padding: 12px 20px; 
position: relative;
transition: border 0.3s, color 0.3s;
}
.field-toggle > span input[type="checkbox"]::after,
.field-toggle > span input[type="checkbox"]:checked::after {
content: '';
display: block;
position: absolute;
width: 17px;
height: 17px;
background-color: var(--body-color);
border-radius: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: left 0.3s;
pointer-events: none;
}
.field-toggle > span input[type="checkbox"]::after {
left: 30%;
}
.field-toggle > span input[flag="checked"]:checked::after {
left: 70%;
background-color: var(--highlight-color);
}
.cf7-form .field input[type="email"],
.cf7-form .field input[type="text"],
.cf7-form .field input[type="tel"] {
}
form[data-status="submitting"] {
pointer-events: none;
} .cf7-dark ::placeholder,
.cf7-dark ::-webkit-input-placeholder {
color: var(--bodyreverse-color);
}
.cf7-dark .cf7-form {
color: var(--bodyreverse-color);
color-scheme: dark;
}
.cf7-dark .cf7-form .form-row.single-input .field-submit button:hover {
border-color: var(--light-color);
background-color: var(--light-color);
}
.cf7-dark .cf7-form .form-row.single-input .field-submit button::after {
filter: var(--filter-to-light);
}
.cf7-dark .cf7-form .form-row.single-input .field-submit button:hover::after {
filter: var(--filter-to-dark);
}
.cf7-dark .cf7-form .field-input input,
.cf7-dark .cf7-form .field-textarea textarea,
.cf7-dark .cf7-form .field-select select {
color: var(--bodyreverse-color);
}
.cf7-dark .cf7-form .field-select::before {
filter: var(--filter-to-light);
}
.cf7-dark .cf7-form .field-acceptance,
.cf7-dark .cf7-form .field-toggle {
color: var(--bodyreverse-color);
}
.cf7-dark .cf7-form .field-acceptance input[type="checkbox"] {
border-color: var(--bodyreverse-color);
}
.cf7-dark .cf7-form .field-acceptance input[flag="checked"] {
border-color: var(--body-color);
}
.cf7-dark .cf7-form .field-submit {
color: var(--bodyreverse-color);
}
.cf7-dark .field-toggle > span input[type="checkbox"]::after,
.cf7-dark .field-toggle > span input[type="checkbox"]:checked::after {
background-color: var(--bodyreverse-color);
}
.cf7-dark .field-toggle > span input[flag="checked"]:checked::after {
background-color: var(--bodyreverse-color);
} @media (max-width: 64em) {
.cf7-form .field-acceptance + .field-acceptance,
.cf7-form .field-toggle + .field-toggle {
margin-top: calc(var(--field-margin) * 1.5);
}
} @media (max-width: 40em) {
.cf7-form .form-row.last > div {
width: 100%;
}
} @media (max-width: 30em) {
.cf7-form .form-area + .form-area {
margin-top: 0;
}
.cf7-form .form-area:first-of-type h4 {
margin-top: 0;
}
.cf7-form .form-area-title {
margin-top: calc(var(--spacing) * 1.20);
}
.cf7-form .field-acceptance,
.cf7-form .field-toggle {
font-size: calc(var(--cf7-fontsize) * 0.9);
}
.cf7-form .field:not(.field-submit) {
width: 100%;
}
} #main-header {
--logoheight: 38px;
--header-padding-v: calc(var(--spacing) * 0.65);
--btn-unit: 38px;
background-color: transparent;
position: fixed;
display: block;
color: var(--dark-color);
z-index: 95;
top: 0;
width: 100%;
transition: var(--default-trans);
}
#main-header.is-sticky {
--body-color: var(--light-color);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
background: rgba(0, 0, 0, 0.35);
}
#main-header.menu-layer-is-active {
position: fixed;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
background: rgba(250, 250, 250, 0.35);
}
#main-header.is-sticky.menu-layer-is-active {
border-bottom: none;
}
#main-header > .grid {
grid-template-columns: repeat(3, 1fr);
justify-items: center;
align-items: center;
padding: var(--header-padding-v) var(--container);
}
#main-header > .grid::after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: var(--dark-color);
margin: 0 auto;
position: absolute;
bottom: 0;
opacity: 0.40;
transform: translateX(-100%);
transition: var(--default-trans);
}
#main-header > .grid.is-entered::after {
transition: transform 1s 0.4s;
transform: translateX(0);
}
#main-header.is-sticky:not(.menu-layer-is-active) > .grid::after {
width: 0;
}
#main-header > .grid .left-items {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
justify-self: start;
column-gap: calc(var(--spacing) * 0.50);
min-height: var(--btn-unit);
}
#main-header > .grid .right-items {
display: flex;
flex-wrap: nowrap;
justify-self: flex-end;
align-items: center;
gap: var(--spacing);
} #main-header .lang-switch-container {
position: relative;
transition: var(--default-trans);
}
#main-header .lang-switch-container.is-hidden {
opacity: 0;
visibility: hidden;
}
#main-header .menu-lang {
display: grid;
font-family: var(--bodyfont);
font-size: var(--bodysize);
line-height: var(--bodysize);
text-transform: uppercase;
width: max-content;
line-height: 1em;
position: absolute;
top: calc(1em * 0.50);
transition: var(--default-trans);
transform-origin: top;
cursor: pointer;
}
#main-header .current-lang {
cursor: pointer;
}
#main-header .current-lang > .dropdown-arrow {
display: inline-block;
width: 12px;
height: 12px;
margin-left: 2px;
transition: var(--default-trans);
position: relative;
}
#main-header .current-lang > .dropdown-arrow::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/chevron.svg);
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 50%;
background-size: contain;
filter: var(--filter-to-body);
}
#main-header.is-sticky .current-lang > .dropdown-arrow::before {
filter: var(--filter-to-bg);
}
#main-header.menu-layer-is-active .current-lang > .dropdown-arrow::before {
filter: var(--filter-to-dark) !important;
}
#main-header .current-lang.is-open > .dropdown-arrow {
rotate: 180deg;
}
#main-header .menu-lang .select-lang {
height: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
#main-header .menu-lang .select-lang.is-open {
height: auto;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#main-header .menu-lang .select-lang > div {
margin-top: calc(var(--spacing) * 0.20);
}
#main-header .menu-lang .select-lang a {
opacity: 0;
height: 0;
transition: var(--default-trans);
}
#main-header .menu-lang .select-lang.is-open a {
opacity: 1;
height: auto;
}
#main-header.menu-layer-is-active .menu-lang a {
color: var(--dark-color) !important;
} #main-header .logo > a {
display: block;
width: 100%;
height: 100%;
}
#main-header .logo > a > img {
width: 100%;
transition: var(--default-trans);
}
#main-header.is-sticky .logo > a > img {
filter: var(--filter-to-bg);
}
#main-header.is-sticky.menu-layer-is-active .logo > a > img {
filter: var(--filter-to-body);
}
#main-header .logo > a:hover > img {
scale: var(--scale-up);
} #main-header .menu-toggle-container {
position: relative;
}
#main-header .menu-toggle {
--padding-h: 0px;
--line-h: 1px;
--border-w: 0px;
--line-spacing: 12px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
min-width: var(--btn-unit);
min-height: var(--btn-unit);
padding-left: var(--padding-h);
padding-right: var(--padding-h);
padding-top: calc(var(--btn-unit) * 0.50 - var(--bodysize) * 0.50 - var(--border-w));
padding-bottom: calc(var(--btn-unit) * 0.50 - var(--bodysize) * 0.50 - var(--border-w));
font-family: var(--bodyfont);
font-size: var(--bodysize);
line-height: var(--bodysize);
text-align: center;
text-transform: capitalize;
border: var(--border-w) solid var(--body-color);
background: transparent;
cursor: pointer;
position: relative;
transition: var(--default-trans);
}
#main-header .menu-toggle > div {
position: relative;
transition: var(--default-trans);
}
#main-header .menu-toggle.is-open .toggle-lines {
top: calc(var(--line-h) * 0.50);
}
#main-header .menu-toggle .toggle-lines > span {
display: block;
height: var(--line-h);
width: calc(var(--btn-unit) - var(--padding-h) * 2 - var(--border-w) * 2);
border-radius: 999vw;
margin-bottom: var(--line-spacing);
background: var(--body-color);
margin-left: auto;
transition: var(--default-trans);
}
#main-header .menu-toggle .toggle-lines > span:last-of-type {
margin: 0;
}
#main-header .menu-toggle.is-open .toggle-lines > span {
rotate: 45deg;
scale: 0.95;
margin-bottom: 0;
}
#main-header .menu-toggle.is-open .toggle-lines > span:last-of-type {
rotate: -45deg;
position: relative;
top: calc(-1 * var(--line-h));
}
#main-header.menu-layer-is-active .menu-toggle .toggle-lines > span {
background: var(--dark-color) !important;
} #main-header .header-cta {
text-align: right;
}
#main-header.menu-layer-is-active .header-cta {
color: var(--dark-color) !important;
}
#main-header.menu-layer-is-active .header-cta::before {
background-color: var(--dark-color) !important;
} #main-header.is-transparent:not(is-sticky):not(.menu-layer-is-active) {
--body-color: var(--light-color);
--filter-to-body: var(--filter-to-light)
}
#main-header.is-transparent:not(is-sticky):not(.menu-layer-is-active) > .grid::after {
background-color: var(--body-color);
}
#main-header.is-transparent:not(is-sticky):not(.menu-layer-is-active) .logo > a > img {
filter: var(--filter-to-light);
} .menu-layer {
--menu-w: 100%;
--bg-unit: 105vh;
position: fixed;
display: block;
width: 100%;
height: 100vh;
z-index: 94;
top: -100%;
left: 0;
overflow: hidden;
-webkit-overflow-scrolling: touch !important;
pointer-events: none;
transition: var(--slow-trans);
}
.menu-layer::before {
content: ''; display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
transition: var(--default-trans);
background-color: #000;
opacity: 0.20;
}
.menu-layer.is-active {
top: 0;
pointer-events: auto;
}
.menu-layer .menu-bg {
overflow: hidden;
width: var(--menu-w);
height: 100%;
position: absolute;
background-color: var(--light-color);
pointer-events: none;
opacity: 0;
}
.menu-layer .menu-bg.is-active {
opacity: 1;
}
.menu-layer .menu-bg::before {
content: '';
display: block;
height: 95vh;
aspect-ratio: 1118/942;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/logo-pictogram.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
position: absolute;
top: 50%;
right: 0;
opacity: 0.02;
transform: translateY(-50%) translateX(20%) rotate(30deg);
}
.menu-layer .menu-container {
overflow-y: auto;
overflow-x: hidden;
width: var(--menu-w);
height: 100%;
position: relative;
padding-top: calc(var(--header-height) * 2);
padding-bottom: calc(var(--padding) * 1);
padding-left: var(--container);
padding-right: var(--container); -ms-overflow-style: none;
scrollbar-width: none;
}
.menu-layer .menu-container::-webkit-scrollbar { display: none;
}
.menu-layer .menu-container > .navigation {
--mainfont-size: calc(var(--titlesize) * 1.12);
--secondaryfont-size: calc(var(--bodysize) * 2);
width: 100%;
font-family: var(--titlefont);
letter-spacing: var(--titleletterspacing);
font-weight: var(--titleweight);
display: flex;
flex-wrap: wrap;
align-content: space-between;
row-gap: var(--spacing);
}
.menu-layer .menu-container > .navigation a {
transition: var(--default-trans);
}
.menu-layer .menu-container > .navigation ul.menu {
width: 100%;
list-style-type: none;
margin: 0;
display: flex;
flex-direction: column;
justify-content: start;
position: relative;
transition: var(--default-trans);
}
.menu-layer .menu-container > .navigation ul.menu li {
display: inline-block;
left: 0;
line-height: unset;
}
.menu-layer .menu-container > .navigation .main-menu {
gap: calc(var(--spacing) * 0.70);
}
.menu-layer .menu-container > .navigation .main-menu > li {
width: 60%;
font-size: var(--mainfont-size);
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu {
margin: 0;
position: absolute;
width: 38%;
top: 0;
right: 0;
visibility: hidden;
opacity: 0;
transition: var(--default-trans);
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu.is-active {
visibility: visible;
opacity: 1;
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu > li {
width: 100%;
font-size: var(--secondaryfont-size);
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu > li + li {
margin-top: calc(var(--spacing) * 0.55);
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu > li.is-cta {
font-family: var(--bodyfont);
font-size: var(--bodysize);
text-transform: uppercase;
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu > li.is-cta a::before {
width: 100%;
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu > li.is-cta a:hover::before {
animation: cta-underlined 1s 0s ease;
}
.menu-layer .menu-container > .navigation .secondary-menu {
flex-direction: initial !important;
gap: var(--spacing);
font-size: var(--secondaryfont-size);
}
.menu-layer .menu-container > .navigation ul.menu > li > a {
opacity: 1;
}
.menu-layer .menu-container > .navigation ul.menu > li > a:not(.is-active) {
opacity: var(--opacity-disabled);
} @media (min-width: 120.0625em) {
.menu-layer .menu-container > .navigation {
align-content: flex-start;
row-gap: calc(var(--spacing) * 2);
}
.menu-layer .menu-container > .navigation {
--mainfont-size: calc(var(--titlesize) * 1.50);
--secondaryfont-size: calc(var(--bodysize) * 2.50);
}
} @media (max-width: 96em) {
.menu-layer .menu-container > .navigation {
--mainfont-size: calc(var(--titlesize) * 0.95);
--secondaryfont-size: calc(var(--bodysize) * 1.75);
}
.menu-layer .menu-container > .navigation .main-menu {
gap: calc(var(--spacing) * 0.60);
}
} @media (max-width: 80em) {
.menu-layer .menu-container > .navigation {
--mainfont-size: calc(var(--titlesize) * 0.80);
--secondaryfont-size: calc(var(--bodysize) * 1.60);
}
.menu-layer .menu-container > .navigation .main-menu > li {
width: 50%;
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu {
width: 45%;
}
} @media (min-width: 64.0625em) {
#main-header .menu-toggle.is-open:hover > div {
rotate: 90deg;
}
#main-header .menu-toggle:not(.is-open):hover .toggle-lines > span {
margin-top: calc(var(--line-spacing) * 0.50);
margin-bottom: calc(var(--line-spacing) * 0.50);
}
} @media (max-width: 64em) {
.menu-layer .menu-bg::before {
height: 110vh;
transform: translateY(-50%) translateX(50%) rotate(30deg);
}
.menu-layer .menu-container > .navigation {
--mainfont-size: calc(var(--titlesize) * 1.55);
--secondaryfont-size: calc(var(--bodysize) * 2);
align-content: flex-start;
row-gap: calc(var(--spacing) * 4);
}
.menu-layer .menu-container > .navigation .main-menu {
gap: var(--spacing);
}
.menu-layer .menu-container > .navigation ul.menu.is-slideout {
transform: translateX(calc(-100% - var(--container)));
}
.menu-layer .menu-container > .navigation .main-menu > li {
width: 100%;
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu {
width: 100%;
left: calc(100% + var(--container));
right: unset;
}
.menu-layer .menu-container > .navigation .main-menu ul.sub-menu::before {
content: '';
display: block;
height: 40px;
aspect-ratio: 1;
padding: 11px;
margin-bottom: var(--spacing);
background-color: transparent;
border-radius: 999vw;
border: 1px solid var(--dark-color);
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
transform: scaleX(-1);
filter: var(--filter-to-dark);
}
.menu-layer .header-cta {
font-family: var(--bodyfont);
text-transform: uppercase;
}
.menu-layer .header-cta::before {
width: 100%;
}
.menu-layer .header-cta:hover::before {
animation: cta-underlined 1s 0s ease;
}
.menu-layer .header-cta.is-slideout {
transform: translateX(calc(-100% - var(--container)));
}
} @media (max-width: 40em) {
.menu-layer .menu-container > .navigation {
--secondaryfont-size: calc(var(--bodysize) * 1.70);
row-gap: calc(var(--spacing) * 2);
}
.menu-layer .menu-container > .navigation .secondary-menu {
flex-direction: column !important;
}
} @media (max-width: 30em) {
.menu-layer .menu-container > .navigation {
--mainfont-size: calc(var(--titlesize) * 1.35);
}
.menu-layer .menu-container > .navigation .secondary-menu {
gap: calc(var(--spacing) * 0.75);
}
} @media (max-width: 24em) {
.menu-layer .menu-container {
padding-top: calc(var(--header-height) * 1.50);
}
.menu-layer .menu-container > .navigation {
--mainfont-size: calc(var(--titlesize) * 1.05);
--secondaryfont-size: calc(var(--bodysize) * 1.50);
}
.menu-layer .menu-container > .navigation .main-menu {
gap: calc(var(--spacing) * 0.75);
}
.menu-layer .menu-container > .navigation .secondary-menu {
gap: calc(var(--spacing) * 0.60);
}
} section.section-pagetitle {
padding-top: calc(var(--padding) * 1.25 + var(--header-height));
padding-bottom: var(--padding);
}
section.section-pagetitle.is-featured {
padding-top: calc(var(--header-height) + var(--spacing) * 1.25);
}
body.single section.section-pagetitle.is-featured + section.section-onlytext h1,
body.single section.section-pagetitle.is-featured + section.section-onlytext h2 {
font-size: var(--titlesize);
}
section.section-pagetitle:not(.is-featured) + section h1,
section.section-pagetitle:not(.is-featured) + section h2 {
font-size: var(--titlesize);
}
section.section-pagetitle .section-heading {
text-align: center;
}
section.section-pagetitle .section-heading > div + div {
margin-top: var(--spacing);
}
section.section-pagetitle .section-heading .title {
text-transform: uppercase;
font-size: calc(var(--titlesize) * 1.85);
}
section.section-pagetitle .section-heading .featured-img {
width: 60%;
aspect-ratio: var(--ratio-hr);
margin: 0 auto;
margin-top: calc(var(--titlesize) * -0.70);
position: relative;
overflow: hidden;
}
section.section-pagetitle .section-heading .featured-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: 0 0;
transition: var(--default-trans);
}
section.section-pagetitle .section-heading .text {
width: 70%;
margin-left: auto;
margin-right: auto;
} @media (max-width: 40em) {
section.section-pagetitle .section-heading .title {
font-size: calc(var(--titlesize) * 1.65);
}
section.section-pagetitle .section-heading .featured-img {
width: 100%;
}
section.section-pagetitle .section-heading .text {
width: 100%;
}
} body.home.page-template-tpl-hero #homepage-img {
position: relative;
width: 100%;
height: 40vh;
text-align: right;
}
body.home.page-template-tpl-hero #homepage-img > svg {
position: absolute;
bottom: 0;
right: 0;
width: 80%;
aspect-ratio: 868/321;
} @media (max-width: 64em) {
body.home.page-template-tpl-hero #homepage-img > svg {
width: 100%;
}
}   section.section-contacts {
padding-top: calc(var(--spacing) * 1.60) !important;
padding-bottom: calc(var(--spacing) * 1.60) !important;
}
section.section-contacts + section.section {
padding-top: var(--padding) !important;
}
section.section-contacts::before,
section.section-contacts::after {
content: '';
display: block;
width: 0;
height: 1px;
background-color: var(--body-color);
position: absolute;
left: 0;
transition: var(--slow-trans);
}
section.section-contacts::before {
top: 0;
}
section.section-contacts::after {
bottom: 0;
}
section.section-contacts[data-animation="1"]::before,
section.section-contacts[data-animation="1"]::after {
width: 100%;
} section.section-contacts .contacts-container {
width: 45%;
padding-left: var(--container);
}
section.section-contacts .contacts-container .addresses-title {
font-family: var(--titlefont);
letter-spacing: var(--titleletterspacing);
font-size: 18px;
}
section.section-contacts .tab-header {
display: flex;
flex-wrap: wrap;
gap: var(--spacing);
margin-bottom: calc(var(--spacing) * 0.60);
}
section.section-contacts .tab-header button:not(.active) {
opacity: var(--opacity-disabled);
}
section.section-contacts .tab-header button:not(.active):hover {
opacity: 1;
}
section.section-contacts .tab-header .cta-label {
font-family: var(--titlefont);
font-size: calc(var(--titlesize) * 0.60);
letter-spacing: var(--titleletterspacing);
line-height: var(--titlelineheight);
}
section.section-contacts .tab-header button:not(.active) .cta-label::before {
opacity: 0;
}
section.section-contacts .tab-header button:not(.active):hover .cta-label::before {
opacity: 1;
}
section.section-contacts .tab-content {
-webkit-animation: fadeEffect .5s;
animation: fadeEffect .5s;
}
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
section.section-contacts .single-tab > div + div {
margin-top: calc(var(--spacing) * 0.60);
}
section.section-contacts .single-tab .tab-infointro {
margin-bottom: calc(var(--spacing) * 0.35);
}
section.section-contacts .single-tab .tab-intro {
margin-bottom: calc(var(--spacing) * 0.50);
}
section.section-contacts .single-tab .tab-info,
section.section-contacts .single-tab .tab-address p {
font-family: var(--titlefont);
font-size: calc(var(--bodysize) * 1.40);
letter-spacing: var(--titleletterspacing);
line-height: var(--titlelineheight);
} section.section-contacts .map-container {
width: 50%;
aspect-ratio: 700/450;
position: relative;
}
section.section-contacts .google-map {
width: 100%;
height: 100%;
}
section.section-contacts .map-alert {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #DFDDDD;
color: var(--dark-color);
font-size: calc(var(--bodysize) * 0.90);
z-index: 1;
} @media (max-width: 64em) {
section.section-contacts .contacts-container {
width: 48%;
}
} @media (max-width: 53.0625em) {
section.section-contacts .container > div + div {
margin-top: var(--spacing);
}
section.section-contacts .contacts-container {
width: 100%;
padding: 0 var(--container);
}
section.section-contacts .map-container {
width: 100%;
aspect-ratio: var(--ratio-hr);
}
} @media (max-width: 40em) {
section.section-contacts .map-container {
aspect-ratio: var(--ratio-sq);
}
} section.section-form .form-text {
width: 30%;
}
section.section-form .section-heading {
width: 100%;
margin-bottom: 0;
}
section.section-form .section-heading > div + div {
margin-top: var(--spacing);
}
section.section-form .section-heading .tagline {
width: 100%;
font-size: var(--bodysize);
color: var(--body-color);
}
section.section-form .section-heading .tagline + div {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-form .text-container {
width: 100%;
margin-top: var(--spacing);
}
section.section-form .text-container .text p {
color: var(--body-color);
}
section.section-form .text-container .text + a button {
margin-top: var(--spacing);
}
section.section-form .form-container {
width: 50%;
} @media (max-width: 64em) {
section.section-form .form-text {
width: 40%;
}
} @media (max-width: 40em) {
section.section-form .form-text {
width: 100%;
margin-bottom: calc(var(--spacing) * 3);
}
section.section-form .form-container {
width: 100%;
}
} main > .section-fullscreenmedia:first-of-type {
padding-top: var(--header-height);
}
section.section-fullscreenmedia {
display: grid;
align-items: end;
min-height: 100vh;
position: relative;
background-color: var(--dark-color);
}
section.section-fullscreenmedia + section.section {
padding-top: var(--padding) !important;
}
section.section-fullscreenmedia > a {
cursor: url(//biancobouquet.com/wp-content/themes/bb/assets/images/play-stroked.png) 24 24, auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.section-fullscreenmedia video {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover; }
section.section-fullscreenmedia img {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
section.section-fullscreenmedia .fullscreenmedia-slider {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
section.section-fullscreenmedia .fullscreenmedia-slider .single-fullscreenmedia-item {
position: relative;
width: 100vw;
height: 100vh;
}
section.section-fullscreenmedia .fullscreenmedia-slider .single-fullscreenmedia-item img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transition: var(--default-trans);
}
section.section-fullscreenmedia .fullscreenmedia-nav {
--unit: 48px;
position: absolute;
top: 50%;
left: var(--container);
transform: translateY(-50%);
width: calc(100% - var(--container) * 2);
height: var(--unit);
z-index: 50;
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button {
height: var(--unit);
aspect-ratio: 1/1;
border-radius: 999vw;
background-color: var(--light-color);
position: relative;
transition: background-color 0.3s;
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:hover,
section.section-fullscreenmedia .fullscreenmedia-nav div > button:active {
background-color: var(--dark-color);
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button > span::before {
content: '';
display: inline-block;
width: calc(var(--unit) * 0.40);
height: calc(var(--unit) * 0.30);
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-dark);
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button.slider-prev > span::before {
transform: rotate(-180deg);
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:hover > span::before,
section.section-fullscreenmedia .fullscreenmedia-nav div > button:active > span::before {
filter: var(--filter-to-light);
}
section.section-fullscreenmedia .fullscreenmedia-slider .owl-fullscreenmedia-slider .owl-dots {
--dot-unit: 8px;
--dot-gap: 12px;
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: var(--dot-gap);
position: absolute;
bottom: calc(var(--spacing) * 1.5);
left: 0;
transform: translateY(50%);
z-index: 50;
}
section.section-fullscreenmedia .fullscreenmedia-slider .owl-fullscreenmedia-slider button.owl-dot {
width: var(--dot-unit);
height: var(--dot-unit);
border-radius: 999vw;
background-color: var(--light-color);
padding: 0 !important;
opacity: 0.50;
transition: var(--default-trans);
position: relative;
}
section.section-fullscreenmedia .fullscreenmedia-slider .owl-fullscreenmedia-slider button.owl-dot.active {
opacity: 1;
} @media (max-width: 64em) {
section.section-fullscreenmedia {
min-height: unset;
aspect-ratio: var(--ratio-hr);
}
section.section-fullscreenmedia .fullscreenmedia-slider .single-fullscreenmedia-item {
height: unset;
aspect-ratio: var(--ratio-hr);
}
section.section-fullscreenmedia .fullscreenmedia-nav {
--unit: 40px;
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:hover {
background-color: var(--light-color);
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:active {
background-color: var(--dark-color);
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:hover > span::before {
filter: var(--filter-to-dark);
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:active > span::before {
filter: var(--filter-to-light);
}
} @media (max-width: 40em) {
section.section-fullscreenmedia {
aspect-ratio: var(--ratio-sq);
}
section.section-fullscreenmedia .fullscreenmedia-slider .single-fullscreenmedia-item {
aspect-ratio: var(--ratio-sq);
}
} section.section-fullscreenmedia {
--eyelid-w: 100%;
--eyelid-animation-delay: 0s;
--eyelid-animation-duration: 1.50s;
}
section.section-fullscreenmedia .eyelid-animation {
position: absolute;
z-index: 1;
width: 100%;
height: calc(100% + 3px);
top: 50%;
transform: translateY(-50%);
pointer-events: none;
opacity: 1;
visibility: visible;
}
section.section-fullscreenmedia .eyelid-animation .background-mask {
position: relative;
width: 100%;
height: 100%;
}
section.section-fullscreenmedia .eyelid-animation .background-mask::before {
content: '';
position: absolute;
width: var(--eyelid-w);
height: 100%;
right: 0;
transform-origin: right;
background-color: var(--light-color);
opacity: 1;
}
section.section-fullscreenmedia .eyelid-animation[data-animation="1"] .background-mask::before {
animation: eyelid var(--eyelid-animation-duration) cubic-bezier(0.85, 0, 0.17, 1);
animation-delay: var(--eyelid-animation-delay);
animation-fill-mode: forwards;
}
@keyframes eyelid {
0% {
width: var(--eyelid-w);
}
99% {
opacity: 1;
}
100% {
width: 0;
opacity: 0;
}
} section.section-gallery .container + .container {
margin-top: calc(var(--titlesize) * -1.65);
}
section.section-gallery .section-heading {
width: 100%;
text-align: center;
}
section.section-gallery .title {
width: 100%;
text-align: center;
}
section.section-gallery .title h1,
section.section-gallery .title h2 {
font-size: calc(var(--titlesize) * 2.80);
letter-spacing: 0.12em;
}
section.section-gallery .gallery-container {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: calc(var(--spacing) * 0.50);
}
section.section-gallery .gallery-container .single-item {
--unit: 38vw;
}
section.section-gallery .gallery-container .single-item:nth-child(odd).is-last {
width: 100%;
padding: 0 var(--spacing);
}
section.section-gallery .gallery-container .single-item:nth-child(odd).is-last .item-img {
width: 100% !important;
aspect-ratio: var(--ratio-hr) !important;
}
section.section-gallery .gallery-container .single-item:nth-child(odd) {
position: relative;
margin-left: auto;
}
section.section-gallery .gallery-container .single-item:nth-child(even) {
margin-right: auto;
}
section.section-gallery .gallery-container .single-item:nth-child(odd)[data-ratio="sq"] {
align-self: flex-end;
}
section.section-gallery .gallery-container .single-item:nth-child(even)[data-ratio="sq"] {
align-self: flex-start;
}
section.section-gallery .gallery-container .single-item:nth-child(even)[data-ratio="vr"] {
padding-right: calc(var(--spacing) * 1);
}
section.section-gallery .gallery-container .single-item:nth-child(odd)[data-ratio="vr"] {
padding-left: calc(var(--spacing) * 1);
}
section.section-gallery .gallery-container .single-item:nth-child(5n) + .single-item {
margin-top: calc(var(--spacing) * -0.50);
}
section.section-gallery .gallery-container .single-item a {
position: relative;
width: 100%;
overflow: hidden;
}
section.section-gallery .gallery-container .single-item .item-img {
width: var(--unit);
display: block;
overflow: hidden;
position: relative;
transition: var(--default-trans);
}
section.section-gallery .gallery-container .single-item[data-ratio="sq"] .item-img {
aspect-ratio: 627/563;
width: var(--unit);
}
section.section-gallery .gallery-container .single-item[data-ratio="vr"] .item-img {
aspect-ratio: 458/607;
width: calc(var(--unit) * 0.70);
}
section.section-gallery .gallery-container .single-item .item-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
border-radius: var(--radius);
transform: translate(-50%, -50%);
transform-origin: 0 0;
transition: var(--default-trans);
} @media (max-width: 53.0625em) {
section.section-gallery .gallery-container .single-item {
--unit: 48vw;
}
} @media (max-width: 40em) {
section.section-gallery .container + .container {
padding: 0;
margin-top: calc(var(--titlesize) * -1);
}
section.section-gallery .title h1,
section.section-gallery .title h2 {
font-size: calc(var(--titlesize) * 2.20);
}
section.section-gallery .gallery-container {
gap: 2vw;
}
section.section-gallery .gallery-container .single-item {
margin: unset !important;
padding: unset !important;
}
section.section-gallery .gallery-container .single-item[data-ratio="sq"] .item-img {
width: 57vw;
}
section.section-gallery .gallery-container .single-item[data-ratio="vr"] .item-img {
width: 41vw;
}
} main > .section-hero:first-of-type {
padding-top: var(--header-height);
}
section.section-hero .section-heading {
margin-bottom: 0;
}
section.section-hero {
--body-color: var(--light-color);
--bodyreverse-color: var(--dark-color);
display: grid;
align-items: end;
min-height: 100vh;
position: relative;
background-color: var(--dark-color);
}
section.section-hero + section.section {
padding-top: var(--padding) !important;
}
section.section-hero .container {
padding-left: calc(var(--container) * 2);
text-align: right;
}
section.section-hero > a ~ .container {
pointer-events: none;
}
section.section-hero > a ~ .container .hero-text .section-heading > div + a {
pointer-events: auto;
}
section.section-hero .hero-text .section-heading > div + a button.cta {
margin: calc(var(--spacing) * 1.30) auto 0;
}
section.section-hero .hero-text .section-heading > div + a button.cta .cta-mark::before {
filter: var(--filter-to-dark);
}
section.section-hero > a {
cursor: url(//biancobouquet.com/wp-content/themes/bb/assets/images/play-stroked.png) 24 24, auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.section-hero video {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
filter: grayscale(1);
}
section.section-hero img {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
section.section-hero .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000;
opacity: 0.25;
pointer-events: none;
}
main > .section-hero:first-of-type .overlay {
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.4990371148459384) 10%, rgba(0,0,0,0.2497373949579832) 25%);
opacity: 1;
}
section.section-hero .hero-slider {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
section.section-hero .hero-slider .single-hero-item {
position: relative;
width: 100vw;
height: 100vh;
}
section.section-hero .hero-slider .single-hero-item img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transition: var(--default-trans);
}
section.section-hero .container .title,
section.section-hero .container p,
section.section-hero .container span,
section.section-hero .container button,
section.section-hero .container button a,
section.section-hero .container #breadcrumbs a,
section.section-hero .container #breadcrumbs .breadcrumb_last {
color: var(--light-color);
}
section.section-hero .container #breadcrumbs a::before {
background-color: var(--light-color);
}
section.section-hero .container .title {
font-size: var(--titlesize);
}
section.section-hero .container .text {
font-size: var(--bodysize);
font-family: var(--bodyfont);
color: var(--light-color);
margin-top: var(--spacing);
}
section.section-hero .title-img {
justify-self: center;
position: relative;
width: calc(100vw - var(--container) * 2);
height: 300px;
max-height: 30vh;
opacity: 0;
animation: fadeIn 1s 0.3s ease;
animation-fill-mode: forwards;
pointer-events: none;
margin-top: var(--spacing);
}
section.section-hero .title-img img {
width: 100%;
height: 100%;
object-fit: contain;
} section.section-hero:not([section-index="0"]):not([section-index="1"]).is-parallax {
min-height: 80vh;
}
section.section-hero.is-parallax {
align-items: center;
}
section.section-hero.is-parallax .overlay {
opacity: 0.40;
}
section.section-hero.is-parallax .container {
padding: 0 calc(var(--container) * 2);
text-align: left;
position: unset;
}
section.section-hero.is-parallax .hero-text {
transform: translateY(75%);
}
section.section-hero.is-parallax .medium-parallax {
--img-w: 20%;
aspect-ratio: var(--ratio-vr); position: absolute;
}
section.section-hero.is-parallax .medium-parallax[parallax-id="1"] {
width: var(--img-w);
left: calc(var(--container) * 0.65);
bottom: 0;
transform: translateY(65%);
z-index: -1;
}
section.section-hero.is-parallax .medium-parallax[parallax-id="2"] {
width: calc(var(--img-w) * 0.80);
right: var(--container);
top: 0;
transform: translateY(125%);
}
section.section-hero.is-parallax .medium-parallax a {
display: block;
position: relative;
overflow: hidden;
height: 100%;
}
section.section-hero.is-parallax .medium-parallax img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--radius);
transition: var(--default-trans);
}
section.section-hero + section.section-herotext {
padding-top: calc(var(--padding) * 0.50) !important;
}
section.section-herotext .container {
padding-left: calc(var(--container) * 2);
}
section.section-herotext .text + a button {
margin-top: var(--spacing);
} @keyframes scroll-down {
0% {
width: 0px;
opacity: 0;  
}
50% {
width: 100%;
opacity: 1;  
}
100% {
width: 0px;
opacity: 0;  
}
}
@keyframes scroll-down-label {
0% {
opacity: 0;  
}
30% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
section.section-hero:not([section-index="0"]):not([section-index="1"]) .scroll-down {
display: none;
}
section.section-hero .scroll-down {
font-family: var(--bodyfont);
font-size: calc(var(--bodysize) * 0.85);
letter-spacing: 0.30em;
text-transform: uppercase;
color: var(--light-color);
position: absolute;
bottom: var(--padding);
left: var(--container);
opacity: 0;
animation: fadeIn 1s 1.5s ease;
animation-fill-mode: forwards;
transform-origin: bottom left;
rotate: 90deg;
transform: translateX(-100%);
}
section.section-hero .scroll-down > div {
position: relative;
animation: scroll-down-label 3s 1.5s ease infinite;
}
section.section-hero .scroll-down > div::before {
content: '';
display: block;
width: 100%;
height: 1px;
border-radius: 99px;
background: var(--light-color);
position: absolute;
left: 0;
bottom: 0;
transform: translateY(100%);
transition: all 0.3s;
animation: scroll-down 3s 1.5s ease infinite;
}
main > .section-hero:only-child > .scroll-down {
display: none;
} @media (min-width: 120.0625em) {
section.section-hero.is-parallax .medium-parallax[parallax-id="1"] {
left: calc(var(--container) * 0.45);
}
} @media (max-width: 80em) {
section.section-hero .container {
padding-left: calc(var(--container) * 3);
}
} @media (max-width: 64em) {
section.section-hero.is-parallax .container {
padding: 0 calc(var(--container) * 2);
text-align: center;
}
section.section-hero.is-parallax .medium-parallax {
--img-w: 38%;
}
section.section-hero.is-parallax .medium-parallax[parallax-id="1"] {
transform: translateY(55%);
}
section.section-hero + section.section-herotext {
padding-top: var(--padding) !important;
}
section.section-herotext .container {
padding: 0 calc(var(--container) * 2);
text-align: center;
}  
} @media (max-width: 53.0625em) {
section.section-hero .container {
padding-left: calc(var(--container) * 4);
}
} @media (max-width: 40em) {
section.section-hero .container {
padding-left: calc(var(--container) * 5);
}
section.section-herotext .container {
padding: 0 var(--container);
}
} @media (max-width: 30em) {
section.section-hero:not([section-index="0"]):not([section-index="1"]).is-parallax {
min-height: 90vh;
}
section.section-hero.is-parallax .medium-parallax {
--img-w: 55%;
}
section.section-hero.is-parallax .medium-parallax[parallax-id="1"] {
left: 0;
transform: translateY(65%);
}
section.section-hero.is-parallax .medium-parallax[parallax-id="2"] {
right: 0;
transform: translateY(125%);
}
} @media (max-width: 24em) {
section.section-hero.is-parallax .hero-text {
transform: translateY(50%);
}
section.section-hero.is-parallax .medium-parallax[parallax-id="1"] {
transform: translateY(50%);
}
section.section-hero.is-parallax .medium-parallax[parallax-id="2"] {
width: calc(var(--img-w) * 0.85);
}
} section.section-instagram .container > div + div {
margin-top: calc(var(--spacing) * 1.60);
}
section.section-instagram .instagram-content {
width: 100%;
text-align: center;
}
section.section-instagram .section-heading {
width: 100%;
margin-bottom: 0;
}
section.section-instagram .section-heading .tagline {
width: 100%;
font-size: var(--bodysize);
color: var(--body-color);
}
section.section-instagram .section-heading h1,
section.section-instagram .section-heading h2 {
font-size: var(--titlesize);
}
section.section-instagram .section-heading .title {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-instagram .text-container {
width: 100%;
}
section.section-instagram .text-container .text p {
color: var(--body-color);
}
section.section-instagram .text-container .text + a button {
margin-top: var(--spacing);
}
section.section-instagram .instagram-feed {
width: 100%;
}
section.section-instagram .instagram-feed #sb_instagram #sbi_images {
padding: 0;
} section.section-linkcarousel {
padding: 0;
}
section.section-linkcarousel .single-carousel-item {
align-items: center;
color: var(--bodyreverse-color);
position: relative;
}
section.section-linkcarousel .carousel-content {
width: 45%;
margin: var(--padding) 0;
padding-left: var(--container);
}
section.section-linkcarousel .carousel-content > div:not(.carousel-counter) + div {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-linkcarousel .carousel-content .carousel-counter {
position: absolute;
top: calc(var(--padding) * 0.50);
font-family: var(--titlefont);
letter-spacing: var(--titleletterspacing);
}
section.section-linkcarousel .carousel-content .carousel-counter span {
opacity: var(--opacity-disabled);
}
section.section-linkcarousel .carousel-content .carousel-title h2 {
font-size: var(--titlesize);
}
section.section-linkcarousel .carousel-medium {
width: 50%;
max-height: 75vh;
aspect-ratio: var(--ratio-vr);
overflow: hidden;
position: relative;
}
section.section-linkcarousel .carousel-medium a {
width: 100%;
height: 100%;
position: absolute;
}
section.section-linkcarousel .carousel-medium img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
section.section-linkcarousel .links-slider .owl-links-slider .owl-dots {
--dot-unit: 20px;
--dot-gap: calc(var(--spacing) * 1.50);
display: flex;
flex-wrap: nowrap;
gap: var(--dot-gap);
position: absolute;
bottom: calc(var(--padding) * 0.50);
left: var(--container);
transform: translateY(50%);
z-index: 50;
}
section.section-linkcarousel .links-slider .owl-links-slider button.owl-dot {
width: var(--dot-unit);
height: var(--dot-unit);
border: 1px solid var(--bodyreverse-color);
border-radius: 999vw;
background-color: transparent;
padding: 0 !important;
opacity: 0.3;
transition: var(--default-trans);
position: relative;
}
section.section-linkcarousel .links-slider .owl-links-slider button.owl-dot.active {
opacity: 1;
}
section.section-linkcarousel .links-slider .owl-links-slider button.owl-dot + button.owl-dot::before {
--dot-line-spacing: 7px;
content: '';
display: block;
width: calc(var(--dot-gap) - 2 * var(--dot-line-spacing));
height: 1px;
position: absolute;
top: 50%;
left: calc(-1 * var(--dot-line-spacing));
transform: translateX(-100%);
background-color: var(--bodyreverse-color);
}
section.section-linkcarousel .links-slider .owl-links-slider button.owl-dot > span {
display: block;
width: 0;
height: 0;
border-radius: 999vw;
background-color: var(--light-color);
transition: var(--default-trans);
position: relative;
left: 50%;
transform: translateX(-50%);
}
section.section-linkcarousel .links-slider .owl-links-slider button.owl-dot.active > span {
width: calc(var(--dot-unit) * 0.50);
height: calc(var(--dot-unit) * 0.50);
}
section.section-linkcarousel .links-slider .owl-links-slider button.owl-dot.active::before {
opacity: 0.3;
}
section.section-linkcarousel .linkcarousel-nav {
--unit: 48px;
height: var(--unit);
position: absolute;
bottom: calc(var(--padding) * 0.50);
left: 45vw;
transform: translateX(-100%) translateY(50%);
z-index: 50;
}
section.section-linkcarousel .linkcarousel-nav div > button {
height: var(--unit);
aspect-ratio: 1/1;
transition: var(--default-trans);
position: relative;
}
section.section-linkcarousel .linkcarousel-nav div > button > span {
display: block;
width: var(--unit);
aspect-ratio: 1;
background-color: transparent;
border-radius: 999vw;
border: 1px solid var(--body-color);
transition: var(--default-trans);
}
section.section-linkcarousel .linkcarousel-nav div > button:hover > span {
background-color: var(--body-color);
}
section.section-linkcarousel .linkcarousel-nav div > button > span::before {
content: '';
display: block;
width: calc(var(--unit) * 0.40);
height: calc(var(--unit) * 0.30);
position: absolute;
top: 50%;
left: 50%;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-body);
transform: translateX(-50%) translateY(-50%);
transition: var(--default-trans);
}
section.section-linkcarousel .linkcarousel-nav div > button:hover > span::before {
filter: var(--filter-to-bg);
}
section.section-linkcarousel .linkcarousel-nav div > button.slider-prev > span {
margin-right: 12px;
transform: rotate(180deg);
} @media (max-width: 40em) {
section.section-linkcarousel .carousel-content {
width: 100%;
margin: calc(var(--padding) * 1.35) 0 var(--padding);
padding: 0 var(--container);
}
section.section-linkcarousel .carousel-medium {
width: 100%;
max-height: unset;
aspect-ratio: var(--ratio-sq);
}
section.section-linkcarousel .linkcarousel-nav {
width: calc(100vw - var(--container) * 2);
bottom: unset;
top: calc((var(--padding) * 1.35) * 0.50);
left: unset;
right: var(--container);
transform: translateY(-50%);
}
section.section-linkcarousel .linkcarousel-nav div > button:hover > span {
background-color: transparent;
}
section.section-linkcarousel .linkcarousel-nav div > button:active > span {
background-color: var(--bodyreverse-color);
}
section.section-linkcarousel .linkcarousel-nav div > button:hover > span::before {
filter: var(--filter-to-body);
}
section.section-linkcarousel .linkcarousel-nav div > button:active > span::before {
filter: var(--filter-to-bg);
}  
} section.section-linkgrid .container + .container {
margin-top: var(--spacing);
}
section.section-linkgrid.is-fullwidthgrid .container.links-container {
padding: 0;
}
section.section-linkgrid .section-heading {
width: 100%;
}
section.section-linkgrid .title {
width: 100%;
}
section.section-linkgrid .title h2 {
font-size: var(--titlesize);
} section.section-linkgrid:not(.is-masonry) .links-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
}
section.section-linkgrid:not(.is-masonry)[data-col="2"] .links-grid {
grid-template-columns: repeat(2, 1fr);
}
section.section-linkgrid:not(.is-masonry)[data-col="4"] .links-grid {
grid-template-columns: repeat(4, 1fr);
} section.section-linkgrid.is-masonry .links-grid {
--masonry-unit: 35vh;
--masonry-gap: calc(var(--spacing) * 0.50);
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: var(--masonry-gap);
}
section.section-linkgrid.is-masonry .single-item[data-item="1"] {
grid-area: 1 / 1 / 3 / 6;
height: calc(var(--masonry-unit) * 2 + var(--masonry-gap));
}
section.section-linkgrid.is-masonry .single-item[data-item="2"] {
grid-area: 1 / 6 / 2 / 9;
height: var(--masonry-unit);
}
section.section-linkgrid.is-masonry .single-item[data-item="3"] {
grid-area: 2 / 6 / 3 / 9;
height: var(--masonry-unit);
}
section.section-linkgrid.is-masonry .single-item > a {
width: 100%;
height: 100%;
overflow: hidden;
}
section.section-linkgrid.is-masonry .single-item .item-medium,
section.section-linkgrid.is-masonry .single-item .item-img {
height: 100%;
aspect-ratio: unset !important;
} section.section-linkgrid .single-item {
transition: var(--default-trans);
}
section.section-linkgrid .single-item > a {
width: 100%;
display: block;
position: relative;
}
section.section-linkgrid .single-item .item-img {
display: block;
aspect-ratio: var(--ratio-sq);
overflow: hidden;
position: relative;
transition: var(--default-trans);
}
section.section-linkgrid.is-horizontal .single-item .item-img {
aspect-ratio: 19/15;
}
section.section-linkgrid .single-item .item-img::before {
content: '';
display: block;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.65) 95%);
position: relative;
z-index: 1;
}
section.section-linkgrid .single-item .item-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
border-radius: var(--radius);
transform: translate(-50%, -50%);
transform-origin: 0 0;
transition: var(--default-trans);
}
section.section-linkgrid .single-item:hover .item-img img {
scale: var(--scale-up);
}
section.section-linkgrid .single-item .item-content {
--unit: 48px;
width: 100%;
padding: calc(var(--spacing) * 0.65);
gap: 20px;
position: absolute;
bottom: 0;
z-index: 1;
}
section.section-linkgrid .single-item .item-content h3 {
font-size: calc(var(--titlesize) * 0.625);
color: var(--light-color);
position: relative;
}
section.section-linkgrid .single-item .item-content button {
height: var(--unit);
aspect-ratio: 1/1;
transition: var(--default-trans);
position: relative;
}
section.section-linkgrid .single-item .item-content button > span {
display: block;
width: var(--unit);
aspect-ratio: 1;
background-color: transparent;
border-radius: 999vw;
border: 1px solid var(--light-color);
transition: var(--default-trans);
}
section.section-linkgrid .single-item .item-content button:hover > span {
background-color: var(--light-color);
}
section.section-linkgrid .single-item .item-content button > span::before {
content: '';
display: block;
width: calc(var(--unit) * 0.40);
height: calc(var(--unit) * 0.30);
position: absolute;
top: 50%;
left: 50%;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-light);
transform: translateX(-50%) translateY(-50%);
transition: var(--default-trans);
}
section.section-linkgrid .single-item .item-content button:hover > span::before {
filter: var(--filter-to-dark);
} @media (max-width: 93.5625em) {
section.section-linkgrid .single-item .item-content button {
display: none;
}
} @media (max-width: 64em) {
section.section-linkgrid .single-item .item-content {
--unit: 40px;
}
section.section-linkgrid.is-masonry .links-grid {
--masonry-unit: 20vh;
}
section.section-linkgrid .single-item .item-content button:hover > span {
background-color: transparent;
}
section.section-linkgrid .single-item .item-content button:active > span {
background-color: var(--light-color);
}
section.section-linkgrid .single-item .item-content button:hover > span::before {
filter: var(--filter-to-light);
}
section.section-linkgrid .single-item .item-content button:active > span::before {
filter: var(--filter-to-dark);
} 
} @media (max-width: 40em) {
section.section-linkgrid:not(.is-masonry) .links-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
section.section-linkgrid.is-masonry .links-grid {
--masonry-gap: calc(var(--spacing) * 0.50);
grid-template-columns: repeat(1, 1fr);
grid-template-rows: none;
}
section.section-linkgrid.is-masonry .single-item {
grid-area: unset !important;
height: unset !important;
}
section.section-linkgrid.is-masonry .single-item[data-item="1"] {
aspect-ratio: var(--ratio-sq);
}
section.section-linkgrid.is-masonry .single-item[data-item="2"],
section.section-linkgrid.is-masonry .single-item[data-item="3"] {
aspect-ratio: var(--ratio-hr);
}
section.section-linkgrid .single-item .item-content button {
display: initial;
}
} main > .section-linkparallax:first-of-type {
padding-top: var(--header-height);
}
section.section-linkparallax + section.section {
padding-top: var(--padding) !important;
}
section.section-linkparallax {
--img-w: 20vw;
--img-2-w-ratio: 0.70;
padding-bottom: 0;
display: grid;
align-items: center;
min-height: 90vh;
position: relative;
}
section.section-linkparallax .container {
padding: 0 calc(var(--container) * 2);
position: unset;
}
section.section-linkparallax .section-heading {
margin-bottom: 0;
}
section.section-linkparallax .hero-text .section-heading .text-container {
width: 40%;
margin-left: 50%;
padding-right: var(--spacing);
}
section.section-linkparallax .hero-text .section-heading button.cta {
margin-top: var(--spacing);
}
section.section-linkparallax img {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
section.section-linkparallax .container .title {
font-size: var(--titlesize);
text-align: center;
margin: 0;
padding: 0;
font-family: var(--titlefont);
font-weight: var(--titleweight);
line-height: var(--titlelineheight);
letter-spacing: var(--titleletterspacing);
}
section.section-linkparallax .container .text {
font-size: var(--bodysize);
font-family: var(--bodyfont);
margin-top: var(--spacing);
}
section.section-linkparallax .medium-parallax {
position: absolute;
}
section.section-linkparallax .medium-parallax[parallax-id="1"] {
width: var(--img-w);
aspect-ratio: var(--ratio-sq);
left: calc(var(--container) * 1.25);
bottom: 0;
transform: translateY(0%);
z-index: -1;
}
section.section-linkparallax .medium-parallax[parallax-id="2"] {
width: calc(var(--img-w) * var(--img-2-w-ratio));
aspect-ratio: var(--ratio-vr);
right: var(--container);
top: 0;
transform: translateY(175%);
}
section.section-linkparallax .medium-parallax a:not(.medium-link) {
display: block;
position: relative;
overflow: hidden;
height: 100%;
}
section.section-linkparallax .medium-parallax img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--radius);
transition: var(--default-trans);
} section.section-linkparallax.is-featured {
--feat-w: 115vh;
--img-w: 40vw;
--img-2-w-ratio: 0.80;
min-height: 110vh;
align-items: unset;
padding-top: calc(var(--padding) * 1.50);
}
section.section-linkparallax.is-featured .container {
width: 50%;
margin-left: auto;
padding-left: 0;
padding-right: var(--container);
}
section.section-linkparallax.is-featured .section-heading {
display: grid;
position: relative;
z-index: 1;
}
section.section-linkparallax.is-featured .container .title {
font-size: calc(var(--titlesize) * 1.85);
text-align: left;
}
section.section-linkparallax.is-featured .hero-text .section-heading .text-container {
order: -1;
width: 100%;
margin-left: 0;
padding-right: calc(var(--container) * 0.50);
margin-bottom: var(--spacing);
}
section.section-linkparallax.is-featured .container .text {
margin-top: 0;
}
section.section-linkparallax.is-featured .medium-parallax a:hover img {
scale: var(--scale-up);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="featured"] {
aspect-ratio: 14/9;
width: var(--feat-w);
position: absolute;
left: var(--container);
bottom: calc(var(--spacing) * -1.75);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="featured"] .medium-link {
position: absolute;
bottom: calc(var(--spacing) * 0.70);
right: calc(var(--spacing) * 0.70);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="featured"] .cta-button.is-dark {
--body-color: var(--dark-color);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="featured"] .cta-button.is-light {
--body-color: var(--light-color);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="1"] {
aspect-ratio: 636/419;
left: 0;
bottom: unset;
top: 0;
transform: translateY(25%);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="2"] {
aspect-ratio: 518/371;
right: 0;
top: unset;
bottom: 0;
transform: translateY(10%);
}
section.section-linkparallaxtext + section.section {
padding-top: calc(var(--padding) + var(--spacing)) !important;
} @media (max-width: 96em) { section.section-linkparallax.is-featured {
--feat-w: 110vh;
padding-top: var(--padding);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="featured"] {
bottom: calc(var(--spacing) * -1);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="1"] {
transform: translateY(50%);
}
} @media (max-width: 80em) {
section.section-linkparallax .hero-text .section-heading .text-container {
width: 50%;
margin-left: 40%;
} section.section-linkparallax.is-featured .hero-text .section-heading .text-container {
padding-right: 0;
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="featured"] {
left: calc(var(--container) * 1.50);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="1"] {
transform: translateY(35%);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="2"] {
transform: translateY(-40%);
}
} @media (max-width: 64em) {
section.section-linkparallax {
--img-w: 38%;
min-height: 70vh;
}
section.section-linkparallax .hero-text .section-heading .text-container {
width: 60%;
margin-left: 40%;
}
section.section-linkparallax .medium-parallax[parallax-id="1"] {
left: 0;
}
section.section-linkparallax .medium-parallax[parallax-id="2"] {
transform: translateY(100%);
} section.section-linkparallax.is-featured {
--feat-w: 50vh;
min-height: 50vh;
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="1"] {
transform: translateY(80%);
}
} @media (max-width: 53.0625em) { section.section-linkparallax.is-featured {
min-height: 50vh;
padding-top: 0;
}
} @media (max-width: 40em) { section.section-linkparallax.is-featured {
min-height: 42vh;
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="1"] {
transform: translateY(70%);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="2"] {
transform: translateY(80%);
}
section.section-linkparallaxtext {
--parallaxtext-titlesize: calc(var(--titlesize) * 1.85);
margin-top: calc(var(--parallaxtext-titlesize) * -0.60);
padding-bottom: 0;
}
section.section-linkparallax + section.section-linkparallaxtext {
padding-top: 0 !important;
}
section.section-linkparallaxtext .container .title {
font-size: var(--parallaxtext-titlesize);
}
section.section-linkparallaxtext .text-container .text {
margin-top: var(--spacing);
}
section.section-linkparallaxtext a button {
margin-top: var(--spacing);
}
} @media (max-width: 30em) {
section.section-linkparallax {
--img-w: 45%;
min-height: 75vh;
}
section.section-linkparallax .container {
padding: 0 var(--container);
}
section.section-linkparallax .hero-text .section-heading .text-container {
padding-right: 0;
}
section.section-linkparallax .medium-parallax[parallax-id="1"] {
left: 0;
transform: translateX(-25%);
}
section.section-linkparallax .medium-parallax[parallax-id="2"] {
right: 0;
transform: translateY(75%);
} section.section-linkparallax.is-featured {
--feat-w: calc(100% - var(--container) * 2);
--img-w: 60%;
--img-2-w-ratio: 0.70;
min-height: 50vh;
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="featured"] {
left: var(--container);
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="2"] {
transform: translateY(100%);
}
section.section-linkparallaxtext {
--parallaxtext-titlesize: calc(var(--titlesize) * 1.50);
}
section.section-linkparallaxtext .text-container {
padding-top: var(--spacing);
}
} @media (max-width: 24em) {
section.section-linkparallax {
--img-2-w-ratio: 0.85;
min-height: 90vh;
}
section.section-linkparallax .section-heading {
transform: translateY(var(--spacing));
}
section.section-linkparallax .medium-parallax[parallax-id="1"] {
transform: translateY(-50%) translateX(-25%);
}
section.section-linkparallax .medium-parallax[parallax-id="2"] {
transform: translateY(125%);
} section.section-linkparallax.is-featured {
min-height: 40vh;
}
section.section-linkparallax.is-featured .medium-parallax[parallax-id="1"] {
transform: translateY(50%);
}
} section.section-linkgrid.is-press .single-item .item-img {
aspect-ratio: var(--ratio-vr);
}
section.section-linkgrid.is-press .single-item .item-logo {
width: 100%;
height: 100%;
padding: calc(var(--spacing) * 0.65);
position: absolute;
bottom: 0;
z-index: 1;
pointer-events: none;
}
section.section-linkgrid.is-press .single-item .item-logo > div {
position: relative;
width: 100%;
height: 100%;
}
section.section-linkgrid.is-press .single-item .item-logo > div img {
width: 100%;
object-fit: contain;
position: absolute;
left: 50%;
transform: translate(-50%);
transform-origin: 0 0;
}
section.section-linkgrid.is-press .single-item .item-logo[data-align="top"] > div img {
top: 0;
object-position: top;
}
section.section-linkgrid.is-press .single-item .item-logo[data-align="bottom"] > div img {
bottom: 0;
object-position: bottom;
}
section.section-linkgrid.is-press .single-item .item-logo[data-color="is-light"] > div img {
filter: var(--filter-to-light);
}
section.section-linkgrid.is-press .single-item .item-logo[data-color="is-dark"] > div img {
filter: var(--filter-to-dark);
} section.section-media.is-extended {
padding-top: 0;
}
section.section-media.is-extended::before {
content: '';
display: block;
width: 100%;
height: var(--padding);
position: absolute;
left: 0;
}
section.section-media.is-extended::before {
top: -1px;
}
section.section-light + section.section-media.section-dark.is-extended::before,
section.section-dark + section.section-media.section-light.is-extended::before {
background-color: var(--body-color);
}
section.section-media.is-extended .media-content {
padding-top: var(--padding);
}
section.section-media.is-extended .media-medium img {
aspect-ratio: var(--ratio-vr) !important;
} @media (max-width: 64em) {
section.section-media.is-extended .media-medium img {
aspect-ratio: var(--ratio-vr) !important;
}
} @media (max-width: 53.0625em) {
section.section-media.is-extended::before {
height: calc(var(--padding) * 4);
}
section.section-media.is-extended .media-medium img {
aspect-ratio: var(--ratio-sq) !important;
}
} @media (max-width: 40em) {
section.section-media.is-extended::before {
height: calc(var(--padding) * 3);
}
}
section.section-media .container {
align-items: center;
color: var(--body-color);
position: relative;
}
section.section-media .media-content {
width: 50%;
margin: calc(var(--padding) * 0.50) 0;
}
.section.section-media.text-right .media-content {
order: 2;
}
section.section-media .media-content > div {
width: 100%;
}
section.section-media .media-content > div + div {
margin-top: var(--spacing);
}
section.section-media .media-content .tagline + div {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-media .media-medium {
width: 45%;
position: relative;
}
section.section-media .media-medium a {
display: block;
position: relative;
overflow: hidden;
height: 100%;
}
section.section-media.text-left .media-medium.is-parallax a {
text-align: right;
}
section.section-media.text-right .media-medium.is-parallax a {
text-align: left;
}
section.section-media .media-medium img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--radius);
transition: var(--default-trans);
}
section.section-media:not(.is-titleparallax) .media-medium a:not(.modal-link):hover img {
scale: var(--scale-up);
}
section.section-media .media-medium.is-parallax {
--img-parallax-w: 90%;
}
section.section-media .media-medium.is-parallax img {
width: var(--img-parallax-w);
}
section.section-media .medium-parallax {
width: 40%;
position: absolute;
bottom: 0;
transform: translateY(50%);
}
section.section-media.text-left .medium-parallax {
left: 0;
}
section.section-media.text-right .medium-parallax {
right: 0;
}
section.section-media .text-parallax {
width: var(--img-parallax-w);
text-align: right;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
}
section.section-media.text-left .text-parallax {
left: unset;
right: var(--img-parallax-w);
}
section.section-media .text-parallax h1,
section.section-media .text-parallax h2 {
font-size: calc(var(--titlesize) * 1.50);
transform: translateY(calc(-100% + (var(--titlelineheight) * 0.50)));
rotate: -90deg;
transform-origin: top right;
}
section.section-media.text-left .text-parallax h1,
section.section-media.text-left .text-parallax h2 {
transform: translateY(0) translateY(calc(var(--titlelineheight) * -0.5));
} section.section-media.is-fullwidth .container {
padding: 0;
}
section.section-media.is-fullwidth .media-content {
width: 45%;
}
section.section-media.is-fullwidth.text-left .media-content {
padding-left: var(--container);
}
section.section-media.is-fullwidth.text-right .media-content {
padding-right: var(--container);
}
section.section-media.is-fullwidth .media-medium {
width: 50%;
} @media (max-width: 64em) {
section.section-media .media-medium img {
aspect-ratio: var(--ratio-sq) !important;
}
section.section-media .media-medium .medium-parallax img {
aspect-ratio: auto !important;
}
} @media (max-width: 53.0625em) {
section.section-media.is-fullwidth {
padding: 0;
}
section.section-media .media-content {
order: 2;
width: 100% !important;
margin: 0 !important;
padding: calc(var(--padding) * 0.50) var(--container) var(--padding);
}
section.section-media.is-titleparallax .media-content {
padding-top: 0;
margin-top: calc(var(--titlelineheight) * -1) !important;
z-index: 1;
}
section.section-media:not(.is-fullwidth) .media-content {
padding: calc(var(--padding) * 0.50) 0 0;
}
section.section-media .media-medium {
width: 100% !important;
}
} section.section-related {
--title-color: var(--body-color);
}
section.section-light + section.section-related.section-dark {
--title-color: var(--dark-color);
}
section.section-dark + section.section-related.section-light {
--title-color: var(--light-color);
}
section.section-light + section.section-related.section-dark::before {
--extention-color: var(--light-color);
--title-color: var(--dark-color);
content: '';
}
section.section-dark + section.section-related.section-light::before {
--extention-color: var(--dark-color);
--title-color: var(--light-color);
content: '';
}
section.section-related::before {
display: block;
width: 100%;
height: 55%;
position: absolute;
top: -1px;
background-color: var(--extention-color);
}
section.section-related + section.section-related {
padding-top: 0;
}
section.section-related .container + .container {
margin-top: calc(var(--titlesize) * -0.70);
}
section.section-related.is-styled .container + .container {
margin-top: calc(var(--titlesize) * -1.25);
}
section.section-related.is-highlight {
--scaled-value: 0.85;
}
section.section-related .section-heading {
width: 100%;
text-align: center;
}
section.section-related .title {
width: 100%;
text-align: center;
}
section.section-related .title h1,
section.section-related .title h2 {
font-size: calc(var(--titlesize) * 1.50);
color: var(--title-color);
}
section.section-related.is-styled .title h1,
section.section-related.is-styled .title h2 {
font-size: calc(var(--titlesize) * 2.80);
letter-spacing: 0.12em;
} section.section-related .related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing);
}
section.section-related.is-highlight .related-grid {
align-items: center;
}
section.section-related.is-highlight .related-grid .single-item:not([data-item="2"]) {
scale: var(--scaled-value);
} section.section-related.is-highlight .related-slider .owl-item:not(.center) .single-item {
scale: var(--scaled-value);
}
section.section-related .related-slider .owl-related-slider .owl-dots {
--dot-unit: 8px;
--dot-gap: 12px;
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: var(--dot-gap);
margin-top: calc(var(--spacing) * 1.50);
}
section.section-related .related-slider .owl-related-slider .owl-dots.disabled {
display: none;
}
section.section-related .related-slider .owl-related-slider button.owl-dot {
width: var(--dot-unit);
height: var(--dot-unit);
border-radius: 999vw;
background-color: var(--body-color);
padding: 0 !important;
opacity: 0.30;
transition: var(--default-trans);
position: relative;
}
section.section-related .related-slider .owl-related-slider button.owl-dot.active {
opacity: 1;
} section.section-related .single-item {
transition: var(--default-trans);
}
section.section-related .single-item  .item-medium a {
position: relative;
width: 100%;
overflow: hidden;
}
section.section-related .single-item .item-img {
display: block;
aspect-ratio: var(--ratio-vr);
overflow: hidden;
position: relative;
transition: var(--default-trans);
}
section.section-related.is-horizontal .single-item .item-img {
aspect-ratio: 19/15;
}
section.section-related .single-item .item-img::before {
content: '';
display: block;
width: 100%;
height: 100%;
background: #000;
position: relative;
z-index: 1;
opacity: 0.20;
}
section.section-related .single-item .item-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
border-radius: var(--radius);
transform: translate(-50%, -50%);
transform-origin: 0 0;
transition: var(--default-trans);
}
section.section-related .single-item .item-img:hover img {
scale: var(--scale-up);
}
section.section-related .single-item .item-content {
--unit: 48px;
width: 100%;
margin-top: calc(var(--spacing) * 0.30);
gap: 20px;
}
section.section-related.is-styled .single-item .item-content {
display: none;
}
section.section-related .single-item .item-content h3 {
font-size: calc(var(--titlesize) * 0.625);
}
section.section-related .single-item .item-content button {
height: var(--unit);
aspect-ratio: 1/1;
transition: var(--default-trans);
position: relative;
}
section.section-related .single-item .item-content button > span {
display: block;
width: var(--unit);
aspect-ratio: 1;
background-color: transparent;
border-radius: 999vw;
border: 1px solid var(--body-color);
transition: var(--default-trans);
}
section.section-related .single-item .item-content button:hover > span {
background-color: var(--body-color);
}
section.section-related .single-item .item-content button > span::before {
content: '';
display: block;
width: calc(var(--unit) * 0.40);
height: calc(var(--unit) * 0.30);
position: absolute;
top: 50%;
left: 50%;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-body);
transform: translateX(-50%) translateY(-50%);
transition: var(--default-trans);
}
section.section-related .single-item .item-content button:hover > span::before {
filter: var(--filter-to-bg);
} section.section-related .related-nav {
--unit: 48px;
position: absolute;
top: 50%;
left: calc(var(--container) + var(--spacing));
transform: translateY(-100%);
width: calc(100% - var(--container) * 2 - var(--spacing) * 2);
height: var(--unit);
z-index: 50;
pointer-events: none;
}
section.section-related.is-styled .related-nav {
top: 0;
transform: translateY(calc(var(--titlesize) * -1));
left: var(--container);
width: calc(100% - var(--container) * 2);
}
section.section-related .related-nav div > button {
height: var(--unit);
aspect-ratio: 1/1;
border: 1px solid var(--light-color);
border-radius: 999vw;
background: rgba(255, 251, 245, 0.25);
transition: background-color 0.3s;
position: relative;
pointer-events: auto;
}
section.section-related.is-styled .related-nav div > button {
border-color: var(--body-color);
}
section.section-related .related-nav div > button:hover,
section.section-related .related-nav div > button:active {
background-color: var(--light-color);
}
section.section-related.is-styled .related-nav div > button:hover,
section.section-related.is-styled .related-nav div > button:active {
background-color: var(--body-color);
}
section.section-related .related-nav div > button > span::before {
content: '';
display: inline-block;
width: 35%;
aspect-ratio: 1/2;
background-image: url(//biancobouquet.com/wp-content/themes/bb/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-light);
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
}
section.section-related.is-styled .related-nav div > button > span::before {
filter: var(--filter-to-body);
}
section.section-related .related-nav div > button.slider-prev > span::before {
transform: rotate(-180deg);
}
section.section-related .related-nav div > button:hover > span::before,
section.section-related .related-nav div > button:active > span::before {
filter: var(--filter-to-dark);
}
section.section-related.is-styled .related-nav div > button:hover > span::before,
section.section-related.is-styled .related-nav div > button:active > span::before {
filter: var(--filter-to-light);
} @media (min-width: 120.0625em) {
section.section-related .related-nav {
--unit: 64px;
}
} @media (max-width: 80em) {
section.section-related .single-item .item-content {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-related .related-nav {
--unit: 48px;
}
} @media (max-width: 64em) {
section.section-related .single-item .item-content {
--unit: 40px;
}
section.section-related .related-nav div > button:hover {
background-color: unset;
}
section.section-related .related-nav div > button:active {
background-color: var(--light-color);
}
section.section-related .related-nav div > button:hover > span::before {
filter: var(--filter-to-light);
}
section.section-related .related-nav div > button:active > span::before {
filter: var(--filter-to-dark);
}
} @media (max-width: 53.0625em) {
section.section-related .container + .container {
margin-top: calc(var(--titlesize) * -0.60);
}
section.section-related .title h1,
section.section-related .title h2 {
font-size: calc(var(--titlesize) * 1.35);
}
} @media (max-width: 40em) {
section.section-related.is-styled .container + .container {
margin-top: calc(var(--titlesize) * -1);
}
section.section-related.is-styled .title h1,
section.section-related.is-styled .title h2 {
font-size: calc(var(--titlesize) * 2.20);
}
section.section-related .related-grid {
grid-template-columns: repeat(1, 1fr);
}
section.section-related .related-grid .single-item .item-img {
aspect-ratio: var(--ratio-hr);
}
section.section-related .slider-container {
padding: 0;
}
section.section-related .related-slider .single-item {
width: 55vw;
}
section.section-related .related-slider .owl-stage {
left: var(--container);
}
section.section-related.is-highlight .related-slider .owl-stage {
left: unset;
}
} @media (max-width: 30em) {
section.section-related .related-slider .single-item {
width: 65vw;
}
} @media (max-width: 24em) {
section.section-related .related-slider .single-item {
width: 80vw;
}
} section.section-team {
--title-w: 75%;
--text-w: 50%;
}
section.section-team .container + .container {
margin-top: var(--spacing);
}
section.section-team .section-heading {
width: 100%;
}
section.section-team .tagline {
width: var(--title-w);
font-size: var(--bodysize);
color: var(--body-color);
}
section.section-team .tagline + div {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-team .title {
width: var(--title-w);
}
section.section-team .title h1 {
font-size: calc(var(--titlesize) * 0.53);
}
section.section-team .text-container {
width: var(--text-w);
margin-left: auto;
}
section.section-team .text-container .text + a button {
margin-top: var(--spacing);
} section.section-team.is-sided {
--title-w: 45%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding-left: var(--container);
padding-right: var(--container);
}
section.section-team.is-sided > .container {
width: var(--title-w);
padding: 0;
}
section.section-team.is-sided .container + .container {
margin: 0;
}
section.section-team.is-sided .tagline,
section.section-team.is-sided .title,
section.section-team.is-sided .text-container {
width: 100%;
} section.section-team.is-centered {
--title-w: 100%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding-left: calc(var(--container) * 1.50);
padding-right: calc(var(--container) * 1.50);
}
section.section-team.is-centered > .container {
width: var(--title-w);
padding: 0;
}
section.section-team.is-centered .tagline,
section.section-team.is-centered .title,
section.section-team.is-centered .text-container {
width: 100%;
} section.section-team.is-bordered .container:first-of-type {
padding-top: var(--spacing);
}
section.section-team.is-bordered .container:last-of-type {
padding-bottom: var(--spacing);
}
section.section-team.is-bordered .container[data-animation]:first-of-type::before,
section.section-team.is-bordered .container[data-animation]:last-of-type::before {
content: '';
display: block;
width: calc(100% - (var(--container) * 2));
height: 1px;
position: absolute;
left: 0;
background-color: var(--body-color);
transform: translateX(-100%);
transition: var(--default-trans);
}
section.section-team.is-bordered .container[data-animation]:first-of-type::before {
top: 0;
}
section.section-team.is-bordered .container[data-animation]:last-of-type::before {
bottom: 0;
}
section.section-team.is-bordered .container[data-animation="1"]:first-of-type::before,
section.section-team.is-bordered .container[data-animation="1"]:last-of-type::before {
transition: all 1s 0.4s;
left: var(--container);
transform: translateX(0);
} section.section-team.is-taglinedown .tagline {
order: 1;
}
section.section-team.is-taglinedown .tagline + div {
margin-top: 0;
margin-bottom: calc(var(--spacing) * 0.50);
} section.section-team .team-container {
width: 100% !important;
margin-top: calc(var(--spacing) * 1.50) !important;
grid-template-columns: repeat(4, 1fr);
column-gap: calc(var(--spacing) * 0.50);
row-gap: calc(var(--spacing) * 1.50);
}
section.section-team .single-member .member-img  {
aspect-ratio: var(--ratio-vr);
position: relative;
overflow: hidden;
}
section.section-team .single-member .member-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: 0 0;
transition: var(--default-trans);
}
section.section-team .single-member .member-text {
width: 100%;
margin-top: calc(var(--spacing) * 0.30);
padding-right: 20px;
color: var(--body-color);
transition: var(--default-trans);
}
section.section-team .single-member .member-text > div + div {
margin-top: calc(var(--spacing) * 0.40);
}
section.section-team .single-member .member-text .member-name {
font-family: var(--titlefont);
font-size: calc(var(--bodysize) * 1.30);
letter-spacing: var(--titleletterspacing);
transition: var(--default-trans);
}
section.section-team .single-member .member-text .member-role {
font-size: calc(var(--bodysize) * 1);
} @media (max-width: 80em) {
section.section-team .single-member .member-text,
section.section-team .single-member .member-text > div + div {
margin-top: calc(var(--spacing) * 0.50);
}
} @media (max-width: 64em) {
section.section-team {
--title-w: 70%;
--text-w: 70%;
}
section.section-team.is-sided {
--title-w: 100%;
}
section.section-team.is-sided .container + .container {
margin-top: var(--spacing);
}
} @media (max-width: 40em) {
section.section-team {
--title-w: 100%;
--text-w: 100%;
}
section.section-team .team-container {
grid-template-columns: repeat(2, 1fr);
}
} section.section-onlytext {
--title-w: 55%;
--text-w: 60%;
}
section.section-onlytext .container + .container {
margin-top: var(--spacing);
}
section.section-onlytext .section-heading {
width: 100%;
}
section.section-onlytext .tagline {
width: var(--title-w);
font-size: var(--bodysize);
color: var(--body-color);
}
section.section-onlytext .tagline + div {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-onlytext .title {
width: var(--title-w);
}
section.section-onlytext .text-container {
width: var(--text-w);
margin-left: auto;
}
section.section-onlytext .text-container .text + a button {
margin-top: var(--spacing);
} section.section-onlytext.is-sided {
--title-w: 45%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding-left: var(--container);
padding-right: var(--container);
}
section.section-onlytext.is-sided > .container {
width: var(--title-w);
padding: 0;
}
section.section-onlytext.is-sided .container + .container {
margin: 0;
}
section.section-onlytext.is-sided .tagline,
section.section-onlytext.is-sided .title,
section.section-onlytext.is-sided .text-container {
width: 100%;
} section.section-onlytext.is-centered {
--title-w: 100%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding-left: calc(var(--container) * 1.50);
padding-right: calc(var(--container) * 1.50);
}
section.section-onlytext.is-centered > .container {
width: var(--title-w);
padding: 0;
}
section.section-onlytext.is-centered .tagline,
section.section-onlytext.is-centered .title,
section.section-onlytext.is-centered .text-container {
width: 100%;
} section.section-onlytext.is-bordered::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - var(--padding) * 2);
margin-top: var(--padding);
border-top: 1px solid var(--body-color);
border-bottom: 1px solid var(--body-color);
} section.section-light + section.section.section-light.section-onlytext.is-bordered {
padding-top: calc(var(--padding) * 1) !important;
padding-bottom: calc(var(--padding) * 2) !important;
}
section.section-light + section.section-light.section-onlytext.is-bordered::before {
margin-top: 0;
height: calc(100% - var(--padding) * 1);
} section.section-light + section.section.section-dark.section-onlytext.is-bordered {
padding-top: calc(var(--padding) * 2) !important;
padding-bottom: calc(var(--padding) * 2) !important;
} section.section-dark + section.section.section-light.section-onlytext.is-bordered {
padding-top: calc(var(--padding) * 2) !important;
padding-bottom: calc(var(--padding) * 2) !important;
} section.section-dark + section.section.section-dark.section-onlytext.is-bordered {
padding-top: calc(var(--padding) * 1) !important;
padding-bottom: calc(var(--padding) * 2) !important;
}
section.section-dark + section.section-dark.section-onlytext.is-bordered::before {
margin-top: 0;
height: calc(100% - var(--padding) * 1);
}
section.section.section-dark.section-onlytext.is-bordered + footer { padding-top: 0;
} section.section-onlytext.is-taglinedown .tagline {
order: 1;
}
section.section-onlytext.is-taglinedown .tagline + div {
margin-top: 0;
margin-bottom: calc(var(--spacing) * 0.50);
} @media (max-width: 64em) {
section.section-onlytext {
--title-w: 70%;
--text-w: 70%;
}
section.section-onlytext.is-sided {
--title-w: 100%;
}
section.section-onlytext.is-sided .container + .container {
margin-top: var(--spacing);
}
} @media (max-width: 40em) {
section.section-onlytext {
--title-w: 100%;
--text-w: 100%;
}
} body.blog-listing .archive-nav .post-taxlist,
body.cpt-listing .archive-nav .post-taxlist {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: var(--spacing);
}
body.blog-listing .archive-nav .post-taxlist button .cta-label,
body.cpt-listing .archive-nav .post-taxlist button .cta-label {
font-family: var(--titlefont);
font-size: calc(var(--bodysize) * 1.20);
letter-spacing: 0.02em;
}
body.blog-listing .archive-nav .post-taxlist button .cta-label::before,
body.cpt-listing .archive-nav .post-taxlist button .cta-label::before {
bottom: -10px;
}
body.blog-listing .archive-nav .post-taxlist button:not(.is-current),
body.cpt-listing .archive-nav .post-taxlist button:not(.is-current) {
opacity: var(--opacity-disabled);
}
body.blog-listing .archive-nav .post-taxlist button:not(.is-current):hover,
body.cpt-listing .archive-nav .post-taxlist button:not(.is-current):hover {
opacity: 1;
} body.single-post main {
display: grid;
}
body.single-post main > section {
width: 100vw;
}
body.single-post main > section.section-related {
order: 10;
}
body.single-post main > footer {
order: 99;
}  body.home section.section-onlytext[section-index="2"] {
--title-w: 80%;
--h1-size: calc(var(--titlesize) * 1.50);
}
body.home section.section-onlytext[section-index="2"] h1 {
font-size: var(--h1-size);
} @media (max-width: 64em) {
body.home section.section-onlytext[section-index="2"] {
--title-w: 100%;
}
} @media (max-width: 30em) {
body.home section.section-onlytext[section-index="2"] {
--h1-size: calc(var(--titlesize) * 1.25);
}
} footer {
--body-color: var(--light-color);
padding-top: var(--padding);
background: var(--dark-color);
color: var(--light-color);
font-size: calc(var(--bodysize));
position: relative;
z-index: 90;
}
footer > .container {
padding-bottom: calc(var(--spacing) * 2);
}
footer > .container + .container {
padding-top: calc(var(--spacing) * 2);
padding-bottom: var(--padding);
}
footer > .container::before {
content: '';
display: block;
width: 0;
height: 1px;
background-color: var(--grey-color);
position: absolute;
top: 0;
left: 0;
transition: var(--slow-trans);
}
footer > .container[data-animation="1"]::before {
width: 100%;
}
footer .area-1,
footer .area-2 {
width: 42%;
}
footer .area-3,
footer .area-4 {
width: 30%;
}
footer .area-5 {
max-width: 25%;
}
footer .footer-title {
font-size: calc(var(--bodysize) * 1.20);
color: var(--light-color);
margin-bottom: calc(var(--spacing) * 0.50);
}
footer p {
font-size: calc(var(--bodysize));
} #footer-logo {
position: relative;
margin-right: auto;
}
#footer-logo img {
width: 100%;
transition: var(--default-trans);
filter: var(--filter-to-light);
}
#footer-logo img:hover {
scale: var(--scale-up);
} #footer-socials {
width: 100%;
align-self: flex-end;
gap: 12px;
align-items: center;
}
#footer-socials span {
font-size: calc(var(--bodysize) * 0.90);
}
#footer-socials > div {
width: 34px;
height: 100%;
aspect-ratio: 1/1;
border-radius: 999vw;
border: 1px solid var(--grey-color);
transition: var(--default-trans);
position: relative;
}
#footer-socials > div:hover {
border-color: var(--light-color);
background-color: var(--light-color);
}
#footer-socials > div a {
width: 100%;
height: 100%;
}
#footer-socials > div a img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
height: 22px;
aspect-ratio: 1/1;
filter: var(--filter-to-light);
transition: var(--default-trans);
}
#footer-socials > div:hover a img {
filter: var(--filter-to-dark);
} #footer-form .form-text > div {
margin-bottom: var(--spacing);
}
#footer-form .cf7-form .field,
#footer-form .cf7-form a.link {
color: var(--light-color);
}
#footer-form .cf7-form a.link::before {
background-color: var(--light-color);
}
#footer-form .cf7-form .field-acceptance input[flag="checked"]::before {
color: var(--dark-color);
} #footer-identity > div:last-of-type,
#footer-identity > div > div:last-of-type {
margin-bottom: 0;
}
#footer-identity > div + div ,
#footer-identity > div > div + div {
margin-top: calc(var(--spacing) * 0.20);
}
#footer-identity .contacts-email,
#footer-identity .contacts-phone {
gap: calc(var(--spacing) * 0.20);
}
#footer-identity .contacts-email > div,
#footer-identity .contacts-phone > div {
width: 100%;
} footer .links-container {
column-gap: calc(var(--spacing) * 1.50);
}
footer .links-container .links > div + div {
margin-top: calc(var(--spacing) * 0.20);
} #absolute-footer {
align-items: center;
gap: calc(var(--spacing) * 0.70);
padding-top: calc(var(--spacing) * 0.60);
padding-bottom: calc(var(--spacing) * 0.90);
position: relative;
}
#absolute-footer::before {
content: '';
display: block;
width: 0;
height: 1px;
background-color: var(--grey-color);
position: absolute;
top: 0;
left: 0;
transition: var(--slow-trans);
}
#absolute-footer[data-animation="1"]::before {
width: 100%;
}
#footer-legals {
font-size: calc(var(--bodysize) * 0.90);
gap: calc(var(--spacing) * 0.70);
}
#footer-legals > div {
transition: var(--default-trans);
line-height: 1;
}
#footer-credits {
font-size: calc(var(--bodysize) * 0.90);
gap: calc(var(--spacing) * 0.70);
}
#footer-credits > div > a {
color: var(--grey-color);
transition: var(--default-trans);
}
#footer-credits > div > a:hover {
color: var(--light-color);
}
#footer-credits img {
filter: var(--filter-to-light);
}
#footer-credits > div.loonei img {
width: 56px;
margin-left: 4px;
position: relative;
bottom: 2px;
}
#footer-credits > div.sinerbit img {
width: 70px;
margin-left: 4px;
position: relative;
bottom: 3px;
} @media (max-width: 96em) {
footer .area-1,
footer .area-2 {
width: 48%;
}
} @media (max-width: 64em) {
footer .area-3  {
width: 40%;
}
footer .area-4 {
width: 25%;
}
footer .links-container .links {
width: 100%;
}
#footer-legals {
width: 100%;
}
} @media (max-width: 53.0625em) {
footer > .container[data-animation="1"]::before,
#absolute-footer[data-animation="1"]::before {
margin: 0 var(--container);
width: calc(100% - var(--container) * 2);
}
footer .footer-area + .footer-area {
margin-top: calc(var(--spacing) * 2);
}
footer .area-1 {
width: 100%;
}
footer .area-2 {
width: 100%;
}
footer .area-4,
footer .area-5 {
margin-top: 0 !important;
}
#footer-socials {
margin-top: var(--spacing);
}
footer .links-container .links + .links {
margin-top: calc(var(--spacing) * 0.20);
}
#absolute-footer {
padding-top: calc(var(--spacing) * 2);
}
} @media (max-width: 40em) {
footer .area-3 {
width: 100%;
}
footer .area-4,
footer .area-5 {
width: 100%;
margin-top: calc(var(--spacing) * 2) !important;
}
footer .area-5 {
max-width: unset;
}
footer .links-container .links {
width: unset;
}
footer .links-container .links + .links {
margin-top: unset;
}
#absolute-footer {
gap: var(--spacing);
}
#footer-legals {
gap: calc(var(--spacing) * 0.50);
}
}
 :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}