@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;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.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(//villacastelletto.it/wp-content/themes/villacastelletto/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: 126px; --logowidth: 68px;  --dark-color: #270C00;
--light-color: #FCFAF3;
--grey-color: #796359;
--alt-color: #E7D6C5;
--highlight-color: #DD0000; --success-color: #0f834d;
--error-color: #e2401c;
--warning-color: #F1B055;
--info-color: #3d9cd2; --cf7-field-bg: transparent; --filter-to-dark: brightness(0) saturate(100%) invert(7%) sepia(23%) saturate(4996%) hue-rotate(5deg) brightness(96%) contrast(103%);
--filter-to-light: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(405%) hue-rotate(325deg) brightness(100%) contrast(98%);
--filter-to-highlight: brightness(0) saturate(100%) invert(8%) sepia(88%) saturate(7467%) hue-rotate(2deg) brightness(103%) contrast(109%); --body-color: var(--dark-color);
--filter-to-main: var(--filter-to-light);
--filter-to-alt: var(--filter-to-dark); --titlefont: 'Columbia', serif;
--titlesize: 72px;
--titleweight: 400;
--titlelineheight: 1.20em;
--titleletterspacing: initial;
--bodyfont: 'Columbia', serif;
--bodysize: 18px;
--bodylineheight: 1.38em; --ratio-hr: 752/503;
--ratio-vr: 405/557;
--ratio-sq: 766/693; --radius: 0; --shadow: none; --default-trans: all 0.3s;
--slow-trans: all 0.8s;
--scale-up: 1.10;
--scale-down: 0.97;
} @media (max-width: 96em) {
:root {
--titlesize: 64px;
}
} @media (max-width: 80em) {
:root {
--titlesize: 56px;
}
} @media (max-width: 64em) {
:root {
--titlesize: 48px;
--header-height: 116px;
}
} @media (max-width: 40em) {
:root {
--header-height: 113px;
}
} @media (max-width: 30em) {
:root {
--titlesize: 40px;
}
} h1 {
font-size: var(--titlesize);
}
h2 {
font-size: calc(var(--titlesize) * 0.55);
}
h3 {
font-size: calc(var(--bodysize) * 1.40);
} @media (max-width: 30em) {
h2 {
font-size: calc(var(--titlesize) * 0.70);
}
} .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);
--filter-to-main: var(--filter-to-light);
--filter-to-alt: var(--filter-to-dark);
}
.section-alt {
background-color: var(--alt-color);
--body-color: var(--dark-color);
--filter-to-main: var(--filter-to-light);
--filter-to-alt: var(--filter-to-dark);
}
.section-highlight {
background-color: var(--highlight-color);
--body-color: var(--light-color);
--filter-to-main: var(--filter-to-dark);
--filter-to-alt: var(--filter-to-light);
}
.section-light + .section-light,
.section-alt + .section-alt,
.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;
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);
color: var(--grey-color);
line-height: calc(var(--bodysize) * 0.90);
transition: var(--default-trans);
}
.archive-pagination > a:hover {
color: var(--highlight-color);
} .archive-pagination > span.current {
color: var(--dark-color);
} @media (max-width: 40em) { } * {
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(--dark-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: 0.75;
}
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: normal;
color: var(--highlight-color);
}
.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.50) 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(//villacastelletto.it/wp-content/themes/villacastelletto/assets/images/quote.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-alt);
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(//villacastelletto.it/wp-content/themes/villacastelletto/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-alt);
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: 0.70;
}
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);
}
button.cta.cta-button {
padding: 12px 16px 10px;
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-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;
}
button.cta-button .cta-mark {
--unit: 32px;
width: var(--unit);
height: calc(var(--unit) * 0.56);
margin-left: 12px;
position: relative;
top: -1px;
}
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(//villacastelletto.it/wp-content/themes/villacastelletto/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-dark);
}
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;
}
.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 24px;
}
} @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;
}
.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(--alt-color);
width: 49.5%;
margin-bottom: var(--field-margin);
position: relative;
}
section.section-alt .cf7-form .field {
--field-border-color: var(--body-color);
}
.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-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-main);
background-image: url(//villacastelletto.it/wp-content/themes/villacastelletto/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(--grey-color);
font-size: calc(var(--cf7-fontsize) * 0.78);
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(--grey-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(--light-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: 32px; }
.cf7-form .form-row.single-input .field-submit {
--unit: 32px; }
.cf7-form .form-row.single-input .field-submit button {
font-size: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(calc(-50% - (var(--field-margin) * 0.50)));
height: var(--unit);
width: var(--unit);
margin: 0;
scale: 0.85;
transition: var(--default-trans);
}
.cf7-form .form-row.single-input .field-submit button:hover {
scale: 1;
}
.cf7-form .form-row.single-input .field-submit button::after {
content: '';
height: 100%;
width: 100%;
background-image: url(//villacastelletto.it/wp-content/themes/villacastelletto/assets/images/arrow-45deg.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
display: block;
position: absolute;
top: 0;
left: 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(--light-color);
}
.cf7-dark .cf7-form {
color: var(--light-color);
color-scheme: dark;
}
.cf7-dark .cf7-form .form-row.single-input .field-submit button::after {
filter: var(--filter-to-light);
}
.cf7-dark .cf7-form .field-input input,
.cf7-dark .cf7-form .field-textarea textarea,
.cf7-dark .cf7-form .field-select select {
color: var(--light-color);
border-color: var(--light-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(--light-color);
}
.cf7-dark .cf7-form .field-acceptance input[type="checkbox"] {
border-color: var(--light-color);
}
.cf7-dark .cf7-form .field-acceptance input[flag="checked"] {
border-color: var(--highlight-color);
}
.cf7-dark .cf7-form .field-submit {
color: var(--light-color);
}
.cf7-dark .field-toggle > span input[type="checkbox"]::after,
.cf7-dark .field-toggle > span input[type="checkbox"]:checked::after {
background-color: var(--light-color);
}
.cf7-dark .field-toggle > span input[flag="checked"]:checked::after {
background-color: var(--light-color);
} @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: var(--logowidth);
--btn-unit: 58px;
background-color: transparent;
position: fixed;
display: block;
color: var(--dark-color);
z-index: 95;
top: 0;
width: 100%;
transition: var(--default-trans);
}
#main-header:not(.is-transparent) {
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
background: rgba(0, 0, 0, 0.25);
}
#main-header.is-sticky {
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
background: rgba(0, 0, 0, 0.35);
}
#main-header.menu-layer-is-active {
background: transparent;
backdrop-filter: unset;
-webkit-backdrop-filter: unset;
}
#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: calc(var(--spacing) * 0.65) var(--container);
}
#main-header > .grid::after {
content: '';
display: block;
width: calc(100% - var(--container) * 2);
height: 1px;
background-color: var(--light-color);
margin: 0 auto;
position: absolute;
bottom: 0;
opacity: 0.40;
transition: var(--default-trans);
}
#main-header.is-sticky > .grid::after,
#main-header.menu-layer-is-active > .grid::after,
#main-header.is-sticky.menu-layer-is-active > .grid::after,
#main-header:not(.is-transparent) > .grid::after {
width: 0;
}
#main-header > .grid .left-items {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
justify-self: start;
column-gap: 12px;
}
#main-header > .grid .right-items {
display: flex;
flex-wrap: nowrap;
justify-self: flex-end;
} #main-header .main-navigation ul.menu {
list-style-type: none;
margin: 0;
display: flex;
justify-content: flex-start;
position: relative;
font-size: var(--bodysize);
gap: var(--spacing);
}
#main-header .main-navigation ul.menu li {
display: inline-block;
left: 0;
line-height: unset;
} #main-header .menu-toggle-container {
position: relative;
}
#main-header .menu-toggle {
--padding-h: 24px;
--line-h: 1px;
--border-w: 0px;
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(--light-color);
background: transparent;
cursor: pointer;
position: relative; transition: var(--default-trans);
}
#main-header .menu-toggle > div {
position: relative;
transition: var(--default-trans);
} #main-header .logo > a {
display: block;
width: 100%;
height: 100%;
}
#main-header .logo > a > img {
width: 100%;
transition: var(--default-trans);
}
#main-header .logo > a:hover > img {
scale: var(--scale-up);
} #main-header .lang-switch-container {
position: relative;
}
#main-header .lang-switch-container.is-hidden {
display: none;
}
#main-header .menu-lang {
display: grid;
font-family: var(--bodyfont);
font-size: var(--bodysize);
line-height: var(--bodysize);
text-transform: uppercase;
width: max-content;
position: absolute;
left: calc(var(--spacing) * -1);
transition: var(--default-trans);
transform: translateX(-100%);
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(//villacastelletto.it/wp-content/themes/villacastelletto/assets/images/chevron.svg);
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 50%;
background-size: contain;
filter: var(--filter-to-light);
}
#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.30);
}
#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 .header-cta {
text-align: right;
} .menu-layer {
--menu-w: 33%;
--bg-unit: 105vh;
position: fixed;
display: block;
width: 100%;
height: 100vh;
z-index: 94;
top: 0;
left: -100%;
overflow: hidden;
-webkit-overflow-scrolling: touch !important;
pointer-events: none;
transition: var(--slow-trans);
}
.menu-layer::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #000;
opacity: 0.20;
}
.menu-layer.is-active {
left: 0;
pointer-events: auto;
}
.menu-layer .menu-bg {
overflow: hidden;
width: calc(100% - var(--menu-w));
height: 100%;
display: flex;
flex-wrap: wrap;
position: absolute;
top: 0;
left: calc(var(--menu-w) - 1px);
}
.menu-layer .menu-container {
overflow: hidden;
width: var(--menu-w);
height: 100%;
position: relative;
padding-top: calc(var(--header-height) + var(--spacing) * 3);
padding-bottom: calc(var(--padding) * 1);
padding-left: var(--container);
background-color: var(--dark-color);
}
.menu-layer .menu-container > .navigation {
width: 100%;
font-family: var(--titlefont);
font-weight: var(--titleweight);
}
.menu-layer .menu-container > .navigation ul + ul {
margin-top: calc(var(--spacing) * 2.5) !important;
}
.menu-layer .menu-container > .navigation ul.menu {
list-style-type: none;
margin: 0;
display: flex;
flex-direction: column;
justify-content: start;
position: relative;
}
.menu-layer .menu-container > .navigation ul.menu li {
display: inline-block;
left: 0;
line-height: unset;
}
.menu-layer .menu-container > .navigation #menu-main-menu-1 {
font-size: calc(var(--titlesize) * 0.60);
gap: var(--spacing);
}
.menu-layer .menu-container > .navigation a > button {
margin-top: calc(var(--spacing) * 2);
} .menu-layer .menu-lang {
display: flex;
gap: var(--spacing);
font-family: var(--bodyfont);
font-size: var(--bodysize);
line-height: var(--bodysize);
text-transform: uppercase;
margin-top: calc(var(--spacing) * 2);
transition: var(--default-trans);
}
.menu-layer .menu-lang .select-lang {
opacity: 0.60;
} @media (min-width: 120.0625em) {
.menu-layer .menu-container {
padding-top: calc(var(--header-height) + var(--spacing) * 6);
}
} @media (max-width: 96em) {
.menu-layer .menu-container {
padding-top: calc(var(--header-height) + var(--spacing) * 1);
}
} @media (max-width: 64em) {
#main-header .menu-toggle {
--padding-h: 12px;
}
#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: calc(var(--btn-unit) * 0.15);
background: var(--light-color);
margin-left: auto;
transition: var(--default-trans);
}
#main-header .menu-toggle .toggle-lines > span:last-of-type {
margin-bottom: 0;
}
#main-header .menu-toggle.is-open .toggle-lines > span {
rotate: 45deg;
}
#main-header .menu-toggle.is-open .toggle-lines > span {
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));
}
.menu-layer {
--menu-w: 60%;
overflow: visible;
left: calc(-2 * var(--bg-unit) * 0.50);
}
.menu-layer .menu-container {
padding-top: calc(var(--header-height) + var(--spacing) * 6);
}
.menu-layer .menu-container > .navigation #menu-main-menu-1 {
font-size: calc(var(--bodysize) * 3);
gap: var(--spacing);
}
} @media (max-width: 40em) {
.menu-layer {
--menu-w: 70%;
}
.menu-layer .menu-container {
padding-top: calc(var(--header-height) + var(--spacing) * 3);
padding-left: calc(var(--container) * 2);
}
.menu-layer .menu-container > .navigation #menu-main-menu-1 {
font-size: calc(var(--bodysize) * 1.60);
gap: var(--spacing);
}
#main-header .menu-lang {
left: unset;
transform: translateX(-100%) translateY(-0.5em);
}
} @media (max-width: 30em) {
#main-header {
--btn-unit: 50px;
}
} @media (max-width: 24em) {
.menu-layer {
--menu-w: 95%;
}
} section.section-pagetitle {
padding: calc(var(--padding) + var(--header-height)) 0 var(--padding);
}
section.section-pagetitle .title {
font-size: var(--titlesize);
}
section.section-pagetitle .text,
section.section-pagetitle a button {
margin-top: var(--spacing);
}  section.section-contentcarousel .container + .container {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-contentcarousel .section-heading {
width: 100%;
}
section.section-contentcarousel .tagline {
width: 100%;
font-size: var(--bodysize);
color: var(--highlight-color);
}
section.section-contentcarousel .title,
section.section-contentcarousel .title h2 {
width: 100%;
margin-top: calc(var(--spacing) * 0.50);
font-size: var(--titlesize);
}
section.section-contentcarousel .text-container {
width: 50%;
}
section.section-contentcarousel .contentcarousel-nav {
--unit: 64px;
height: var(--unit);
align-self: flex-end;
z-index: 50;
}
section.section-contentcarousel .contentcarousel-nav div > button {
height: var(--unit);
aspect-ratio: 1/1;
background: transparent;
transition: background-color 0.3s;
position: relative;
}
section.section-contentcarousel .contentcarousel-nav div > button:hover,
section.section-contentcarousel .contentcarousel-nav div > button:active {
background-color: var(--highlight-color);
}
section.section-contentcarousel .contentcarousel-nav div > button > span::before {
content: '';
display: inline-block;
width: 35%;
aspect-ratio: 1/2;
background-image: url(//villacastelletto.it/wp-content/themes/villacastelletto/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: var(--filter-to-highlight);
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
}
section.section-contentcarousel .contentcarousel-nav div > button.slider-prev > span::before {
transform: rotate(-180deg);
}
section.section-contentcarousel .contentcarousel-nav div > button:hover > span::before,
section.section-contentcarousel .contentcarousel-nav div > button:active > span::before {
filter: var(--filter-to-light);
} section.section-contentcarousel .contentcarousel-slider {
margin-top: var(--spacing);
}
section.section-contentcarousel .contentcarousel-slider .single-contentcarousel-item {
position: relative;
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-main {
width: 55%;
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-alt {
width: 35%;
justify-content: center;
align-content: space-between;
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-main .contentcarousel-medium {
margin-top: calc(var(--spacing) * 0.50);
position: relative;
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-main .contentcarousel-counter {
position: absolute;
top: calc(var(--spacing) * -0.30);
left: calc(100% - var(--spacing));
font-size: calc(var(--titlesize) * 1.35);
color: var(--highlight-color);
z-index: -1;
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-medium a {
display: block;
position: relative;
overflow: hidden;
width: 100%;
aspect-ratio: var(--ratio-hr);
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-alt .contentcarousel-medium a {
aspect-ratio: var(--ratio-sq);
}
section.section-contentcarousel .contentcarousel-slider img {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--default-trans);
} @media (max-width: 80em) {
section.section-contentcarousel .contentcarousel-nav {
--unit: 48px;
}
} @media (max-width: 64em) {
section.section-contentcarousel .contentcarousel-nav div > button:hover {
background-color: unset;
}
section.section-contentcarousel .contentcarousel-nav div > button:active {
background-color: var(--highlight-color);
}
section.section-contentcarousel .contentcarousel-nav div > button:hover > span::before {
filter: var(--filter-to-highlight);
}
section.section-contentcarousel .contentcarousel-nav div > button:active > span::before {
filter: var(--filter-to-light);
}
section.section-contentcarousel .contentcarousel-slider {
margin-top: calc(var(--spacing) * 2);
}
} @media (max-width: 53.0625em) {
section.section-contentcarousel .text-container {
width: 70%;
}  
} @media (max-width: 40em) {
section.section-contentcarousel .container + .container {
margin-top: var(--spacing);
}
section.section-contentcarousel .text-container {
width: 100%;
}
section.section-contentcarousel .contentcarousel-nav {
margin-top: var(--spacing);
margin-left: auto;
}
section.section-contentcarousel .contentcarousel-slider {
--offset-alt: calc(var(--spacing) * -2);
margin-bottom: var(--offset-alt);
margin-top: var(--spacing);
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-main {
width: 85%;
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-alt {
width: 100%;
margin-left: auto;
position: relative;
top: var(--offset-alt);
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-alt .contentcarousel-medium a {
width: 50%;
margin-left: auto;
}
section.section-contentcarousel .contentcarousel-slider .contentcarousel-alt button {
margin-top: var(--spacing);
}
} section.section-form .container {
align-items: center;
color: var(--body-color);
position: relative;
}
section.section-form.is-onlyform .container {
justify-content: center;
}
section.section-form .form-content {
width: 50%;
margin: calc(var(--padding) * 0.50) 0;
}
section.section-form.is-onlyform .form-content {
width: unset;
}
.section.section-form.text-right .form-content {
order: 2;
}
section.section-form .form-content > div {
width: 100%;
}
section.section-form .form-content > div + div {
margin-top: calc(var(--spacing) * 0.50);
}
section.section-form .tagline {
font-size: var(--bodysize);
color: var(--highlight-color);
}
section.section-form .tagline,
section.section-form .title {
text-align: center;
}
section.section-form .title {
font-size: var(--titlesize);
}
section.section-form .form-content .form-container {
margin-top: var(--spacing);
}
section.section-form:not(.is-onlyform) .form-content .form-container .field-textarea textarea {
height: calc(var(--cf7-fontsize) * 7);  
}
section.section-form .form-medium {
width: 45%;
position: relative;
}
section.section-form .form-medium a {
display: block;
position: relative;
overflow: hidden;
height: 100%;
}
section.section-form.text-left .form-medium.is-parallax a {
text-align: right;
}
section.section-form.text-right .form-medium.is-parallax a {
text-align: left;
}
section.section-form .form-medium img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--radius);
transition: var(--default-trans);
}
section.section-form .form-medium.is-parallax img {
width: 90%;
}
section.section-form .medium-parallax {
width: 40%;
position: absolute;
top: 50%;
}
section.section-form.text-left .medium-parallax {
left: 0;
}
section.section-form.text-right .medium-parallax {
right: 0;
} section.section-form.is-fullwidth .container {
padding: 0;
}
section.section-form.is-fullwidth .form-content {
width: 45%;
}
section.section-form.is-fullwidth.text-left .form-content {
padding-left: var(--container);
}
section.section-form.is-fullwidth.text-right .form-content {
padding-right: var(--container);
}
section.section-form.is-fullwidth .form-medium {
width: 50%;
} @media (max-width: 96em) {
} @media (max-width: 64em) {
section.section-form .form-medium img {
aspect-ratio: var(--ratio-sq) !important;
}
section.section-form .form-medium .medium-parallax img {
aspect-ratio: auto !important;
}
section.section-form .medium-parallax {
top: unset;
bottom: calc(-1 * var(--spacing));
}
} @media (max-width: 53.0625em) {
section.section-form.is-fullwidth {
padding: 0;
}
section.section-form .form-content {
order: 2;
width: 100% !important;
margin: 0 !important;
padding: calc(var(--padding) * 0.50) var(--container) var(--padding);
}
section.section-form:not(.is-fullwidth) .form-content {
padding: calc(var(--padding) * 0.50) 0 0;
}
section.section-form .form-medium {
width: 100% !important;
}
section.section-form .medium-parallax {
width: 40%;
}
} @media (max-width: 40em) {
section.section-form .form-content > div + div {
margin-top: var(--spacing);
}
} @media (max-width: 30em) {
section.section-form .medium-parallax {
bottom: calc(-2 * var(--spacing));
}
} 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(//villacastelletto.it/wp-content/themes/villacastelletto/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: 64px;
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: 1px solid var(--light-color);
background: rgba(255, 251, 245, 0.25);
transition: background-color 0.3s;
position: relative;
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:hover,
section.section-fullscreenmedia .fullscreenmedia-nav div > button:active {
background-color: var(--light-color);
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button > span::before {
content: '';
display: inline-block;
width: 35%;
aspect-ratio: 1/2;
background-image: url(//villacastelletto.it/wp-content/themes/villacastelletto/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-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-dark);
}
section.section-fullscreenmedia .fullscreenmedia-slider .owl-fullscreenmedia-slider .owl-dots {
--dot-unit: 11px;
--dot-gap: 11px;
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: 0;
background-color: var(--light-color);
padding: 0 !important;
opacity: 0.3;
transition: var(--default-trans);
position: relative;
}
section.section-fullscreenmedia .fullscreenmedia-slider .owl-fullscreenmedia-slider button.owl-dot.active {
opacity: 1;
} @media (max-width: 80em) {
section.section-fullscreenmedia .fullscreenmedia-nav {
--unit: 48px;
}
} @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 div > button:hover {
background-color: unset;
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:active {
background-color: var(--light-color);
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:hover > span::before {
filter: var(--filter-to-light);
}
section.section-fullscreenmedia .fullscreenmedia-nav div > button:active > span::before {
filter: var(--filter-to-dark);
}
} @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.section-light {
--extention-color: var(--alt-color);
}
section.section-gallery.section-alt {
--extention-color: var(--light-color);
}
section.section-gallery::after {
content: '';
display: block;
width: 100%;
height: 40%;
position: absolute;
bottom: 0;
background-color: var(--extention-color);
}
section.section-gallery + section.section-gallery {
padding-top: 0;
}
section.section-gallery .container + .container {
margin-top: var(--spacing);
}
section.section-gallery .section-heading {
width: 100%;
text-align: center;
}
section.section-gallery .tagline {
width: 100%;
font-size: var(--bodysize);
color: var(--highlight-color);
text-align: center;
}
section.section-gallery .title {
width: 100%;
text-align: center;
margin-top: calc(var(--spacing) * 0.50);
}
section.section-gallery .title h2 {
font-size: var(--titlesize);
} section.section-gallery .gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing);
} section.section-gallery .gallery-slider .owl-stage {
left: var(--container);
}
section.section-gallery .gallery-slider .single-item > a {
width: 24vw;
} section.section-gallery .single-item > a {
position: relative;
}
section.section-gallery .single-item .item-img {
display: block;
aspect-ratio: var(--ratio-vr);
overflow: hidden;
position: relative;
transition: var(--default-trans);
}
section.section-gallery .single-item .item-img::before {
content: '';
display: block;
width: 100%;
height: 100%;
background: #000;
position: relative;
z-index: 1;
opacity: 0.20;
}
section.section-gallery .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%);
}
section.section-gallery .single-item .item-content {
width: 100%;
padding: calc(var(--spacing) * 0.70) calc(var(--spacing) * 1.1);
position: absolute;
bottom: 0;
z-index: 1;
}
section.section-gallery .single-item .item-title h3 {
color: var(--light-color);
} section.section-gallery .gallery-nav {
--unit: 64px;
position: absolute;
top: 50%;
left: calc(var(--container) + var(--spacing));
transform: translateY(-50%);
width: calc(100% - var(--container) * 2 - var(--spacing) * 2);
height: var(--unit);
z-index: 50;
pointer-events: none;
}
section.section-gallery .gallery-nav div > button {
height: var(--unit);
aspect-ratio: 1/1;
border: 1px solid var(--light-color);
background: rgba(255, 251, 245, 0.25);
transition: background-color 0.3s;
position: relative;
pointer-events: auto;
}
section.section-gallery .gallery-nav div > button:hover,
section.section-gallery .gallery-nav div > button:active {
background-color: var(--light-color);
}
section.section-gallery .gallery-nav div > button > span::before {
content: '';
display: inline-block;
width: 35%;
aspect-ratio: 1/2;
background-image: url(//villacastelletto.it/wp-content/themes/villacastelletto/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-gallery .gallery-nav div > button.slider-prev > span::before {
transform: rotate(-180deg);
}
section.section-gallery .gallery-nav div > button:hover > span::before,
section.section-gallery .gallery-nav div > button:active > span::before {
filter: var(--filter-to-dark);
} @media (min-width: 120.0625em) {
section.section-gallery .gallery-slider .single-item > a {
width: 21vw;
}
section.section-gallery .gallery-nav {
left: var(--spacing);
width: calc(100% - 2 * var(--spacing));
}
} @media (max-width: 80em) {
section.section-gallery .gallery-nav {
--unit: 48px;
}
} @media (max-width: 64em) {
section.section-gallery .gallery-slider .single-item > a {
width: 35vw;
}
section.section-gallery .gallery-nav div > button:hover {
background-color: unset;
}
section.section-gallery .gallery-nav div > button:active {
background-color: var(--light-color);
}
section.section-gallery .gallery-nav div > button:hover > span::before {
filter: var(--filter-to-light);
}
section.section-gallery .gallery-nav div > button:active > span::before {
filter: var(--filter-to-dark);
}
} @media (max-width: 40em) {
section.section-gallery .title {
margin-top: var(--spacing);
}
section.section-gallery .gallery-grid {
grid-template-columns: repeat(1, 1fr);
}
section.section-gallery .gallery-grid .single-item .item-img {
aspect-ratio: var(--ratio-hr);
}
section.section-gallery .gallery-slider .single-item > a {
width: 75vw;
}
} @media (max-width: 30em) {
section.section-gallery .gallery-nav {
right: calc(var(--container));
width: auto;
}
section.section-gallery .gallery-nav div > button.slider-prev {
display: none;
}
section.section-gallery .gallery-nav div > button.slider-next {
margin-left: auto;
}
} main > .section-hero:first-of-type {
padding-top: var(--header-height);
}
section.section-hero {
--body-color: var(--light-color);
}
section.section-hero .section-heading {
margin-bottom: 0;
}
section.section-hero {
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 > 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-top: var(--spacing);
}
section.section-hero .hero-text .section-heading > div + a button.cta .cta-mark::before {
filter: var(--filter-to-main);
}
section.section-hero > a {
cursor: url(//villacastelletto.it/wp-content/themes/villacastelletto/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(0.5);
}
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.40;
pointer-events: none;
}
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 .container button.cta-button:hover {
background-color: var(--highlight-color);
border-color: var(--highlight-color);
} section.section-list .tagline {
width: 100%;
font-size: var(--bodysize);
color: var(--highlight-color);
text-align: center;
margin-bottom: var(--spacing);
}
section.section-list .list-container {
display: grid;
row-gap: var(--spacing);
}
section.section-list .list-container > a,
section.section-list .list-container > div {
justify-self: center;
text-align: center;
}
section.section-list .single-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
border: none;
transition: var(--default-trans);
position: relative;
--img-width: 12vw;
--img-spacing: calc(var(--container) * 0.25);
}
section.section-list .single-list:hover {
z-index: 1;
scale: unset;
}
section.section-list .single-list .list-title h2 {
font-size: var(--titlesize);
color: var(--body-color);
opacity: 0.30;
transition: var(--default-trans);
}
section.section-list .single-list:hover .list-title h2 {
color: var(--highlight-color);
opacity: 1;
}
section.section-list .list-img {
width: var(--img-width);
aspect-ratio: var(--ratio-vr);
border-radius: var(--radius);
position: absolute;
top: 50%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: var(--default-trans);
}
section.section-list .list-img .curtain {
width: calc(100% + 4px);
height: calc(100% + 4px);
position: absolute;
left: -2px;
bottom: -2px;
transition: all 0.50s;
}
section.section-list.section-light .list-img .curtain {
background-color: var(--light-color);
}
section.section-list.section-alt .list-img .curtain {
background-color: var(--alt-color);
}
section.section-list .active .list-img .curtain {
height: 0;
}
section.section-list .active .list-img {
opacity: 1;
visibility: visible;
}
section.section-list a:nth-of-type(1n) .list-img,
section.section-list div:nth-of-type(1n) .list-img {
left: 0;
transform: translateY(-50%) translateX(calc(-100% - var(--img-spacing)));
}
section.section-list a:nth-of-type(2n) .list-img,
section.section-list div:nth-of-type(2n) .list-img {
left: unset;
right: 0;
transform: translateY(-50%) translateX(calc(100% + var(--img-spacing)));
}
section.section-list a:nth-of-type(3n) .list-img,
section.section-list div:nth-of-type(3n) .list-img {
left: unset;
right: 0;
transform: translateY(-50%) translateX(calc(100% + var(--img-spacing)));
}
section.section-list a:nth-of-type(4n) .list-img,
section.section-list div:nth-of-type(4n) .list-img {
left: 0;
transform: translateY(-50%) translateX(calc(-100% - var(--img-spacing)));
}
section.section-list a:nth-of-type(5n) .list-img,
section.section-list div:nth-of-type(5n) .list-img {
left: unset;
right: 0;
transform: translateY(-50%) translateX(calc(100% + var(--img-spacing)));
}
section.section-list a:nth-of-type(6n) .list-img,
section.section-list div:nth-of-type(6n) .list-img {
left: 0;
transform: translateY(-50%) translateX(calc(-100% - var(--img-spacing)));
}
section.section-list .single-list .list-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
section.section-list .cta-container {
margin-top: calc(var(--spacing) * 2);
text-align: center;
} section.section-media {
--side-w: 20%;
--main-w: 65%;
}
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: calc(var(--spacing) * 0.50);
}
section.section-media .tagline {
font-size: var(--bodysize);
color: var(--highlight-color);
}
section.section-media .text-decoration {
height: 1px;
width: 1px;
background-color: var(--highlight-color);
opacity: 0;
transition: var(--slow-trans);
}
section.section-media .text-decoration[data-animation="1"] {
width: var(--side-w);
opacity: 1;
}
section.section-media .text {
width: var(--main-w);
}
section.section-media .cta-container {
margin-top: var(--spacing) !important;
width: var(--main-w) !important;
margin-left: auto;
}
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 .media-medium.is-parallax img {
width: 90%;
}
section.section-media .medium-parallax {
width: 40%;
position: absolute;
top: 50%;
}
section.section-media.text-left .medium-parallax {
left: 0;
}
section.section-media.text-right .medium-parallax {
right: 0;
} 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: 96em) {
section.section-media {
--side-w: 15%;
--main-w: 75%;
}
} @media (max-width: 64em) {
section.section-media {
--side-w: 30%;
--main-w: 100%;
}
section.section-media .text-decoration {
margin: calc(var(--spacing) * 0.50) 0 var(--spacing);
}
section.section-media .media-medium img {
aspect-ratio: var(--ratio-sq) !important;
}
section.section-media .media-medium .medium-parallax img {
aspect-ratio: auto !important;
}
section.section-media .medium-parallax {
top: unset;
bottom: calc(-1 * var(--spacing));
}
} @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:not(.is-fullwidth) .media-content {
padding: calc(var(--padding) * 0.50) 0 0;
}
section.section-media .media-medium {
width: 100% !important;
}
section.section-media .medium-parallax {
width: 40%;
}
} @media (max-width: 40em) {
section.section-media {
--side-w: 60%;
}
section.section-media .media-content > div + div {
margin-top: var(--spacing);
}
section.section-media .text-decoration {
margin-top: 0;
}
} @media (max-width: 30em) {
section.section-media .medium-parallax {
bottom: calc(-2 * var(--spacing));
}
} section.section-onlytext {
--side-w: 10%;
--main-w: 85%;
}
section.section-onlytext .container + .container {
margin-top: var(--spacing);
}
section.section-onlytext .section-heading {
width: 100%;
}
section.section-onlytext .tagline {
width: var(--side-w);
font-size: var(--bodysize);
color: var(--highlight-color);
}
section.section-onlytext .title {
width: var(--main-w);
}
section.section-onlytext.is-titled .title {
width: 100%;
margin-top: calc(var(--spacing) * 0.50);
font-size: var(--titlesize);
}
section.section-onlytext.is-titled .title h2 {
font-size: var(--titlesize);
}
section.section-onlytext .text-decoration {
height: 1px;
width: 1px;
background-color: var(--highlight-color);
opacity: 0;
transition: var(--slow-trans);
}
section.section-onlytext .text-decoration[data-animation="1"] {
width: var(--side-w);
opacity: 1;
}
section.section-onlytext .text-container {
width: var(--main-w);
}
section.section-onlytext.is-double .text-container .text {
column-count: 2;
column-gap: var(--spacing);
}
section.section-onlytext .text-container .text + a button {
margin-top: var(--spacing);
} @media (max-width: 96em) {
section.section-onlytext {
--side-w: 15%;
--main-w: 80%;
}
} @media (max-width: 64em) {
section.section-onlytext {
--side-w: 20%;
--main-w: 75%;
}
} @media (max-width: 53.0625em) {
section.section-onlytext.is-double .text-container .text {
column-count: unset;
column-gap: unset;
}
} @media (max-width: 40em) {
section.section-onlytext {
--side-w: 60%;
--main-w: 100%;
}
section.section-onlytext.is-titled .title {
margin-top: 0;
}
section.section-onlytext .container.flex-between {
row-gap: var(--spacing);
}
} footer {
--footer-border-color: #AEA59C40;
background: var(--light-color);
color: var(--grey-color);
font-size: calc(var(--bodysize));
position: relative;
z-index: 90;
}
footer > .container:last-of-type {
padding-bottom: var(--spacing);
}
footer .footer-area-container {
padding: calc(var(--spacing) * 1.40) 0 !important;
border-top: 1px solid var(--footer-border-color);
}
footer .footer-area > div + div {
margin-top: calc(var(--spacing) * 1.40);
}
footer .area-1,
footer .area-2 {
width: 49%;
}
footer .area-1 {
padding-left: var(--container);
padding-right: calc(var(--container) * 0.50);
}
footer .footer-title {
font-size: calc(var(--bodysize) * 1.40);
line-height: var(--bodylineheight);
color: var(--body-color);
margin-bottom: calc(var(--spacing) * 0.50);
}
footer p {
font-size: calc(var(--bodysize));
}
#footer-identity > div:last-of-type,
#footer-identity > div > div:last-of-type {
margin-bottom: 0;
}
#footer-logo {
position: relative;
margin-right: auto;
}
#footer-logo img {
width: 100%;
}
#footer-form .form-text > div {
margin-bottom: var(--spacing);
}
#footer-form .cf7-form .field,
#footer-form .cf7-form a.link {
color: var(--grey-color);
}
#footer-form .cf7-form a.link::before {
background-color: var(--grey-color);
}
#footer-identity .info > div {
line-height: var(--bodylineheight);
}
#footer-identity .contacts-email,
#footer-identity .contacts-phone {
row-gap: var(--bodylineheight);
}
#footer-identity .contacts-email > div,
#footer-identity .contacts-phone > div {
margin-bottom: 0;
}
#footer-identity .contacts-email > div:not(:first-of-type),
#footer-identity .contacts-phone > div:not(:first-of-type) {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid var(--body-color);
}
#footer-socials {
gap: 12px;
}
#footer-socials > div {
width: 44px;
height: 100%;
aspect-ratio: 1/1;
border-radius: 999vw;
border: 1px solid var(--alt-color);
transition: var(--default-trans);
position: relative;
}
#footer-socials > div:hover {
border-color: var(--highlight-color);
background-color: var(--highlight-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-highlight);
}
#footer-socials > div:hover a img {
filter: var(--filter-to-light);
} #footer-map {
height: 100%;
position: relative;
}
#footer-map .google-map {
width: 100%;
height: 100%;
}
#footer-map .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: #ede5dc;
color: var(--dark-color);
font-size: calc(var(--bodysize) * 0.90);
z-index: 1;
}
#absolute-footer {
align-items: center;
gap: calc(var(--spacing) * 0.70);
border-top: 1px solid var(--footer-border-color);
padding-top: calc(var(--spacing) * 0.60);
}
#footer-legals {
font-size: calc(var(--bodysize) * 0.90);
gap: calc(var(--spacing) * 0.70);
}
#footer-legals > div {
opacity: 0.40;
transition: var(--default-trans);
line-height: 1;
}
#footer-legals > div:hover {
opacity: 1;
}
#footer-credits {
font-size: calc(var(--bodysize) * 0.90);
gap: calc(var(--spacing) * 0.70);
}
#footer-credits > div {
opacity: 0.40;
transition: var(--default-trans);
}
#footer-credits > div:hover {
opacity: 1;
}
#footer-credits img {
filter: var(--filter-to-alt);
}
#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: 64em) {
footer > .container {
margin-bottom: var(--padding);
}
#footer-legals {
width: 100%;
}
} @media (max-width: 53.0625em) {
footer .footer-area-container {
row-gap: calc(var(--spacing) * 1.40);
}
footer .area-1 {
width: 100%;
padding: 0 var(--container);
}
footer .area-2 {
width: 100%;
padding: 0;
}
#footer-identity {
justify-content: flex-start;
gap: calc(var(--spacing) * 1.40);
}
#footer-map {
aspect-ratio: var(--ratio-hr);
}
} @media (max-width: 40em) {
footer > .container {
margin-bottom: calc(var(--padding) * 0.80);
}
#footer-map {
aspect-ratio: var(--ratio-sq);
}
#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}