@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .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(//casapiurat.it/wp-content/themes/casapiu/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; }@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BlackItalic.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BlackItalic.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BlackItalic.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BlackItalic.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BlackItalic.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BlackItalic.svg#Ambit-BlackItalic) format('svg');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLightItalic.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLightItalic.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLightItalic.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLightItalic.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLightItalic.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLightItalic.svg#Ambit-ExtraLightItalic) format('svg');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Black.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Black.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Black.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Black.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Black.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Black.svg#Ambit-Black) format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLight.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLight.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLight.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLight.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLight.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ExtraLight.svg#Ambit-ExtraLight) format('svg');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Light.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Light.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Light.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Light.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Light.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Light.svg#Ambit-Light) format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Italic.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Italic.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Italic.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Italic.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Italic.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Italic.svg#Ambit-Italic) format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BoldItalic.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BoldItalic.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BoldItalic.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BoldItalic.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-BoldItalic.svg#Ambit-BoldItalic) format('svg');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-LightItalic.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-LightItalic.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-LightItalic.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-LightItalic.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-LightItalic.svg#Ambit-LightItalic) format('svg');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Bold.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Bold.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Bold.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Bold.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Bold.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Bold.svg#Ambit-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Thin.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Thin.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Thin.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Thin.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Thin.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Thin.svg#Ambit-Thin) format('svg');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Regular.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Regular.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Regular.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Regular.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Regular.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-Regular.svg#Ambit-Regular) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBold.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBold.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBold.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBold.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBold.svg#Ambit-SemiBold) format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBoldItalic.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBoldItalic.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBoldItalic.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBoldItalic.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBoldItalic.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-SemiBoldItalic.svg#Ambit-SemiBoldItalic) format('svg');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Ambit';
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ThinItalic.eot);
src: url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ThinItalic.eot?#iefix) format('embedded-opentype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ThinItalic.woff2) format('woff2'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ThinItalic.woff) format('woff'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ThinItalic.ttf) format('truetype'),
url(//casapiurat.it/wp-content/themes/casapiu/assets/fonts/Ambit-ThinItalic.svg#Ambit-ThinItalic) format('svg');
font-weight: 100;
font-style: italic;
font-display: swap;
} :root{
--logowidth: 250px;
}
@media (max-width: 96.0625em) {
:root{
--logowidth: 220px;
}
}
@media (max-width: 91.0625em) {
:root{
--logowidth: 200px;
}
}
* {
box-sizing: border-box; }
*:before,
*:after {
box-sizing: border-box; }
html {
font-family: 'Ambit', sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {
margin: 0;
font-family: 'Ambit', sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #535353;
background-color: #ffffff; }    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: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: 'Ambit', sans-serif;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
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 #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
figure {
margin: 0; }
img {
vertical-align: middle; }
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee; }
.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;
margin: 0;
overflow: visible;
clip: auto; }
[role="button"] {
cursor: pointer; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 768px) {
.container {
width: 750px; } }
@media (min-width: 992px) {
.container {
width: 970px; } }
@media (min-width: 1200px) {
.container {
width: 1170px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.row {
margin-left: -15px;
margin-right: -15px; }
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table; }
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both; }
input,
textarea,
select,
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0px; }
* {
outline: none !important; }
html,
body {
max-width: 100%;
overflow-x: hidden; }
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Ambit', sans-serif;
color: #535353; }
@keyframes scrollLine {
0% {
transform: translateX(-100%); }
100% {
transform: translateX(200%); } }
.section {
padding-top: 80px;}
@media (max-width: 91.0625em) {
.section {
padding-top: 70px;} }
@media (max-width: 70.75em) {
.section {
padding-top: 50px;} } h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
padding: 0;
line-height: 1.0;
font-family: 'Ambit', sans-serif;
font-weight: 300;
color: #535353; }
h1 {
font-size: 65px;
line-height: 1.1; }
@media (max-width: 96.0625em) {
h1 {
font-size: 60px; } }
@media (max-width: 91.0625em) {
h1 {
font-size: 55px; } }
@media (max-width: 80.0625em) {
h1 {
font-size: 55px; } }
@media (max-width: 75.0625em) {
h1 {} }
@media (max-width: 70.75em) {
h1 {
font-size: 55px; } }
@media (max-width: 53.0625em) {
h1 {
font-size: 55px; } }
@media (max-width: 50.0625em) {
h1 {
font-size: 50px; } }
@media (max-width: 39.99em) {
h1 {
font-size: 50px;
}
}
@media (max-width: 30em) {
h1 {
font-size: 45px;
}
}
@media (max-width: 23.5em) {
h1 {
font-size: 40px;
}
}
h2 {
font-size: 55px;
font-weight: bold;
margin-bottom: 30px; }
@media (max-width: 96.0625em) {
h2 {
font-size: 50px;
line-height: 1.1;
margin-bottom: 25px; } }
@media (max-width: 91.0625em) {
h2 {
font-size: 43px; } }
@media (max-width: 85.4275em) {
h2 {
font-size: 40px;
line-height: 1.1;
margin-bottom: 20px; } }
@media (max-width: 80.0625em) {
h2 {
font-size: 38px;
line-height: 1.1;
margin-bottom: 20px; } }
@media (max-width: 75.0525em) {
h2 {
font-size: 36px;
margin-bottom: 20px; } }
@media (max-width: 70.75em) {
h2 {
font-size: 36px;
letter-spacing: 0;
margin-bottom: 20px; } }
@media (max-width: 64.0625em) {
h2 {
font-size: 36px; } }
@media (max-width: 50.0525em) {
h2 {
margin-bottom: 18px;} }
@media (max-width: 39.99em) {
h2 {
font-size: 36px;
} }
@media (max-width: 30em) {
h2 {
font-size: 32px;
}
}
@media (max-width: 23.5em) {
h2 {
font-size: 32px;
}
}     h3 {
font-size: 26px;
font-weight: 700;
line-height: 1.2;
font-family: 'Ambit', sans-serif; }
@media (max-width: 105.0625em) {
h3 {
font-size: 24px;
}
}
@media (max-width: 96.0625em) {
h3 {
font-size: 24px;
}
}
@media (max-width: 80.0625em) {
h3 {
font-size: 22px;
}
}          @media (max-width: 50.0525em) {
h3 {
margin-bottom: 18px; } }
p {
padding: 0;
margin: 0 0 20px 0;
font-size: 18px;
font-family: 'Ambit', sans-serif;
font-weight: 400;
line-height: 25px; }
@media (max-width: 120.0525em) {
p {
font-size: 17px;
line-height: 23px;
}
}
@media (max-width: 96.0525em) {
p {
font-size: 16px;
line-height: 23px;
}
}     @media (max-width: 80.0625em) {
p {
font-size: 16px;
line-height: 21px;
} }
@media (max-width: 70.75em) {
p {
line-height: 21px;
} }
@media (max-width: 61.0525em) {
p {
font-size: 15px;
line-height: 21px;
}
}
@media (max-width: 50.0525em) {
p {
}
}
@media (max-width: 23.5em) {
p {
font-size: 15px;
letter-spacing: 0;
line-height: 20px;
}
}
p:last-of-type {
margin-bottom: 0; }
p b {
font-weight: 700; }
p a {
color: #535353;
border-bottom: 1px solid #535353 !important; }
p a.image_link {
border-bottom: none !important; }
a {
line-height: 1;
color: #535353;
transition: all .2s;
text-decoration: none;
background-color: transparent; }
a:focus,
a:active,
a:hover {
color: #535353;
text-decoration: none;
outline: 0; }
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
a.cta {
--color: #535353;
--background: #FFD900;
font-size: 16px;
text-transform: uppercase;
z-index: 0;
line-height: 1;
letter-spacing: 3px;
display: inline-block !important;
position: relative;
color: #535353;
padding: 15px 20px;
background-color: var(--background);
font-weight: 400;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .3s ease-out; }
@media (max-width: 120.0625em) {
a.cta {
padding: 15px;
letter-spacing: 2px;
}
}
@media (max-width: 91.0625em) {
a.cta {
font-size: 15px;
}
}
@media (max-width: 86.4275em) {
a.cta {
font-size: 14px;
}
}
@media (max-width: 80.0625em) {
a.cta {
padding: 12px;
}
}
a.cta img {
width: 30px;
transition: all .3s ease-out;
display: inline-block;
margin-left: 5px; }
a.cta:before {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 0;
height: 100%;
background-color: var(--color);
transition: all .3s ease-out; }
a.cta:hover:before {
width: 100%; }
a.cta:hover {
color: #FFF; }
a.cta:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(31%) hue-rotate(343deg) brightness(108%) contrast(109%);
}
a.cta.white {
--color: #FFF; }
a.cta.white:hover {
color: #535353;
}
a.cta.white:hover img {
filter: brightness(0) saturate(100%) invert(33%) sepia(0%) saturate(10%) hue-rotate(206deg) brightness(97%) contrast(95%);
}
a.bianco {
color: #FFF !important;
border-bottom: 1px solid #FFF !important; }
.modal-link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
overflow: hidden; }
.modal-link .player{
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 .player img{
width: 100%;
height: 100%;
display: block; }  #loading {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10000;
background-color: #FFF; }
.container {
width: 80%;
padding-left: 0;
padding-right: 0; }
@media (max-width: 91.0625em) {
.container {
width: 85%; } }
@media (max-width: 80.0525em) {
.container {
width: 90%; } }
@media (max-width: 70.75em) {
.container {
width: 92%;} }
@media (max-width: 50.0525em) {
.container {
width: 92%;} }
@media (max-width: 39.99em) {
.container {
width: 90%;
padding: 0; } }
.container--expanded {
width: 100%;
padding-left: 0;
padding-right: 0; }
ul {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 1; }
ul li {
display: inline-block;
margin: 0;
left: 0; }
.hamburguesa {
position: fixed;
display: none;
cursor: pointer;
width: 40px;
top: 26px;
right: 4%;
z-index: 103; }
@media (max-width: 75.0625em) {
.hamburguesa {
top: 14px;
display: block;
}
}
@media (max-width: 53.0625em) {
.hamburguesa {
top: 16px;
}
}
@media (max-width: 39.99em) {
.hamburguesa {
top: 22px;
}
}
@media (max-width: 30em) {
.hamburguesa {
top: 20px;
}
}
.hamburguesa .line {
width: 40px;
height: 2px;
background-color: #FFF;
display: block;
margin: 8px 0;
transition: all 0.3s ease-in-out; }
.hamburguesa .line:nth-child(1) {
margin-left: 15px;
width: 25px; }
.hamburguesa .line:nth-child(3) {
margin-left: 10px;
width: 30px; }
.hamburguesa.shrink .line,
.single-progetti .line,
.hamburguesa.alternative .line {
background-color: #000000;
}
@media (max-width: 39.99em) {
.hamburguesa .line {
width: 30px;
margin: 5px 0; }
.hamburguesa .line:nth-child(2) {
width: 40px; }
}
.hamburguesa:hover {
cursor: pointer; }
#hamburguesa-6.is-active {
position: fixed;
transition: all 0.3s ease-in-out;
transition-delay: 0.3s;
transform: rotate(45deg); }  #hamburguesa-6.is-active .line:nth-child(1),
#hamburguesa-6.is-active .line:nth-child(3) {
margin-left: 0px;
background-color: #000000;
width: 40px;
transition-delay: 0s; }
#hamburguesa-6.is-active .line:nth-child(1) {
transform: translateY(10px); }
@media (max-width: 39.99em) {
#hamburguesa-6.is-active .line:nth-child(1) {
transform: translateY(8px); }
#hamburguesa-6.is-active .line:nth-child(2) {
opacity: 0; }
}
#hamburguesa-6.is-active .line:nth-child(3) {
transform: translateY(-10px) rotate(90deg); }
@media (max-width: 39.99em) {
#hamburguesa-6.is-active .line:nth-child(3) {
transform: translateY(-6px) rotate(90deg); } }
.shadow {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 99;
background-color: rgba(0,0,0,.5);
opacity: 0;
pointer-events: none;
transition: all .3s ease-out;
position: fixed;
visibility: hidden;}
.shadow.in {
opacity: 1;
visibility: visible;
pointer-events: auto;}
.menu-layer {
position: fixed;
width: 100%;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
z-index: 100;
top: 0;
left: 0;
font-family: 'Ambit', serif;
background-color: #FFF;
color: #000000;
-webkit-overflow-scrolling: touch !important;
pointer-events: none;
opacity: 0;
transition: all .3s ease;}
.menu-layer.in {
opacity: 1;
pointer-events: auto; }
.menu-layer>img.line-bkg {
display: none; }
@media (max-width: 53.0625em) {
.menu-layer>img.line-bkg {
width: 70%;
display: block; }
}
@media (max-width: 39.99em) {
.menu-layer>img.line-bkg {
width: 80%;
display: block; }
}
.menu-layer>div{
width: 100%;
height: 100%;
position: relative; }
@media(max-width: 75.0625em) {
.menu-layer>div {
height: auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
.menu-layer .giantF {
display: block;
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-20%);
height: calc(100% - 100px);
}
.menu-layer .menu_heading {
width: 90%;
padding: 30px 0;
margin: 0 auto;
position: relative; }
@media (max-width: 96.0625em) {
.menu-layer .menu_heading {
width: 92%;
}
}
@media (max-width: 70.75em) {
.menu-layer .menu_heading {
width: 90%;
}
}
@media (max-width: 39.99em) {
.menu-layer .menu_heading {
padding: 25px 0;
}
}
@media (max-width: 30em) {
.menu-layer .menu_heading {
padding: 5px 0;
display: flex;
}
}
.menu-layer .lang {
position: relative;
left: 0; }
@media (max-width: 30em) {
.menu-layer .lang {
width: auto;
}
}
.menu-layer .lang ul {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap; }
@media (max-width: 30em) {
.menu-layer .lang ul {
display: block;
}
}
.menu-layer .lang ul li {
text-transform: uppercase;
font-family: 'Ambit', serif;
display: block;
position: relative;
text-align: center;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
font-size: 22px; }
@media (max-width: 96.0625em) {
.menu-layer .lang ul li {
font-size: 20px;
}
}
@media (max-width: 53.0625em) {
.menu-layer .lang ul li {
font-size: 22px;
}
}
@media (max-width: 39.99em) {
.menu-layer .lang ul li {
font-size: 20px;
}
}
@media (max-width: 30em) {
.menu-layer .lang ul li {
display: block;
width: auto;
height: auto;
padding: 8px;
font-size: 17px;
}
}
@media (max-width: 23.5em) {
.menu-layer .lang ul li {
font-size: 16px;
}
}
.menu-layer .lang ul li.current {
font-weight: 600;
}
.menu-layer .lang ul li:first-of-type {
margin-right: 15px;
}
@media (max-width: 30em) {
.menu-layer .lang ul li:first-of-type {
margin-right: 0px;
border-bottom: 1px solid #000000;
}
}
.menu-layer .lang ul li:last-of-type {
margin-left: 15px;
}
@media (max-width: 30em) {
.menu-layer .lang ul li:last-of-type {
margin-left: 0px;
}
}
.menu-layer .lang ul li a {
color: inherit;
position: relative;
transition: none;
line-height: 1;
font-weight: 300; }
.menu-layer .lang ul li:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
transition: width 0.3s ease-out;
background-color: #000000; }
.menu-layer .lang ul li.current:after {
width: 100%; }
@media (max-width: 30em) {
.menu-layer .lang ul li:after {
display: none;
}
}
.menu-layer .menu-logo {
display: block;
position: relative;
margin: 0 auto;
transition: all 0.3s ease-out;
width: var(--logowidth); }
.menu-layer .menu-logo a img { display: block;
width: 100%; }
.menu-layer .list {
width: 100%;
padding: 60px 5% 0; }
@media (max-width: 96.0625em) {
.menu-layer .list {
padding: 30px 4% 0;
}
}
@media (max-width: 75.0625em) {
.menu-layer .list {
width: 100%;
text-align: center;
}
}
@media (max-width: 53.0625em) {
.menu-layer .list {
padding: 100px 4% 0;
}
}
@media (max-width: 39.99em) {
.menu-layer .list {
padding: 50px 4% 0;
}
}
@media (max-width: 23.5em) {
.menu-layer .list {
padding: 40px 4% 0;
}
}
.menu-layer .list ul li {
display: block; }
.menu-layer .list ul li:last-of-type {}
@media (max-width: 39.99em) {
.menu-layer .list ul li:last-of-type {} }
.menu-layer .list ul li:last-of-type a {
margin-bottom: 0; }
.menu-layer .list ul li.current-page-ancestor a,
.menu-layer .list ul li.current-post-ancestor a,
.menu-layer .list ul li.current-menu-item a,
.menu-layer .list ul li.current_page_item a,
.single-progetti .menu-layer .list ul li.menu-item-480 a,
.menu-layer .list ul li.current_page_parent a {
font-weight: 700; }
.menu-layer .list ul li.current-menu-item.ancora a {
font-weight: 300; }
.menu-layer .list ul li a {
display: inline-block;
position: relative;
letter-spacing: 2px; font-size: 30px;
margin-bottom: 3%;
font-weight: 300;
text-transform: uppercase;
color: #535353;
text-decoration: none;}
@media (max-width: 75.0525em) {
.menu-layer .list ul li a {
font-size: 20px;
margin-bottom: 30px;
}
}
@media (max-width: 70.75em) {
.menu-layer .list ul li a {
margin-bottom: 2%;
font-size: 20px; } }
@media (max-width: 53.0525em) {
.menu-layer .list ul li a {
margin-bottom: 8%;
font-size: 22px; } }
@media (max-width: 39.99em) {
.menu-layer .list ul li a {
font-size: 18px; } }
@media (max-width: 23.5em) {
.menu-layer .list ul li a {
font-size: 18px;
}
}
.menu-layer .list ul li a:after {
content: '';
background-color: #535353;
height: 2px;
width: 0;
position: absolute;
bottom: -3px;
left: 0;
transition: all 0.3s ease-out; }
.menu-layer .list ul li.current-page-ancestor a:after,
.menu-layer .list ul li.current-post-ancestor a:after,
.menu-layer .list ul li.current-menu-item a:after,
.menu-layer .list ul li.current_page_item a:after,
.menu-layer .list ul li.current_page_parent a:after,
.single-progetti .menu-layer .list ul li.menu-item-480 a:after,
.menu-layer .list ul li:hover a:after {
width: 100%; }
.menu-layer .list ul li.current-menu-item.ancora a:after {
width: 0; }
.menu-layer .bottom {
position: absolute;
text-align: right;
display: flex;
flex-wrap: wrap;
align-items: center;
height: 20%;
right: 5%;
bottom: 50px;
width: 50%; }
@media (max-width: 96.0525em) {
.menu-layer .bottom {
height: 27%;
}
}
@media (max-width: 75.0525em) {
.menu-layer .bottom {
height: auto;
width: 100%;
margin-top: 70px;
text-align: center;
position: relative;
bottom: unset;
right: unset;
}
}
@media (max-width: 70.75em) {
.menu-layer .bottom {
margin-top: 50px;
}
}
@media (max-width: 53.0525em) {
.menu-layer .bottom {
margin-top: 70px;
}
}
@media (max-width: 30em) {
.menu-layer .bottom {
margin-top: 50px;
}
}
@media (max-width: 23.5em) {
.menu-layer .bottom {
margin-top: 40px;
}
}
.menu-layer .bottom>div {
width: 100%;
}                    .menu-layer .bottom img {
height: 30px;
filter: brightness(0) saturate(100%);
display: inline-block; }
@media (max-width: 96.0625em) {
.menu-layer .bottom img {
height: 25px; } }
@media (max-width: 70.75em) {
.menu-layer .bottom img {
height: 30px; } }
@media (max-width: 30em) {
.menu-layer .bottom img {
height: 30px;
}
}
.menu-layer .bottom a {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
cursor: pointer; }
@media (max-width: 91.0525em) {
.menu-layer .bottom a {
padding: 0 15px;
}
}
@media (max-width: 70.75em) {
.menu-layer .bottom a {
padding: 0 10px;
}
}
@media (max-width: 53.0525em) {
.menu-layer .bottom a {
padding: 0 15px;
}
}
@media (max-width: 30em) {
.menu-layer .bottom a {
padding: 0 15px;
}
}
.menu-layer .bottom a:first-of-type {
padding-left: 0 !important;
}
.menu-layer .bottom a:last-of-type {
padding-right: 0 !important; }  .wpcf7-list-item:has(.acceptance-mktg) {
margin-left: 0;
}
.checkbox-trigger,
.checkbox-trigger-marketing,
.checkbox-trigger-footer,
.checkbox-trigger-footer-marketing,
.acceptance-mktg {
width: 20px;
height: 20px;
cursor: pointer;
border: 1px solid #535353;
background: #fff;
display: inline-block;
margin-right: 7px;
margin-top: -8px;
vertical-align: middle;
position: relative;
text-align: center; }
@media (max-width: 50.0525em) {
.checkbox-trigger,
.checkbox-trigger-marketing,
.checkbox-trigger-footer,
.checkbox-trigger-footer-marketing { } }
.checkbox-trigger.active:before,
.checkbox-trigger-marketing.active:before,
.checkbox-trigger-footer.active:before,
.checkbox-trigger-footer-marketing.active:before,
.acceptance-mktg:checked:before {
display: inline-block; }
.checkbox-trigger:before,
.checkbox-trigger-marketing:before,
.checkbox-trigger-footer:before,
.checkbox-trigger-footer-marketing:before,
.acceptance-mktg:before {
display: none;
width: 18px;
height: 18px;
position: absolute;
font-size: 18px;
content: '\2715';
color: #535353;
line-height: 18px;
font-family: 'Arial', sans-serif;
top: 0.1px;
left: 0.5px;
background-color: transparent; }
.checkbox-trigger-footer,
.checkbox-trigger-footer-marketing {
margin-top: -3px; }
.checkbox-trigger-footer:after,
.checkbox-trigger-footer-marketing:after {
display: none !important; }
.span-check,
.span-check-marketing,
.span-check-footer,
.span-check-footer-marketing,
.field-acceptance:has(.acceptance-mktg) {
font-family: 'Ambit', sans-serif;
font-weight: 400;
font-size: 16px;}
@media (max-width: 91.0625em) {
.span-check,
.span-check-marketing,
.span-check-footer,
.span-check-footer-marketing,
.field-acceptance:has(.acceptance-mktg) {
font-size: 15px;
}
}
@media (max-width: 70.75em) {
.span-check,
.span-check-marketing,
.span-check-footer,
.span-check-footer-marketing,
.field-acceptance:has(.acceptance-mktg) {
font-size: 14px;
}
}
@media (max-width: 53.0625em) {
.span-check,
.span-check-marketing,
.span-check-footer,
.span-check-footer-marketing,
.field-acceptance:has(.acceptance-mktg) {
font-size: 15px;
}
}
.span-check a,
.span-check-marketing a,
.span-check-footer a,
.span-check-footer-marketing a {
color: #535353; position: relative;
}
.span-check-marketing>p {
display: none;
}
.span-check a::after,
.span-check-marketing a::after,
.span-check-footer a::after,
.span-check-footer-marketing a::after  {
content: '';
position: absolute;
width: 0;
height: 1px;
background-color: #535353;
bottom: -3px;
left: 0;
transition: all .3s ease-out; }
.span-check a:hover::after,
.span-check-marketing a:hover::after,
.span-check-footer a:hover::after,
.span-check-footer-marketing a:hover::after  {
width: 100%;
}
.span-check-footer,
.span-check-footer-marketing {
font-size: 16px; }
@media (max-width: 86.4275em) {
.span-check-footer, .span-check-footer-marketing {
font-size: 15px; } }
@media (max-width: 50.0525em) {
.span-check-footer {
margin-bottom: 5px; } }
.span-check-footer-marketing p:not(.text-pmark) {
display: none; }
#text-marketing,
#text-marketing-2 {
position: absolute;
width: 150%;
text-align: left;
font-size: 13px;
transform: translateX(-17px);
background-color: #FFF;
border: 1px solid #000000;
z-index: 10;
padding: 15px;
bottom: -150%;
left: 0;
color: #000000;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all .3s ease; }
@media (max-width: 50.0525em) {
#text-marketing,
#text-marketing-2 {
transform: translateX(-22px); } }
#text-marketing.in,
#text-marketing-2.in {
opacity: 1;
visibility: visible;
pointer-events: auto; }
#text-marketing p:first-of-type,
#text-marketing-2 p:first-of-type {
margin-bottom: 3px;
font-size: 14px;
font-weight: 400; }
#text-marketing p:last-of-type,
#text-marketing-2 p:last-of-type {
font-size: 14px;
margin-bottom: 0;
font-weight: 300;
text-transform: none;
color: #000000 !important; }
@media (max-width: 30em) {
#text-marketing p:last-of-type,
#text-marketing-2 p:last-of-type {
font-size: 14px;
}
}
@media (max-width: 50.0525em) {
#text-marketing-2 {
width: 100%; } }
@media (max-width: 30em) {
#text-marketing-2 {
width: 134%; } }
@media (max-width: 23.5em) {
#text-marketing-2 {
width: 130%; } }
.dark-mark {
color: #3E3E3E !important; }
button {
background-color: transparent;
border: none; }
button.cta {
--color: #535353;
--background: #FFD900;
font-size: 16px;
text-transform: uppercase;
line-height: 1;
z-index: 0;
letter-spacing: 3px;
display: inline-block !important;
position: relative;
color: #535353;
padding: 15px 20px; background-color: var(--background);
font-weight: 300;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .3s ease-out; }
@media (max-width: 120.0625em) {
button.cta {
padding: 15px;
letter-spacing: 2px;
}
}
@media (max-width: 91.0625em) {
button.cta {
font-size: 15px;
}
}
@media (max-width: 86.4275em) {
button.cta {
font-size: 14px;
}
}
@media (max-width: 80.0625em) {
button.cta {
padding: 12px;
}
}
button.cta img {
width: 30px;
transition: all .3s ease-out;
display: inline-block;
margin-left: 5px; }
button.cta:hover img,
button.cta.white img {
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(31%) hue-rotate(343deg) brightness(108%) contrast(109%);
}
button.cta.white:hover img {
filter: unset;
}
button.cta:hover {
color: #FFFFFF; }
button.cta.white:hover {
color: #535353; }
button.cta.white {
--color: #FFFFFF;
color: #FFFFFF; }
button.cta:before {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 0;
height: 100%;
background-color: var(--color);
transition: all .3s ease-out; }
button.cta:hover:before {
width: 100%; } #main-wrap {
width: 100%;
display: table;
table-layout: fixed;
position: relative; } #main-header-home {
position: absolute;
display: block;
bottom: 0;
padding-bottom: 20px;
z-index: 25;
width: 100%; }
@media (max-width: 80.0625em) {
#main-header-home {
padding-bottom: 15px;
}
}
@media (max-width: 75.0625em) {
#main-header-home {
bottom: unset !important;
position: fixed !important;
top: 0 !important;
padding-bottom: 0 !important;
}
}
#main-header-home.go {
padding-bottom: 0;
background-color: rgba(255, 255, 255, 0.9);
color: #000000;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
-moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
box-shadow: 0 0 7px rgba(0,0,0,.1)!important; }  #main-header {
display: block;
width: 100%;
height: auto;
color: #FFF;
position: fixed;
transition: all 0.3s ease-out; z-index: 25; }
#main-header.progetti {
background-color: rgb(255, 255, 255);
color: #000000; }
#main-header.go {
background-color: rgb(255, 255, 255);
color: #000000;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
-moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
box-shadow: 0 0 7px rgba(0,0,0,.1)!important; }
.header.container {
padding: 10px 0;
width: 85%;
position: relative; }
@media (max-width: 120.0625em) {
.header.container {
width: 90%;} }
@media (max-width: 70.75em) {
.header.container {
width: 90%;} }
@media (max-width: 61.0525em) {
.header.container {} }
@media (max-width: 52.2525em) {
.header {
width: 90%; } }
.header.container .header__wrap {
width: 100%;
display: flex;
position: relative; }
.header__wrap .header__logo {
left: 0;
position: relative;
transition: all 0.3s ease-out;
width: var(--logowidth); }   .header__logo svg,
.header__logo img{
transition: all 0.3s ease-out;
display: block;
width: 100%; }
@media (max-width: 85.4275em) {
.header__logo svg,
.header__logo img {
width: 100%; } }
@media (max-width: 70.75em) {
.header__logo svg,
.header__logo img {
width: 100%; } } .header__wrap .header__menu {
width: calc(100% - var(--logowidth));
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 18px;
font-family: 'Ambit', sans-serif;
text-align: right; }
@media (max-width: 105.0625em) {
.header__wrap .header__menu {
font-size: 17px;
}
}
@media (max-width: 91.0625em) {
.header__wrap .header__menu {
font-size: 17px;
}
}
@media (max-width: 80.0625em) {
.header__wrap .header__menu {
font-size: 16px;
}
}
@media (max-width: 70.75em) {
.header__wrap .header__menu {
font-size: 18px;
}
}
@media (max-width: 75.0625em) {
.header__wrap .header__menu {
display: none;
}
}
.header__wrap .header__menu > .menu {
padding: 0 !important;
list-style-type: none !important;
position: relative;
width: 100%; }
.header__wrap .header__menu > .menu>li {
display: inline-block !important;
position: relative;
padding: 10px 25px; }
@media (max-width: 96.0625em) {
.header__wrap .header__menu > .menu>li {
padding: 10px 20px;
}
}
@media (max-width: 85.4275em) {
.header__wrap .header__menu > .menu>li {
padding: 10px 15px;
}
}
@media (max-width: 70.75em) {
.header__wrap .header__menu > .menu>li {
padding: 18px;
}
}
.header__wrap .header__menu > .menu>li>a {
transition: none;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
color: inherit;
position: relative; }
.header__wrap .header__menu > .menu>li>a:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
transition: width 0.3s ease-out;
background-color: #FFF; }
.go .header__wrap .header__menu > .menu>li>a:after,
.progetti .header__wrap .header__menu > .menu>li>a:after,
.contacts-version .header__wrap .header__menu > .menu>li>a:after {
background-color: #000000; }
.header__wrap .header__menu > .menu>li>a:hover:after,
.header__wrap .header__menu > .menu>li.current-menu-item>a:after,
.header__wrap .header__menu > .menu>li.current_page_parent>a:after,
.header__wrap .header__menu > .menu>li.current-post-ancestor>a:after,
.header__wrap .header__menu > .menu>li.current-menu-parent>a:after,
.header__wrap .header__menu > .menu>li.current-page-ancestor>a:after,
.single-progetti .header__wrap .header__menu > .menu>li.menu-item-480>a:after,
.header__wrap .header__menu > .menu>li>a.active:after {
width: 100%; }
.header__wrap .header__menu > .menu>li.current-menu-item.ancora>a:not(.active):after {
width: 0; }
.header__wrap .header__menu > .menu>li>ul.sub-menu {
position: absolute;
padding: 15px;
opacity: 0;
pointer-events: none;
width: 215px;
font-size: 15px;
transition: opacity 0.3s ease-out;
background-color: #FFF;
border: 3px solid #9FB2D2; top: 100%;
left: 0%; } @media (max-width: 96.0625em) {
.header__wrap .header__menu > .menu>li>ul.sub-menu {
font-size: 14px;
width: 200px;
padding: 12.5px;
}
}  .header__wrap .header__menu > .menu>li:hover>ul.sub-menu {
opacity: 1;
pointer-events: auto; }
.header__wrap .header__menu > .menu>li>ul.sub-menu li {
text-align: left;
display: block;
margin-bottom: 15px; }
@media (max-width: 96.0625em) {
.header__wrap .header__menu > .menu>li>ul.sub-menu li {
margin-bottom: 10px;
}
}
.header__wrap .header__menu > .menu>li>ul.sub-menu li:last-of-type {
margin-bottom: 0px; }
.header__wrap .header__menu > .menu>li>ul.sub-menu li a { position: relative;
}
.header__wrap .header__menu > .menu>li>ul.sub-menu li a:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
transition: width 0.3s ease-out;
background-color: #000000; }
.header__wrap .header__menu > .menu>li>ul.sub-menu li a:hover:after,
.header__wrap .header__menu > .menu>li>ul.sub-menu li.current-menu-item a:after {
width: 100%; }
.header .header__wrap #lang {
width: 10%;
position: relative; }
@media (max-width: 96.0525em) {
.header .header__wrap #lang {
width: 10%;} }
@media (max-width: 91em) {
.header .header__wrap #lang {
width: 10%;} }
@media (max-width: 86.0525em) {
.header .header__wrap #lang {
width: 10%;
}
}
@media (max-width: 80.0525em) {
.header .header__wrap #lang {
width: 13%;
}
}
@media (max-width: 75.0625em) {
.header .header__wrap #lang { } }
@media (max-width: 53.0525em) {
.header .header__wrap #lang {
width: auto;
right: unset;
left: 0;
}
}
.header #lang > div {
position: relative;
top: 50%;
width: 100%;
transform: translateY(-50%); }
@media (max-width: 75.0625em) {
.header #lang > div {
top: 0;
transform: none;
}
}
.header #lang > div ul {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap; }
.header #lang li {
color: #8D8D8D;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Ambit', serif;
display: block;
position: relative;
text-align: center;
font-weight: 300;
line-height: 1;
font-size: 22px; }
.header #lang li.current {
font-weight: 800;
color: #FFF;
}
.go .header #lang li.current,
.progetti .header #lang li.current,
.contacts-version .header #lang li.current {
color: #502B15; }
@media (max-width: 96.0625em) {
.header #lang li {
font-size: 20px;
}
}
@media (max-width: 53.0625em) {
.header #lang li {
font-size: 22px;
}
}
@media (max-width: 39.99em) {
.header #lang li {
font-size: 20px;
}
}
@media (max-width: 30em) {
.header #lang > div ul {
display: block;
}
.header #lang li {
display: block;
width: auto;
height: auto;
padding: 8px;
font-size: 17px;
}
}
@media (max-width: 23.5em) {
.header #lang li {
font-size: 16px;
}
}
.header #lang li:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
transition: width 0.3s ease-out;
background-color: #FFF; }
.go .header #lang li:after,
.contacts-version .header #lang li:after{
background-color: #502B15;
}
@media (max-width: 53.0625em) {
body:not(.page-template-tpl-contacts) .contacts-version:not(.go) .header #lang li:after,
body:not(.page-template-tpl-contacts) .contacts-version:not(.go) .header #lang li:before {
background-color: #FFF;
}
}
.header #lang li.current:after,
.header #lang li:hover:after {
width: 100%;
}
.header #lang li:first-of-type {
margin-right: 15px; }
@media (max-width: 30em) {
.header #lang li:first-of-type {
margin-right: 0;
border-bottom: 1px solid #FFFFFF; }
.go .header #lang li:first-of-type{
border-color: #000000;
}
.header #lang li:after {
display: none;
}
}
.header #lang li:last-of-type {
margin-left: 15px;
}
@media (max-width: 30em) {
.header #lang li:last-of-type {
margin-left: 0;
}
}
.header #lang li a {
color: inherit;
transition: none;
line-height: 1;
font-weight: 300; } #main-content {
width: 100%;
height: 100%;
display: table;
table-layout: fixed;
position: relative; }
#main-content div>ul{
padding: 10px 0 10px 20px;
width: 100%;
list-style-type: disc;}
@media (max-width: 39.99em) {
#main-content div>ul{
padding-left: 20px; } }
#main-content div>ul>li{
font-size: 17px;
font-weight: 500;
line-height: 28px;
margin-bottom: 0px;
display: list-item;}
#main-content div>ul>li:last-of-type{
margin-bottom: 0;}
@media (max-width: 85.4275em) {
#main-content div>ul>li {
font-size: 15px; } }
@media (max-width: 70.75em) {
#main-content div>ul>li {
font-size: 13px; } }
@media (max-width: 61.0525em) {
#main-content div>ul>li {
line-height: 25px;
}
}
@media (max-width: 50.0525em) {
#main-content div>ul>li {
line-height: 24px;
}
}
@media (max-width: 30em) {
#main-content div>ul>li {
font-size: 15px;
}
}
.wrap {
width: 100%;
height: 100%;
display: table;
table-layout: fixed; }
@media (max-width: 50.0525em) {
.wrap {
display: block; } }
.wrap > div {
display: table-cell;
vertical-align: middle; }
@media (max-width: 50.0525em) {
.wrap > div {
display: block; } }
.heading-block {
width: 100%;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
color: #FFF;
position: relative; }
.heading-block.no-home {
height: 60vh; }     @media (max-width: 53.0625em) {
.heading-block,
.heading-block.no-home {
height: 60vh;
}
}
@media (max-width: 39.99em) {
.heading-block {
height: 100vh;
}
.heading-block.no-home {
height: 50vh;
}
}
@media (max-width: 30em) {
.heading-block.no-home {
height: 50vh;
}
}
@media (max-width: 23.5em) {
.heading-block.no-home {
height: 60vh;
}
}
.heading-block .heading-block__image,
.heading-block .heading-block__video {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: top center;
background-repeat: no-repeat; }
@media (max-width: 53.0625em) {
.heading-block .heading-block__image,
.heading-block .heading-block__video {
background-position: center center;
}
}
.heading-block .heading-block__video {
overflow: hidden; }
.heading-block .heading-block__image>a,
.heading-block .heading-block__video>a {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(83, 83, 83, 0.4);
}
.heading-block .heading-block__video>a {
cursor: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/play-button48.png), auto; }
.heading-block__video .heading-video {
width: 100%;
height: 56.25vw;
min-height: 100%;
min-width: 177.77vh;
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
display: block;
transform: translate(-50%, -50%); }
.heading-block__video .background-video {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
z-index: 0;
top: 0;
left: 0;
object-fit: cover;
display: block;
}
.heading-block__video .youtube-video {
position: absolute !important;
width: 100%;
height: 100%;
z-index: 0 !important;
display: block; }
.heading-block__logo {
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%);
position: absolute;
width: 25%; }
@media (max-width: 53.0625em) {
.heading-block__logo {
width: 40%;
}
}
@media (max-width: 30em) {
.heading-block__logo {
width: 60%;
}
}
.heading-block__logo>img {
display: block;
width: 100%; }
.heading-block__text {
pointer-events: none;
width: 40%;
bottom: 80px;
left: 7.5%;
position: absolute;
z-index: 2;}
@media (max-width: 96.0625em) {
.heading-block__text {
width: 45%;
left: 5%;
}
}
@media (max-width: 80.0625em) {
.heading-block__text {
width: 50%;
bottom: 60px;
}
}
@media (max-width: 75.0625em) {
.heading-block__text {
width: 55%;
}
}
@media (max-width: 70.75em) {
.heading-block__text {
width: 60%;
bottom: 50px;
}
}
@media (max-width: 53.0625em) {
.heading-block__text {
width: 65%;
}
}
@media (max-width: 50.0625em) {
.heading-block__text {
width: 90%;
}
}
@media (max-width: 50.0625em) {
.heading-block__text {
bottom: 20px;
}
}
.heading-block__text.single-version {
width: 70%;
transform: unset;
top: unset;
bottom: 100px; }
@media (max-width: 96.0625em) {
.heading-block__text.single-version {
bottom: 80px;
}
}
@media (max-width: 80.0625em) {
.heading-block__text.single-version {
bottom: 60px;
}
}
@media (max-width: 39.99em) {
.heading-block__text.single-version {
width: 90%;
bottom: 30px;
}
}
.heading-block__text h1,
.heading-block__text h3,
.heading-block__text p,
.heading-block__text p a {
color: #FFFFFF;  }
.heading-block__text h1 {
margin-bottom: 0;
}
.heading-block__text h1 + p {
margin-top: 20px;
}
.heading-block__text h1 + a.cta,
.heading-block__text h1 + h3,
.heading-block__text p + a.cta {
margin-top: 30px;
pointer-events: auto;
}
@media (max-width: 25.5em) {
.heading-block__text h1 + a.cta,
.heading-block__text h1 + h3,
.heading-block__text p + a.cta {
margin-top: 20px;
}
} #scroll-down {
display: block;
width: 20px;
height: 100px;
position: absolute;
bottom: 80px;
right: 100px;
z-index: 5;
pointer-events: none;
color: #FFF;
text-align:center; }
@media (max-width: 91.0625em) {
#scroll-down {
bottom: 60px;
right: 80px;
}
}
@media (max-width: 75.0625em) {
#scroll-down {
bottom: 60px;
right: 80px;
height: 80px;
}
}
@media (max-width: 53.0625em) {
#scroll-down {
right: 60px;
bottom: 60px;
}
}
@media (max-width: 53.0625em) {
.headingsingle-block #scroll-down {
display: none;
}
}
@media (max-width: 39.99em) {
#scroll-down {
height: 80px;
}
}
@media (max-width: 30em) {
#scroll-down {
display: none;
bottom: 40px;
right: 40px;
}
}
#scroll-down > div{
position: relative;
top: 50%;
transform: translateY(-50%);
}
.arrow-down {
display: block;
margin: 0 auto;
position: relative;
width: 10px;
height: 100px;
}
@media (max-width: 75.0625em) {
.arrow-down {
height: 80px;
}
}
@media (max-width: 23.5em) {
.arrow-down {
height: 60px;
}
}
.arrow-down:after {
content: '';
display: block;
margin: 0;
padding: 0;
width: 10px;
height: 10px;
position: absolute;
bottom: 0;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
behavior: url(//casapiurat.it/wp-content/themes/casapiu/assets/styles/-ms-transform.htc);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.arrow-down::before {
-webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; position: absolute;
top: 0px;
margin-left: -1px;
left: 50%;
width: 2px;
height: 100px;
background: #FFF;
content: ' ';
}
@media (max-width: 75.0625em) {
.arrow-down::before {
height: 80px;
}
}
@media (max-width: 23.5em) {
.arrow-down::before {
height: 60px;
}
}
@-webkit-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
50% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50.1% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@-moz-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
50% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50.1% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@-o-keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
50% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50.1% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@keyframes elasticus {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
50% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50.1% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
}  .heading-contacts {
margin-top: 74px;
width: 100%;
position: relative; }
@media (max-width: 80.0625em) {
.heading-contacts {
margin-top: 75px;
}
}
.heading-contacts .heading-contacts-wrap {
width: 100%;
padding: 80px 0 0;
position: relative; }
@media (max-width: 91.0625em) {
.heading-contacts .heading-contacts-wrap {
padding: 70px 0 0;
}
}
@media (max-width: 80.0625em) {
.heading-contacts .heading-contacts-wrap {
padding: 70px 0 0;
}
}
@media (max-width: 75.0625em) {
.heading-contacts .heading-contacts-wrap {
padding: 70px 0 0;
}
}
@media (max-width: 70.75em) {
.heading-contacts .heading-contacts-wrap {
padding: 50px 0 0;
}
}
.heading-contacts-wrap .heading-contacts__text {
position: relative;
width: 100%;
height: 100%; }
.heading-contacts-wrap .heading-contacts__text > div{
width: 50%;
left: 50%;
text-align: center;
transform: translateX(-50%);
position: relative; }
@media (max-width: 96.0525em) {
.heading-contacts-wrap .heading-contacts__text > div {
width: 80%; }
}
@media (max-width: 53.0525em) {
.heading-contacts-wrap .heading-contacts__text > div {
width: 80%; }
}
@media (max-width: 39.99em) {
.heading-contacts-wrap .heading-contacts__text > div {
width: 90%; }
}
.heading-contacts__text > div #breadcrumbs {
color: #000000;
margin-bottom: 30px; }
@media (max-width: 96.0625em) {
.heading-contacts__text > div #breadcrumbs {
margin-bottom: 30px;
}
} .heading-singlemedia {
margin-top: 141px;
position: relative;
width: 100%; }
@media (max-width: 91.0625em) {
.heading-singlemedia {
margin-top: 128px;
}
}
@media (max-width: 70.75em) {
.heading-singlemedia {
margin-top: 110px;
}
}
@media (max-width: 30em) {
.heading-singlemedia {
margin-top: 100px;
}
}
.heading-singlemedia .singlemedia-block .single-media_container {
padding: 0 !important; }
.heading-singlemedia .singlemedia-block .single-media_container .single-media_text {
padding-left: 7.5%; }
@media (max-width: 96.0625em) {
.heading-singlemedia .singlemedia-block .single-media_container .single-media_text {
padding-left: 5%; } }
@media (max-width: 53.0625em) {
.heading-singlemedia .singlemedia-block .single-media_container .single-media_text {
padding-right: 5%; } }
.heading-singlemedia .singlemedia-block .single-media_container .single-media_text h1 {
font-weight: bold;
}  .fullscreen-media-block {
width: 100%;
position: relative; }
.fullscreen-media-block .fullscreen-media-wrap {
width: 100%;
position: relative;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap; }
.fullscreen-media-wrap .fullscreen-media-wrap__media {
width: 55%;
padding-bottom: 45%;
position: relative; }
.fullscreen-media-wrap .fullscreen-media-wrap__media.rett-version.hr {
padding-bottom: 36.666666%; }
.fullscreen-media-wrap .fullscreen-media-wrap__media.rett-version.vr {
width: 35%;
margin: 0 7.5%;
padding-bottom: 50%;
}
@media (max-width: 96.0625em) {
.fullscreen-media-wrap .fullscreen-media-wrap__media {
padding-bottom: 40%;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media.rett-version.vr {
margin: 0 5%;
width: 40%;
}
}
@media (max-width: 91.0625em) {
.fullscreen-media-wrap .fullscreen-media-wrap__media {
padding-bottom: 45%;
}
}
@media (max-width: 70.75em) {
.fullscreen-media-wrap .fullscreen-media-wrap__media {
padding-bottom: 50%;
}
}
@media (max-width: 53.0525em) {
.fullscreen-media-wrap .fullscreen-media-wrap__media {
width: 100%;
padding-bottom: 100%;
order: 2;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media.rett-version.vr {
width: 60%;
margin: 0 20%;
padding-bottom: 80%;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media.rett-version.hr {
padding-bottom: 50%;
}
}
@media (max-width: 39.99em) {
.fullscreen-media-wrap .fullscreen-media-wrap__media.rett-version.vr {
width: 80%;
margin: 0 10%;
padding-bottom: 100%;
}
}
@media (max-width: 30em) {
.fullscreen-media-wrap .fullscreen-media-wrap__media.rett-version.vr {
width: 90%;
margin: 0 5%;
padding-bottom: 110%;
}
}
.fullscreen-media-wrap .fullscreen-media-wrap__media:after {
content: '';
position: absolute;
pointer-events: none;
bottom: -30px;
left: 5%;
width: 70%;
height: 100px;
border-style: solid;
border-width: 0 0 1px 1px;
border-color: #502B15;
z-index: 6;
}
.fullscreen-media-wrap .fullscreen-media-text + .fullscreen-media-wrap__media:after {
left: unset;
right: 5%;
border-width: 0 1px 1px 0;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media.youtube-version { }
.fullscreen-media-wrap .fullscreen-media-wrap__media.youtube-version a,
.fullscreen-media-wrap .fullscreen-media-wrap__media.video-version a {
cursor: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/play-button48.png), auto;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
overflow: hidden; }
.fullscreen-media-wrap .fullscreen-media-wrap__media > a .media-single-image {
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 50%;
left: 50%;
z-index: 0;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out; }
.fullscreen-media-wrap .fullscreen-media-wrap__media:hover > a .media-single-image {
width: 110%;
height: 110%; }
.fullscreen-media-wrap .fullscreen-media-wrap__media > a .media-single-video {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
object-fit: cover;
display: block;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out; }
.fullscreen-media-wrap .fullscreen-media-wrap__media >div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media >div .media-single-video__youtube,
.fullscreen-media-wrap .fullscreen-media-wrap__media >div .media-single-video__vimeo {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 177.77%;
position: absolute;
z-index: 0 !important;
top: 50%;
left: 50%;
display: block;
transition: all 0.3s ease-out;
transform: translate(-50%, -50%); }
.fullscreen-media-wrap .fullscreen-media-wrap__media:hover >div .media-single-video__youtube,
.fullscreen-media-wrap .fullscreen-media-wrap__media >div .media-single-video__vimeo {
transform: translate(-50%, -50%) scale(1.1); }
.fullscreen-media-wrap .fullscreen-media-wrap__media:hover > a .media-single-video {
width: 110%;
height: 110%; }
.fullscreen-media-wrap .fullscreen-media-wrap__media > a .video_player {
position: absolute;
display: block;
top: 50%;
left: 50%;
z-index: 3;
width: 80px;
height: 80px;
transform: translate(-50%, -50%); }
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-media,
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-stage-outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-stage,
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-item {
height: 100%; }
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-item .item {
width: 100%;
height: 100%;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-nav {}
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 30px;
height: 30px; }
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-nav button.owl-prev {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta2-reverse.svg);
left: 20px;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-nav button.owl-next {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta2.svg);
right: 20px;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media .owl-nav button span{
display: none; }
.fullscreen-media-wrap .fullscreen-media-text {
width: 45%;
padding: 0 7.5%;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative; }
.fullscreen-media-wrap .fullscreen-media-text.vertical {
width: 50%;
padding: 0 2.5% 0 7.5%;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media + .fullscreen-media-text.vertical {
padding: 0 7.5% 0 2.5%;
}
@media (max-width: 96.0625em) {
.fullscreen-media-wrap .fullscreen-media-text {
padding: 0 5%;
}
.fullscreen-media-wrap .fullscreen-media-text.vertical {
width: 50%;
padding: 0 2.5% 0 5%;
}
.fullscreen-media-wrap .fullscreen-media-wrap__media + .fullscreen-media-text.vertical {
padding: 0 5% 0 2.5%;
}
}
@media (max-width: 53.0625em) {
.fullscreen-media-wrap .fullscreen-media-text,
.fullscreen-media-wrap .fullscreen-media-text.vertical,
.fullscreen-media-wrap .fullscreen-media-wrap__media + .fullscreen-media-text.vertical {
width: 100%;
order: 1;
padding: 0px 5% 50px;
}
}
.fullscreen-media-wrap .fullscreen-media-text > span.giant-letter {
top: 50%;
left: -15%;
transform: translateY(-50%);
}
.fullscreen-media-wrap .fullscreen-media-text > div {
position: relative; }
.fullscreen-media-wrap .fullscreen-media-text > div h2 {
position: relative;
padding-bottom: 30px;
}
.fullscreen-media-wrap .fullscreen-media-text > div h2:after {
content: '';
position: absolute;
bottom: -20px;
left: -20px;
width: 50px;
height: 20px;
border-color: #502B15;
border-style: solid;
border-width: 2px 0 0 2px; }
@media (max-width: 30em) {
.fullscreen-media-wrap .fullscreen-media-text > div h2:after {
bottom: -15px;
left: -10px;
}
}
.fullscreen-media-wrap .fullscreen-media-text > div a.cta {
margin-top: 40px; }
@media (max-width: 75.0625em) {
.fullscreen-media-wrap .fullscreen-media-text > div a.cta {
margin-top: 30px;
}
}  .informations-block {
width: 100%;
position: relative; }
.informations-block__wrap {
width: 100%;
padding: 0 7.5%;
position: relative; }
@media (max-width: 96.0625em) {
.informations-block__wrap {
padding: 0 5%;
}
}
.informations-block__wrap .informations-block__title {
width: 50%; }
@media (max-width: 50.0625em) {
.informations-block__wrap .informations-block__title {
width: 100%; } }
.informations-block__wrap .informations-block__title + .informations-block__container {
margin-top: 50px; }
.informations-block__wrap .informations-block__container {
width: 100%;
display: flex;
flex-wrap: wrap; }
.informations-block__wrap .informations-block__form {
width: 50%;
position: relative; }
@media (max-width: 75.0625em) {
.informations-block__wrap .informations-block__form {
width: 55%;
}
}
@media (max-width: 53.0625em) {
.informations-block__wrap .informations-block__form {
width: 100%;
}
}
.informations-block__wrap .informations-block__form .informations-block__text {
margin-bottom: 30px; }
#form-contatti {
color: #535353;
position: relative;
display: block;
width: 100%; }
#form-contatti .form-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
position: relative;
width: 100%; }
@media (max-width: 50.0625em) {
#form-contatti .form-row {
margin-bottom: 15px;
}
}
#form-contatti .form-row.last-row {
margin-top: 30px; }
@media (max-width: 91.0625em) {
#form-contatti .form-row.last-row {
margin-top: 25px;
}
}
@media (max-width: 50.0625em) {
#form-contatti .form-row.last-row {
margin-top: 20px;
}
}
#form-contatti .form-row.last {
margin-bottom: 0;
}
@media (max-width: 30em) {
#form-contatti .form-row.last-row {
margin-top: 0;
}
}
#form-contatti .form-row .field {
width: 50%;
position: relative;
padding-right: 10px; }
#form-contatti .form-row .field.last {
padding-right: 0;
padding-left: 10px; }
@media (max-width: 50.0625em) {
#form-contatti .form-row .field {
padding-right: 7.5px;
}
#form-contatti .form-row .field.last {
padding-left: 7.5px;
}
}
@media (max-width: 30em) {
#form-contatti .form-row .field {
width: 100%;
padding-right: 0;
margin-bottom: 15px;
}
#form-contatti .form-row .field.last {
margin-bottom: 0;
padding-left: 0;
}
}
#form-contatti .form-row.last .field {
padding-right: 0;
width: 100%;}
#form-contatti .form-row .field.withchild {
display: flex;
flex-wrap: wrap; }
#form-contatti .form-row.last-row .field {
font-size: 0;
width: 75%; }
#form-contatti .form-row.last-row .field.signin {
padding-left: 0;
font-size: inherit;
text-align: right;
width: 25%; }
@media (max-width: 30em) {
#form-contatti .form-row.last-row .field {
width: 100%;
}
#form-contatti .form-row.last-row .field.signin {
margin-top: 20px;
width: 100%;
text-align: center;
}
}
#form-contatti .form-row .subfield {
width: 50%;
position: relative;
padding-right: 10px; }
#form-contatti .form-row .subfield.last {
padding-right: 0;
padding-left: 10px; }
@media (max-width: 70.75em) {
#form-contatti .form-row .subfield {
padding-right: 2.5%;
}
#form-contatti .form-row .subfield.last {
padding-left: 2.5%;
}
}
@media (max-width: 53.0625em) {
#form-contatti .form-row .subfield {
padding-right: 5%;
}
#form-contatti .form-row .subfield.last {
padding-left: 5%;
}
}
#form-contatti .form-row .field span {
margin: 0 !important;
width: 100%;
display: inline-block; }
#form-contatti .form-row.last-row .field span {
width: auto; }
#form-contatti .form-row.last-row .field > div {
margin-bottom: 15px; }
#form-contatti .form-row.last-row .field > div:last-of-type {
margin-bottom: 0; }
#form-contatti .form-row .field span input,
#form-contatti .form-row .field span textarea,
#form-contatti .form-row .field span select {
border: 1px solid #535353;
background-color: #FFFFFF;
font-size: 16px;
display: inline-block;
width: 100%;
padding: 10px; }
.informations-block__wrap .informations-block__info {
width: 50%;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative; }
@media (max-width: 75.0625em) {
.informations-block__wrap .informations-block__info {
width: 45%;
}
}
@media (max-width: 53.0625em) {
.informations-block__wrap .informations-block__info {
margin-bottom: 50px;
width: 100%;
}
}
.informations-block__info .info-container {}
.informations-block__info .info-container .single-info {
margin-bottom: 20px; }
@media (max-width: 39.99em) {
.informations-block__info .info-container .single-info {
position: relative;
}
}
.informations-block__info .info-container .single-info:last-of-type {
margin-bottom: 0; }
.informations-block__info .info-container .single-info img {
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px; }
@media (max-width: 75.0625em) {
.informations-block__info .info-container .single-info img {
width: 30px;
height: 30px;
}
}
@media (max-width: 39.99em) {
.informations-block__info .info-container .single-info img {
position: absolute;
top: 0;
left: 0;
}
}
.informations-block__info .info-container .single-info a {
display: inline-block;
vertical-align: middle;
position: relative;
font-weight: 400;
margin-left: 10px;
font-size: 18px; }
@media (max-width: 75.0625em) {
.informations-block__info .info-container .single-info a {
font-size: 17px;
}
}
@media (max-width: 39.99em) {
.informations-block__info .info-container .single-info a {
min-height: 30px;
margin-left: 40px;
font-size: 15px;
}
}
.informations-block__info .info-container .single-info a:before {
content: '';
position: absolute;
bottom: -3px;
width: 0;
display: block;
height: 1px;
transition: all 0.3s ease-out;
background-color: #535353; }
.informations-block__info .info-container .single-info a:hover:before {
width: 100%; }
.informations-block__info .info-social {
display: none !important;
width: 100%;
margin-top: 30px;
text-align: left; }
@media (max-width: 39.99em) {
.informations-block__info .info-social {
text-align: left;
}
}
.informations-block__info .info-social h3 {
display: inline-block;
vertical-align: middle;
margin-bottom: 0; }
@media (max-width: 39.99em) {
.informations-block__info .info-social h3 {
display: block;
margin-bottom: 20px;
}
}
.informations-block__info .info-social a {
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 25px; }
.informations-block__info .info-social a:last-of-type {
margin-right: 0;
}
.informations-block__info .info-social a img{
display: block;
height: 30px; }
@media (max-width: 75.0625em) {
.informations-block__info .info-social a img {
height: 25px;
}
} .filters-block {
position: relative;
margin-bottom: -10px;
width: 100%; }
.filters-block .filters-block__wrap {
width: 100%;
position: relative;
padding: 0 7.5%; }
@media (max-width: 120.0625em) {
.filters-block .filters-block__wrap {
padding: 0 5%; }
}
.filters-block__wrap .filters-intro {
width: 60%;
position: relative;
margin-bottom: 30px; }
@media (max-width: 50.0625em) {
.filters-block__wrap .filters-intro {
width: 100%;
}
}
.filters-block__wrap .filters-container {
width: 100%; }
.filters-block__wrap .filters-container .menu {
list-style-type: none !important;
padding: 0 !important; }
.filters-block__wrap .filters-container .menu li {
display: inline-block !important;
margin-bottom: 10px !important;
margin-right: 25px; }
@media (max-width: 53.0625em) {
.filters-block__wrap .filters-container .menu li {
margin-right: 15px;
}
}
.filters-block__wrap .filters-container .menu li a {
--color: #535353;
z-index: 1;
font-size: 16px;
text-transform: uppercase;
line-height: 1;
letter-spacing: 3px;
display: inline-block !important;
position: relative;
color: #535353;
padding: 15px 20px;
border-width: 1px;
border-style: solid;
border-color: var(--color);
font-weight: 300;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .3s ease-out; }
@media (max-width: 120.0625em) {
.filters-block__wrap .filters-container .menu li a {
letter-spacing: 2px;
padding: 15px;
}
}
@media (max-width: 96.0625em) {
.filters-block__wrap .filters-container .menu li a {
font-size: 14px;
}
}
@media (max-width: 86.4275em) {
.filters-block__wrap .filters-container .menu li a {
padding: 12px;
}
}
@media (max-width: 39.99em) {
.filters-block__wrap .filters-container .menu li a {
padding: 10px;
letter-spacing: 0;
}
}
.filters-block__wrap .filters-container .menu li a:before {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 0;
height: 100%;
background-color: var(--color);
transition: all .3s ease-out; }
.filters-block__wrap .filters-container .menu li.current-menu-item a,
.filters-block__wrap .filters-container .menu li a:hover {
color: #FFFFFF; }
.filters-block__wrap .filters-container .menu li.current-menu-item a:before,
.filters-block__wrap .filters-container .menu li a:hover:before {
width: 100%;
}  .postlist-block {
width: 100%;
position: relative; }
.postlist-block .postlist-title {
width: 100%;
padding: 0 7.5%; }
@media (max-width: 96.0625em) {
.postlist-block .postlist-title {
padding: 0 5%;
}
}
.postlist-block .postlist-title + .postlist-grid,
.postlist-block .postlist-title + .postlist-list {
margin-top: 50px; }
@media (max-width: 70.75em) {
.postlist-block .postlist-title + .postlist-grid,
.postlist-block .postlist-title + .postlist-list {
margin-top: 30px;
}
}
.postlist-block .postlist-grid {
width: 100%;
padding: 0 7.5%;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative; }
@media (max-width: 96.0625em) {
.postlist-block .postlist-grid {
padding: 0 5%;
}
}
@media (max-width: 80.0625em) {
.postlist-block .postlist-grid {
padding: 0 20px;
}
}
@media (max-width: 75.0625em) {
.postlist-block .postlist-grid {
padding: 0 15px;
}
}
@media (max-width: 53.0625em) {
.postlist-block .postlist-grid {
padding: 0 10px;
}
}     .postlist-grid .postlist-grid__single {
position: relative;
width: 33.333333%;
padding: 10px;
display: inline-block; }
@media (max-width: 53.0625em) {
.postlist-grid .postlist-grid__single {
width: 50%;
}
}
@media (max-width: 39.99em) {
.postlist-grid .postlist-grid__single {
width: 100%;
}
}
.postlist-grid .postlist-grid__single>div {
width: 100%;
overflow: hidden;
position: relative; }
.postlist-grid__single>div .postlist-image {
width: 100%;
padding-bottom: 100%;
position: relative;
overflow: hidden; }
.postlist-grid__single>div .postlist-image img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: all 0.3s ease-out;
transform: translate(-50%, -50%); }
.postlist-grid__single:hover>div .postlist-image img {
width: 110%;
height: 110%; }
.postlist-grid__single>div .postlist-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
.postlist-grid__single>div .text-box {
position: absolute;
bottom: 0;
padding: 30px;
width: 100%;
z-index: 2; }
.postlist-grid__single>div .text-box h3,
.postlist-grid__single>div .text-box h2 {
color: #FFFFFF; }
.postlist-grid__single>div .text-box button.cta {
--background: transparent;
border: 1px solid #FFFFFF; }
.postlist-grid__single:hover>div .text-box button.cta {
color: #535353; }
.postlist-grid__single:hover>div .text-box button.cta:before {
width: 100%; }
.postlist-grid__single:hover>div .text-box button.cta img {
filter: unset; }
.postlist-block .postlist-list {
width: 100%;
position: relative; }
.postlist-block .postlist-list .postlist-list__single {
display: block;
position: relative;
padding: 50px 12.5%; }
@media (max-width: 96.0625em) {
.postlist-block .postlist-list .postlist-list__single {
padding: 50px 10%;
}
}
@media (max-width: 75.0625em) {
.postlist-block .postlist-list .postlist-list__single {
padding: 35px 10%;
}
}
@media (max-width: 53.0625em) {
.postlist-block .postlist-list .postlist-list__single {
padding: 35px 7.5%;
}
}
@media (max-width: 39.99em) {
.postlist-block .postlist-list .postlist-list__single {
padding: 35px 5%;
}
}
.postlist-block .postlist-list .postlist-list__single:nth-of-type(even) {
background-color: #F2F2F2; }
.postlist-block .postlist-list .postlist-list__single:nth-of-type(even):before {
content: '';
position: absolute;
top: 0;
left: 7.5%;
height: 100%;
width: 2%;
background-color: #FFD900; }
@media (max-width: 96.0625em) {
.postlist-block .postlist-list .postlist-list__single:nth-of-type(even):before {
left: 5%;
width: 2.5%; }
}
@media (max-width: 53.0625em) {
.postlist-block .postlist-list .postlist-list__single:nth-of-type(even):before {
left: 0;
width: 2.5%; }
}
@media (max-width: 39.99em) {
.postlist-block .postlist-list .postlist-list__single:nth-of-type(even):before {
left: 0;
width: 1.5%; }
}
.postlist-block .postlist-list .postlist-list__single>div {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap; }
.postlist-list .postlist-list__single>div .postlist-list__title {
width: 35%;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-right: 5%; }
@media (max-width: 50.0625em) {
.postlist-list .postlist-list__single>div .postlist-list__title {
width: 100%;
padding-right: 0;
padding-bottom: 30px;
}
}
.postlist-list .postlist-list__single>div .postlist-list__title h2,
.postlist-grid__single>div .text-box h2 {
font-size: 40px; }
@media (max-width: 96.0625em) {
.postlist-list .postlist-list__single>div .postlist-list__title h2,
.postlist-grid__single>div .text-box h2 {
font-size: 36px; } }
@media (max-width: 80.0625em) {
.postlist-list .postlist-list__single>div .postlist-list__title h2,
.postlist-grid__single>div .text-box h2 {
font-size: 34px; } }
@media (max-width: 30em) {
.postlist-list .postlist-list__single>div .postlist-list__title h2,
.postlist-grid__single>div .text-box h2 {
font-size: 32px; } }
.postlist-list .postlist-list__single>div .text-box {
width: 65%; }
@media (max-width: 50.0625em) {
.postlist-list .postlist-list__single>div .text-box {
width: 100%; }
}
.postlist-list .postlist-list__single>div .text-box button.cta {
margin-top: 30px;
--background: transparent;
border: 1px solid var(--color); }
.postlist-list .postlist-list__single:hover>div .text-box button.cta {
color: #FFFFFF; }
.postlist-list .postlist-list__single:hover>div .text-box button.cta img {
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(31%) hue-rotate(343deg) brightness(108%) contrast(109%); }
.postlist-list .postlist-list__single:hover>div .text-box button.cta:before {
width: 100%; }  .post-modal {
width: 1280px;
padding: 40px;
max-width: 90%;
position: relative; }
@media (max-width: 53.0625em) {
.post-modal {
padding: 35px;
}
}
@media (max-width: 39.99em) {
.post-modal {
max-width: 100%;
height: 100%;
position: relative;
width: 100%;
padding: 0;
}
}
@media (max-width: 39.99em) {
.post-modal .fancybox-close-small {
background-color: #FFFFFF;
padding: 20px 10px 10px;
opacity: 1;
right: 15px;
height: auto;
}
}
.post-modal .modal-container {
width: 100%;
display: flex;
flex-wrap: wrap; }
@media(max-width: 39.99em) {
.post-modal .modal-container {
height: 100%;
overflow: auto;
}
}
.post-modal .modal-container .modal-text {
position: relative;
padding-right: 5%;
width: 35%; }
@media (max-width: 53.0625em) {
.post-modal .modal-container .modal-text {
padding-right: 0;
margin-bottom: 30px;
width: 100%;
}
}
@media (max-width: 39.99em) {
.post-modal .modal-container .modal-text {
order: 2;
padding: 20px;
margin-bottom: 0;
width: 100%;
}
}
.post-modal .modal-container .modal-gallery {
width: 65%;
position: relative; }
@media (max-width: 53.0625em) {
.post-modal .modal-container .modal-gallery {
width: 100%; } }
@media (max-width: 39.99em) {
.post-modal .modal-container .modal-gallery {
order: 1;
width: 100%;
margin-bottom: 30px; } }
.post-modal .modal-container .modal-gallery .owl-modal-gallery-mobile {
display: none; }
@media (max-width: 39.99em) {
.post-modal .modal-container .modal-gallery .owl-modal-gallery-mobile {
display: block;
}
.post-modal .modal-container .modal-gallery .owl-modal-gallery {
display: none;
}
}
.post-modal .modal-container .modal-gallery .item .image-slide {
overflow: hidden;
position: relative; }
@media (max-width: 39.99em) {
.post-modal .modal-container .modal-gallery .item .image-slide {
width: 100%;
z-index: 0;
}
}
.post-modal .modal-container .modal-gallery .item .image-slide.image-0 {
width: 45%;
z-index: 0;
margin-bottom: 130px; }
@media (max-width: 91.0625em) {
.post-modal .modal-container .modal-gallery .item .image-slide.image-0 {
margin-bottom: 140px;
}
}
@media (max-width: 53.0625em) {
.post-modal .modal-container .modal-gallery .item .image-slide.image-0 {
margin-bottom: 130px;
}
}
.post-modal .modal-container .modal-gallery .item .image-slide.image-1 {
width: 60%;
right: 0;
position: absolute;
bottom: 0;
z-index: 1; }
.post-modal .modal-container .modal-gallery .item .image-slide.image-0 div {
width: 100%;
position: relative;
padding-bottom: 120%; }
.post-modal .modal-container .modal-gallery .item .image-slide.image-1 div {
width: 100%;
position: relative;
padding-bottom: 66.666666%; }
@media (max-width: 39.99em) {
.post-modal .modal-container .modal-gallery .item .image-slide div {
width: 100%;
position: relative;
padding-bottom: 80%;
}
}
.post-modal .modal-container .modal-gallery .item .image-slide img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover; }
.post-modal .modal-container .modal-gallery .owl-nav {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; }
@media (max-width: 39.99em) {
.post-modal .modal-container .modal-gallery .owl-nav {
height: 40px;
top: 100%;
}
}
.post-modal .modal-container .modal-gallery .owl-nav button {
font-size: 0;
pointer-events: auto;
display: block;
width: 50px;
height: 50px;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: absolute; }
@media (max-width: 39.99em) {
.post-modal .modal-container .modal-gallery .owl-nav button {
height: 30px;
}
}
.post-modal .modal-container .modal-gallery .owl-nav button.owl-prev {
bottom: 30px;
left: 0;
transform: scaleX(-1); }
.post-modal .modal-container .modal-gallery .owl-nav button.owl-next {
right: 0;
top: 70px; }
@media (max-width: 39.99em) {
.post-modal .modal-container .modal-gallery .owl-nav button.owl-prev {
left: 20px;
bottom: 0;
}
.post-modal .modal-container .modal-gallery .owl-nav button.owl-next {
right: 20px;
bottom: 0;
top: unset; }
}  .map-block {
width: 100%;
position: relative; }
.map-block__wrap {
width: 100%;
position: relative; }
.map-block__wrap .map-block__map {
width: 100%;
position: relative; }
.map-block__map > div {
position: relative;
height: 600px;
width: 100%; }
@media (max-width: 96.0625em) {
.map-block__map > div {
height: 550px;
}
}
@media (max-width: 80.0625em) {
.map-block__map > div {
height: 500px;
}
}
@media (max-width: 39.99em) {
.map-block__map > div {
height: auto;
padding-bottom: 100%;
}
}
.map-block__map > div .google-map {
width: 100%;
height: 100%; }  .singlemedia-block {
width: 100%;
position: relative; }
.singlemedia-block .single-media_container {
width: 100%;
padding: 0 7.5%;
display: flex;
flex-wrap: wrap;
position: relative; }
@media (max-width: 96.0625em) {
.singlemedia-block .single-media_container {
padding: 0 5%;
}
}
@media (max-width: 53.0625em) {
.singlemedia-block .single-media_container {
margin-bottom: 0;
}
}
.singlemedia-block .single-media_container .single-media_text {
width: 50%;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-right: 5%; }
.singlemedia-block .single-media_container .single-media_media + .single-media_text {
padding-right: 0;
padding-left: 5%; }
@media (max-width: 53.0625em) {
.singlemedia-block .single-media_container .single-media_text {
padding: 50px 5%;
display: block;
}
}
@media (max-width: 53.0625em) {
.singlemedia-block .single-media_container .single-media_text,
.singlemedia-block .single-media_container .single-media_media + .single-media_text {
width: 100% !important;
padding: 0 0 50px;
transform: none;
text-align: left;
order: 1;
}
}
.singlemedia-block .single-media_container .single-media_text > div {
z-index: 1;
position: relative; }
.singlemedia-block .single-media_container .single-media_text a.cta {
margin-top: 30px; }
.singlemedia-block .single-media_container .single-media_media {
width: 50%;
position: relative; }
@media (max-width: 53.0625em) {
.singlemedia-block .single-media_container .single-media_media {
width: 100% !important;
order: 2;
}
}
.singlemedia-block .single-media_container .single-media_media .single-media_slider,
.singlemedia-block .single-media_container .single-media_media .single-media_slider>.owl-carousel,
.singlemedia-block .single-media_container .single-media_media .single-media_slider>.owl-carousel .owl-stage-outer,
.singlemedia-block .single-media_container .single-media_media .single-media_slider>.owl-carousel .owl-stage,
.singlemedia-block .single-media_container .single-media_media .single-media_slider>.owl-carousel .owl-item {
height: 100%;
}
@media (max-width: 53.0625em) {
.singlemedia-block .single-media_container .single-media_media .single-media_slider,
.singlemedia-block .single-media_container .single-media_media .single-media_slider>.owl-carousel,
.singlemedia-block .single-media_container .single-media_media .single-media_slider>.owl-carousel .owl-stage-outer,
.singlemedia-block .single-media_container .single-media_media .single-media_slider>.owl-carousel .owl-stage,
.singlemedia-block .single-media_container .single-media_media .single-media_slider>.owl-carousel .owl-item {
height: auto;
}
}
.singlemedia-block .single-media_container .single-media_media .single-media_image,
.singlemedia-block .single-media_container .single-media_media .single-media_slider .item,
.singlemedia-block .single-media_container .single-media_media .single-media_video {
width: 100%;
position: relative;
padding-bottom: 66.666666%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.singlemedia-block .single-media_container .single-media_media .single-media_image>a>img,
.singlemedia-block .single-media_container .single-media_media .single-media_slider .item>a>img,
.singlemedia-block .single-media_container .single-media_media .single-media_video>a>img {
width: 101%;
height: 101%;
transition: all 0.3s ease-out;
top: 50%;
left: 50%;
object-fit: cover;
transform: translate(-50%, -50%);
position: absolute;
display: block; }
.singlemedia-block .single-media_container .single-media_media .single-media_image>a:hover>img,
.singlemedia-block .single-media_container .single-media_media .single-media_slider .item>a:hover>img,
.singlemedia-block .single-media_container .single-media_media .single-media_video>a:hover>img {
width: 110%;
height: 110%; }
.singlemedia-block .single-media_container .single-media_media .single-media_video>a {
cursor: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/play-button48.png), auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
overflow: hidden; }
.singlemedia-block .single-media_container .single-media_media .single-media_video>a video {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
object-fit: cover;
display: block;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out; }
.singlemedia-block .single-media_container .single-media_media .single-media_video>a:hover video {
width: 110%;
height: 110%; }
.singlemedia-block .single-media_container .single-media_media .single-media_video.youtube-version>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden; }
.singlemedia-block .single-media_container .single-media_media .single-media_video.youtube-version iframe {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 177.77%;
position: absolute;
z-index: 0 !important;
top: 50%;
left: 50%;
display: block;
transition: all 0.3s ease-out;
transform: translate(-50%, -50%); }
.singlemedia-block .single-media_container .single-media_media .single-media_video.youtube-version:hover iframe {
transform: translate(-50%, -50%) scale(1.1);
}
.singlemedia-block .single-media_container .single-media_media .single-media_slider .owl-nav {
}
.singlemedia-block .single-media_container .single-media_media .single-media_slider .owl-nav button {
position: absolute;
top: 50%;
font-size: 0;
transform: translateY(-50%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 30px;
height: 30px; }
.singlemedia-block .single-media_container .single-media_media .single-media_slider .owl-nav button.owl-prev {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta2-reverse.svg);
left: 20px; }
.singlemedia-block .single-media_container .single-media_media .single-media_slider .owl-nav button.owl-next {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta2.svg);
right: 20px; }
.singlemedia-block .single-media_container .single-media_media .twentytwenty-container {
width: 100%;
height: 100% !important;
position: relative;
padding-bottom: 66.666666%; }
@media (max-width: 70.75em) {
.singlemedia-block .single-media_container .single-media_media .twentytwenty-container {
padding-bottom: 80%;
}
}
@media (max-width: 53.0625em) {
.singlemedia-block .single-media_container .single-media_media .twentytwenty-container {
padding-bottom: 66.666666%;
}
}
.singlemedia-block .single-media_container .single-media_media .twentytwenty-container img {
object-fit: cover;
width: 100%;
height: 100%; }  .smallmedia-block {
width: 100%;
position: relative; }
.smallmedia-block .smallmedia_container {
--padding: 0;
width: 100%;
padding: var(--padding) 7.5%;
display: flex;
flex-wrap: wrap;
position: relative; }
.scuro.smallmedia-block .smallmedia_container {
--padding: 150px;
overflow: hidden;
background-color: #EBEBEB;
}
@media (max-width: 120.0625em) {
.smallmedia-block .smallmedia_container {
padding: var(--padding) 5%;
}
}
@media (max-width: 96.0625em) {
.scuro.smallmedia-block .smallmedia_container {
--padding: 130px;
}
}
@media (max-width: 80.0625em) {
.scuro.smallmedia-block .smallmedia_container {
--padding: 100px;
}
}
@media (max-width: 50.0625em) {
.scuro.smallmedia-block .smallmedia_container {
--padding: 80px;
}
}
@media (max-width: 53.0625em) {
.smallmedia-block .smallmedia_container {
margin-bottom: 0;
}
}
.smallmedia-block .smallmedia_container .smallmedia_text {
width: 65%;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-right: 5%; }
.smallmedia-block .smallmedia_container .smallmedia_media + .smallmedia_text {
padding-right: 0;
padding-left: 5%; }
@media (max-width: 53.0625em) {
.smallmedia-block .smallmedia_container .smallmedia_text {
padding: 50px 5%;
display: block;
}
}
@media (max-width: 53.0625em) {
.smallmedia-block .smallmedia_container .smallmedia_text,
.smallmedia-block .smallmedia_container .smallmedia_media + .smallmedia_text {
width: 100% !important;
padding: 0 0 50px;
transform: none;
text-align: left;
order: 1;
}
}
.smallmedia-block .smallmedia_container .smallmedia_text > div {
z-index: 1;
position: relative; }
.smallmedia-block .smallmedia_container .smallmedia_text a.cta {
margin-top: 30px; }
.smallmedia-block .smallmedia_container .logo-bkg {
width: auto;
max-width: 40%;
top: 75%;
position: absolute; }
@media (max-width: 53.0625em) {
.smallmedia-block .smallmedia_container .logo-bkg {
top: 90%;
}
}
.scuro .smallmedia-block .smallmedia_container .logo-bkg {
top: calc(95% - var(--padding));
}
.smallmedia-block .smallmedia_container .logo-bkg.sx {
right: 0; }
.smallmedia-block .smallmedia_container .logo-bkg.dx {
left: 0;
transform: scaleX(-1);
}
.smallmedia-block .smallmedia_container .smallmedia_media {
width: 35%;
z-index: 1;
position: relative; }
@media (max-width: 53.0625em) {
.smallmedia-block .smallmedia_container .smallmedia_media {
width: 100% !important;
order: 2;
}
}
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider>.owl-carousel,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider>.owl-carousel .owl-stage-outer,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider>.owl-carousel .owl-stage,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider>.owl-carousel .owl-item {
height: 100%;
}
@media (max-width: 53.0625em) {
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider>.owl-carousel,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider>.owl-carousel .owl-stage-outer,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider>.owl-carousel .owl-stage,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider>.owl-carousel .owl-item {
height: auto;
}
}
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_image,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider .item,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video {
width: 100%;
position: relative;
padding-bottom: 80%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_image>a>img,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider .item>a>img,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video>a>img {
width: 101%;
height: 101%;
transition: all 0.3s ease-out;
top: 50%;
left: 50%;
object-fit: cover;
transform: translate(-50%, -50%);
position: absolute;
display: block; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_image>a:hover>img,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider .item>a:hover>img,
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video>a:hover>img {
width: 110%;
height: 110%; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video>a {
cursor: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/play-button48.png), auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
overflow: hidden; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video>a video {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
object-fit: cover;
display: block;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video>a:hover video {
width: 110%;
height: 110%; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video.youtube-version>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video.youtube-version iframe {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 177.77%;
position: absolute;
z-index: 0 !important;
top: 50%;
left: 50%;
display: block;
transition: all 0.3s ease-out;
transform: translate(-50%, -50%); }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_video.youtube-version:hover iframe {
transform: translate(-50%, -50%) scale(1.1);
}
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider .owl-nav {
}
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider .owl-nav button {
position: absolute;
top: 50%;
font-size: 0;
transform: translateY(-50%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 30px;
height: 30px; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider .owl-nav button.owl-prev {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta2-reverse.svg);
left: 20px; }
.smallmedia-block .smallmedia_container .smallmedia_media .smallmedia_slider .owl-nav button.owl-next {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta2.svg);
right: 20px; }  .mediagrey-block {
width: 100%;
position: relative; }
@media (max-width: 53.0625em) {
.mediagrey-block {
padding-top: 50px;
}
}
.mediagrey-block .media-grey_container {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative; }
.mediagrey-block .media-grey_container .media-grey_text {
width: 50%;
padding: 70px 0;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center; }
.mediagrey-block .media-grey_container .media-grey_media + .media-grey_text {
text-align: right; }
@media (max-width: 53.0625em) {
.mediagrey-block .media-grey_container .media-grey_text {
padding: 50px 5%;
display: block;
}
}
@media (max-width: 53.0625em) {
.mediagrey-block .media-grey_container .media-grey_text,
.mediagrey-block .media-grey_container .media-grey_media + .media-grey_text {
width: 100% !important;
padding: 0 5% 50px;
text-align: left;
order: 1;
}
}
.mediagrey-block .media-grey_container .media-grey_text > div {
padding: 70px 15%;
background-color: rgba(80, 43, 21, 0.04);
position: relative; }
@media (max-width: 96.0625em) {
.mediagrey-block .media-grey_container .media-grey_text > div {
padding: 70px 10%;
}
}
@media (max-width: 70.75em) {
.mediagrey-block .media-grey_container .media-grey_text > div {
padding: 50px 10%;
}
}
@media (max-width: 70.75em) {
.mediagrey-block .media-grey_container .media-grey_text > div {
padding: 0;
background-color: transparent;
}
}
.mediagrey-block .media-grey_container .media-grey_media + .media-grey_text>div:after {
left: unset;
right: 0;
}
.mediagrey-block .media-grey_container .media-grey_text > div h2 {
position: relative;
padding-bottom: 30px; }
.mediagrey-block .media-grey_container .media-grey_text > div h2:after {
content: '';
position: absolute;
bottom: -20px;
left: -20px;
width: 50px;
height: 20px;
border-color: #502B15;
border-style: solid;
border-width: 2px 0 0 2px; }
.mediagrey-block .media-grey_container .media-grey_media + .media-grey_text > div h2:after {
left: unset;
right: -20px;
border-width: 2px 2px 0 0;
}
@media (max-width: 53.0625em) {
.mediagrey-block .media-grey_container .media-grey_media + .media-grey_text > div h2:after {
left: -20px;
right: unset;
border-width: 2px 0 0 2px;
}
}
@media (max-width: 30em) {
.mediagrey-block .media-grey_container .media-grey_text > div h2:after,
.mediagrey-block .media-grey_container .media-grey_media + .media-grey_text > div h2:after {
left: -10px;
bottom: -15px;
}
}
.mediagrey-block .media-grey_container .media-grey_text a.cta {
margin-top: 40px;
}
.mediagrey-block .media-grey_container .media-grey_media {
width: 42.5%;
margin-left: 7.5%;
position: relative; }
.mediagrey-block .media-grey_container .media-grey_text + .media-grey_media {
margin-left: 0;
margin-right: 7.5%;
}
@media (max-width: 96.0625em) {
.mediagrey-block .media-grey_container .media-grey_media {
width: 45%;
margin-left: 5%;
}
.mediagrey-block .media-grey_container .media-grey_text + .media-grey_media {
margin-left: 0;
margin-right: 5%;
}
}
@media (max-width: 53.0625em) {
.mediagrey-block .media-grey_container .media-grey_media {
width: 100% !important;
order: 2;
margin-left: 0;
margin-right: 0;
}
}
.mediagrey-block .media-grey_container .media-grey_media:before {
content: '';
position: absolute;
pointer-events: none;
top: 30px;
left: -30px;
width: 70%;
height: 100px;
border-style: solid;
border-width: 1px 0 0 1px;
border-color: #502B15;
z-index: 6; }
.mediagrey-block .media-grey_container .media-grey_text + .media-grey_media:before {
left: unset;
right: -30px;
border-width: 1px 1px 0 0;
}
@media (max-width: 53.0625em) {
.mediagrey-block .media-grey_container .media-grey_media:before {
display: none;
}
}
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider>.owl-carousel,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider>.owl-carousel .owl-stage-outer,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider>.owl-carousel .owl-stage,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider>.owl-carousel .owl-item {
height: 100%;
}
@media (max-width: 53.0625em) {
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider>.owl-carousel,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider>.owl-carousel .owl-stage-outer,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider>.owl-carousel .owl-stage,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider>.owl-carousel .owl-item {
height: auto;
}
}
.mediagrey-block .media-grey_container .media-grey_media .media-grey_image,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider .item,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video {
width: 100%;
position: relative;
padding-bottom: 66.666666%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
@media (max-width: 53.0625em) {
.mediagrey-block .media-grey_container .media-grey_media .media-grey_image,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider .item,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video {
padding-bottom: 60%;
}
}
.mediagrey-block .media-grey_container .media-grey_media .media-grey_image>a>img,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider .item>a>img,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video>a>img {
width: 101%;
height: 101%;
transition: all 0.3s ease-out;
top: 50%;
left: 50%;
object-fit: cover;
transform: translate(-50%, -50%);
position: absolute;
display: block; }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_image>a:hover>img,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider .item>a:hover>img,
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video>a:hover>img {
width: 110%;
height: 110%; }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video>a {
cursor: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/play-button48.png), auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
overflow: hidden; }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video>a video {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
object-fit: cover;
display: block;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out; }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video>a:hover video {
width: 110%;
height: 110%; }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video.youtube-version>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden; }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video.youtube-version iframe {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 177.77%;
position: absolute;
z-index: 0 !important;
top: 50%;
left: 50%;
display: block;
transition: all 0.3s ease-out;
transform: translate(-50%, -50%); }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_video.youtube-version:hover iframe {
transform: translate(-50%, -50%) scale(1.1);
}
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider .owl-nav {
}
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider .owl-nav button {
position: absolute;
top: 50%;
font-size: 0;
transform: translateY(-50%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 30px;
height: 30px; }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider .owl-nav button.owl-prev {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta2-reverse.svg);
left: 20px; }
.mediagrey-block .media-grey_container .media-grey_media .media-grey_slider .owl-nav button.owl-next {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta2.svg);
right: 20px; }  .brands-block {
width: 100%;
position: relative; }
.brands-block .brands-container>div {
width: 100%;
text-align: center;
position: relative; }
.brands-block .brands-text {
margin-bottom: 30px;
padding: 0 20%;}
@media (max-width: 96.0625em) {
.brands-block .brands-text {
padding: 0 15%;
}
}
@media (max-width: 80.0625em) {
.brands-block .brands-text {
padding: 0 10%;
}
}
@media (max-width: 53.0625em) {
.brands-block .brands-text {
padding: 0 10%;
}
}
@media (max-width: 39.99em) {
.brands-block .brands-text {
padding: 0 5%;
}
}
.brands-block .brands-text p + a.cta {
margin-top: 30px;
}
.brands-block .brands-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding: 0 7.5%; }
@media (max-width: 120.0625em) {
.brands-block .brands-row {
padding: 0 5%;
}
}
@media (max-width: 91.0625em) {
.brands-block .brands-row {
padding: 0 calc(5% - 10px);
}
}
@media (max-width: 70.75em) {
.brands-block .brands-row {
padding: 0 15px;
}
}
@media (max-width: 53.0625em) {
.brands-block .brands-row {
padding: 0;
}
}
.brands-block .brands-row>div {
padding: 5px 20px;
width: 25%; }
@media (max-width: 96.0625em) {
.brands-block .brands-row>div {
padding: 5px 20px;
}
}
@media (max-width: 86.4275em) {
.brands-block .brands-row>div {
width: 25%;
padding: 0 10px;
}
}
@media (max-width: 56.25em) {
.brands-block .brands-row>div {
padding: 0; } }
@media (max-width: 50.0625em) {
.brands-block .brands-row>div {
width: 33.333333%; } }
@media (max-width: 39.99em) {
.brands-block .brands-row>div {
width: 50%;
padding: 0 20px;
} }
@media (max-width: 30em) {
.brands-block .brands-row>div {
padding: 0 10px; } }
.brands-block .brand-item {
background-repeat: no-repeat;
overflow: hidden;
position: relative;
display: block;
padding: 55px 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
text-align: center;
height: 100%;}
@media (max-width: 91.0625em) {
.brands-block .brand-item {
padding: 50px 0;
}
}
@media (max-width: 23.5em) {
.brands-block .brand-item {
padding: 40px 0;
}
}
.brands-block .brand-item .full-link{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;}
.brands-block .brand-item figure {
display: block;
text-align: center;
margin: 0 auto;
width: 100%;}
.brands-block .brand-item figure img{
width: 70%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
max-height: 100px;
transition: all .3s ease;
max-width: 100%;
object-fit: contain;
height: auto;}     @media (max-width: 64.0625em) {
.brands-block .brand-item figure img{
width: 85%;
}
}
@media (max-width: 53.0625em) {
.brands-block .brand-item figure img{
width: 80%;
}
}
@media (max-width: 23.5em) {
.brands-block .brand-item figure img{
width: 85%;
}
}
.brands-block .brand-item .hover-brand {
background: #EEEEEE;
text-align: center;
height: 100%;
transition: all .4s ease;
top: 100%;
position: absolute;
display: flex!important;
left: 0;
width: 100%;}
.brands-block .brand-item:hover .hover-brand{
top: 0%;}
.brands-block .brand-item .hover-brand>div {
width: 100%;
padding: 0 5%; }
@media (max-width: 23.5em) {
.brands-block .brand-item .hover-brand>div {
padding: 0 4%;} }
.brands-block .brand-item .hover-brand>div {
display: block;}
.brands-block .brand-item .hover-brand>div span p{
font-size: 14px;
line-height: 1.5em;}
@media (max-width: 91.0625em) {
.brands-block .brand-item .hover-brand>div span p {
line-height: 1.4em;
}
}
@media (max-width: 75em) {
.brands-block .brand-item .hover-brand>div span p {
font-size: 12px; } }
@media (max-width: 50em) {
.brands-block .brand-item .hover-brand>div span p {
font-size: 10px;} }
@media (max-width: 39.99em) {
.brands-block .brand-item .hover-brand>div span p {
font-size: 13px; } }
@media (max-width: 30em) {
.brands-block .brand-item .hover-brand>div span p {
font-size: 11px; } }
.brands-block .brand-item .hover-brand>div .underline-span {
display: block;
margin-top: 15px; }
.brands-block .brand-item .hover-brand>div .underline-link {
position: relative;
font-weight: 500;
background-image: linear-gradient(#535353, #535353);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 100% 2px;
padding-bottom: 2px;
color: #000000;
cursor: pointer;
overflow: hidden;
display: inline;
text-transform: uppercase;
z-index: 4;
line-height: 2;
transition: all .3s ease;
font-size: 14px; }
@media (max-width: 64.0625em) {
.brands-block .brand-item .hover-brand>div .underline-span {
margin-top: 8px; }
.brands-block .brand-item .hover-brand>div .underline-link {
margin-top: 8px;
font-size: 14px; } }
@media (max-width: 50em) {
.brands-block .brand-item .hover-brand>div .underline-link {
font-size: 13px; } }
@media (max-width: 39.99em) {
.brands-block .brand-item .hover-brand>div .underline-span {
margin-top: 10px; }
.brands-block .brand-item .hover-brand>div .underline-link {
line-height: 1.1;
font-size: 12px;
margin-top: 10px; } }
.brands-block .brands-cta {
padding-top: 40px;}
@media (max-width: 64.0625em) {
.brands-block .brands-cta {
padding-top: 20px;} }
.brands-block .brands-cta .cta{
display: inline-block;}  .gallery-block {
position: relative;
width: 100%; }
.gallery-block .gallery-title {
width: 100%;
padding: 0 7.5%; }
@media (max-width: 96.0625em) {
.gallery-block .gallery-title {
padding: 0 5%;
}
}
.gallery-block .gallery-title h2,
.gallery-block .gallery-title h3 {
margin-bottom: 0; }
.gallery-block .gallery-slider {
width: 100%;
padding: 0 0 0 7.5%;
position: relative; }
@media (max-width: 96.0625em) {
.gallery-block .gallery-slider {
padding: 0 0 0 5%;
}
}
@media (max-width: 39.99em) {
.gallery-block .gallery-slider {
padding: 0 5%;
}
}
.gallery-block .gallery-title + .gallery-slider {
margin-top: 60px; }
@media (max-width: 70.75em) {
.gallery-block .gallery-title + .gallery-slider {
margin-top: 40px; }
}
.gallery-block .gallery-slider .item {
position: relative;
height: 500px; }
.gallery-block .gallery-slider .item.horizontal {
width: 35vw; }
.gallery-block .gallery-slider .item.vertical {
width: 20vw; }
@media (max-width: 118.0625em) {
.gallery-block .gallery-slider .item {
height: 450px;
}
}
@media (max-width: 91.0625em) {
.gallery-block .gallery-slider .item {
height: 400px;
}
}
@media (max-width: 80.0625em) {
.gallery-block .gallery-slider .item {
height: 350px;
}
}
@media (max-width: 53.0625em) {
.gallery-block .gallery-slider .item.horizontal {
width: calc(50vw - 10px);
}
.gallery-block .gallery-slider .item.vertical {
width: calc(25vw - 10px); }
.gallery-block .gallery-slider .item {
height: 300px;
}
}
@media (max-width: 39.99em) {
.gallery-block .gallery-slider .item.horizontal,
.gallery-block .gallery-slider .item.vertical {
width: 100%;
min-height: 0;
height: auto;
padding-bottom: 100%;
}
}
.gallery-block .gallery-slider .item a {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block; }
.gallery-block .gallery-slider .item a img {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
object-fit: cover;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out; }
.gallery-block .gallery-slider .item a:hover img {
width: 110%;
height: 110%; }
.gallery-block .gallery-slider .owl-gallery .owl-nav {
position: relative;
text-align: right;
padding: 30px 7.5% 0 0;
width: 100%; }
@media (max-width: 96.0625em) {
.gallery-block .gallery-slider .owl-gallery .owl-nav {
padding: 30px 5% 0 0;
}
}
@media (max-width: 39.99em) {
.gallery-block .gallery-slider .owl-gallery .owl-nav {
padding: 30px 0 0;
}
}
.gallery-block .gallery-slider .owl-gallery .owl-nav button {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta.svg);
width: 50px;
height: 50px;
font-size: 0;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
@media (max-width: 86.4275em) {
.gallery-block .gallery-slider .owl-gallery .owl-nav button {
width: 40px;
height: 40px;
}
}
@media (max-width: 53.0625em) {
.gallery-block .gallery-slider .owl-gallery .owl-nav button {
width: 30px;
height: 30px;
}
}
@media (max-width: 39.99em) {
.gallery-block .gallery-slider .owl-gallery .owl-nav button {
position: relative;
top: 0;
transform: translateX(-50%);
}
}
.gallery-block .gallery-slider .owl-gallery .owl-nav .owl-prev {
display: none; }  .services-block {
position: relative;
width: 100%; }
.services-block .services-container {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap; }
.services-block .services-container .services-wrap {
width: 80%;
padding: 50px 30px 50px 7.5%;
position: relative; }
@media (max-width: 120.0625em) {
.services-block .services-container .services-wrap {
padding: 50px 30px 50px 5%;
}
}
@media (max-width: 91.0625em) {
.services-block .services-container .services-wrap {
width: 82.5%;
}
}
@media (max-width: 86.4275em) {
.services-block .services-container .services-wrap {
padding: 30px 0px 30px 5%;
}
}
@media (max-width: 53.0625em) {
.services-block .services-container .services-wrap {
width: 100%;
padding: 0 5% 30px;
}
}
@media (max-width: 50.0625em) {
.services-block .services-container .services-wrap {
width: 100%;
padding: 0 5%;
}
}
.services-container .services-wrap .services-title {
width: 100%;
text-align: right;
padding-right: 70px;
margin-bottom: -30px; }
@media (max-width: 53.0625em) {
.services-container .services-wrap .services-title {
margin-bottom: 30px;
padding-right: 0;
text-align: left;
}
}
.services-container .services-wrap .services-title h2 {
margin-bottom: 0; }
.services-container .services-wrap .services-list {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative; }
.services-wrap .services-list .service-single {
display: block;
overflow: hidden;
padding-bottom: 5px;
width: 25%;
z-index: 1;
padding-right: 70px; }
@media (max-width: 120.0625em) {
.services-wrap .services-list .service-single {
padding-right: 50px;
}
}
@media (max-width: 96.0625em) {
.services-wrap .services-list .service-single {
padding-right: 40px;
}
}
@media (max-width: 86.4275em) {
.services-wrap .services-list .service-single {
padding-right: 30px;
}
}
@media (max-width: 80.0625em) {
.services-wrap .services-list .service-single {
padding-right: 25px;
}
}
@media (max-width: 53.0625em) {
.services-wrap .services-list .service-single {
width: 50%;
}
}
@media (max-width: 39.99em) {
.services-wrap .services-list .service-single {
width: 100%;
padding-right: 0;
}
}
.services-wrap .services-list .service-single:nth-of-type(1) {
--divcolor: #006CB5; }
.services-wrap .services-list .service-single:nth-of-type(2) {
--divcolor: #FFD900;
margin-top: 70px; }
.services-wrap .services-list .service-single:nth-of-type(3) {
--divcolor: #009C3D;
margin-top: 140px; }
.services-wrap .services-list .service-single:nth-of-type(4) {
--divcolor: #E20613;
margin-top: 210px;}
@media (max-width: 80.0625em) {
.services-wrap .services-list .service-single:nth-of-type(2) {
margin-top: 50px; }
.services-wrap .services-list .service-single:nth-of-type(3) {
margin-top: 100px; }
.services-wrap .services-list .service-single:nth-of-type(4) {
margin-top: 150px;}
}
@media (max-width: 53.0625em) {
.services-wrap .services-list .service-single:nth-of-type(2) {
margin-top: 50px; }
.services-wrap .services-list .service-single:nth-of-type(3) {
margin-top: 50px; }
.services-wrap .services-list .service-single:nth-of-type(4) {
margin-top: 100px; }
}
@media (max-width: 39.99em) {
.services-wrap .services-list .service-single:nth-of-type(2) {
margin-top: 50px; }
.services-wrap .services-list .service-single:nth-of-type(3) {
margin-top: 50px; }
.services-wrap .services-list .service-single:nth-of-type(4) {
margin-top: 50px; }
}
.services-wrap .services-list .service-single>div {
width: 100%;
transform: translateX(-100%);
transition: all 500ms cubic-bezier(.215,.61,.355,1); }
.services-wrap .services-list .service-single:nth-of-type(1)>div {
transition-delay: 600ms; }
.services-wrap .services-list .service-single:nth-of-type(2)>div {
transition-delay: 400ms; }
.services-wrap .services-list .service-single:nth-of-type(3)>div {
transition-delay: 200ms; }
.services-wrap .services-list .service-single:nth-of-type(4)>div {
transition-delay: 0ms; }
.active .services-wrap .services-list .service-single:nth-of-type(1)>div {
transition-delay: 0ms; }
.active .services-wrap .services-list .service-single:nth-of-type(2)>div {
transition-delay: 200ms; }
.active .services-wrap .services-list .service-single:nth-of-type(3)>div {
transition-delay: 400ms; }
.active .services-wrap .services-list .service-single:nth-of-type(4)>div {
transition-delay: 600ms; }
.active .services-wrap .services-list .service-single>div {
transform: translateX(0); }
.services-wrap .services-list .service-single a.cta {
margin-top: 30px;
box-shadow: 5px 5px 0 0 var(--divcolor); }
.services-wrap .services-list .service-single a.cta:hover {
box-shadow: 0 0 0 0;
font-weight: 600;
border-color: var(--divcolor);
}
.services-wrap .services-list .service-single a.cta:before {
background-color: var(--divcolor); }
.services-block .services-container .services-image {
width: 20%;
position: relative; }
@media(max-width: 91.0625em) {
.services-block .services-container .services-image {
width: 17.5%;
}
}
@media(max-width: 53.0625em) {
.services-block .services-container .services-image {
display: none;
}
}
.services-block .services-container .services-image>div {
min-height: 500px;
height: 100%;
width: 100%;
position: relative;
overflow: hidden; }
.services-block .services-container .services-image>div>a {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
overflow: hidden; }
.services-block .services-container .services-image>div>a img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transition: all 0.3s ease-out;
transform: translate(-50%, -50%); }
.services-block .services-container .services-image>div>a:hover img {
width: 110%;
height: 110%; }  .casapiu-block {
width: 100%;
position: relative; }
.casapiu-block .casapiu-container {
width: 100%;
display: flex;
flex-wrap: wrap;
padding-top: 30px;
position: relative; }
@media (max-width: 120.0625em) {
.casapiu-block .casapiu-container {
padding-top: 20px;
}
}
.casapiu-container .casapiu_media {
width: 40%;
z-index: 1;
position: relative; }
@media (max-width: 53.0625em) {
.casapiu-container .casapiu_media {
width: calc(100% - 70px);
}
}
@media (max-width: 39.99em) {
.casapiu-container .casapiu_media {
width: calc(100% - 40px);
}
}
.casapiu-container .casapiu_media:before {
content: '';
border: 4px solid #535353;
height: 95%;
width: 95%;
position: absolute;
top: -30px;
right: -30px; }
@media (max-width: 120.0625em) {
.casapiu-container .casapiu_media:before {
top: -20px;
right: -20px;
}
}
@media (max-width: 80.0625em) {
.casapiu-container .casapiu_media:before {
border: 3px solid #535353;
}
}
@media (max-width: 75.0625em) {
.casapiu-container .casapiu_media:before {
top: -15px;
right: -15px;
}
}
@media (max-width: 53.0625em) {
.casapiu-container .casapiu_media:before {
top: -20px;
right: -20px;
}
}
.casapiu-container .casapiu_media .casapiu_image {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
padding-bottom: 80%; }
.casapiu-container .casapiu_media .casapiu_image>a img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
object-fit: cover;
transition: all 0.3s ease-out;
transform: translate(-50%, -50%); }
.casapiu-container .casapiu_media .casapiu_image>a:hover img {
width: 110%;
height: 110%; }
.casapiu-container .casapiu_text {
width: 50%;
z-index: 0;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 5%; }
@media (max-width: 75.0625em) {
.casapiu-container .casapiu_text {
width: 55%;
}
}
@media (max-width: 53.0625em) {
.casapiu-container .casapiu_text {
width: 100%;
padding-top: 50px;
}
}
.casapiu-container .casapiu_text .casapiu-logo {
display: inline-block;
max-width: 50%;
position: relative;
margin-bottom: 30px; }
@media (max-width: 91.0625em) {
.casapiu-container .casapiu_text .casapiu-logo {
margin-bottom: 25px;
}
}
.casapiu-container .casapiu_text a.cta {
margin-top: 30px; }
.casapiu-container .yellow {
width: 10%;
position: relative;
background-color: #FFD900; }
@media (max-width: 75.0625em) {
.casapiu-container .yellow {
width: 5%;
}
}
@media (max-width: 53.0625em) {
.casapiu-container .yellow {
display: none;
}
}  .sliderlogo-block {
width: 100%;
position: relative; }
.sliderlogo-block .sliderlogo-container {
width: 100%;
padding: 0 7.5%; }
@media (max-width: 120.0625em) {
.sliderlogo-block .sliderlogo-container {
padding: 0 5%;
}
}
@media (max-width: 53.0625em) {
.sliderlogo-block .sliderlogo-container {
padding: 0 60px;
}
}
@media (max-width: 39.99em) {
.sliderlogo-block .sliderlogo-container {
padding: 0 5%;
}
}
.sliderlogo-block .sliderlogo-container .sliderlogo-title {
position: relative;
margin-bottom: 30px;
width: 100%; }
.sliderlogo-block .sliderlogo-container .sliderlogo-title h2 {
margin-bottom: 0;
display: inline-block;
vertical-align: middle; }
.sliderlogo-block .sliderlogo-container .sliderlogo-title a.cta {
display: inline-block;
vertical-align: middle;
margin-left: 50px; }
@media (max-width: 39.99em) {
.sliderlogo-block .sliderlogo-container .sliderlogo-title a.cta {
margin-left: 0;
margin-top: 30px;
}
}
.sliderlogo-block .sliderlogo-container .sliderlogo-slider {
width: 100%;
position: relative; }
@media (max-width: 39.99em) {
.sliderlogo-block .sliderlogo-container .sliderlogo-slider {
padding: 0 40px;
}
}
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .item {
width: 100%;
position: relative;
padding-bottom: 70%; }
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .item img {
display: block;
width: 70%;
max-width: 100%;
max-height: 120px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 120.0625em) {
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .item img {
max-height: 110px;
width: 65%;
}
}
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%; }
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .owl-nav button {
font-size: 0;
display: block;
width: 60px;
height: 60px;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: absolute;
top: 0;
transform: translateY(-50%); }
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .owl-nav button.owl-prev {
display: none; }
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .owl-nav button.owl-next {
right: -80px; }
@media (max-width: 120.0625em) {
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .owl-nav button {
width: 50px;
height: 50px;
}
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .owl-nav button.owl-next {
right: -60px; }
}
@media (max-width: 96.0625em) {
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .owl-nav button {
width: 40px;
height: 40px;
}
.sliderlogo-block .sliderlogo-container .sliderlogo-slider .owl-nav button.owl-next {
right: -50px; }
}  .progetti-block {
width: 100%;
position: relative; }
.progetti-block .progetti-container {
width: 100%;
position: relative; }
.progetti-block .progetti-container .progetti-title {
position: relative;
padding: 0 7.5%;
margin-bottom: 30px;
width: 100%; }
@media (max-width: 120.0625em) {
.progetti-block .progetti-container .progetti-title {
padding: 0 5%;
}
}
.progetti-block .progetti-container .progetti-title h3 {
margin-bottom: 0;
display: inline-block;
vertical-align: middle; }
.progetti-block .progetti-container .progetti-title a.cta {
display: inline-block;
vertical-align: middle;
margin-left: 50px; }
@media (max-width: 39.99em) {
.progetti-block .progetti-container .progetti-title a.cta {
margin-left: 0;
margin-top: 30px;
}
}
.progetti-block .progetti-container .progetti-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
padding-bottom: 50px;
width: 100%; }
.progetti-container .progetti-wrap .progetti-text {
width: 60%;
padding: 0 5% 0 7.5%;
position: relative; }
@media (max-width: 120.0625em) {
.progetti-container .progetti-wrap .progetti-text {
padding: 0 5%;
}
}
@media (max-width: 50.0625em) {
.progetti-container .progetti-wrap .progetti-text {
width: 100%;
}
}
.progetti-container .progetti-wrap .progetti-text .progetti-evidence {
width: 100%;
overflow: hidden;
margin-bottom: 30px; }
@media (max-width: 53.0625em) {
.progetti-container .progetti-wrap .progetti-text .progetti-evidence {
margin-bottom: 15px;
}
}
.progetti-text .progetti-evidence .single-progetto-evidence {
width: 100%;
position: relative;
right: 100%;
height: 0;
opacity: 0;
transition: right 600ms cubic-bezier(.215,.61,.355,1); }
.progetti-text .progetti-evidence .single-progetto-evidence.active {
height: auto;
opacity: 1;
right: 0; }
.progetti-text .progetti-evidence .single-progetto-evidence h2 {
z-index: 2;
margin-bottom: -20px; }
.progetti-text .progetti-evidence .single-progetto-evidence .single-evidence-text {
background-color: #F2F2F2;
width: 90%;
margin-left: 10%;
padding: 70px; }
@media (max-width: 96.0625em) {
.progetti-text .progetti-evidence .single-progetto-evidence .single-evidence-text {
padding: 60px;
}
}
@media (max-width: 86.4275em) {
.progetti-text .progetti-evidence .single-progetto-evidence .single-evidence-text {
padding: 50px;
}
}
@media (max-width: 75.0625em) {
.progetti-text .progetti-evidence .single-progetto-evidence .single-evidence-text {
padding: 40px;
}
}
@media (max-width: 70.75em) {
.progetti-text .progetti-evidence .single-progetto-evidence .single-evidence-text {
padding: 35px;
}
}
@media (max-width: 53.0625em) {
.progetti-text .progetti-evidence .single-progetto-evidence .single-evidence-text {
padding: 30px;
}
}
@media (max-width: 25.5em) {
.progetti-text .progetti-evidence .single-progetto-evidence .single-evidence-text {
width: 95%;
margin-left: 5%;
}
}
.progetti-text .progetti-evidence .single-progetto-evidence .single-evidence-cta {
text-align: right; }
.progetti-container .progetti-wrap .progetti-text .progetti-list {
width: 100%;
position: relative; }
.progetti-container .progetti-wrap .progetti-text .progetti-list button {
display: block;
padding: 0;
color: #C7C7C7;
font-size: 47px;
font-weight: 700; }
@media (max-width: 96.0625em) {
.progetti-container .progetti-wrap .progetti-text .progetti-list button {
font-size: 42px;
}
}
@media (max-width: 86.4275em) {
.progetti-container .progetti-wrap .progetti-text .progetti-list button {
font-size: 37px;
}
}
@media (max-width: 75.0625em) {
.progetti-container .progetti-wrap .progetti-text .progetti-list button {
font-size: 35px;
}
}
@media (max-width: 39.99em) {
.progetti-container .progetti-wrap .progetti-text .progetti-list button {
font-size: 30px;
}
}
.progetti-container .progetti-wrap .progetti-text .progetti-list button.active {
display: none; }
.progetti-container .progetti-wrap .progetti-images {
width: 40%;
position: relative; }
@media (max-width: 50.0625em) {
.progetti-container .progetti-wrap .progetti-images {
width: 90%;
margin: 50px auto 0;
}
}
.progetti-container .progetti-wrap .progetti-images .single-progetto-image {
width: 100%;
padding-bottom: 0;
position: relative;
left: 100%;
height: 0;
opacity: 0;
transition: left 600ms cubic-bezier(.215,.61,.355,1); }
.progetti-container .progetti-wrap .progetti-images .single-progetto-image.active {
opacity: 1;
padding-bottom: 120%;
height: 100%;
left: 0; }
@media (max-width: 120.0625em) {
.progetti-container .progetti-wrap .progetti-images .single-progetto-image.active {
padding-bottom: 110%;
}
}
@media (max-width: 50.0625em) {
.progetti-container .progetti-wrap .progetti-images .single-progetto-image.active {
padding-bottom: 100%;
}
}
.progetti-container .progetti-wrap .progetti-images .single-progetto-image img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
.progetti-container .progetti-wrap .logo-bkg {
z-index: -1;
position: absolute;
right: -120px;
top: 82%;
display: block; }
@media(max-width: 53.0625em) {
.progetti-container .progetti-wrap .logo-bkg {
top: 85%;
right: -100px;
width: 250px;
}
}  .highlights-block {
width: 100%;
position: relative; }
.highlights-block .highlights-container {
width: 100%;
position: relative; }
.highlights-container .highlights-title {
padding: 0 7.5%; }
@media (max-width: 96.0625em) {
.highlights-container .highlights-title {
padding: 0 5%;
}
}
.highlights-container .highlights-title + .highlights-wrap {
margin-top: 50px;
}
.highlights-container .highlights-wrap {
width: 100%;
display: flex;
flex-wrap: wrap; }
.highlights-container .highlights-wrap .highlights-phase {
padding: 70px; }
@media (max-width: 91.0625em) {
.highlights-container .highlights-wrap .highlights-phase {
padding: 50px;
}
}
.highlights-container .highlights-wrap .highlights-phase.pre {
padding-left: 7.5%;
--background: #535353;
background-color: var(--background);
width: 55%;
--color: #FFFFFF; }
.highlights-container .highlights-wrap .highlights-phase.post {
padding-right: 7.5%;
--background: #FFD900;
background-color: var(--background);
width: 45%;
--color: #535353; }
@media (max-width: 96.0625em) {
.highlights-container .highlights-wrap .highlights-phase.pre {
padding-left: 5%;
}
.highlights-container .highlights-wrap .highlights-phase.post {
padding-right: 5%;
}
}
@media (max-width: 53.0625em) {
.highlights-container .highlights-wrap .highlights-phase.pre {
width: 100%;
padding-right: 5%;
}
.highlights-container .highlights-wrap .highlights-phase.post {
width: 100%;
padding-left: 5%;
}
}
.highlights-container .highlights-wrap .highlights-phase h3,
.highlights-container .highlights-wrap .highlights-phase span {
color: var(--color); }
.highlights-container .highlights-wrap .highlights-phase span {
font-weight: 700;
display: inline-block;
font-size: 18px; }
@media (max-width: 120.0625em) {
.highlights-container .highlights-wrap .highlights-phase span {
font-size: 17px;
}
}
@media (max-width: 96.0625em) {
.highlights-container .highlights-wrap .highlights-phase span {
font-size: 16px;
}
}
@media (max-width: 61.0625em) {
.highlights-container .highlights-wrap .highlights-phase span {
font-size: 15px;
}
}
@media (max-width: 39.99em) {
.highlights-container .highlights-wrap .highlights-phase span {
font-size: 14px;
}
}
@media (max-width: 30em) {
.highlights-container .highlights-wrap .highlights-phase span {
font-size: 13px;
}
}
.highlights-container .highlights-wrap .highlights-phase .phase-title + .phase-elements {
margin-top: 50px; }
@media (max-width: 91.0625em) {
.highlights-container .highlights-wrap .highlights-phase .phase-title + .phase-elements {
margin-top: 30px;
}
}
.highlights-container .highlights-wrap .highlights-phase .phase-elements {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
width: 100%; }
@media (max-width: 53.0625em) {
.highlights-container .highlights-wrap .highlights-phase .phase-elements {
justify-content: space-between;
}
}
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 300px;
max-width: 30%;
text-align: center;
padding-right: 50px; }
@media (max-width: 105.0625em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 250px;
}
}
@media (max-width: 91.0625em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 230px;
}
}
@media (max-width: 80.0625em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 200px;
}
}
@media (max-width: 70.75em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 170px;
padding-right: 30px;
}
}
@media (max-width: 39.99em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 150px;
padding-right: 30px;
}
}
@media (max-width: 30em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 140px;
padding-right: 20px;
}
}
.highlights-wrap .highlights-phase .phase-elements .big span {
display: inline-block;
text-transform: uppercase;
font-size: 130px;
font-weight: 700;
-webkit-text-stroke: 2px #FFFFFF;
--color: var(--background);
line-height: 1; }
@media (max-width: 96.0625em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 120px;
}
}
@media (max-width: 91.0625em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 110px;
}
}
@media (max-width: 80.0625em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 100px;
}
}
@media (max-width: 53.0625em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 110px;
}
}
@media (max-width: 50.0625em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 100px;
}
}
@media (max-width: 39.99em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 80px;
}
}
@media (max-width: 30em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 60px;
}
}
@media (max-width: 25em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 50px;
}
}
.highlights-wrap .highlights-phase.post .phase-elements .big span {
-webkit-text-stroke: 2px #535353; }
.highlights-wrap .highlights-phase .phase-elements .phase-consume .label:last-of-type {
text-align: right; }  .why-block {
position: relative;
width: 100%; }
.why-block .why-container {
width: 100%;
background-color: #FFD900;
position: relative;
display: flex;
flex-wrap: wrap; }
.why-block.fourlogos-version .why-container {
background-color: transparent; }
.why-block .why-container .why-wrap {
width: 100%;
padding: 80px 7.5%;
position: relative; }
.why-block.fourlogos-version .why-container .why-wrap {
padding-top: 0 !important;
padding-bottom: 0 !important; }
@media (max-width: 96.0625em) {
.why-block .why-container .why-wrap {
padding: 80px 5%;
}
}
@media (max-width: 70.75em) {
.why-block .why-container .why-wrap {
padding: 70px 5%;
}
}
@media (max-width: 53.0625em) {
.why-block .why-container .why-wrap {
padding: 50px 5%;
}
}
.why-container .why-wrap .why-title {
width: 100%; }
@media(max-width: 53.0625em) {
.why-container .why-wrap .why-title {
width: 100%; } }
.why-container .why-wrap .why-title h2 {
position: relative;
display: inline-block;
padding-bottom: 20px; }
.why-container .why-wrap .why-title h2:before {
content: '';
width: calc(100% + 50px);
height: 5px;
position: absolute;
bottom: 0;
right: 0;
background-color: #535353; }
@media (max-width: 96.0625em) {
.why-container .why-wrap .why-title h2:before {
width: calc(100% + 30px);
}
}
@media (max-width: 39.99em) {
.why-container .why-wrap .why-title h2:before {
width: calc(100% + 10px);
}
}
.why-container .why-wrap .why-list {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative; }
.why-wrap .why-list .why-single {
display: block;
overflow: hidden;
width: 25%;
z-index: 1;
margin-top: 50px;
padding-right: 50px; }
@media (max-width: 86.4275em) {
.why-wrap .why-list .why-single {
padding-right: 40px;
}
}
@media (max-width: 80.0625em) {
.why-wrap .why-list .why-single {
padding-right: 30px;
}
}
@media (max-width: 53.0625em) {
.why-wrap .why-list .why-single {
width: 50%;
}
}
@media (max-width: 39.99em) {
.why-wrap .why-list .why-single {
padding-right: 0;
width: 100%;
}
}
.why-wrap .why-list .why-single>div {
width: 100%; }     .why-single>div .why-single_image {
width: 100%;
position: relative;
margin-bottom: 30px; }
.why-single>div .why-single_image img{
display: block;
margin: 0 auto; height: 130px;
}
@media (max-width: 96.0625em) {
.why-single>div .why-single_image img { height: 110px;
}
}
@media (max-width: 86.4275em) {
.why-single>div .why-single_image img { height: 100px;
}
}
@media (max-width: 25.5em) {
.why-single>div .why-single_image img {
height: 90px; }
}
.why-single>div .why-single_text {
padding: 0 20px;
text-align: center; }
.why-container .why-wrap a.cta {
position: absolute;
color: #FFFFFF;
z-index: 2;
--background: #535353;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
border: 1px solid #535353; }
.why-container .why-wrap a.cta img {
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(31%) hue-rotate(343deg) brightness(108%) contrast(109%);
}
.why-container .why-wrap a.cta:before {
background-color: #FFFFFF; }
.why-container .why-wrap a.cta:hover {
color: #535353; }
.why-container .why-wrap a.cta:hover img {
filter: unset; }  .method-block {
position: relative;
width: 100%; }
@media (max-width: 70.75em) {
.method-block {
margin-bottom: 20px;
}
}
.method-block .method-container {
width: 100%;
background-color: #FFD900;
position: relative;
display: flex;
flex-wrap: wrap; }
.method-block .method-container .method-wrap {
width: 100%;
padding: 80px 7.5%;
position: relative; }
@media (max-width: 96.0625em) {
.method-block .method-container .method-wrap {
padding: 80px 5%;
}
}
@media (max-width: 75.0625em) {
.method-block .method-container .method-wrap {
padding: 70px 5%;
}
}
@media (max-width: 53.0625em) {
.method-block .method-container .method-wrap {
padding: 50px 5%;
}
}
.method-container .method-wrap .method-title {
width: 100%; }
@media(max-width: 53.0625em) {
.method-container .method-wrap .method-title {
width: 100%;  } }
.method-container .method-wrap .method-title h2 {
position: relative;
display: inline-block;
padding-bottom: 20px; }
.method-container .method-wrap .method-title h2:before {
content: '';
width: calc(100% + 50px);
height: 5px;
position: absolute;
bottom: 0;
right: 0;
background-color: #535353; }
@media (max-width: 96.0625em) {
.method-container .method-wrap .method-title h2:before {
width: calc(100% + 30px);
}
}
@media (max-width: 39.99em) {
.method-container .method-wrap .method-title h2:before {
width: calc(100% + 10px);
}
}
.method-container .method-wrap .method-list {
width: calc(100% + 40px);
transform: translateX(-20px);
justify-content: center;
display: flex;
flex-wrap: wrap;
position: relative; }
@media (max-width: 105.0625em) {
.method-container .method-wrap .method-list {
width: calc(100% + 30px);
transform: translateX(-15px);
}
}
.method-wrap .method-list .method-single {
display: block;
overflow: hidden;
width: 20%;
z-index: 1;
margin-top: 50px;
padding: 0 20px; }
@media (max-width: 105.0625em) {
.method-wrap .method-list .method-single {
padding: 0 15px;
}
}
@media (max-width: 80.0625em) {
.method-wrap .method-list .method-single {
width: 33.333333%; }
}
@media (max-width: 53.0625em) {
.method-wrap .method-list .method-single {
width: 50%;
}
}
@media (max-width: 39.99em) {
.method-wrap .method-list .method-single {
width: 100%;
}
}
.method-wrap .method-list .method-single>div {
width: 100%; }
.method-single>div .method-single_text p {
font-size: 15px; }
@media (max-width: 91.0625em) {
.method-single>div .method-single_text p {
font-size: 14px; }
}
.method-single>div .method-single_image {
width: 100%;
position: relative;
margin-bottom: 30px; }
.method-single>div .method-single_image img {
max-width: 70%;
margin: 0 auto;
display: block;
width: 100%; }
@media (max-width: 80.0625em) {
.method-single>div .method-single_image {
width: 100%;
padding-bottom: 0;
}
.method-single>div .method-single_image img {
position: relative;
max-width: 45%;
}
}
@media (max-width: 53.0625em) {
.method-single>div .method-single_image img {
position: relative;
max-width: 50%;
}
}
.method-container .method-wrap a.cta {
position: absolute;
color: #FFFFFF;
z-index: 2;
--background: #535353;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
border: 1px solid #535353; }
.method-container .method-wrap a.cta img {
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(31%) hue-rotate(343deg) brightness(108%) contrast(109%); }
.method-container .method-wrap a.cta:before {
background-color: #FFFFFF; }
.method-container .method-wrap a.cta:hover {
color: #535353; }
.method-container .method-wrap a.cta:hover img {
filter: unset; }  .team-block {
width: 100%;
position: relative; }
.team-block .team-container {
width: 100%;
position: relative; }
.team-container .team-title {
width: 100%;
position: relative;
margin-bottom: 50px;
padding: 0 25%;
text-align: center; }
@media (max-width: 120.0625em) {
.team-container .team-title {
padding: 0 20%;
}
}
.team-container .team-title p + a.cta {
margin-top: 30px; }
.team-container .team-gallery {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 7.5%;
z-index: 1; }
@media (max-width: 96.0625em) {
.team-container .team-gallery {
padding: 0 5%;
}
}
.team-container .team-gallery:before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
height: 80%;
z-index: -1;
background-color: #EBEBEB; }
@media (max-width: 39.99em) {
.team-container .team-gallery:before {
height: 90%;
}
}
.team-container .team-gallery .single-team-member {
position: relative;
width: 20%; }
@media (max-width: 53.0625em) {
.team-container .team-gallery .single-team-member {
width: 50%;
}
}
@media (max-width: 39.99em) {
.team-container .team-gallery .single-team-member {
width: 100%;
}
}
.team-container .team-gallery .single-team-member .single-member-image {
z-index: 0;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
object-fit: cover;
position: relative; }
.team-container .team-gallery .single-team-member .single-member-image img {
display: block;
width: 101%;
height: 101%;
position: absolute;
top: 50%;
left: 50%;
transition: all 0.3s ease-out;
transform: translate(-50%, -50%); }
.team-container .team-gallery .single-team-member:hover .single-member-image img {
width: 110%;
height: 110%; }
.team-container .team-gallery .single-team-member .single-member-text {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
transition: opacity 0.3s ease-out;
opacity: 0;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
color: #FFFFFF; }
.team-container .team-gallery .single-team-member:hover .single-member-text {
opacity: 1; }
.team-container .team-gallery .single-team-member .single-member-text>div {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
padding: 20px; }
.team-container .team-gallery .single-team-member .single-member-text>div span {
display: block;
margin-bottom: 5px; }
.team-container .team-gallery .single-team-member .single-member-text>div span.name {
font-weight: 700;
font-size: 24px; }
@media (max-width: 91.0625em) {
.team-container .team-gallery .single-team-member .single-member-text>div span.name {
font-size: 22px;
}
}
.team-container .team-gallery .single-team-member .single-member-text>div span:last-of-type {
margin-bottom: 0; }  .timeline-block {
width: 100%;
position: relative; }
.timeline-block .timeline-container {
width: 100%;
padding: 100px 7.5%; }
@media (max-width: 120.0625em) {
.timeline-block .timeline-container {
padding: 100px 5%;
}
}
@media (max-width: 75.0625em) {
.timeline-block .timeline-container {
padding: 80px 5%;
}
}
@media (max-width: 53.0625em) {
.timeline-block .timeline-container {
padding: 60px;
}
}
@media (max-width: 50.0625em) {
.timeline-block .timeline-container {
padding: 0 60px;
}
}
@media (max-width: 39.99em) {
.timeline-block .timeline-container {
padding: 0 5%;
}
}
.timeline-block .timeline-container .timeline-title {
position: relative;
margin-bottom: 70px;
width: 100%; }
.timeline-block .timeline-container .timeline-title h3 {
margin-bottom: 0;
display: inline-block;
vertical-align: middle; }
.timeline-block .timeline-container .timeline-title a.cta {
display: inline-block;
vertical-align: middle;
margin-left: 50px;
}
.timeline-block .timeline-container .timeline-slider {
width: 100%;
position: relative; }
@media (max-width: 39.99em) {
.timeline-block .timeline-container .timeline-slider {
padding-right: 30px;
}
}
.timeline-block .timeline-container .timeline-slider .item {
width: 100%;
position: relative; }
.timeline-container .timeline-slider .item .single-timeline-image {
width: 100%;
margin-bottom: 30px; }
.timeline-container .timeline-slider .item .single-timeline-image img {
display: inline-block;
height: 130px;
width: auto;
max-width: 100%;
position: relative; }
@media (max-width: 96.0625em) {
.timeline-container .timeline-slider .item .single-timeline-image img {
height: 120px;
}
}
@media (max-width: 91.0625em) {
.timeline-container .timeline-slider .item .single-timeline-image img {
height: 100px;
}
}
@media (max-width: 50.0625em) {
.timeline-container .timeline-slider .item .single-timeline-image img {
height: 80px;
}
}
.timeline-block .timeline-container .timeline-slider .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%; }
.timeline-block .timeline-container .timeline-slider .owl-nav button {
font-size: 0;
display: block;
width: 60px;
height: 60px;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: absolute;
top: 0;
transform: translateY(-50%); }
@media (max-width: 75.0625em) {
.timeline-block .timeline-container .timeline-slider .owl-nav button {
width: 40px;
height: 40px;
}
}
.timeline-block .timeline-container .timeline-slider .owl-nav button.owl-prev {
display: none; }
.timeline-block .timeline-container .timeline-slider .owl-nav button.owl-next {
right: -80px; }
@media (max-width: 75.0625em) {
.timeline-block .timeline-container .timeline-slider .owl-nav button.owl-next {
right: -40px; }
} .align-self-center {
align-self: center!important;} .contact-block {
position: relative; }
.contact-block.scuro {
overflow: hidden;
}
.contact-block.scuro .logo-bkg {
top: 70%;
position: absolute;
right: -100px;
display: block;
z-index: 1; }
@media (max-width: 39.99em) {
.contact-block.scuro .logo-bkg {
display: none;
right: -180px;
}
}
.contact-block__wrap {
position: relative;
z-index: 0;
padding: 130px 0; }
.scuro .contact-block__wrap {
padding: 150px 0;
background-color: #EBEBEB; }
@media (max-width: 75.0625em) {
.scuro .contact-block__wrap,
.contact-block__wrap {
padding: 120px 0;
}
}
@media (max-width: 53.0625em) {
.scuro .contact-block__wrap,
.contact-block__wrap {
padding: 100px 0;
}
}
@media (max-width: 50.0625em) {
.scuro .contact-block__wrap,
.contact-block__wrap {
padding: 80px 0;
}
}
@media (max-width: 39.99em) {
.scuro .contact-block__wrap,
.contact-block__wrap {
padding: 50px 0;
}
}
.contact-block .text {
width: 60%;
position: relative;
left: 20%;
z-index: 2; }
@media (max-width: 91.0625em) {
.contact-block .text {
left: 15%;
width: 70%; }
}
@media (max-width: 53.0625em) {
.contact-block .text {
left: 12.5%;
width: 75%; }
}
@media (max-width: 50.0625em) {
.contact-block .text {
width: 90%;
left: 5%;
}
}
.contact-block .text>*{
display: block;}
.contact-block .text a.cta {
margin-top: 40px; }
@media (max-width: 86.4275em) {
.contact-block .text a.cta {
margin-top: 30px;
}
} .related-block {
position: relative;
width: 100%; }
.related-block .giant-letter {
top: 0;
left: 0;
transform: translateX(-30%);
}
.related-block .related-container {
width: 100%;
position: relative; }
.related-container .related-intro {
width: 100%;
padding: 0 7.5%;
margin-bottom: 70px;
position: relative; }
@media (max-width: 120.0625em) {
.related-container .related-intro {
padding: 0 5%;
}
}
@media (max-width: 75.0625em) {
.related-container .related-intro {
margin-bottom: 50px;
}
}
.related-container .related-intro h2 {
display: inline-block;
vertical-align: middle;
margin-bottom: 0; }
.related-container .related-intro a.cta {
margin-left: 50px;
display: inline-block;
vertical-align: middle; }
.related-container .related-wrap {
width: 100%;
padding: 0 calc(10% - 60px);
display: flex;
flex-wrap: wrap;
position: relative; }
@media (max-width: 120.0625em) {
.related-container .related-wrap {
padding: 0 calc(7.5% - 60px);
}
}
@media (max-width: 80.0625em) {
.related-container .related-wrap {
padding: 0 calc(7.5% - 50px);
}
}
@media (max-width: 64.0625em) {
.related-container .related-wrap {
padding: 0 calc(5% - 20px);
}
}
@media (max-width: 53.0625em) {
.related-container .related-wrap {
padding: 0 15px;
}
}
@media (max-width: 50.0625em) {
.related-container .related-wrap {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
display: block;
width: 100%;
}
.related-container .related-wrap::-webkit-scrollbar{
display: none;
}
}
.related-container .related-wrap .single-related-block {
display: block;
padding: 0 30px;
width: 33.333333%;
position: relative; }
@media (max-width: 80.0625em) {
.related-container .related-wrap .single-related-block {
padding: 0 20px;
}
}
@media (max-width: 75.0625em) {
.related-container .related-wrap .single-related-block {
padding: 0 15px;
}
}
@media (max-width: 50.0625em) {
.related-container .related-wrap .single-related-block {
display: inline-block;
width: 45%;
vertical-align: top;
}
}
@media (max-width: 39.99em) {
.related-container .related-wrap .single-related-block {
width: 85%;
}
}
@media (max-width: 23.5em) {
.related-container .related-wrap .single-related-block {
}
}
.related-wrap .single-related-block .related-bg {
width: 100%;
padding-bottom: 80%;
overflow: hidden;
position: relative; }
.related-wrap .single-related-block .related-bg img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
display: block;
transition: all 0.3s ease-out;
top: 0;
left: 50%;
transform: translateX(-50%); }
.related-wrap .single-related-block:hover .related-bg img {
width: 110%;
height: 110%; }
.related-wrap .single-related-block .related-title {
position: relative;
overflow: hidden;
width: 100%;
margin-top: 30px;
z-index: 2;
white-space: initial; }
.related-wrap .single-related-block .related-title>div {
width: 100%;
transform: translateX(-100%);
transition: all 500ms cubic-bezier(.215,.61,.355,1); }
.related-wrap .single-related-block:nth-of-type(1) .related-title>div {
transition-delay: 600ms; }
.related-wrap .single-related-block:nth-of-type(2) .related-title>div {
transition-delay: 300ms; }
.related-wrap .single-related-block:nth-of-type(3) .related-title>div {
transition-delay: 0ms; }
.active .related-wrap .single-related-block .related-title>div {
transform: translateX(0); }
.active .related-wrap .single-related-block:nth-of-type(1) .related-title>div {
transition-delay: 0ms; }
.active .related-wrap .single-related-block:nth-of-type(2) .related-title>div {
transition-delay: 300ms; }
.active .related-wrap .single-related-block:nth-of-type(3) .related-title>div {
transition-delay: 600ms; }
.related-wrap .single-related-block .related-title p + button.cta {
margin-top: 30px; }
.related-wrap .single-related-block:hover .related-title button.cta {
color: #FFFFFF; }
.related-wrap .single-related-block:hover .related-title button.cta:before {
width: 100%; }
.related-wrap .single-related-block:hover .related-title button.cta img {
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(31%) hue-rotate(343deg) brightness(108%) contrast(109%);
}  .double-media-block {
position: relative; }
.scuro.double-media-block {
padding: 70px 0;
background-color: #EBEBEB; }
@media (max-width: 53.0625em) {
.scuro.double-media-block {
padding: 50px 0;
}
}
.double-media-block .double-media-wrap {
position: relative;
width: 100%;
padding: 0 7.5%;
display: flex;
flex-wrap: wrap; }
@media (max-width: 120.0625em) {
.double-media-block .double-media-wrap {
padding: 0 5%;
}
}
@media (max-width: 53.0625em) {
.double-media-block .double-media-wrap {
flex-direction: column;
}
}
.double-media-wrap .double-media-container {
width: 65%;
position: relative; }
@media (max-width: 53.0625em) {
.double-media-wrap .double-media-container {
order: 2;
width: 100%;
margin: 50px auto 0;
}
}
@media (max-width: 39.99em) {
.double-media-wrap .double-media-container {
width: 100%;
display: flex;
flex-wrap: wrap;
}
}
.double-media-container .single-double-media {
overflow: hidden;
position: relative; }
.double-media-block:not(.reverse) .double-media-container .single-double-media:last-of-type,
.reverse .double-media-container .single-double-media:first-of-type {
width: 45%;
z-index: 0;
margin-bottom: 150px; }
.double-media-block:not(.reverse) .double-media-container .single-double-media:last-of-type {
margin-left: 55%;
}
.double-media-block:not(.reverse) .double-media-container .single-double-media:first-of-type,
.reverse .double-media-container .single-double-media:last-of-type {
position: absolute;
bottom: 0;
z-index: 1;
width: 60%; }
@media (max-width: 39.99em) {
.double-media-block:not(.reverse) .double-media-container .single-double-media:last-of-type,
.reverse .double-media-container .single-double-media:first-of-type {
order: 1;
width: 100%;
margin-bottom: 30px;
}
.double-media-block:not(.reverse) .double-media-container .single-double-media:last-of-type {
margin-left: 0;
}
.double-media-block:not(.reverse) .double-media-container .single-double-media:first-of-type,
.reverse .double-media-container .single-double-media:last-of-type {
order: 2;
width: 100%;
position: relative;
bottom: unset;
}
}
.reverse .double-media-container .single-double-media:last-of-type {
right: 0; }
.double-media-block:not(.reverse) .double-media-container .single-double-media:first-of-type {
left: 0; }
.double-media-container .single-double-media .owl-carousel {
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.double-media-container .single-double-media .owl-carousel .owl-stage-outer,
.double-media-container .single-double-media .owl-carousel .owl-stage,
.double-media-container .single-double-media .owl-carousel .owl-item {
height: 100%; }
.double-media-container .single-double-media .owl-carousel .owl-dots {
position: absolute;
bottom: 0;
z-index: 1;
left: 0;
height: auto !important;
padding-bottom: 10px;
width: 100%;
pointer-events: none;
text-align: center; }
.double-media-container .single-double-media .owl-carousel .owl-dots .owl-dot {
display: inline-block;
font-size: 0;
line-height: 0;
pointer-events: auto;
width: 35px;
margin: 0 5px;
height: 7px;
border: 1px solid #535353;
background-color: #535353;
transition: all 0.3s ease-out; }
@media (max-width: 96.0625em) {
.double-media-container .single-double-media .owl-carousel .owl-dots .owl-dot {
width: 30px;
}
}
.double-media-container .single-double-media .owl-carousel .owl-dots .owl-dot.active {
background-color: #FFFFFF; }
.double-media-container .single-double-media .double-media-image,
.double-media-container .single-double-media .double-media-video,
.double-media-container .single-double-media .double-media-slide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: top center; }
.double-media-block:not(.reverse) .double-media-container .single-double-media:last-of-type>div,
.reverse .double-media-container .single-double-media:first-of-type>div {
width: 100%;
position: relative;
padding-bottom: 120%;
}
.double-media-block:not(.reverse) .double-media-container .single-double-media:first-of-type>div,
.reverse .double-media-container .single-double-media:last-of-type>div {
width: 100%;
position: relative;
padding-bottom: 66.666666%;
}
.double-media-block.reverse .double-media-container .single-double-media:first-of-type {
margin-top: 0;}
@media (max-width: 53.0625em) {
.double-media-container .single-double-media {
padding: 0;
}
}
.double-media-container .single-double-media .double-media-image a {
overflow: hidden; }
.double-media-container .single-double-media .double-media-image a img {
display: block;
position: absolute;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out;
object-fit: cover;
top: 50%;
left: 50%;
}
.double-media-container .single-double-media .double-media-image a:hover img {
width: 110%;
height: 110%;
}
.double-media-wrap .double-media-text {
width: 35%;
padding-right: 5%;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative; }
.double-media-wrap .double-media-container + .double-media-text {
padding-right: 0;
padding-left: 5%;
}
@media (max-width: 53.0625em) {
.double-media-wrap .double-media-text {
order: 1;
width: 100%;
padding-right: 0;
}
.double-media-wrap .double-media-container + .double-media-text {
padding-left: 0;
}
}
.double-media-wrap .double-media-text > div {
position: relative;
z-index: 1;
padding: 70px 0;
width: 100%; }
@media (max-width: 53.0625em) {
.double-media-wrap .double-media-text > div {
padding: 0;
}
}
.double-media-wrap .double-media-text a.cta {
margin-top: 30px; }
.wpcf7 .ajax-loader {
display: none !important; }
.wpcf7-not-valid-tip,
.wpcf7-validation-errors,
.wpcf7-response-output {
display: none !important; }
.wpcf7-not-valid {
border-bottom: 2px solid red !important; }
.wpcf7-form-control-wrap.terms, .wpcf7-form-control-wrap.marketing,
.wpcf7-form-control-wrap[data-name="terms"], .wpcf7-form-control-wrap[data-name="marketing"] {
display: none !important;
opacity: 0;
z-index: -1; }
.wpcf7-form-control-wrap.terms .wpcf7-not-valid, .wpcf7-form-control-wrap.marketing .wpcf7-not-valid {
position: absolute;
top: -80000%;
border: none !important; }
@media (max-width: 39.99em) {
.wpcf7-form-control-wrap.terms, .wpcf7-form-control-wrap.marketing,
.wpcf7-form-control-wrap[data-name="terms"], .wpcf7-form-control-wrap[data-name="marketing"] {
opacity: 0; } }
.wpcf7-form-control-wrap.marketing .wpcf7-acceptance.optional {
position: absolute;
top: -80000%;
border: none !important; } #main-footer {
margin-top: 60px;
font-family: 'PT Sans', sans-serif;
width: 100%;
font-size: 18px;
position: relative; }
@media (max-width: 96.0625em) {
#main-footer {
font-size: 16px;
}
}
@media (max-width: 75.0625em) {
#main-footer {
font-size: 15px;
}
}
@media (max-width: 53.0625em) {
#main-footer {
margin-top: 50px;
}
}
@media (max-width: 39.99em) {
#main-footer {
margin-top: 45px;
}
}
@media (max-width: 23.5em) {
#main-footer {
font-size: 14px;
}
}
#main-footer > div.footer-container {
width: 100%;
padding: 80px 7.5%;
background-color: #F2F2F2;
color: #535353;
display: flex;
flex-wrap: wrap;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative; }
@media (max-width: 96.0625em) {
#main-footer > div.footer-container {
padding: 70px 5%;
}
}
@media (max-width: 53.0625em) {
#main-footer > div.footer-container {
padding: 50px 5%;
}
}
.footer-container div:not(.footer_logo) a,
.footer-container div:not(.footer_logo) span {
display: inline-block;
color: #535353;
line-height: 1;
position: relative;
font-size: 16px; }
.footer-container div:not(.footer_logo) span.footer-title {
font-weight: bold;
font-size: 24px; }
@media (max-width: 91.0625em) {
.footer-container div:not(.footer_logo) span.footer-title {
font-size: 18px;
}
}
@media (max-width: 86.4275em) {
.footer-container div:not(.footer_logo) a,
.footer-container div:not(.footer_logo) span {
font-size: 16px;
}
}
@media (max-width: 80.0625em) {
.footer-container div:not(.footer_logo) a,
.footer-container div:not(.footer_logo) span {
font-size: 15px;
}
}
@media (max-width: 75.0625em) {
.footer-container div:not(.footer_logo) a,
.footer-container div:not(.footer_logo) span {
letter-spacing: 0px;
}
}
@media (max-width: 64.0625em) {
.footer-container div:not(.footer_logo) a,
.footer-container div:not(.footer_logo) span {
font-size: 16px;
}
}
@media (max-width: 30em) {
.footer-container div:not(.footer_logo) a,
.footer-container div:not(.footer_logo) span {
font-size: 15px;
}
}
@media (max-width: 23.5em) {
.footer-container div:not(.footer_logo) span.footer-title {
font-size: 16px;
}
}
.footer-container div:not(.footer_logo) a:after {
content: '';
position: absolute;
bottom: -3px;
width: 0;
display: block;
height: 1px;
transition: all 0.3s ease-out;
background-color: #535353; }
.footer-container div:not(.footer_logo) a:hover:after {
width: 100%; }
.footer-container .footer__info {
width: 50%; }
@media (max-width: 80.0625em) {
.footer-container .footer__info {
width: 47.5%;
}
}
@media (max-width: 75.0625em) {
.footer-container .footer__info {
width: 45%;
}
}
@media (max-width: 64.0625em) {
.footer-container .footer__info {
width: 66.666666%;
}
}
@media (max-width: 53.0625em) {
.footer-container .footer__info {
width: 100%;
order: 2;
position: relative;
margin: 0 auto;
}
}
.footer-container .footer__info>div:not(.info-title) {
width: 100%;
display: flex;
flex-wrap: wrap; }
.footer-container .info-title {
margin-bottom: 30px;
width: 100%; }
.footer-container .footer__info .info-column {
width: 50%; }
@media (max-width: 30em) {
.footer-container .footer__info .info-column {
width: 100%;
margin-bottom: 50px !important;
}
.footer-container .footer__info .info-column:last-of-type {
margin-bottom: 0 !important;
}
}
.footer-container .footer__info .info-column>div {
margin-bottom: 20px; }
.footer-container .footer__info .info-column>div:last-of-type {
margin-bottom: 0; }
.footer-container .footer__social {
height: 25px !important;
font-size: 0; }
.footer-container .footer__social a {
display: inline-block;
margin-right: 25px; }
.footer-container .footer__social a:after {
display: none !important;
}
.footer-container .footer__social a:last-of-type {
margin-right: 0; }
@media (max-width: 39.99em) {
.footer-container .footer__social a {
}
}
.footer-container .footer__social a img {
display: block;
height: 25px; }
.footer-container .footer__policy>div:not(.power) {
display: inline-block;
margin-right: 20px;
margin-bottom: 20px;
}
.footer-container .power{
display: block;
position: relative; }
.footer-container .power a:after {
display: none !important;
}
.footer-container .power img {
display: inline-block;
filter: invert(29%) sepia(19%) saturate(16%) hue-rotate(317deg) brightness(95%) contrast(82%);
-webkit-filter: invert(29%) sepia(19%) saturate(16%) hue-rotate(317deg) brightness(95%) contrast(82%);
width: 100px;
padding-bottom: 5px; }
.footer-container .footer__form {
display: block;
width: 50%;
position: relative; }
@media (max-width: 80.0625em) {
.footer-container .footer__form {
width: 52.5%;
}
}
@media (max-width: 75.0625em) {
.footer-container .footer__form {
width: 55%;
}
}
@media (max-width: 53.0625em) {
.footer-container .footer__form {
order: 1;
margin-bottom: 50px;
width: 100%;
}
}
.footer-container .footer__form .footer__form-box {
position: relative;
width: 100%; }
.footer-container .footer__form .footer__form-box .footer__form-text {
width: 100%;
margin-bottom: 30px;
position: relative; }
@media (max-width: 86.4275em) {
.footer-container .footer__form .footer__form-box .footer__form-text {
margin-bottom: 25px;
}
}
.footer-container .footer__form .footer__form-box .footer__form-text>span {
display: block; }
.footer-container .footer__form .footer__form-box .footer__form-text>span + p {
margin-top: 30px; }
.footer-container .footer__form .footer__form-box .footer__form-text>p {
font-size: 16px; }
.footer-container .footer__form .footer__form-box .footer__form-form {
width: 100%;
position: relative; }
.footer__form-box .footer__form-form .form-row {
width: 100%;
padding-right: 180px; }
@media (max-width: 39.99em) {
.footer__form-box .footer__form-form .form-row {
padding-right: 0;
}
}
.footer__form-box .footer__form-form .form-row.last {
margin-top: 20px;
padding-right: 0; }
.footer__form-box .footer__form-form .form-row .field {
width: 100%;
display: block; }
.footer__form-box .footer__form-form .form-row .field-input>span {
display: block;
width: 100%; }
.footer__form-box .footer__form-form .form-row .field input[type="email"],
.footer__form-box .footer__form-form .form-row .field input[type="text"] {
width: 100%;
position: relative;
border: 1px solid #535353;
background-color: transparent;
line-height: 1;
padding: 14px; }
@media (max-width: 80.0625em) {
.footer__form-box .footer__form-form .form-row .field input[type="email"],
.footer__form-box .footer__form-form .form-row .field input[type="text"] {
padding: 11.5px;
}
}
.footer__form-box .footer__form-form .form-row .field button#submit {
border-width: 1px;
border-style: solid;
border-color: #535353;
--background: transparent;
position: absolute;
top: 0;
right: 0;
font-size: 18px;
line-height: 1;
width: 150px; }
@media (max-width: 39.99em) {
.footer__form-box .footer__form-form .form-row .field button#submit {
position: relative;
margin-top: 30px;
}
}
.footer__form-box .footer__form-form .form-row .field.last>div {
display: inline-block;
margin-right: 20px; }
@media (max-width: 39.99em) {
.footer__form-box .footer__form-form .form-row .field.last>div {
margin-right: 0;
display: block;
}
}
.footer__form-box .footer__form-form .form-row .field.last>div:last-of-type {
margin-right: 0; }
@media (max-width: 39.99em) {
.footer__form-box .footer__form-form .form-row .field.last>div:last-of-type {
margin-top: 15px;
}
}
.footer-container .policy {
position: relative;
width: 100%;
margin-top: 30px; }
@media (max-width: 53.0625em) {
.footer-container .policy {
order: 3;
}
}
.footer-container .footer__logo {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 200px; }
@media (max-width: 91.0625em) {
.footer-container .footer__logo {
width: 180px;
}
}
.footer-container .footer__logo a {
display: block;
width: 100%;}
.footer-container .footer__logo a:after {
display: none !important; }
.footer-container .footer__logo a img {
width: 100%;
display: block; } @media (max-width: 50.0525em) {
.fancybox-slide--iframe .fancybox-content { }
.gm-style-pbc {
display: none !important;
} }
.fancybox-infobar {
display: none; }
.fancybox-toolbar .fancybox-button--play, .fancybox-toolbar .fancybox-button--fullscreen, .fancybox-toolbar .fancybox-button--thumbs, .fancybox-toolbar .fancybox-button--share {
display: none !important; }
.fancybox-show-thumbs .fancybox-inner {
right: 0 !important;
bottom: 120px;
}
.fancybox-thumbs__list a::before {
border: 4px solid #F1F1F1;
}
.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;
}
.grecaptcha-badge {
z-index: 100;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s ease-out; }
.grecaptcha-badge.in {
opacity: 1;
visibility: visible;
pointer-events: auto; }
#main-footer .footer__right .power img {
-webkit-filter: invert(27%) sepia(1%) saturate(0%) hue-rotate(277deg) brightness(104%) contrast(94%);
filter: invert(27%) sepia(1%) saturate(0%) hue-rotate(277deg) brightness(104%) contrast(94%);
}
.more-button {
margin-top: 40px;
text-align: center; }
#breadcrumbs {
font-size: 18px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Ambit', sans-serif;
margin-bottom: 20px;}
@media (max-width: 96.0625em) {
#breadcrumbs {
font-size: 16px;
}
}
@media (max-width: 80.0625em) {
#breadcrumbs {
letter-spacing: 1px;
}
}
@media (max-width: 75.0625em) {
#breadcrumbs {
font-size: 15px;
}
}
@media (max-width: 23.5em) {
#breadcrumbs {
font-size: 14px;
margin-bottom: 15px;
}
}
#breadcrumbs a {
color: #FFFFFF;
pointer-events: auto;
border-bottom: 1px solid #FFFFFF !important;
}
.heading-singlemedia #breadcrumbs a {
color: #535353;
border-bottom: 1px solid #535353 !important;
}
iframe {
border: none;
} .yt {
position: absolute;
display: block;
width: 100%;
height: 100%;
transition: all 0.3s ease-out;
top: 0;
left: 0; }
.yt .video_player {
position: absolute;
width: 80px;
height: 80px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.giant-letter {
color: #DEDEDE;
font-family: "Playfair Display", serif;
font-size: 800px;
line-height: 0.65;
height: 600px;
position: absolute;
opacity: 0.3;
z-index: -1;
}
@media (max-width: 96.0625em) {
.giant-letter {
font-size: 750px;
height: 550px;
}
}
@media (max-width: 75.0625em) {
.giant-letter {
font-size: 700px;
height: 500px;
line-height: 0.6;
}
}
@media (max-width: 53.0625em) {
.giant-letter {
font-size: 600px;
height: 450px;
}
}
@media (max-width: 50.0625em) {
.giant-letter {
font-size: 550px;
height: 400px;
}
}
@media (max-width: 39.99em) {
.giant-letter {
font-size: 500px;
height: 350px;
}
}
@media (max-width: 23.5em) {
.giant-letter {
font-size: 400px;
height: 300px;
}
}
.line-bkg {
position: absolute;
width: 50%;
top: 50%;
left: 7.5%;
display: block;
z-index: -1;
transform: translateY(-50%);
}
.subtitle,
.overtitle {
display: block;
font-size: 24px;
font-weight: bold;
padding: 0;
margin-bottom: 30px;
line-height: 1.3; }
@media (max-width: 91.0525em) {
.subtitle,
.overtitle {
font-size: 18px;
margin-bottom: 25px;
letter-spacing: 0;
}
}
@media (max-width: 30em) {
.subtitle,
.overtitle {
margin-bottom: 20px;
}
}
@media (max-width: 23.5em) {
.subtitle,
.overtitle {
font-size: 16px;
}
} #form-contatti[data-status="submitting"],
#form-newsletter[data-status="submitting"] {
pointer-events: none;
}  body.compensate-for-scrollbar {
margin-right: unset;
}  @media (min-width: 53.0725em) {
.hide-for-desktop {
display: none !important;
}
}
@media (min-width: 40.0625em) and (max-width: 53.0625em) {
.hide-for-tablet {
display: none !important;
}
}
@media (max-width: 40em) {
.hide-for-mobile {
display: none !important;
}
}
.flex {
display: flex;
flex-wrap: wrap;
}
.flex-center {
display: flex;
justify-content: center;
}
.flex-between {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.flex-around {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.h-align-center {
text-align: center;
}
.v-align-center {
align-items: center;
}
section.section {
padding: 80px 0;
} @media (max-width: 75.0625em) {
section.section {
padding: 60px 0;
}
} @media (max-width: 40em) {
section.section {
padding: 40px 0;
}
}
#main-content section:only-child { padding: 160px 0;
} @media (max-width: 75.0625em) {
#main-content section:only-child {
padding: 50px 0;
}
} @media (max-width: 40em) {
#main-content section:only-child {
padding: 40px 0;
}
}
.section-grey {
background-color: #FCFCFC;
}
.section.section-breadcrumbs {
padding-bottom: 0;
}
section.indent-left {
padding-left: 10%;
} @media (max-width: 40em) {
section.indent-left {
padding-left: 5%;
}
}
.section-text p {
font-weight: 400;
color: #535353;
margin-bottom: 40px;
}
.cta-muted {
background-color: transparent !important;
border: 1px solid #535353;
}
#breadcrumbs a,
#breadcrumbs,
#breadcrumbs {
position: relative;
font-size: 16px;
font-weight: 600;
color: #535353;
border-bottom: none !important;
}
#breadcrumbs a::before {
content: '';
position: absolute;
bottom: -3px;
width: 0;
height: 1px;
transition: all 0.3s ease-out;
background-color: #535353;
}
#breadcrumbs a:hover::before {
width: 100%;
}
.section-breadcrumbs .section-wrap__heading {
margin-bottom: 0;
}
.section-breadcrumbs .section-title h1 {
font-size: 50px;
} @media (max-width: 96.0625em) {
.section-breadcrumbs .section-title h1 {
font-size: 46px;
}
} @media (max-width: 86.4275em) {
.section-breadcrumbs .section-title h1 {
font-size: 40px;
}
} @media (max-width: 30em) {
.section-breadcrumbs .section-title h1 {
font-size: 35px;
}
} @media (max-width: 23.5em) {
.section-breadcrumbs .section-title h1 {
font-size: 32px;
}
}
section > .section-wrap {
width: 100%;
padding: 0 7.5%;
position: relative;
}
.section-wrap__heading {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 75px;
} @media (max-width: 40em) {
.section-wrap__heading {
margin-bottom: 40px;
}
}
.section-title h1,
.section-title h2 {
font-size: 35px;
font-weight: 700;
margin-bottom: 0;
}
.section-title h1 {
font-size: 50px;
} @media (max-width: 96.0625em) {
.section-title h1 {
font-size: 46px;
}
} @media (max-width: 86.4275em) {
.section-title h1 {
font-size: 40px;
}
}
.graphic-bg {
z-index: -1;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.ratio-3_2 {
aspect-ratio: 3/2;
} @media (max-width: 80.0625em) {
.section-title h1,
.section-title h2 {
font-size: 30px;
}
} header#main-header { background-color: #FFFFFF;
color: #000000; }
header#main-header .header {
height: 150px;
transition: all 0.3s ease-out;
} @media (max-width: 75.0625em) {
header#main-header .header {
height: 68px;
}
}
header#main-header .header a {
position: relative;
}
header#main-header ul.menu a::after {
content: '';
position: absolute;
bottom: -3px;
width: 0;
height: 1px;
transition: all 0.3s ease-out;
background-color: #535353;
}
header#main-header ul.menu a:hover::after {
width: 100%;
}
header#main-header ul.menu li.current-menu-item a::after {
width: 100%;
}
#header-spacer {
height: 150px;
} @media (max-width: 75.0625em) {
#header-spacer {
height: 68px;
}
}
header#main-header.go .header {
height: 80px;
transition: all 0.3s ease-out;
} @media (max-width: 75.0625em) {
header#main-header.go .header {
height: unset;
}
}
header#main-header.go {
position: fixed;
padding-top: unset;
padding-bottom: unset;
}
.hamburguesa .line {
background-color: #000000;
} .section-form {
display: flex;
align-items: center;
min-height: 540px;
position: relative;
} @media (max-width: 53.0625em) {
.section-form {
min-height: 500px;
}
} @media (max-width: 30em) {
.section-form {
min-height: 420px;
padding: 80px 0 !important;
}
}
.section-form.section-form_cta .graphic-bg {
z-index: 0;
position: absolute;
left: 20%;
width: 60%;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/dotted-bg.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-origin: content-box;
filter: brightness(2);
} @media (max-width: 53.0625em) {
.section-form.section-form_cta .graphic-bg {
left: 0;
width: 100%;
height: 100%;
padding: 20px;
}
}
.section-form.section-form_cta.section-grey .graphic-bg {
z-index: 0;
position: absolute;
left: 20%;
width: 60%;
height: 100%;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/dotted-bg.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
filter: brightness(2);
}
.section-form.section-form_cf7 .graphic-bg {
z-index: 0;
position: absolute;
width: 35%;
height: 100%;
left: 0;
top: 30%;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/dotted-bg.svg);
background-repeat: no-repeat;
background-position: top right;
background-size: cover;
filter: brightness(2);
}
.section-form .section-wrap {
padding: 0 30%;
} @media (max-width: 53.0625em) {
.section-form .section-wrap {
padding: 0 15%;
}
} @media (max-width: 23.5em) {
.section-form .section-wrap {
padding: 0 7.5%;
}
}
.section-form .section-wrap__heading {
display: block;
margin-bottom: 40px;
}
.section-form .section-title {
text-align: center;
}
.section-form .form-row .field span input,
.section-form .form-row .field span textarea,
.section-form .form-row .field span select {
background-color: transparent !important;
border-top: unset !important;
border-left: unset !important;
border-right: unset !important;
}
.section-form .form-row.last {
display: flex;
align-items: center;
} .section-bigmediatitle .graphic-bg {
display: initial;
position: absolute;
height: 100%;
}
.section-bigmediatitle .graphic-bg .line-1 {
display: block;
position: absolute;
width: 1px;
height: 400px;
top: -200px;
left: 5vw;
background: #EBEBEB;
}
.section-bigmediatitle .graphic-bg .line-2 {
display: block;
position: absolute;
width: 1px;
height: 500px;
top: 40px;
left: 15vw;
bottom: 0;
background: #EBEBEB;
}
.section-bigmediatitle .section-wrap__content .graphic-bg .line-1 {
display: block;
position: absolute;
width: 1px;
height: 400px;
top: -200px;
left: 30vw;
background: #EBEBEB;
}
.section-bigmediatitle .section-wrap__content .graphic-bg .line-2 {
display: block;
position: absolute;
width: 1px;
height: 500px;
top: 40px;
left: 40vw;
bottom: 0;
background: #EBEBEB;
}
.section-bigmediatitle .section-wrap__image {
margin-left: 10%;
width: 55%;
} @media (max-width: 30em) {
.section-bigmediatitle .section-wrap__image {
margin-left: 5%;
}
} @media (max-width: 53.0625em) {
.section-bigmediatitle .section-wrap__image {
width: 75%;
}
} @media (max-width: 30em) {
.section-bigmediatitle .section-wrap__image {
width: 105%;
}
}
.section-bigmediatitle .section-wrap__image img {
width: 100%;
}
.section-bigmediatitle .section-wrap__heading {
margin-left: 3%;
margin-bottom: 0;
} @media (max-width: 30em) {
.section-bigmediatitle .section-wrap__heading {
margin-left: 0;
word-break: break-word;
}
}
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title {
margin-top: -45px;
font-size: 120px;
letter-spacing: 0.1em;
text-transform: uppercase;
transform: translateX(800px);
}
.section-bigmediatitle .section-title .title {
font-weight: 700;
margin-bottom: 0;
line-height: 1.1;
font-family: 'Ambit', sans-serif;
} @media (min-width: 120.0625em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title {
transform: translateX(1000px);
}
} @media (max-width: 53.0625em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title {
transform: translateX(1200px);
}
} @media (max-width: 40em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title {
transform: translateX(0);
}
}
.section-bigmediatitle .section-wrap__content {
margin-left: 10%;
margin-top: 40px;
width: 55%;
padding: 0 0 0 8%;
} @media (max-width: 96.0625em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title {
font-size: 100px;
}
.section-bigmediatitle .section-wrap__content {
width: 65%;
}
} @media (max-width: 86.4275em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title {
font-size: 80px;
}
.section-bigmediatitle .section-wrap__content {
width: 75%;
}
} @media (max-width: 30em) {
.section-bigmediatitle .section-wrap__content {
width: 95%;
padding: 0;
margin-left: 5%;
}
} @media (max-width: 80.0625em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title { font-size: 64px;
}
} @media (max-width: 53.0625em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title { font-size: 56px;
}
} @media (max-width: 40em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title { font-size: 48px;
}
} @media (max-width: 30em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title { font-size: 35px;
margin-top: -30px;
}
} @media (max-width: 24em) {
.section-bigmediatitle .section-title h1,
.section-bigmediatitle .section-title h2,
.section-bigmediatitle .section-title .title { font-size: 30px;
margin-top: -20px;
}
} section.section-icons {
padding-bottom: 40px;
}
.section-icons .single-icon {
width: 25%;
padding: 0 3%;
margin-bottom: 80px;
} @media (max-width: 80.0625em) {
.section-icons .single-icon {
margin-bottom: 40px;
}
} @media (max-width: 53.0625em) {
.section-icons .single-icon {
width: 50%;
margin-bottom: 80px;
}
} @media (max-width: 30em) {
.section-icons .single-icon {
margin-bottom: 60px;
}
} @media (max-width: 23.5em) {
.section-icons .single-icon {
padding: 0 2%;
}
}
.section-icons .single-icon .icon-image {
margin-bottom: 60px;
height: 120px;
} @media (max-width: 96.0625em) {
.section-icons .single-icon .icon-image {
height: 95px;
margin-bottom: 45px;
}
} @media (max-width: 80.0625em) {
.section-icons .single-icon .icon-image {
height: 70px;
margin-bottom: 40px;
}
} @media (max-width: 30em) {
.section-icons .single-icon .icon-image {
height: 60px;
margin-bottom: 30px;
}
} @media (max-width: 23.5em) {
.section-icons .single-icon .icon-image {
height: 50px;
}
}
.section-icons .single-icon .icon-text {
font-size: 14px;
} section.section-highlights {
padding-bottom: 0;
}
.section-highlights .section-wrap__heading {
margin-bottom: 50px;
} @media (max-width: 40em) {
.section-highlights .section-wrap__heading {
margin-bottom: 40px;
}
}
.section-highlights .highlights-wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.section-highlights .highlights-wrap .highlights-phase {
padding: 70px;
}
@media (max-width: 91.0625em) {
.section-highlights .highlights-wrap .highlights-phase {
padding: 50px;
}
}
.section-highlights .highlights-wrap .highlights-phase.pre {
padding-left: 7.5%;
--background: #535353;
background-color: var(--background);
width: 55%;
--color: #FFFFFF;
}
.section-highlights .highlights-wrap .highlights-phase.post {
padding-right: 7.5%;
--background: #FFD900;
background-color: var(--background);
width: 45%;
--color: #535353;
} @media (min-width: 120.0625em) {
.section-highlights .highlights-wrap .highlights-phase.pre {
width: 40%;
}
.section-highlights .highlights-wrap .highlights-phase.post {
width: 60%;
}
}
@media (max-width: 96.0625em) {
.section-highlights .highlights-wrap .highlights-phase.pre {
padding-left: 7.5%;
}
.section-highlights .highlights-wrap .highlights-phase.post {
padding-right: 7.5%;
}
}
@media (max-width: 53.0625em) {
.section-highlights .highlights-wrap .highlights-phase.pre {
width: 100%;
padding-right: 7.5%;
}
.section-highlights .highlights-wrap .highlights-phase.post {
width: 100%;
padding-left: 7.5%;
}
}
.section-highlights .highlights-wrap .highlights-phase h3,
.section-highlights .highlights-wrap .highlights-phase span {
color: var(--color);
}
.section-highlights .highlights-wrap .highlights-phase span {
font-weight: 700;
display: inline-block;
font-size: 18px;
}
@media (max-width: 120.0625em) {
.section-highlights .highlights-wrap .highlights-phase span {
font-size: 17px;
}
}
@media (max-width: 96.0625em) {
.section-highlights .highlights-wrap .highlights-phase span {
font-size: 16px;
}
}
@media (max-width: 61.0625em) {
.section-highlights .highlights-wrap .highlights-phase span {
font-size: 15px;
}
}
@media (max-width: 39.99em) {
.section-highlights .highlights-wrap .highlights-phase span {
font-size: 14px;
}
}
@media (max-width: 30em) {
.section-highlights .highlights-wrap .highlights-phase span {
font-size: 13px;
}
}
.section-highlights .highlights-wrap .highlights-phase .phase-title + .phase-elements {
margin-top: 50px;
}
@media (max-width: 91.0625em) {
.section-highlights .highlights-wrap .highlights-phase .phase-title + .phase-elements {
margin-top: 30px;
}
}
.section-highlights .highlights-wrap .highlights-phase .phase-elements {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
width: 100%;
}
@media (max-width: 53.0625em) {
.section-highlights .highlights-wrap .highlights-phase .phase-elements {
justify-content: space-between;
}
}
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 300px;
max-width: 30%;
text-align: center;
padding-right: 50px;
}
@media (max-width: 105.0625em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 250px;
}
}
@media (max-width: 91.0625em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 230px;
}
}
@media (max-width: 80.0625em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 200px;
}
}
@media (max-width: 70.75em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 170px;
padding-right: 30px;
}
}
@media (max-width: 39.99em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 150px;
padding-right: 30px;
}
}
@media (max-width: 30em) {
.highlights-wrap .highlights-phase .phase-elements .phase-class {
min-width: 140px;
padding-right: 20px;
}
}
.highlights-wrap .highlights-phase .phase-elements .big span {
display: inline-block;
text-transform: uppercase;
font-size: 130px;
font-weight: 700;
-webkit-text-stroke: 2px #FFFFFF;
--color: var(--background);
line-height: 1;
}
@media (max-width: 108em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 110px;
}
}
@media (max-width: 86.4275em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 100px;
}
}
@media (max-width: 53.0625em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 110px;
}
}
@media (max-width: 50.0625em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 100px;
}
}
@media (max-width: 39.99em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 80px;
}
}
@media (max-width: 30em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 60px;
}
}
@media (max-width: 25em) {
.highlights-wrap .highlights-phase .phase-elements .big span {
font-size: 50px;
}
}
.highlights-wrap .highlights-phase.post .phase-elements .big span {
-webkit-text-stroke: 2px #535353;
}
.highlights-wrap .highlights-phase .phase-elements .phase-consume .label:last-of-type {
text-align: right;
} .section-list {
position: relative;
}
.section-list .graphic-bg {
z-index: 0;
position: absolute;
width: 45%;
height: 75vh;
right: 0;
top: -18vh;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/dotted-bg.svg);
background-repeat: no-repeat;
background-position: top left;
background-size: cover;
filter: brightness(2);
}
.section-list .section-wrap__heading {
margin-bottom: 0;
}
.section-list .section-wrap__container {
margin-left: 3%;
} @media (max-width: 30em) {
.section-list .section-wrap__container {
margin-left: 0;
}
}
.section-list .section-text {
margin-top: 40px;
width: 48%;
} @media (max-width: 75.0625em) {
.section-list .section-text {
width: 70%;
}
} @media (max-width: 53.0625em) {
.section-list .section-text {
width: 100%;
}
}
.section-list .elements-list {
margin-left: 5%;
}
.single-element {
padding: 40px 0;
} @media (max-width: 40em) {
.single-element {
padding: 20px 0;
}
}
.single-element .element-title {
padding: 20px 40px 20px 0;
border-right: 1px solid #000000;
width: 25%;
} @media (max-width: 53.0625em) {
.single-element .element-title {
border-right: none;
border-left: 1px solid #000000;
width: 100%;
padding: 20px 0 20px 20px;
}
.single-element .element-title h3 {
margin-bottom: 0;
}
} @media (max-width: 30em) {
.single-element .element-title {
padding: 10px 0 10px 20px;
}
}
.single-element .element-text {
padding: 20px 0;
width: 70%;
} @media (max-width: 53.0625em) {
.single-element .element-text {
width: 100%;
}
}
.single-element .element-title h3 {
font-size: 40px;
} @media (max-width: 96.0625em) {
.single-element .element-title h3 {
font-size: 38px;
}
} @media (max-width: 80.0625em) {
.single-element .element-title h3 {
font-size: 34px;
}
} @media (max-width: 53.0625em) {
.single-element .element-title h3 {
font-size: 30px;
margin-bottom: 0;
}
} @media (max-width: 30em) {
.single-element .element-title h3 {
font-size: 25px;
}
} .section-team .section-wrap__container {
margin-left: 3%;
} @media (max-width: 30em) {
.section-team .section-wrap__container {
margin-left: 0;
}
}
.section-team .section-wrap__heading {
margin-bottom: 0;
}
.section-team .section-text {
margin-top: 40px;
width: 48%;
} @media (max-width: 75.0625em) {
.section-team .section-text {
width: 70%;
}
} @media (max-width: 53.0625em) {
.section-team .section-text {
width: 100%;
}
}
.section-team .team-list {
margin-left: 5%;
} @media (max-width: 53.0625em) {
.section-team .team-list {
margin-left: 0;
}
}
.single-member {
padding: 60px 0;
} @media (max-width: 40em) {
.single-member {
padding: 20px 0 30px;
}
} @media (max-width: 53.0625em) {
.single-member {
align-items: initial;
}
}
.member-photo {
width: 48.75%;
padding-right: 60px;
} @media (max-width: 53.0625em) {
.member-photo {
width: 45%;
padding-right: 0;
margin-bottom: 30px;
}
} @media (max-width: 40em) {
.member-photo {
width: 55%;
}
} @media (max-width: 30em) {
.member-photo {
width: 100%;
}
}
.member-photo a {
display: block;
position: relative;
overflow: hidden;
}
.member-photo a img {
transition: all 0.3s ease-in-out;
}
.member-photo a:hover img {
transform: scale(1.05);
}
.member-photo img {
width: 100%;
}
.member-info {
width: 35%;
} @media (max-width: 75.0625em) {
.member-info {
width: 50%;
}
} @media (max-width: 53.0625em) {
.member-info {
width: 80%;
margin-left: 20%;
}
} @media (max-width: 40em) {
.member-info {
width: 85%;
margin-left: 15%;
}
} @media (max-width: 30em) {
.member-info {
width: 100%;
margin-left: 5%;
}
}
.member-title h3 {
font-size: 35px;
margin-bottom: 0;
} @media (max-width: 80.0625em) {
.member-title h3 {
font-size: 30px;
}
}
.member-role {
font-size: 15px;
letter-spacing: 0.2em;
font-weight: 600;
text-transform: uppercase;
margin-top: 25px;
}
.member-text {
margin-top: 30px;
} .section-icontabs {
position: relative;
}
.section-icontabs .graphic-bg {
z-index: 0;
position: absolute;
width: 45%;
height: 65vh;
right: 0;
top: -5vh;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/dotted-bg.svg);
background-repeat: no-repeat;
background-position: top left;
background-size: cover;
filter: brightness(2);
}
.section-icontabs .section-wrap__heading {
margin-bottom: 0;
}
.section-icontabs .section-text {
margin-top: 40px;
width: 48%;
} @media (max-width: 75.0625em) {
.section-icontabs .section-text {
width: 100%;
}
}
.tab-header {
overflow: hidden;
margin: 70px 0;
} @media (max-width: 30em) {
.tab-header {
margin: 50px 0;
}
}
.tab-header button {
width: 24%;
padding: 30px 0;
border-right: 1px solid #000000;
outline: none;
cursor: pointer;
transition: 0.3s;
cursor: default;
} @media (max-width: 40em) {
.tab-header button {
padding: 20px 0;
}
}
button.tablinks img,
button.tablinks:not(.active) img {
cursor: pointer;  
transition: all 0.3s ease-in-out;
filter: brightness(0) saturate(100%);
} @media (min-width: 75.0625em) {
button.tablinks img:hover {
filter: brightness(0) saturate(100%) invert(83%) sepia(30%) saturate(5310%) hue-rotate(5deg) brightness(111%) contrast(107%) !important;
}
}
.tab-header button:last-of-type {
border-right: none;
}
.tablinks img {
width: 35%;
} @media (max-width: 40em) {
.tablinks img {
width: 55%;
}
} @media (max-width: 30em) {
.tablinks img {
width: 60%;
}
}
.tab-header img.cover {
width: 100%;
object-fit: cover;
}
.tabcontent-title h3 {
font-size: 30px;
display: inline;
} @media (max-width: 96.0625em) {
.tabcontent-title h3 {
font-size: 28px;
}
} @media (max-width: 80.0625em) {
.tabcontent-title h3 {
font-size: 26px;
}
}
.tabcontent-text {
margin-top: 20px;
} @media (max-width: 53.0625em) {
.tabcontent-text {
margin-bottom: 50px;
}
} .tabcontent {
display: none;
width: 75%;
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
}
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
} @media (max-width: 75.0625em) {
.tabcontent {
width: 100%;
}
} .section-related-items .related-wrap,
.related-container .section-wrap {
padding: 0 7.5%;
}
.section-related-items .section-wrap__heading {
margin-bottom: 50px;
} @media (max-width: 53.0625em) {
.section-related-items .section-wrap__heading {
margin-bottom: 40px;
}
}
.related-container .related-wrap::-webkit-scrollbar{
display: none;
}
.related-container .related-wrap {
display: block;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
.related-container .related-wrap .related-item {
display: inline-block;
vertical-align: top;
white-space: initial;
width: 49%;
margin-right: 2%;
}
.related-container .related-wrap .related-item:last-of-type {
margin-right: 0;
} @media (max-width: 53.0625em) {
.related-container .related-wrap {
display: block;
}
.related-container .related-wrap .related-item {
display: inline-block;
vertical-align: top;
width: 70%;
margin-right: 15px;
}
}
@media (max-width: 40em) {
.related-container .related-wrap .related-item {
width: 90%;
margin-right: 10px;
}
}
.related-wrap .related-item .related-img {
overflow: hidden;
}
.related-wrap .related-item .related-img img.cover {
width: 100%;
object-fit: cover;
transition: all 0.3s ease-out;
}
.related-wrap .related-item .related-img:hover img {
transform: scale(1.05);
}
.section-related-items .related-text {
margin-top: 30px;
}
.section-related-items .related-text > .related-title {
display: block;
}
.section-related-items .related-text > .related-title a,
.section-related-items .related-text > .related-title h3 {
display: inline;
}
.section-related-items .related-text p {
margin-top: 30px;
}
.section-related-items .related-text a.cta,
.section-related-items .related-text button.cta {
margin-top: 30px;
}
.section-related-items .related-text button.cta {
display: block !important;
}
.section-related-items .related-text button.cta:hover {
color: #FFFFFF;
}
.section-related-items .related-text button.cta:hover::before {
width: 100%;
}
.section-related-items .related-text button.cta:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(31%) hue-rotate(343deg) brightness(108%) contrast(109%);
} .section-related-items .related-text a.cta img {
display: unset;
width: unset;
}
.section-related-items .item a {
position: relative;
display: inline-block;
overflow: hidden;
}
.section-related-items .item a img {
transition: all 0.3s ease-in-out;
object-fit: cover;
}
.section-related-items .item a:hover img {
transform: scale(1.05);
}
.section-related-items .related-slider .owl-related .owl-nav {
position: relative;
text-align: right;
padding-top: 30px;
width: 100%;
}
.section-related-items .related-slider .owl-related .owl-nav button {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta.svg);
width: 50px;
height: 50px;
font-size: 0;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section-related-items .related-slider .owl-related .owl-nav .owl-prev {
display: none;
} .medium-info {
width: 45%;
}
.medium-media {
width: 45%;
} @media (max-width: 53.0625em) {
.medium-info {
width: 100%;
margin-bottom: 40px;
}
.medium-media {
width: 100%;
order: 2;
}
}
.medium-subtitle {
font-size: 17px;
letter-spacing: 0.2em;
font-weight: 600;
text-transform: uppercase;
margin-top: 25px;
} @media (max-width: 80.0625em) {
.medium-subtitle {
font-size: 15px;
}
}
.medium-text {
margin-top: 30px;
}
.medium-info a.cta {
margin-top: 30px;
}
.medium-image a {
display: block;
position: relative;
overflow: hidden;
}
.medium-image a img {
transition: all 0.3s ease-in-out;
}
.medium-image a:hover > img {
transform: scale(1.05);
}
.medium-slider .owl-item .item a {
display: block;
position: relative;
overflow: hidden;
}
.medium-slider .owl-item .item a img {
transition: all 0.3s ease-in-out;
}
.medium-slider .owl-item .item a:hover > img {
transform: scale(1.05);
}
.medium-slider .owl-nav button.owl-prev,
.medium-slider .owl-nav button.owl-next {
position: absolute;
top: 50%;
font-size: 0;
translateY: -50%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 50px;
height: 30px;
}
.medium-slider .owl-nav button.owl-prev {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta-white.svg);
left: 20px;
rotate: 180deg;
}
.medium-slider .owl-nav button.owl-next {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta-white.svg);
right: 20px;
}
.medium-media img.cover,
.medium-video video.cover,
.medium-video iframe.cover {
width: 100%;
object-fit: cover;
}
.medium-media .icon-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
}
.medium-image.poster-version a,
.medium-video.video-version a,
.medium-video.youtube-version a {
display: block;
position: relative;
overflow: hidden;
}
.medium-image.poster-version a img,
.medium-video.video-version a img,
.medium-video.youtube-version a img {
transition: all 0.3s ease-in-out;
}
.medium-image.poster-version a:hover > img,
.medium-video.video-version a:hover > img,
.medium-video.youtube-version a:hover > img  {
transform: scale(1.05);
}
.section-media .medium-compare .twentytwenty-container {
height: 100% !important;
aspect-ratio: 3/2;
}
.section-media .medium-compare .twentytwenty-container img {
object-fit: cover;
width: 100%;
height: 100%;
} .section-gallery {
position: relative;
}
.section-gallery .graphic-bg {
z-index: 0;
position: absolute;
width: 60%;
height: 75vh;
right: -15vw;
top: -5vh;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/dotted-bg.svg);
background-repeat: no-repeat;
background-position: top left;
background-size: cover;
filter: brightness(2);
}
.section-gallery .section-wrap__heading {
margin-bottom: 0;
}
.section-gallery .section-title h1,
.section-gallery .section-title h2 {
margin-bottom: -35px;
font-size: 128px;
letter-spacing: 0.1em;
text-transform: uppercase;
} @media (max-width: 96.0625em) {
.section-gallery .section-title h1,
.section-gallery .section-title h2 {
font-size: 120px;
}
} @media (max-width: 86.4275em) {
.section-gallery .section-title h1,
.section-gallery .section-title h2 {
font-size: 110px;
}
} @media (max-width: 80.0625em) {
.section-gallery .section-title h1,
.section-gallery .section-title h2 {
font-size: 105px;
}
} @media (max-width: 53.0625em) {
.section-gallery .section-title h1,
.section-gallery .section-title h2 {
font-size: 85px;
}
} @media (max-width: 30em) {
.section-gallery .section-title h1,
.section-gallery .section-title h2 {
font-size: 55px;
margin-bottom: -18px;
word-break: break-word;
}
}
.section-gallery .mediagallery-slider {
width: 100%;
padding: 0 0 0 7.5%;
position: relative;
}
@media (max-width: 96.0625em) {
.section-gallery .mediagallery-slider {
padding: 0 0 0 5%;
}
}
@media (max-width: 39.99em) {
.section-gallery .mediagallery-slider {
padding: 0 5%;
}
}
.section-gallery .mediagallery-slider .item {
position: relative;
height: 500px;
}
.section-gallery .mediagallery-slider .item.horizontal {
width: 35vw;
}
.section-gallery .mediagallery-slider .item.vertical {
width: 20vw;
}
@media (max-width: 118.0625em) {
.section-gallery .mediagallery-slider .item {
height: 450px;
}
}
@media (max-width: 91.0625em) {
.section-gallery .mediagallery-slider .item {
height: 400px;
}
}
@media (max-width: 80.0625em) {
.section-gallery .mediagallery-slider .item {
height: 350px;
}
}
@media (max-width: 53.0625em) {
.section-gallery .mediagallery-slider .item.horizontal {
width: calc(50vw - 10px);
}
.section-gallery .mediagallery-slider .item.vertical {
width: calc(25vw - 10px);
}
.section-gallery .mediagallery-slider .item {
height: 300px;
}
}
@media (max-width: 39.99em) {
.section-gallery .mediagallery-slider .item.horizontal,
.section-gallery .mediagallery-slider .item.vertical {
width: 100%;
min-height: 0;
height: auto;
padding-bottom: 100%;
}
}
.section-gallery .mediagallery-slider .item a {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.section-gallery .mediagallery-slider .item a img {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
object-fit: cover;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out;
}
.section-gallery .mediagallery-slider .item a:hover img {
width: 110%;
height: 110%;
}
.section-gallery .mediagallery-slider .owl-mediagallery .owl-nav {
display: flex;
justify-content: space-between;
position: relative;
text-align: right;
padding: 30px 7.5% 0 0;
width: 100%;
}
@media (max-width: 96.0625em) {
.section-gallery .mediagallery-slider .owl-mediagallery .owl-nav {
padding: 30px 5% 0 0;
}
}
@media (max-width: 39.99em) {
.section-gallery .mediagallery-slider .owl-mediagallery .owl-nav {
padding: 30px 0 0;
}
}
.section-gallery .mediagallery-slider .owl-mediagallery .owl-nav button {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta.svg);
width: 50px;
height: 50px;
font-size: 0;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section-gallery .mediagallery-slider .owl-mediagallery .owl-nav button.owl-prev {
transform: rotate(180deg);
}
@media (max-width: 86.4275em) {
.section-gallery .mediagallery-slider .owl-mediagallery .owl-nav button {
width: 40px;
height: 40px;
}
}
@media (max-width: 53.0625em) {
.section-gallery .mediagallery-slider .owl-mediagallery .owl-nav button {
width: 30px;
height: 30px;
}
}
@media (max-width: 39.99em) {
.section-gallery .mediagallery-slider .owl-mediagallery .owl-nav button {
position: relative;
top: 0;
transform: translateX(-50%);
}
} .section-lastprojects {
position: relative;
}
.section-lastprojects .graphic-bg {
z-index: 0;
position: absolute;
width: 65%;
height: 65vh;
left: -15%;
bottom: 0;
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/dotted-bg.svg);
background-repeat: no-repeat;
background-position: top right;
background-size: cover;
filter: brightness(2);
}
.projects-grid .single-project {
width: 31%;
margin-bottom: 80px;
} @media (max-width: 53.0625em) {
.projects-grid .single-project {
width: 48%;
}
}
.projects-grid .project-media {
width: 100%;
margin-bottom: 30px;
}
.projects-grid .project-info {
width: 100%;
}
.project-title h3 {
font-size: 30px;
display: inline;
} @media (max-width: 96.0625em) {
.project-title h3 {
font-size: 25px;
}
} @media (max-width: 80.0625em) {
.project-title h3 {
font-size: 26px;
}
}
.projects-grid .project-excerpt,
.lastprojects-slider .project-excerpt {
font-size: 14px;
text-transform: unset;
letter-spacing: unset;
} @media (max-width: 40em) {
.lastprojects-slider .project-media {
margin-bottom: 30px;
}
.lastprojects-slider .single-project {
margin-bottom: 40px;
}
}
.section-lastprojects .lastprojects-slider .owl-lastprojects .owl-nav {
position: relative;
text-align: right;
padding-top: 30px;
width: 100%;
} @media (max-width: 53.0625em) {
.section-lastprojects .lastprojects-slider .owl-lastprojects .owl-nav {
padding-top: 10px;
}
.section-lastprojects .lastprojects-slider {
margin-bottom: 30px;
}
} @media (max-width: 30em) {
.section-lastprojects .lastprojects-slider {
margin-bottom: 40px;
}
} .section-lastprojects .lastprojects-slider .owl-lastprojects .owl-nav button {
background-image: url(//casapiurat.it/wp-content/themes/casapiu/assets/images/arrow-cta.svg);
width: 50px;
height: 50px;
font-size: 0;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .section-lastprojects .lastprojects-slider .owl-lastprojects .owl-nav .owl-prev {
display: none;
}
.owl-lastprojects .owl-dots {
-webkit-tap-highlight-color: transparent;
}
.owl-lastprojects .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-lastprojects .owl-dots .owl-dot.active span {
background: #FFD900;
border: 1px solid #FFD900;
}
.owl-lastprojects .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: transparent;
border: 1px solid #D9D9D9;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}  @media (max-width: 86.4275em) {
#homepage-head.section {
padding: 50px 0;
}
} @media (max-width: 75.0625em) {
#homepage-head.section {
padding-top: 60px;
}
}
#static-home.medium-image {
width: 75%;
margin-left: auto;
margin-bottom: 80px;
} @media (max-width: 30em) {
#static-home.medium-image {
width: 110%;
margin-right: -50px;
}
}
#homepage-head .medium-media {
width: 50%;
}
#homepage-head img.contain {
width: 100%;
object-fit: contain;
}
.energy-intro {
min-height: 75vh;
position: relative;
} @media (max-width: 120em) {
.energy-intro {
min-height: 65vh;
}
} @media (max-width: 96.0625em) {
.energy-intro {
min-height: 60vh;
}
} @media (max-width: 75.0625em) {
.energy-intro {
min-height: unset;
}
}
.energy-intro > div {
position: absolute;
top: 50%;
transform: translateY(-50%);
} @media (max-width: 75.0625em) {
.energy-intro > div {
position: initial;
top: unset;
transform: none;
}
}
#homepage-head .graphic-bg {
display: initial;
position: absolute;
height: 100%;
}
#homepage-head .graphic-bg .line-1 {
display: block;
position: absolute;
width: 1px;
height: 250px;
top: -150px;
left: 5vw;
background: #EBEBEB;
}
#homepage-head .graphic-bg .line-2 {
display: block;
position: absolute;
width: 1px;
height: 450px;
top: 300px;
left: 15vw;
bottom: 0;
background: #EBEBEB;
}
#homepage-head .section-title h1 {
font-size: 50px;
} @media (max-width: 96.0625em) {
#homepage-head .section-title h1 {
font-size: 46px;
}
} @media (max-width: 86.4275em) {
#homepage-head .section-title h1 {
font-size: 40px;
}
} @media (max-width: 30em) {
#homepage-head .section-title h1 {
font-size: 35px;
}
}
#homepage-head .medium-subtitle {
font-size: 24px;
font-weight: 700;
letter-spacing: unset;
text-transform: initial;
} @media (max-width: 96.0625em) {
#homepage-head .medium-subtitle {
font-size: 22px;
}
} @media (max-width: 86.4275em) {
#homepage-head .medium-subtitle {
font-size: 20px;
}
}
.energy-info {
padding: 160px 0 100px;
} @media (max-width: 120em) {
.energy-info {
padding-bottom: 20px;
}
} @media (max-width: 108em) {
.energy-info {
padding-bottom: 10px;
}
} @media (max-width: 96.0625em) {
.energy-info {
padding-bottom: 0;
}
.energy-list {
padding-bottom: 40px !important;
}
} @media (max-width: 86.4275em) {
.energy-list {
padding-bottom: 10px !important;
}
} @media (max-width: 80.0625em) {
.energy-list {
padding-top: 50px !important;
}
} @media (max-width: 75.0625em) {
.energy-info {
padding-top: 100px;
}
.energy-list {
padding-top: 40px;
}
} @media (max-width: 53.0625em) {
.energy-info {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.energy-info .section-title {
margin-bottom: 40px;
}
.energy-list {
padding: 0 !important;
}
}
.energy-list {
padding: 80px 0;
} @media (max-width: 53.0625em) {
.energy-list {
width: 45%;
}
} @media (max-width: 30em) {
.energy-list {
width: 100%;
order: 2;
}
}
#homepage-head .energy-list ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#homepage-head .energy-list ul li {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 10px;
}
.custom-switch {
position: relative;
display: inline-block;
width: 28px;
height: 16px;
margin-right: 20px;
}
.custom-switch input { 
opacity: 0;
width: 0;
height: 0;
}
.custom-switch-cursor {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
border-radius: 16px;
}
.custom-switch-cursor:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
#homepage-head input:checked + .custom-switch-cursor {
background-color: #FFD900;
}
#homepage-head input:focus + .custom-switch-cursor {
box-shadow: 0 0 1px #FFD900;
}
#homepage-head input:checked + .custom-switch-cursor:before {
-webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px);
} @media (max-width: 53.0625em) {
#energy-home-responsive {
width: 55%;
}
#energy-home-responsive > svg > g:not(.group-solare) {
opacity: 0.2;
}
} @media (max-width: 30em) {
#energy-home-responsive {
width: 100%;
order: 1;
margin-bottom: 40px;
}
}
.energy-counters {
width: 100%;
margin-top: 80px;
} @media (max-width: 75.0625em) {
.energy-counters {
margin-top: 40px;
}
} @media (max-width: 53.0625em) {
.energy-counters {
margin-top: 0;
align-items: flex-start;
}
}
.single-counter {
width: 20%;
} @media (max-width: 53.0625em) {
.single-counter {
width: 28%;
}
}
.counter-value {
width: 45%;
text-align: center;
font-size: 36px;
} @media (max-width: 53.0625em) {
.counter-value {
font-size: 28px;
letter-spacing: -1px;
}
} @media (max-width: 40em) {
.counter-value {
font-size: 32px;
letter-spacing: initial;
}
}
.counter-label {
width: 45%;
font-size: 17px;
line-height: 20px;
} @media (max-width: 96.0625em) {
.counter-label {
font-size: 16px;
}
} @media (max-width: 86.4275em) {
.counter-label {
font-size: 15px;
}
} @media (max-width: 53.0625em) {
.counter-label {
font-size: 14px;
width: 50%;
line-height: 16px;
}
} @media (max-width: 40em) {
.counter-label {
order: 3;
width: 100%;
margin-top: 20px;
font-size: 15px;
}
}
.counter-bar {
width: 100%;
height: 12px;
margin-top: 18px;
background-color: #D9D9D9;
border-radius: 50em;
}
.counter-bar-progress {
max-width: 100%;
width: 0%;
height: 100%;
background-color: #FFD900;
border-radius: 50em;
transition: all 0.6s ease;
}
.counter-risparmio .counter-bar-progress {
width: calc(var(--progress-risparmio) * 1%);
}
.counter-comfort .counter-bar-progress {
width: calc(var(--progress-comfort) * 1%);
}
.counter-valore .counter-bar-progress {
width: calc(var(--progress-valore) * 1%);
} @media (max-width: 53.0625em) {
.energy-counters > a.cta {
margin: 0 auto;
margin-top: 40px;
}
}
.energy-home > svg > g {
opacity: 1;
transition: all 0.3s ease;
} .single-project {
margin-bottom: 70px;
position: relative;
} @media (max-width: 53.0625em) {
.single-project {
flex-direction: column-reverse;
}
}
.single-project .graphic-bg {
display: none;
}
.single-project:nth-child(3n-2) .graphic-bg {
display: initial;
position: absolute;
height: 100%;
align-self: flex-start;
}
.single-project:nth-child(3n-2) .graphic-bg .line-1 {
display: block;
position: absolute;
width: 1px;
height: 250px;
left: 5vw;
background: #EBEBEB;
}
.single-project:nth-child(3n-2) .graphic-bg .line-2 {
display: block;
position: absolute;
width: 1px;
height: 500px;
top: 100px;
left: 15vw;
bottom: 0;
background: #EBEBEB;
}
.project-info {
width: 45%;
}
.project-media {
width: 45%;
} @media (max-width: 53.0625em) {
.project-info {
width: 100%;
}
.project-media {
width: 100%;
margin-bottom: 35px;
}
}
.project-title h2 {
font-size: 35px;
margin-bottom: 0;
display: inline;
} @media (max-width: 86.4275em) {
.project-title h2 {
font-size: 32px;
}
} @media (max-width: 80.0625em) {
.project-title h2 {
font-size: 30px;
}
}
.project-excerpt {
font-size: 14px;
letter-spacing: 0.2em;
font-weight: 600;
text-transform: uppercase;
margin-top: 30px;
}
.project-text p {
margin-top: 30px;
}
.project-info a.cta {
margin-top: 30px;
}
.project-media a {
display: block;
position: relative;
overflow: hidden;
}
.project-media a img {
transition: all 0.3s ease-in-out;
}
.project-media a:hover > img {
transform: scale(1.05);
}
.project-media img.cover {
width: 100%;
object-fit: cover;
}
.project-media .icon-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
}  @media (max-width: 53.0625em) {
section#singleproject-heading.section-media {
padding-top: 0;
}
}
section#singleproject-heading .section-wrap {
padding: unset;
}
section#singleproject-heading .medium-info {
padding-left: 7.5%;
} @media (max-width: 53.0625em) {
section#singleproject-heading .medium-info {
padding: 0 7.5%;
order: 2;
margin-top: 40px;
margin-bottom: 0;
}
}
section#singleproject-heading .graphic-bg {
display: initial;
position: absolute;
height: 100%;
}
section#singleproject-heading .graphic-bg .line-1 {
display: block;
position: absolute;
width: 1px;
height: 250px;
left: 5vw;
background: #EBEBEB;
}
section#singleproject-heading .graphic-bg .line-2 {
display: block;
position: absolute;
width: 1px;
height: 500px;
top: 100px;
left: 15vw;
bottom: 0;
background: #EBEBEB;
}
section#singleproject-heading .medium-media {
width: 50%;
} @media (max-width: 53.0625em) { 
section#singleproject-heading .medium-media {
width: 100%;
padding: 0;
order: 1;
}
}
section#singleproject-heading .medium-title h1 {
font-size: 50px;
} @media (max-width: 96.0625em) {
section#singleproject-heading .medium-title h1 {
font-size: 46px;
}
} @media (max-width: 86.4275em) {
section#singleproject-heading .medium-title h1 {
font-size: 40px;
}
} section#contacts-head .section-wrap__content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
} @media (max-width: 53.0625em) {
#contacts-head.section {
padding-bottom: 0;
}
#contacts-head .section-wrap {
padding: 0;
}
}
.contact-info {
width: 40%;
} @media (max-width: 75.0625em) {
.contact-info {
width: 55%;
}
} @media (max-width: 53.0625em) {
.contact-info {
width: 100%;
padding: 0 7.5%;
margin-bottom: 40px;
}
}
section#contacts-head .graphic-bg {
display: initial;
position: absolute;
height: 100%;
}
section#contacts-head .graphic-bg .line-1 {
display: block;
position: absolute;
width: 1px;
height: 250px;
top: -120px;
left: 5vw;
background: #EBEBEB;
}
section#contacts-head .graphic-bg .line-2 {
display: block;
position: absolute;
width: 1px;
height: 350px;
top: 190px;
left: 15vw;
bottom: 0;
background: #EBEBEB;
}
.contact-info .section-title h1 {
font-size: 50px;
margin-bottom: 40px;
} @media (max-width: 96.0625em) {
.contact-info .section-title h1 {
font-size: 46px;
}
} @media (max-width: 86.4275em) {
.contact-info .section-title h1 {
font-size: 40px;
}
} @media (max-width: 30em) {
.contact-info .section-title h1 {
font-size: 35px;
}
} @media (max-width: 23.5em) {
.contact-info .section-title h1 {
font-size: 32px;
}
}
.contact-info .section-title h2 {
margin-bottom: 40px;
}
.contact-info .info-list {
margin-bottom: 40px;
}
.contact-info .single-info {
margin-bottom: 25px;
} @media (max-width: 30em) {
.contact-info .single-info {
display: flex;
align-items: center;
}
}
.contact-info .single-info img {
width: 25px;
height: 25px;
margin-right: 10px;
}
.contact-info .single-info a {
font-size: 16px;
position: relative;
}
.contact-info .single-info a::before {
content: '';
position: absolute;
bottom: -3px;
width: 0;
height: 1px;
transition: all 0.3s ease-out;
background-color: #535353;
}
.contact-info .single-info a:hover::before {
width: 100%;
}
.contact-info .info-social {
padding-left: 10px;
margin-bottom: 40px;
}
.contact-info .info-social a:not(:last-child) {
margin-right: 35px;
}
.contact-info .info-social a img {
width: 24px;
height: 24px;
}
.contact-info .credits,
.contact-info .p_iva {
padding-left: 10px;
font-size: 14px;
font-weight: 300;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 10px;
} @media (min-width: 120.0625em) {
.contact-info .single-info a {
font-size: 18px;
}
.contact-info .credits,
.contact-info .p_iva {
font-size: 16px;
}
}
.contact-map {
width: 55%;
} @media (max-width: 75.0625em) {
.contact-map {
width: 40%;
}
.map-block__map > div {
height: 70vh;
}
} @media (max-width: 53.0625em) {
.contact-map {
width: 100%;
}
.map-block__map > div {
height: 50vh;
}
}
section#heading-contacts .heading-contacts__map {
width: 55%;
} footer#main-footer {
font-family: inherit;
margin-top: 0;
background-color: #F2F2F2;
}
.footer-container {
justify-content: space-between;
padding-top: 165px !important;
padding-bottom: 165px !important;
} @media (max-width: 75.0625em) {
.footer-container {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
} @media (max-width: 53.0625em) {
.footer-container {
padding-top: 80px !important;
padding-bottom: 100px !important;
}
} @media (max-width: 40em) {
.footer-container {
padding-top: 60px !important;
padding-left: 7.5% !important;
padding-right: 7.5% !important;
}
} @media (min-width: 120.0625em) {
.footer-container {
width: 65% !important;
margin: 0 auto;
padding-left: unset !important;
padding-right: unset !important;
}
}
.footer-container .footer-logo {
width: 245px;
} @media (max-width: 75.0625em) {
.footer-container .footer-logo {
max-width: 100%;
}
}
.footer-container .footer-logo a {
display: block !important;
margin-bottom: 50px;
}
.footer-container .footer-logo a:hover::after {
display: none;
}
.footer-container .footer-logo a img {
width: 100%;
}
.footer__identity {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 30%;
} @media (max-width: 75.0625em) {
.footer__identity  {
width: 20%;
}
}
.footer__identity .p_iva {
margin-bottom: 16px;
} @media (max-width: 53.0625em) {
.footer__identity .p_iva {
margin-bottom: 62px;
}
}
.footer__identity .iubenda-links a {
display: inline-block;
} @media (max-width: 53.0625em) {
.footer__identity .iubenda-links {
display: flex;
flex-wrap: wrap;
}
.footer__identity .iubenda-links > div {
margin-bottom: 20px;
padding: 0 20px;
}
.footer__identity .iubenda-links > div:first-of-type {
margin-bottom: 20px;
padding-left: 0;
border-right: 1px solid #000000;
}
.footer__identity .iubenda-links > div:last-of-type {
width: 100%;
margin-bottom: 0;
padding: 0;
}
}
.footer__contacts {
display: flex;
flex-direction: column;
justify-content: space-between;
} @media (max-width: 53.0625em) {
.footer__contacts > div {
margin-bottom: 20px;
}
.footer__contacts > div:nth-last-of-type(2) {
margin-bottom: 0;
}
}
.footer__download {
display: flex;
flex-direction: column;
justify-content: space-between;
} @media (max-width: 75.0625em) {
.footer__download  {
width: 40%;
}
} @media (max-width: 53.0625em) {
.footer__download  {
order: 1;
width: 100%;
border-bottom: 1px solid #000000;
padding-bottom: 50px;
margin-bottom: 50px;
}
.footer__contacts  {
order: 2;
justify-content: unset;
}
.footer__identity  {
order: 3;
width: 50%;
align-self: end;
}
.absolute-footer {
order: 4;
}
} @media (max-width: 30em) {
.footer__contacts  {
width: 100%;
}
.footer__identity  {
width: 100%;
margin-top: 40px;
}
.footer__identity .p_iva {
margin-bottom: 40px;
}
}
.footer__download .footer-title {
margin-bottom: 25px;
}
.footer__download .footer-title,
.footer__download p {
font-size: 16px !important;
}
.footer__download .footer__form-text {
margin-bottom: 20px;
}
.footer__download .footer__form-box .footer__form-form .form-row {
padding-right: unset;
}
.footer__download .footer__form-box .footer__form-form .form-row .field {
display: inline;
margin-right: 16px;
} @media (max-width: 30em) {
.footer__download .footer__form-box .footer__form-form .form-row .field {
margin-right: 0;
}
}
.footer__download .footer__form-box .footer__form-form .form-row .field-input>span {
display: unset;
width: unset;
}
.footer__download .footer__form-box .footer__form-form .form-row .field-input input[type="email"] {
width: unset;
} @media (max-width: 75.0625em) {
.footer__download .footer__form-box .footer__form-form .form-row .field-input input[type="email"] {
width: 20ch;
}
} @media (max-width: 53.0625em) {
.footer__download .footer__form-box .footer__form-form .form-row .field-input input[type="email"] {
width: 40ch;
padding-top: 8px;
padding-bottom: 8px;
}
} @media (max-width: 40em) {
.footer__download .footer__form-box .footer__form-form .form-row .field-input input[type="email"] {
width: 38ch;
}
} @media (max-width: 30em) {
.footer__download .footer__form-box .footer__form-form .form-row .field-input input[type="email"] {
width: 100%; margin-bottom: 0;
}
.footer__form-box .footer__form-form .form-row.last {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
}
form .form-row .field.field-acceptance {
display: block !important;
width: 100%;
margin-top: 20px;
} @media (max-width: 30em) {
form .form-row .field.field-acceptance {
order: 2;
margin-top: 10px;
margin-bottom: 40px;
}
}
.footer__download .footer__form-box .footer__form-form .form-row button#submit {
order: 3;
}
.footer__download .power {
margin-top: 32px; 
}
.footer__download .power a {
margin-left: 16px;
} .absolute-footer {
width: 100%;
margin-top: 40px;
}
.absolute-footer .power {
width: 100%;
margin-bottom: 50px;
}
.absolute-footer .power a {
margin-left: 16px;
}
.absolute-footer .footer-logo {
width: 30%;
} @media (max-width: 30em) {
.absolute-footer .footer-logo {
width: 45%;
}
}
.absolute-footer .footer-logo a {
margin-bottom: 0;
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-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);
}
}
.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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.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);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-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-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-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;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.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 {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.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);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.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;
}
}