html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1,.h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
a {
background-color: transparent;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
@charset "UTF-8";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}








































@-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 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 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 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 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 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 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 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;
}
















































































.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
-o-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}


.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}



@document url("https://example.com/") {
}
@-moz-document url-prefix() {
* {
filter: none !important;
}
}
.fa,
.fab,
.fal,
.far,
.fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-fw {
text-align: center;
width: 1.25em;
}

.fa-arrow-right:before {
content: "\f061";
}
.fa-chevron-right:before {
content: "\f054";
}
@font-face {
font-family: "Font Awesome 5 Free";
font-display: fallback;
font-style: normal;
font-weight: 900;
src: url(assets/font/fa-solid-900.eot);
src: url(assets/font/fa-solid-900d41d.eot?#iefix) format("embedded-opentype"), url(assets/font/fa-solid-900.woff2) format("woff2"), url(assets/font/fa-solid-900.woff) format("woff"), url(assets/font/fa-solid-900.ttf) format("truetype"),
url(assets/font/fa-solid-900.svg#fontawesome) format("svg");
}
.fa,
.fas {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
@font-face {
font-family: "Font Awesome 5 Brands";
font-display: fallback;
font-style: normal;
font-weight: normal;
src: url(assets/font/fa-brands-400.eot);
src: url(assets/font/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"), url(assets/font/fa-brands-400.woff2) format("woff2"), url(assets/font/fa-brands-400.woff) format("woff"),
url(assets/font/fa-brands-400.ttf) format("truetype"), url(assets/font/fa-brands-400.svg#fontawesome) format("svg");
}
@charset "utf-8";

.delete,
.modal-close,
.is-unselectable,
.button,
.file,
.breadcrumb {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.delete:hover,
.modal-close:hover,
.delete:focus,
.modal-close:focus {
background-color: rgba(10, 10, 10, 0.3);
}
.delete:active,
.modal-close:active {
background-color: rgba(10, 10, 10, 0.4);
}
.is-overlay,
.image.is-square img,
.image.is-1by1 img,
.image.is-5by4 img,
.image.is-4by3 img,
.image.is-3by2 img,
.image.is-5by3 img,
.image.is-16by9 img,
.image.is-2by1 img,
.image.is-3by1 img,
.image.is-4by5 img,
.image.is-3by4 img,
.image.is-2by3 img,
.image.is-3by5 img,
.image.is-9by16 img,
.image.is-1by2 img,
.image.is-1by3 img,
.modal,
.modal-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.button,
.input,
.textarea,
.select select,
.file-cta,
.file-name {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.375em - 1px);
padding-left: calc(0.625em - 1px);
padding-right: calc(0.625em - 1px);
padding-top: calc(0.375em - 1px);
position: relative;
vertical-align: top;
}
.button:focus,
.input:focus,
.textarea:focus,
.select select:focus,
.file-cta:focus,
.file-name:focus,
.button.is-focused,
.input.is-focused,
.textarea.is-focused,
.select select.is-focused,
.file-cta.is-focused,
.file-name.is-focused,
.button:active,
.input:active,
.textarea:active,
.select select:active,
.file-cta:active,
.file-name:active,
.button.is-active,
.input.is-active,
.textarea.is-active,
.select select.is-active,
.file-cta.is-active,
.file-name.is-active {
outline: none;
}
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
button,
input,
select,
textarea {
margin: 0;
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
img,
audio,
video {
height: auto;
max-width: 100%;
}
iframe {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
text-align: left;
}
html {
background-color: #fff;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block;
}
body,
button,
input,
select,
textarea {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
body {
color: #4a4a4a;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
a {
color: #3273dc;
cursor: pointer;
text-decoration: none;
}
a strong {
color: currentColor;
}
a:hover {
color: #363636;
}
hr {
background-color: #f5f5f5;
border: none;
display: block;
height: 2px;
margin: 1.5rem 0;
}
img {
height: auto;
max-width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: baseline;
}
small {
font-size: 0.875em;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: inherit;
font-weight: 700;
}
table td,
table th {
text-align: left;
vertical-align: top;
}
table th {
color: #363636;
}
.has-text-centered {
text-align: center !important;
}
.has-text-justified {
text-align: justify !important;
}
@media screen and (max-width: 768px), print {
.has-text-justified {
text-align: left !important;
}
}
.has-text-white {
color: #fff !important;
}
a.has-text-white:hover,
a.has-text-white:focus {
color: #e6e6e6 !important;
}
@media screen and (min-width: 1060px) {
.is-hidden-desktop {
display: none !important;
}
}
.button {
background-color: #fff;
border-color: #dbdbdb;
border-width: 1px;
color: #363636;
cursor: pointer;
justify-content: center;
padding-bottom: calc(0.375em - 1px);
padding-left: 0.75em;
padding-right: 0.75em;
padding-top: calc(0.375em - 1px);
text-align: center;
white-space: nowrap;
}
.button:hover,
.button.is-hovered {
border-color: #b5b5b5;
color: #363636;
}
.button:focus,
.button.is-focused {
border-color: #3273dc;
color: #363636;
}
.button:focus:not(:active),
.button.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.button:active,
.button.is-active {
border-color: #4a4a4a;
color: #363636;
}
.container {
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 1060px) {
.container {
max-width: 960px;
width: 960px;
}
}
@media screen and (min-width: 1252px) {
.container {
max-width: 1152px;
width: 1152px;
}
}
@media screen and (min-width: 1444px) {
.container {
max-width: 1344px;
width: 1344px;
}
}
.modal {
align-items: center;
display: none;
justify-content: center;
overflow: hidden;
position: fixed;
z-index: 40;
}
.modal.is-active {
display: flex;
}
.navbar {
background-color: #fff;
min-height: 4.5em;
position: relative;
z-index: 30;
}
.navbar-brand,
.navbar-tabs {
align-items: stretch;
display: flex;
flex-shrink: 0;
min-height: 4.5em;
}
.navbar-brand a.navbar-item:hover {
background-color: transparent;
}
.navbar-item,
.navbar-link {
color: #4a4a4a;
display: block;
line-height: 1.5;
padding: 0.5rem 0.75rem;
position: relative;
}
a.navbar-item,
.navbar-link {
cursor: pointer;
}
a.navbar-item:hover,
.navbar-link:hover,
a.navbar-item.is-active,
.navbar-link.is-active {
background-color: #fff;
color: #3273dc;
}
.navbar-item {
display: block;
flex-grow: 0;
flex-shrink: 0;
}
.navbar-item img {
max-height: 1.75rem;
}
@media screen and (max-width: 1059px) {
.navbar-brand .navbar-item,
.navbar-tabs .navbar-item {
align-items: center;
display: flex;
}
}
@media screen and (min-width: 1060px) {
.navbar,
.navbar-menu,
.navbar-start,
.navbar-end {
align-items: stretch;
display: flex;
}
.navbar {
min-height: 4.5em;
}
.navbar.is-transparent a.navbar-item:hover,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent .navbar-link.is-active {
background-color: transparent !important;
}
.navbar-item,
.navbar-link {
align-items: center;
display: flex;
}
.navbar-item {
display: flex;
}
a.navbar-item.is-active,
.navbar-link.is-active {
color: #0a0a0a;
}
a.navbar-item.is-active:not(:hover),
.navbar-link.is-active:not(:hover) {
background-color: transparent;
}
}
.column {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
}
.columns {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.columns:last-child {
margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless > .column {
margin: 0;
padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
.columns:not(.is-desktop) {
display: flex;
}
}
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}
.columns.is-variable.is-6 {
--columnGap: 1.5rem;
}
.columns.is-variable.is-12 {
--columnGap: 3rem;
}
.section {
padding: 3rem 1.5rem;
}
.footer {
background-color: #fff;
padding: 3rem 1.5rem 6rem;
}
@font-face {
font-family: "BigCaslon";
src: url("assets/font/BigCaslon.eot");
src: url("assets/font/BigCaslond41d.eot?#iefix") format("embedded-opentype"), url("assets/font/BigCaslon.woff2") format("woff2"), url("assets/font/BigCaslon.woff") format("woff"), url("assets/font/BigCaslon.ttf") format("truetype"),
url("assets/font/BigCaslon.svg#MyFontMedium") format("svg");
font-weight: 500;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: "Gotham";
src: url("assets/font/Gotham-Light.eot");
src: url("assets/font/Gotham-Lightd41d.eot?#iefix") format("embedded-opentype"), url("assets/font/Gotham-Light.woff") format("woff"), url("assets/font/Gotham-Light.ttf") format("truetype"),
url("assets/font/Gotham-Light.svg#Gotham-Light") format("svg");
font-style: normal;
font-weight: 200;
text-rendering: optimizeLegibility;
font-display: fallback;
}
@font-face {
font-family: "Gotham";
src: url("assets/font/Gotham-Book.eot");
src: url("assets/font/Gotham-Bookd41d.eot?#iefix") format("embedded-opentype"), url("assets/font/Gotham-Book.woff") format("woff"), url("assets/font/Gotham-Book.ttf") format("truetype"),
url("assets/font/Gotham-Book.svg#Gotham-Book") format("svg");
font-style: normal;
font-weight: 300;
text-rendering: optimizeLegibility;
font-display: fallback;
}
@font-face {
font-family: "Gotham";
src: url("assets/font/Gotham-Medium.eot");
src: url("assets/font/Gotham-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("assets/font/Gotham-Medium.woff") format("woff"), url("assets/font/Gotham-Medium.ttf") format("truetype"),
url("assets/font/Gotham-Medium.svg#Gotham-Medium") format("svg");
font-style: normal;
font-weight: 400;
text-rendering: optimizeLegibility;
font-display: fallback;
}
@font-face {
font-family: "Gotham";
src: url("assets/font/Gotham-Bold.eot");
src: url("assets/font/Gotham-Boldd41d.eot?#iefix") format("embedded-opentype"), url("assets/font/Gotham-Bold.woff") format("woff"), url("assets/font/Gotham-Bold.ttf") format("truetype"),
url("assets/font/Gotham-Bold.svg#Gotham-Bold") format("svg");
font-style: normal;
font-weight: 600;
text-rendering: optimizeLegibility;
font-display: fallback;
}
.wow {
visibility: hidden;
}
.wow:nth-of-type(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.wow:nth-of-type(2) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.wow:nth-of-type(3) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.wow:nth-of-type(4) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.wow:nth-of-type(5) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.wow:nth-of-type(6) {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.wow:nth-of-type(7) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.wow:nth-of-type(8) {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}
.wow:nth-of-type(9) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.wow:nth-of-type(10) {
-webkit-animation-delay: 2.25s;
animation-delay: 2.25s;
}
.wow:nth-of-type(11) {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.wow:nth-of-type(12) {
-webkit-animation-delay: 2.75s;
animation-delay: 2.75s;
}
.wow:nth-of-type(13) {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.wow:nth-of-type(14) {
-webkit-animation-delay: 3.25s;
animation-delay: 3.25s;
}
.wow:nth-of-type(15) {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.sub-page > .wow:nth-of-type(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(2) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(3) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(4) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(5) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(6) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(7) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(8) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(9) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(10) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(11) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(12) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(13) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(14) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sub-page > .wow:nth-of-type(15) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
body > .wow:nth-of-type(2) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
body > .wow:nth-of-type(3) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
body > .wow:nth-of-type(5) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
body > .wow:nth-of-type(8) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.fast:nth-of-type(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.fast:nth-of-type(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.fast:nth-of-type(3) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.fast:nth-of-type(4) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.fast:nth-of-type(5) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.fast:nth-of-type(6) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.fast:nth-of-type(7) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.fast:nth-of-type(8) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.fast:nth-of-type(9) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.fast:nth-of-type(10) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.fast:nth-of-type(11) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.fast:nth-of-type(12) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.fast:nth-of-type(13) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.fast:nth-of-type(14) {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.fast:nth-of-type(15) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.fast:nth-of-type(16) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.fast:nth-of-type(17) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.fast:nth-of-type(18) {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.fast:nth-of-type(19) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.fast:nth-of-type(20) {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.fast:nth-of-type(21) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.fast:nth-of-type(22) {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.fast:nth-of-type(23) {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.fast:nth-of-type(24) {
-webkit-animation-delay: 2.3s;
animation-delay: 2.3s;
}
.header {
position: fixed;
top: 0;
z-index: 50;
left: 0;
width: 100%;
}
.select select:focus,
.select select.is-focused,
.select select:active,
.select select.is-active,
*:focus {
outline: none;
}
.margin-bottom {
margin-bottom: 50px !important;
}
@media (max-width: 769px) {
.margin-bottom {
margin-bottom: 25px !important;
}
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6,
.button {
text-align: center;
font-family: "Gotham";
font-weight: 300;
color: #2c2c2c;
margin-bottom: 25px;
}
hr {
background: #e5e5e5;
height: 1px;
margin: 40px 0;
}
@media (max-width: 769px) {
hr {
margin: 20px 0;
}
}
strong {
font-weight: 500;
}
sup {
font-size: 0.5em;
}
.text-center {
text-align: center !important;
}
ul {
list-style-type: disc;
padding-left: 1em;
}
ul li {
color: #595b5d;
font-size: 15px;
font-weight: 400;
margin-bottom: 40px;
}
@media (max-width: 480px) {
ul li {
margin-bottom: 20px;
}
}
ul li:last-child {
margin-bottom: 0;
}
ol {
list-style-type: decimal;
padding-left: 1em;
}
ol li {
color: #595b5d;
font-size: 15px;
font-weight: 400;
margin-bottom: 40px;
}
@media (max-width: 480px) {
ol li {
margin-bottom: 20px;
}
}
ol li:last-child {
margin-bottom: 0;
}
.swiper-container .swiper-slide img {
width: 100%;
}
.swiper-container .swiper-slide p {
margin: 25px 0;
}
.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #595b5d;
}
.swiper-container-thumbs .swiper-slide.swiper-slide-thumb-active {
opacity: 1;
}
.button {
font-weight: 400;
color: #2c2c2c;
text-transform: uppercase;
letter-spacing: 1px;
background: #fff;
outline: none;
transition: all 0.4s ease;
border: none;
font-size: 14px;
padding: 10px 20px 7px 20px;
margin-bottom: 0;
border-radius: 0;
box-shadow: 0 0px 25px rgba(0, 0, 0, 0.15);
height: auto;
white-space: inherit;
}
.button:focus {
border: none;
outline: none;
background: #2c2c2c;
color: #fff;
}
.button:hover {
background: #2c2c2c;
color: #fff;
}
.button::after {
font-size: 18px;
margin-top: -2px;
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f105";
margin-left: 5px;
vertical-align: middle;
}
.button + .button {
margin-left: 25px;
}
@media (max-width: 769px) {
.button + .button {
display: flex;
max-width: 225px;
margin: 0 auto;
margin-top: 25px;
}
}
a {
color: #9b273e;
transition: color 0.4s;
}
a:hover {
color: #2c2c2c;
}
h1,.h1 {
font-size: 60px;
line-height: 1.2;
}
@media (max-width: 769px) {
h1,.h1 {
font-size: 2em;
margin-top: 25px;
}
}
h2,.h2 {
font-size: 40px;
}
@media (max-width: 769px) {
h2,.h2 {
font-size: 35px;
}
}
h2 span,.h2 span {
font-size: 0.4em;
display: block;
}
h3,.h3 {
font-size: 30px;
margin-bottom: 12.5px;
text-align: left;
line-height: 1.3;
}
h4,.h4 {
font-size: 22px;
line-height: 1.6;
margin-bottom: 15px;
text-align: left;
text-transform: none;
font-weight: 200;
}
ul,
ol,
p {
margin-bottom: 37.5px;
}
ul:last-child,
ol:last-child,
p:last-child {
margin-bottom: 0;
}
@media (max-width: 769px) {
ul,
ol,
p {
margin-bottom: 25px;
}
}
.drop-cap:first-letter {
font-family: "BigCaslon";
float: left;
font-size: 85px;
line-height: 60px;
padding-top: 8px;
padding-right: 8px;
padding-left: 3px;
}
.section {
padding: 0 0;
}
@media (max-width: 1060px) {
.container {
padding: 0 25px;
}
}
@media (max-width: 769px) {
.container {
padding: 0 50px;
}
}
@media (max-width: 480px) {
.container {
padding: 0 25px;
}
}
.swipe-icon {
width: 150px;
height: 150px;
position: absolute;
z-index: 3;
left: 50%;
margin-left: -75px;
top: 50%;
margin-top: -75px;
pointer-events: none;
visibility: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.swipe-icon span {
margin-top: 10px;
border-radius: 25px;
padding: 5px 15px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 14px;
}
.swipe-icon span i {
opacity: 0.7;
display: none;
}
.swipe-icon img {
width: 100px;
}
input.error,
textarea.error,
select.error {
border-color: red !important;
background: #f2d0d0 !important;
}
input[type="submit"]:disabled {
opacity: 0;
}
form {
position: relative;
}
form input {
margin-bottom: 25px;
}
form input:last-of-type {
margin-bottom: 0;
}



p,
body {
font-size: 17px;
font-family: "Gotham";
font-weight: 300;
color: #2c2c2c;
line-height: 1.7;
}
p.lead {
font-size: 24px;
line-height: 1.4;
}
p.lead.large {
font-size: 40px;
}
@media (max-width: 480px) {
p.lead {
text-align: left;
font-size: 18px;
}
}
section {
margin-bottom: 150px;
}
@media (max-width: 1060px) {
section {
margin-bottom: 50px;
}
}
section:last-of-type {
margin-bottom: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
select,
textarea {
border: none;
outline: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
padding: 0px 15px;
height: 50px;
resize: none;
font-weight: 500;
font-size: 15px;
color: #666;
}
textarea {
height: 70px;
padding: 10px 15px;
}
input.error {
border-color: red !important;
background: #f2d0d0 !important;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header {
margin: 0;
padding: 0;
}
.navbar {
background-color: transparent;
padding: 10px 25px 25px 25px;
display: flex;
transition: max-height 0.25s ease;
max-height: 150px;
}
@media (max-width: 480px) {
.navbar {
padding: 0;
}
}
.navbar .navbar__logo {
transition: all 0.25s ease;
max-height: 50px;
}
.navbar .navbar__logo.color {
display: none;
}
@media screen and (max-width: 769px) {
.navbar .navbar__logo {
max-height: 40px;
max-width: 75%;
}
}
.scrolled .navbar {
background-color: rgba(255, 255, 255, 0.95);
max-height: 72px;
min-height: 72px;
padding: 8px 25px;
box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 769px) {
.scrolled .navbar {
padding: 8px 0px;
}
}
.scrolled .navbar .navbar__logo {
filter: invert(100%);
}
.scrolled .navbar .navbar-brand {
min-height: 0;
}
.scrolled .navbar .navbar__logo {
max-height: 40px;
}
.scrolled .navbar .navbar__logo.color {
display: block;
opacity: 0.83;
}
.scrolled .navbar .navbar__logo.white {
display: none;
}
@media (min-width: 769px) {
.open .navbar {
background-color: rgba(255, 255, 255, 0.95);
box-shadow: none;
}
.open .navbar .navbar__logo {
filter: invert(100%);
}
}
.static-cta {
position: fixed;
top: 40px;
right: 30px;
z-index: 51;
right: 165px;
display: flex;
align-items: center;
left: auto;
transition: top 0.4s ease;
}
@media screen and (max-width: 1060px) {
.static-cta {
left: 0;
display: block;
right: 0;
z-index: 51;
bottom: 0;
top: auto;
background: white;
padding: 10px;
box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
}
}
.scrolled .static-cta {
top: 12px;
}
@media screen and (max-width: 1060px) {
.scrolled .static-cta {
top: auto;
}
}
.static-cta.open {
top: 40px;
}
@media screen and (max-width: 1060px) {
.static-cta.open {
top: auto;
}
}
.scrolled .static-cta.open {
top: 12px;
}
@media screen and (max-width: 1060px) {
.scrolled .static-cta.open {
top: auto;
}
}
@media (max-width: 480px) {
.navbar-brand .navbar-item {
width: 80%;
display: inline-flex;
}
.navbar-brand .navbar-item img {
max-width: 100%;
}
}
.static-cta__links {
margin-left: 20px;
display: flex;
align-items: center;
}
@media (max-width: 1060px) {
.static-cta__links {
justify-content: center;
}
}
.static-cta__links .static-cta__link {
margin-right: 10px;
text-align: center;
flex-direction: column;
color: #fff;
}
.static-cta__links .static-cta__link i {
font-size: 16px;
}
.static-cta__links a {
line-height: 1;
transition: opacity 0.4s ease;
font-size: 18px;
color: #fff;
text-transform: none;
font-family: "Gotham";
font-weight: 300;
}
@media (max-width: 480px) {
.static-cta__links a {
font-size: 16px;
}
}
.static-cta__links a:hover {
opacity: 0.7;
}
.static-cta__links .static-cta__address {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
}
@media (max-width: 1060px) {
.static-cta__links .static-cta__address {
display: none;
}
}
@media screen and (max-width: 1060px) {
.static-cta__links {
margin: 0 auto;
}
.static-cta__links .static-cta__link {
margin: 0 7px;
}
.static-cta__links .static-cta__link:first-child {
margin-left: 0;
}
.static-cta__links .static-cta__link {
color: #2c2c2c;
}
.static-cta__links .static-cta__link a {
color: #2c2c2c;
}
}
.scrolled .static-cta__links .static-cta__link,
.scrolled .static-cta__links a,
.scrolled .static-cta__links span,
.scrolled .static-cta__links h3,
.scrolled .static-cta__links::after,
.scrolled .static-cta__links .btn::after {
color: #2c2c2c;
}
@media screen and (max-width: 1060px) {
.scrolled .static-cta__links .static-cta__link,
.scrolled .static-cta__links a,
.scrolled .static-cta__links span,
.scrolled .static-cta__links h3,
.scrolled .static-cta__links::after,
.scrolled .static-cta__links .btn::after {
color: #2c2c2c;
}
}
.open .static-cta__links .static-cta__link,
.open .static-cta__links a,
.open .static-cta__links span,
.open .static-cta__links h3,
.open .static-cta__links::after,
.open .static-cta__links .btn::after {
color: #2c2c2c;
}
@media screen and (max-width: 1060px) {
.open .static-cta__links .static-cta__link,
.open .static-cta__links a,
.open .static-cta__links span,
.open .static-cta__links h3,
.open .static-cta__links::after,
.open .static-cta__links .btn::after {
color: #2c2c2c;
}
}
.menu-button {
cursor: pointer;
z-index: 51;
position: fixed;
right: 35px;
width: 35px;
height: 35px;
top: 50px;
transition: top 0.4s;
}
@media screen and (max-width: 769px) {
.menu-button {
top: 40px;
}
}
@media (max-width: 480px) {
.menu-button {
top: 20px;
right: 15px;
}
}
.menu-button label {
cursor: pointer;
color: #fff;
text-transform: uppercase;
font-weight: 300;
position: absolute;
right: 44px;
font-size: 18px;
top: 4px;
padding-right: 10px;
margin-right: -10px;
}
@media screen and (max-width: 1060px) {
.menu-button label {
display: none;
}
}
.scrolled .menu-button {
top: 20px;
}
.scrolled .menu-button label {
color: #2c2c2c;
}
.scrolled .menu-button span {
background-color: #2c2c2c;
}
.menu-button.open {
top: 50px;
}
.scrolled .menu-button.open {
top: 20px;
}
@media screen and (max-width: 1060px) {
.menu-button.open {
top: 20px;
}
}
.menu-button.open label {
color: #2c2c2c;
}
.menu-button.open span {
background-color: #2c2c2c;
}
.menu-button span {
width: 35px;
height: 3px;
background-color: #fff;
margin: 6px 0;
display: block;
transition: transform 0.4s;
}
.menu-button.open span:nth-of-type(1) {
-webkit-transform: rotate(-45deg) translate(-7px, 6px);
transform: rotate(-45deg) translate(-7px, 6px);
}
.menu-button.open span:nth-of-type(2) {
opacity: 0;
}
.menu-button.open span:nth-of-type(3) {
-webkit-transform: rotate(45deg) translate(-7px, -6px);
transform: rotate(45deg) translate(-7px, -6px);
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
transition: opacity 0.4s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.4s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
opacity: 0;
z-index: -1;
pointer-events: none;
top: 0;
left: 0;
}
.overlay.open {
pointer-events: all;
opacity: 1;
}
.scrolled + .mega-menu {
top: 72px;
}
.mega-menu {
pointer-events: none;
opacity: 0;
display: none;
top: 127px;
margin: 0;
padding: 0 0;
left: 0;
width: 100%;
z-index: 50;
transition: visibility 0s, opacity 0.4s ease;
box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.15);
background-color: rgba(255, 255, 255, 0.95);
background-size: 80%;
background-repeat: no-repeat;
}
@media (min-width: 769px) {
.mega-menu.open {
display: block;
animation-name: fadeInFromNone;
-webkit-animation-name: fadeInFromNone;
animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
}
}
.mega-menu > ul li.active {
background-color: #fff;
box-shadow: 0px 20px 0 0px #fff, 0px 0 20px 0 rgba(0, 0, 0, 0);
}
.mega-menu > ul li.active::after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 50%;
margin-left: -9px;
font-size: 18px;
color: #9b273e;
margin-top: -5px;
}
.mega-menu > ul li.active a {
color: #fff;
margin-top: -10px;
}
.mega-menu .mega-menu__sub.open {
display: block;
}
.mega-menu .mega-menu__sub ul li:first-child a:hover {
text-decoration: none;
}
.mega-menu .mega-menu__sub ul li:first-child a:hover::after {
color: #fff;
}
.mega-menu .mega-menu__sub ul li a:hover {
color: #9b273e;
}
@media screen and (min-width: 1060px) {
.mega-menu.open {
opacity: 1;
pointer-events: all;
}
}
.mobile-menu {
transition: transform 0.4s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.4s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
box-shadow: -10px 10px 20px 0 rgba(0, 0, 0, 0.03);
position: fixed;
height: 100%;
width: calc(100% - 40px);
top: 0;
right: 0;
background: #fff;
z-index: 50;
margin: 0 0;
transform: translate(100%, 0);
padding-top: 70px;
padding-bottom: 70px;
overflow-y: auto;
overflow-x: hidden;
}
.mobile-menu.open {
transform: translate(0%, 0);
}
.mobile-menu .mobile-menu__back {
position: fixed;
left: 40px;
top: 25px;
color: #9b273e;
cursor: pointer;
opacity: 1;
transition: opacity 0.4s ease;
font-weight: 400;
}
.mobile-menu .mobile-menu__back::after {
content: "Menu";
}
.mobile-menu .mobile-menu__back::before {
font-family: "Font Awesome 5 Free";
font-size: 12px;
position: absolute;
margin-top: 3px;
margin-left: -15px;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f053";
opacity: 0;
transition: opacity 0.4s ease;
}
.mobile-menu .mobile-menu__back.sub-level {
opacity: 1;
}
.mobile-menu .mobile-menu__back.sub-level::after {
content: "Back";
}
.mobile-menu .mobile-menu__back.sub-level::before {
opacity: 1;
}
.mobile-menu i {
position: absolute;
margin-left: 10px;
}
.mobile-menu i:after {
opacity: 0;
color: #fff;
font-family: "Font Awesome 5 Free";
font-size: 15px;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f054";
}
.mobile-menu ul {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
width: 100%;
list-style: none;
padding-left: 0;
}
.mobile-menu ul li {
margin-bottom: 0;
animation-duration: 0.4s;
will-change: transform;
opacity: 0;
}
.mobile-menu ul li:nth-of-type(1) {
-webkit-animation-delay: 0.02s;
animation-delay: 0.02s;
}
.mobile-menu ul li:nth-of-type(2) {
-webkit-animation-delay: 0.04s;
animation-delay: 0.04s;
}
.mobile-menu ul li:nth-of-type(3) {
-webkit-animation-delay: 0.06s;
animation-delay: 0.06s;
}
.mobile-menu ul li:nth-of-type(4) {
-webkit-animation-delay: 0.08s;
animation-delay: 0.08s;
}
.mobile-menu ul li:nth-of-type(5) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.mobile-menu ul li:nth-of-type(6) {
-webkit-animation-delay: 0.12s;
animation-delay: 0.12s;
}
.mobile-menu ul li:nth-of-type(7) {
-webkit-animation-delay: 0.14s;
animation-delay: 0.14s;
}
.mobile-menu ul li:nth-of-type(8) {
-webkit-animation-delay: 0.16s;
animation-delay: 0.16s;
}
.mobile-menu ul li:nth-of-type(9) {
-webkit-animation-delay: 0.18s;
animation-delay: 0.18s;
}
.mobile-menu ul li:nth-of-type(10) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.mobile-menu ul li:nth-of-type(11) {
-webkit-animation-delay: 0.22s;
animation-delay: 0.22s;
}
.mobile-menu ul li:nth-of-type(12) {
-webkit-animation-delay: 0.24s;
animation-delay: 0.24s;
}
.mobile-menu ul li:nth-of-type(13) {
-webkit-animation-delay: 0.26s;
animation-delay: 0.26s;
}
.mobile-menu ul li:nth-of-type(14) {
-webkit-animation-delay: 0.28s;
animation-delay: 0.28s;
}
.mobile-menu ul li:nth-of-type(15) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.mobile-menu ul li:nth-of-type(16) {
-webkit-animation-delay: 0.32s;
animation-delay: 0.32s;
}
.mobile-menu ul li:nth-of-type(17) {
-webkit-animation-delay: 0.34s;
animation-delay: 0.34s;
}
.mobile-menu ul li:nth-of-type(18) {
-webkit-animation-delay: 0.36s;
animation-delay: 0.36s;
}
.mobile-menu ul li:nth-of-type(19) {
-webkit-animation-delay: 0.38s;
animation-delay: 0.38s;
}
.mobile-menu ul li:nth-of-type(20) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.mobile-menu ul li:nth-of-type(21) {
-webkit-animation-delay: 0.42s;
animation-delay: 0.42s;
}
.mobile-menu ul li:nth-of-type(22) {
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
.mobile-menu ul li.fadeInRight,
.mobile-menu ul li.fadeInLeft {
pointer-events: all;
}
.mobile-menu ul li.fadeInRight a i:after,
.mobile-menu ul li.fadeInLeft a i:after {
opacity: 1;
}
.mobile-menu ul li a {
color: #9b273e;
font-size: 30px;
font-weight: 300;
font-size: 18px;
line-height: 1;
padding-bottom: 15px;
display: block;
}
.mobile-menu ul > ul {
pointer-events: none;
}
.mobile-menu ul > ul li.fadeInRight {
pointer-events: all;
}
.mobile-menu ul > ul li > ul li.fadeInRight {
pointer-events: all;
}
.mobile-menu > ul {
position: relative;
}
@media screen and (min-width: 1060px) {
.mobile-menu {
display: none;
}
}
.footer {
background: #fff;
padding: 50px 0;
padding-bottom: 0;
}
@media (max-width: 1060px) {
.footer {
padding-bottom: 48px;
}
}
.footer .footer__content .column {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-right: 10px;
}
.footer .footer__content .column:last-child {
margin-right: 0;
}
@media (max-width: 769px) {
.footer .footer__content .column {
margin-right: 0;
margin-bottom: 20px;
}
.footer .footer__content .column:last-child {
margin-bottom: 0;
}
}
.footer .footer__content .column:first-child {
align-items: center;
}
@media (max-width: 769px) {
.footer .footer__content .column:first-child {
align-items: center;
}
}
.footer .footer__content .column img {
max-height: 22px;
}
.footer .footer__content .column a {
margin-right: 20px;
margin-bottom: 10px;
}
.footer .footer__content .column a:last-of-type {
margin-right: 0;
}
.footer .footer__content .column:nth-child(2) p {
text-align: center;
}
.footer .footer__content a {
color: #2c2c2c;
}
.footer .footer__content p {
margin-bottom: 5px;
color: #2c2c2c;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
}
.footer .footer__content .footer__logo {
text-align: center;
display: flex;
align-items: flex-end;
justify-content: center;
flex-direction: column;
}
@media (max-width: 769px) {
.footer .footer__content .footer__logo {
align-items: center;
}
}
.footer .footer__content .footer__logo img {
max-height: 20px;
margin-bottom: 10px;
}
.footer .footer__content .footer__logo p {
text-align: left;
}
@media (max-width: 769px) {
.footer .footer__content .footer__logo p {
text-align: center;
}
}
@-webkit-keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@keyframes fadeOutFromBlock {
0% {
position: absolute;
opacity: 1;
display: block;
}
99% {
opacity: 0;
}
100% {
position: absolute;
display: none;
opacity: 0;
}
}
.masthead {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 50px;
text-align: center;
height: 850px;
margin-bottom: 0;
}
@media screen and (min-width: 1600px) {
.masthead {
height: 50vw;
}
}
@media (min-width: 769px) {
.masthead {
max-height: 90vh;
}
}
@media (max-width: 769px) {
.masthead {
height: auto;
padding-bottom: 0px;
margin-bottom: 0;
background: #2c2c2c;
}
}
.masthead .container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
max-width: 1100px;
}
@media (max-width: 769px) {
.masthead .container {
margin: 240px auto 0 auto;
}
}
.masthead .masthead__title {
color: #fff;
text-align: center;
display: inline-block;
z-index: 1;
position: relative;
}
.masthead .masthead__title::after,
.masthead .masthead__title::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: -1;
background-image: url(assets/images/masthead-title-bg.png);
background-size: 1px 100%;
}
.masthead .masthead__title::after {
transform: translateX(100%);
left: auto;
right: 0;
}
.masthead .masthead__title::before {
right: auto;
left: 0;
transform: translateX(-100%);
}
.masthead .masthead__title .masthead__bg {
padding: 40px;
background-color: #9b273e;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
height: 100%;
}
@media (max-width: 769px) {
.masthead .masthead__title .masthead__bg {
padding: 25px;
}
}
.masthead .masthead__title .masthead__bg h1 {
margin-top: 0;
}
@media (max-width: 480px) {
.masthead .masthead__title {
padding: 0 0;
margin-left: 0;
margin-right: 0;
}
}
.masthead .masthead__title h1,.masthead .masthead__title .h1,
.masthead .masthead__title h2,.masthead .masthead__title .h2,
.masthead .masthead__title h3,.masthead .masthead__title .h3 {
font-size: 45px;
line-height: 1.1;
color: #fff;
text-align: center;
font-weight: 200;
margin-bottom: 30px;
}
.masthead .masthead__title h1:last-child,.masthead .masthead__title .h1:last-child,
.masthead .masthead__title h2:last-child,.masthead .masthead__title .h2:last-child,
.masthead .masthead__title h3:last-child,.masthead .masthead__title .h3:last-child {
margin-bottom: 0;
}
@media (max-width: 769px) {
.masthead .masthead__title h1,.masthead .masthead__title .h1,
.masthead .masthead__title h2,.masthead .masthead__title .h2,
.masthead .masthead__title h3,.masthead .masthead__title .h3 {
font-size: 40px;
}
}
@media (max-width: 480px) {
.masthead .masthead__title h1,.masthead .masthead__title .h1,
.masthead .masthead__title h2,.masthead .masthead__title .h2,
.masthead .masthead__title h3,.masthead .masthead__title .h3 {
font-size: 36px;
}
}
.masthead .masthead__title h1::after,.masthead .masthead__title .h1::after,
.masthead .masthead__title h2::after,.masthead .masthead__title .h2::after,
.masthead .masthead__title h3::after,.masthead .masthead__title .h3::after {
content: none;
}
.masthead .masthead__title p {
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.masthead .masthead__sub-title {
color: #fff;
font-size: 18px;
display: block;
font-family: "Gotham";
text-transform: uppercase;
font-weight: 300;
letter-spacing: 0;
margin-bottom: 0;
text-align: center;
margin-top: 5px;
}
.masthead .masthead__sub-title:after {
content: none;
margin-top: 0;
}
@media (max-width: 769px) {
.masthead .masthead__sub-title {
font-size: 16px;
line-height: 1.4;
}
}
.masthead .masthead__image {
transform-origin: bottom left;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
background-image: none;
background-size: cover;
background-position: center center;
}
.masthead .masthead__image img {
max-width: unset;
position: absolute;
min-width: 100%;
min-height: 100%;
overflow: hidden;
width: auto;
height: auto;
margin: auto;
left: 50%;
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
-webkit-transition-duration: 3s, 10s;
-webkit-transform-origin: top right;
-moz-transition-property: opacity, -moz-transform;
-moz-transition-duration: 3s, 10s;
-moz-transform-origin: top right;
-ms-transition-property: opacity, -ms-transform;
-ms-transition-duration: 3s, 10s;
-ms-transform-origin: top right;
-o-transition-property: opacity, -o-transform;
-o-transition-duration: 3s, 10s;
-o-transform-origin: top right;
transition-property: opacity, transform;
transition-duration: 3s, 10s;
transform-origin: top right;
}
@media screen and (max-width: 769px) {
.masthead .masthead__image img {
max-height: 100%;
}
}
.masthead .masthead__image img:nth-child(2n + 1) {
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
}
.masthead .masthead__image img.fx {
opacity: 1;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.masthead .masthead__image img.fx:first-child + img ~ img {
z-index: -1;
}
html,
body {
position: relative;
overflow-x: hidden;
}
@media (max-width: 769px) {
.home .masthead {
height: 550px;
}
}
.home .masthead .container {
width: 100%;
}
.home .masthead .masthead__title {
width: 100%;
}
.home .masthead .masthead__title h1,.home .masthead .masthead__title .h1,
.home .masthead .masthead__title h2,.home .masthead .masthead__title .h2,
.home .masthead .masthead__title h3,.home .masthead .masthead__title .h3 {
margin-bottom: 0;
font-size: 45px;
}
@media (max-width: 769px) {
.home .masthead .masthead__title h1,.home .masthead .masthead__title .h1,
.home .masthead .masthead__title h2,.home .masthead .masthead__title .h2,
.home .masthead .masthead__title h3,.home .masthead .masthead__title .h3 {
font-size: 27px;
}
}
.home .masthead .masthead__bg {
position: relative;
}
@media (max-width: 769px) {
.home .masthead .masthead__bg {
padding-bottom: 50px;
}
}
.home .masthead .masthead__bg-content {
opacity: 0;
display: none;
}
.home .masthead .masthead__bg-content.fx {
display: block;
animation-name: fadeInFromNone;
-webkit-animation-name: fadeInFromNone;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-fill-mode: forwards;
}
.home .masthead .masthead__bg-content.fadeOut {
display: block;
animation-name: fadeOutFromBlock;
-webkit-animation-name: fadeOutFromBlock;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-fill-mode: forwards;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
}
@media (max-width: 769px) {
.home .masthead .masthead__bg-content.fadeOut {
top: 25px;
left: 32px;
right: 32px;
position: absolute;
transform: none;
width: auto;
}
}
@media (max-width: 769px) and (max-width: 769px) {
.home .masthead .masthead__bg-content.fadeOut .button {
width: 100%;
}
}
.home .masthead {
margin-bottom: 80px;
}
.home .masthead .masthead__image {
background-image: none;
}
.subpage .masthead {
height: 750px;
}
@media screen and (min-width: 1600px) {
.subpage .masthead {
height: 45vw;
}
}
@media (max-width: 769px) {
.subpage .masthead {
height: auto;
}
}
.ricostruzione .masthead .masthead__image {
background-image: url(assets/images/ricostruzione.jpg);
}
.subpage .masthead .masthead__image {
background-image: url(assets/images/masthead-injectables.webp);
}
.non .masthead .masthead__image {
background-image: url(assets/images/masthead-non.webp);
}
.laser .masthead .masthead__image {
background-image: url(assets/images/masthead-laser.webp);
}
.mani .masthead .masthead__image {
background-image: url(assets/images/masthead-mani.webp);
}
.breast .masthead .masthead__image {
background-image: url(assets/images/masthead-breast.jpg);
}
.face .masthead .masthead__image {
background-image: url(assets/images/masthead-face.webp);
}
.body .masthead .masthead__image {
background-image: url(assets/images/masthead-body.webp);
}
.arm .masthead .masthead__image {
background-image: url(assets/images/masthead-arm.webp);
}
.male .masthead .masthead__image {
background-image: url(assets/images/masthead-male.webp);
}
.sub-page {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: minmax(50%, 1fr) 336px;
padding-bottom: 50px;
margin-bottom: 0;
}
@media (max-width: 1060px) {
.sub-page {
display: block;
}
}
.sub-page.no-sidebar {
grid-template-columns: 100%;
max-width: none;
}
.sub-page.no-sidebar .sub-page__content {
margin: 0 auto;
padding: 100px 50px;
max-width: 1100px;
}
@media (max-width: 769px) {
.sub-page.no-sidebar .sub-page__content {
padding-left: 25px;
padding-right: 25px;
padding-top: 40px;
}
}
.sub-page.no-sidebar .sub-page__content.is-full {
width: 100%;
max-width: 100%;
padding: 100px;
}
@media (max-width: 1060px) {
.sub-page.no-sidebar .sub-page__content.is-full {
padding: 50px;
}
}
@media (max-width: 769px) {
.sub-page.no-sidebar .sub-page__content.is-full {
padding: 25px;
}
}
.sub-page.no-sidebar .sub-page__content.padhalf {
padding-top: 50px;
padding-bottom: 50px;
}
.sub-page__content {
margin-right: 50px;
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
}
@media (max-width: 1060px) {
.sub-page__content {
margin-right: 0;
}
}
@media (max-width: 769px) {
.sub-page__content {
padding-bottom: 25px;
margin-right: 0;
box-shadow: none;
padding-top: 0;
}
}
.sub-page__content h2,.sub-page__content .h2 {
font-size: 13px;
text-align: center;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
color: #9b273e;
}
.sub-page__content h2::after,.sub-page__content .h2::after {
content: " ";
height: 1px;
width: 100%;
background-color: #e5e5e5;
margin-top: 40px;
margin-bottom: 40px;
display: block;
}
.sub-page__content li {
margin-bottom: 20px;
}
.sub-page__content .lead {
font-size: 30px;
font-weight: 200;
}
@media (max-width: 769px) {
.sub-page__content .lead {
font-size: 25px;
}
}
.sub-page__content p {
margin-bottom: 30px;
font-size: 16px;
font-weight: 200;
}
.sub-page__content p:last-child {
margin-bottom: 0;
}
@media (max-width: 769px) {
.sub-page__content p {
text-align: left;
}
}
.categories {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.categories .categories__category {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
width: 23%;
}
.categories .categories__category:last-child {
margin-right: 0;
}
@media screen and (max-width: 1060px) {
.categories .categories__category {
-webkit-animation-delay: 0s;
animation-delay: 0s;
margin-right: 0;
width: 48%;
margin-bottom: 25px;
}
}
@media (max-width: 480px) {
.categories .categories__category {
width: 100%;
margin-bottom: 25px;
}
.categories .categories__category:last-child {
margin-bottom: 0;
}
}
.categories .categories__category .category__content {
z-index: 1;
position: absolute;
text-align: center;
color: #fff;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.categories .categories__category .category__content .categories_category-title {
text-align: center;
}
@media (max-width: 769px) {
.categories .categories__category .category__content .categories_category-title {
pointer-events: none;
}
}
.categories .categories__category .category__content .categories_category-title a {
color: #fff;
text-transform: uppercase;
text-align: center;
margin-bottom: 0;
}
.categories .categories__category .category__content .category__content-menu {
max-height: 0;
transition: max-height 0.4s ease;
overflow: hidden;
flex-direction: column;
text-align: center;
display: flex;
font-size: 24px;
}
.categories .categories__category .category__content .category__content-menu a {
font-size: 18px;
font-weight: 200;
color: #fff;
}
@media (max-width: 1252px) {
.categories .categories__category .category__content .category__content-menu a {
font-size: 14px;
font-weight: 300;
}
}
@media (max-width: 769px) {
.categories .categories__category .category__content .category__content-menu a {
font-size: 17px;
}
}
.categories .categories__category:hover .category__content-menu,
.categories .categories__category:focus .category__content-menu,
.categories .categories__category:active .category__content-menu {
max-height: 270px;
}
.categories .categories__category:hover .category__overlay,
.categories .categories__category:focus .category__overlay,
.categories .categories__category:active .category__overlay {
opacity: 1;
}
.categories .categories__category .category__overlay {
transition: opacity 0.4s ease;
opacity: 0;
background-color: #9b273e;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.categories .categories__category img {
max-width: unset;
height: unset;
transition: opacity 0.25s ease;
width: 100%;
height: auto;
}
.accordion__alt .accordion__item {
border: 1px solid #9b273e;
margin-bottom: 15px;
padding: 15px 25px;
}
.accordion__alt .accordion__item .accordion__question {
position: relative;
cursor: pointer;
padding-left: 35px;
}
.accordion__alt .accordion__item .accordion__question i {
position: absolute;
right: auto;
left: 0;
top: 50%;
margin-top: -13px;
}
.accordion__alt .accordion__item .accordion__question i:after {
color: #9b273e;
font-family: "Font Awesome 5 Free";
font-size: 15px;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f078";
}
.accordion__alt .accordion__item .accordion__question h3,
.accordion__alt .accordion__item .accordion__question p {
text-transform: none;
font-weight: 400;
font-family: "Gotham";
color: #9b273e;
font-size: 17px;
margin-top: 0;
margin-bottom: 0;
}
.accordion__alt .accordion__item .accordion__answer {
transition: max-height 0.25s ease;
overflow: hidden;
max-height: 0;
}
.accordion__alt .accordion__item .accordion__answer ul {
margin-top: 25px;
margin-bottom: 25px;
}
.accordion__alt .accordion__item .accordion__answer ul li {
color: #2c2c2c;
margin-bottom: 5px;
font-weight: 200;
}
.accordion__alt .accordion__item .accordion__answer p {
color: #2c2c2c;
font-size: 16px;
font-weight: 200;
}
.accordion__alt .accordion__item p,
.accordion__alt .accordion__item ul,
.accordion__alt .accordion__item ol {
margin-top: 25px;
margin-bottom: 0;
}
.accordion__alt .accordion__item.open i {
transform: translateX(-10px) translateY(-10px);
}
.accordion__alt .accordion__item.open i:after {
content: "\f057";
font-size: 30px;
}
.contact-form form {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
justify-content: space-between;
}
.contact-form form .button {
margin: 0 auto;
margin-top: 20px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
background: #9b273e;
color: #fff;
width: auto;
border: none;
}
@media (max-width: 769px) {
.contact-form form .button {
margin-top: 0px;
}
}
.contact-form form select {
width: 100%;
border-radius: 0px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
border: none;
outline: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
padding: 0px 15px;
height: 50px;
resize: none;
font-weight: 500;
font-size: 15px;
color: #666;
}
.contact-form form select.error {
border: 2px solid #f99;
}
.contact-form form select option {
padding: 15px;
}
.contact-form form input,
.contact-form form textarea,
.contact-form form select {
border: 1px solid #ddd;
}
.contact-form form input,
.contact-form form .select {
width: 48%;
}
@media (max-width: 769px) {
.contact-form form input,
.contact-form form .select {
margin-bottom: 10px;
}
}
.contact-form form textarea {
width: 100%;
}
@media (max-width: 769px) {
.contact-form form textarea {
margin-bottom: 10px;
}
}
@media screen and (max-width: 769px) {
.contact-form form {
display: flex;
flex-direction: column;
}
.contact-form form textarea {
margin-bottom: 20px;
}
.contact-form form input,
.contact-form form .select {
width: 100%;
}
}
.in-page-jump {
min-height: 70px;
}
.in-page-jump .in-page-jump__container {
display: flex;
align-content: center;
justify-content: space-around;
width: 100%;
padding: 15px;
z-index: 10;
background: #9b273e;
transition: box-shadow 0.4s ease;
}
@media (max-width: 1060px) {
.in-page-jump .in-page-jump__container {
top: 71px;
}
}
@media (max-width: 1060px) {
.in-page-jump .in-page-jump__container {
height: 50px;
overflow: hidden;
display: block;
padding: 0;
transition: height 0.4s ease;
}
}
.in-page-jump .in-page-jump__container .in-page-jump__menu {
display: none;
line-height: 50px;
text-align: center;
font-weight: 600;
color: #fff;
}
.in-page-jump .in-page-jump__container .in-page-jump__menu i {
transition: transform 0.4s ease;
}
@media (max-width: 1060px) {
.in-page-jump .in-page-jump__container .in-page-jump__menu {
display: block;
}
}
.in-page-jump .in-page-jump__container .in-page-jump__item {
display: inline-block;
text-align: center;
transition: color 0.4s ease;
color: #fff;
font-weight: 400;
font-size: 16px;
}
@media (max-width: 480px) {
.in-page-jump .in-page-jump__container .in-page-jump__item {
line-height: 2.2;
}
}
@media (max-width: 1060px) {
.in-page-jump .in-page-jump__container .in-page-jump__item {
display: block;
margin-bottom: 5px;
}
.in-page-jump .in-page-jump__container .in-page-jump__item:last-child {
margin-bottom: 0;
}
}
.in-page-jump .in-page-jump__container .in-page-jump__item i {
transition: transform 0.4s ease;
padding-left: 0;
}
.testimonials {
position: relative;
background: url(assets/images/testimonials-bg.webp);
background-size: cover;
padding: 100px 25px;
}
.bg {
background: url(assets/images/bg.webp);
background-size: cover;
}
.bg2 {
background: url(assets/images/bg2.webp);
background-size: cover;
}
.bg3 {
background: url(assets/images/bg3.webp);
background-size: cover;
}
.testimonials2 {
background: none;
}
@media (max-width: 769px) {
.testimonials {
padding: 50px;
background-position: center;
}
}
@media (max-width: 480px) {
.testimonials {
padding: 25px;
}
}
.testimonials .container {
padding: 50px 150px;
background: rgba(255, 255, 255, 0.9);
max-width: 1100px;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1060px) {
.testimonials .container {
padding: 25px;
}
}
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
background-size: 50px;
}
@media (max-width: 1060px) {
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
display: none;
}
}
.testimonials .swiper-button-next {
right: -50px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
}
.testimonials .swiper-button-prev {
left: -50px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}
.testimonials .testimonials__swiper {
position: relative;
text-align: center;
}
.testimonials .testimonials__swiper::before {
content: " ";
position: absolute;
left: -98px;
top: 0;
height: 100%;
width: 100%;
background-image: url(assets/images/quote.png);
background-repeat: no-repeat;
background-size: 98px 82px;
}
@media (max-width: 480px) {
.testimonials .testimonials__swiper::before {
left: 0;
opacity: 0.5;
}
}
.testimonials .testimonials__swiper .swiper-wrapper {
align-items: center;
}
.testimonials .testimonials__swiper .swiper-slide {
color: #fff;
}
.testimonials .testimonials__swiper .swiper-slide p {
text-align: center;
font-size: 22px;
line-height: 1.5;
font-weight: 200;
margin-left: auto;
margin-right: auto;
color: #2c2c2c;
}
@media (max-width: 769px) {
.testimonials .testimonials__swiper .swiper-slide p {
font-size: 18px;
margin-top: 0;
}
}
.testimonials .testimonials__swiper .swiper-slide span {
display: block;
text-align: center;
font-size: 18px;
color: #2c2c2c;
font-style: italic;
}
.testimonials .swiper-pagination-bullets {
width: 100%;
text-align: center;
margin-bottom: 25px;
margin-top: 25px;
position: relative;
}
.testimonials .swiper-pagination-bullets .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 5px;
background-color: white;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
opacity: 1;
}
.testimonials .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #9b273e;
}
.find-procedure h2 {
color: #9b273e;
font-size: 13px;
text-align: center;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 30px;
}
@media (max-width: 769px) {
.find-procedure h2 {
margin-bottom: 25px;
}
}
.procedure-before-afters {
margin-top: 75px;
}
@media (max-width: 769px) {
.procedure-before-afters {
margin-top: 84px;
margin-bottom: 25px;
}
}
@media (max-width: 769px) {
.procedure-before-afters {
margin-top: 25px;
}
}
.procedure-before-afters h2 {
color: #9b273e;
}
.procedure-before-afters h2,
.procedure-before-afters h3 {
text-align: center;
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
margin-bottom: 20px;
letter-spacing: 1px;
}
.procedure-before-afters h2:after,
.procedure-before-afters h3:after {
content: none;
}
@media (max-width: 769px) {
.procedure-before-afters h2,
.procedure-before-afters h3 {
margin-bottom: 70px;
}
}
.procedure-before-afters p {
text-align: center;
color: #858585;
font-size: 14px;
font-weight: 300;
margin-top: 25px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.procedure-before-afters a {
margin: 0 auto;
}
.procedure-before-afters .procedure-gallery {
position: relative;
}
.procedure-before-afters .procedure-gallery .swiper-button-prev,
.procedure-before-afters .procedure-gallery .swiper-button-next {
z-index: 1;
bottom: auto;
top: -27px;
width: 40px;
height: 40px;
right: 0px;
background-image: url(assets/images/arrow-right.webp);
background-size: 23%;
background-color: #9b273e;
}
.procedure-before-afters .procedure-gallery .swiper-button-prev {
right: 41px;
left: auto;
background-image: url(assets/images/arrow-left.webp);
}
.procedure-before-afters .procedure-gallery .procedure-gallery-container__swiper-pagination {
font-size: 22px;
position: absolute;
right: auto;
left: 0px;
bottom: auto;
font-family: "Gotham";
font-weight: 300;
color: #797979;
top: -45px;
width: auto;
}
.procedure-before-afters .procedure-gallery .swiper-button-disabled {
visibility: visible;
}
.procedures .procedures__tabs {
display: flex;
margin-bottom: 50px;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
@media (max-width: 1060px) {
.procedures .procedures__tabs {
margin-bottom: 25px;
}
}
@media (max-width: 769px) {
.procedures .procedures__tabs {
flex-wrap: wrap;
margin-bottom: 20px;
}
}
.procedures .procedures__tabs .procedures__tab {
width: 100%;
background: #bfc4c8;
border-right: 1px solid white;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
padding: 30px;
font-size: 23px;
font-weight: 300;
transition: background 0.4s ease;
cursor: pointer;
line-height: 1;
}
.procedures .procedures__tabs .procedures__tab h2 {
font-size: 23px;
text-transform: none;
color: white;
margin-bottom: 0;
font-weight: 300;
letter-spacing: 0;
}
@media (max-width: 480px) {
.procedures .procedures__tabs .procedures__tab h2 {
font-size: 18px;
}
}
@media (max-width: 1060px) {
.procedures .procedures__tabs .procedures__tab {
padding: 15px;
}
}
@media (max-width: 769px) {
.procedures .procedures__tabs .procedures__tab {
width: 25%;
font-size: 18px;
padding: 15px;
border-bottom: 1px solid white;
width: 50%;
font-size: 16px;
}
.procedures .procedures__tabs .procedures__tab:nth-child(2) {
border-right: none;
}
.procedures .procedures__tabs .procedures__tab:nth-child(3),
.procedures .procedures__tabs .procedures__tab:nth-child(4) {
border-bottom: none;
}
}
.procedures .procedures__tabs .procedures__tab i {
transition: transform 0.4s ease;
}
@media (max-width: 480px) {
.procedures .procedures__tabs .procedures__tab i {
display: none;
}
}
.procedures .procedures__tabs .procedures__tab.active {
background: #9b273e;
}
.procedures .procedures__tabs .procedures__tab.active i {
transform: rotate(90deg);
}
.procedures .procedures__tabs .procedures__tab:last-child {
border-right: none;
}
.procedures .procedures__procedure {
display: flex;
}
.procedures .procedures__procedure h2 {
margin-bottom: 20px;
}
.procedures .procedures__procedure .procedure__image {
width: 50%;
margin-right: 50px;
background-size: cover;
background-position: center center;
height: 600px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.procedures .procedures__procedure .procedure__image .inline-quote {
background: #fff;
padding: 20px 40px;
margin: 30px;
}
.procedures .procedures__procedure .procedure__image .inline-quote::before {
display: none;
}
@media (max-width: 1060px) {
.procedures .procedures__procedure .procedure__image {
margin-right: 25px;
}
}
@media (max-width: 769px) {
.procedures .procedures__procedure .procedure__image {
display: none;
}
}
.procedures .procedures__procedure .procedure__panel {
width: 50%;
margin-left: 50px;
padding-top: 50px;
}
@media (max-width: 1060px) {
.procedures .procedures__procedure .procedure__panel {
margin-left: 25px;
}
}
@media (max-width: 769px) {
.procedures .procedures__procedure .procedure__panel {
width: 100%;
margin-left: 0;
padding-top: 0;
}
}
.procedures .procedures__procedure .procedure__panel .procedure__list {
display: flex;
padding-bottom: 40px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 40px;
}
@media (max-width: 769px) {
.procedures .procedures__procedure .procedure__panel .procedure__list {
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
}
}
.procedures .procedures__procedure .procedure__panel .procedure__list .procedure__list-item {
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
color: #2c2c2c;
cursor: pointer;
}
@media (max-width: 769px) {
.procedures .procedures__procedure .procedure__panel .procedure__list .procedure__list-item {
display: table;
margin-left: auto;
margin-right: auto;
font-size: 15px;
margin-bottom: 10px;
border-bottom: 4px solid transparent;
}
.procedures .procedures__procedure .procedure__panel .procedure__list .procedure__list-item:last-child {
margin-bottom: 0;
}
}
.procedures .procedures__procedure .procedure__panel .procedure__list .procedure__list-item.active {
border-bottom: 4px solid #9b273e;
}
.procedures .procedures__procedure .procedure__panel .procedure__list .procedure__list-separator {
margin: 0 10px;
font-weight: 400;
color: #afafaf;
}
@media (max-width: 769px) {
.procedures .procedures__procedure .procedure__panel .procedure__list .procedure__list-separator {
display: none;
}
}
.procedures .procedures__procedure .procedure__panel .procedure__detail h3 {
font-weight: 200;
font-size: 40px;
line-height: 1;
text-transform: none;
text-align: left;
margin-bottom: 25px;
}
.procedures .procedures__procedure .procedure__panel .procedure__detail p {
font-weight: 200;
font-size: 16px;
}
.location {
background: url(assets/images/loc.webp);
background-size: cover;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 100px 0;
margin-bottom: 0;
min-height: 500px;
}
@media (max-width: 769px) {
.location {
padding: 50px 0;
}
}
.location .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #9b273e;
padding: 65px;
max-width: 1100px;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
@media (max-width: 1060px) {
.location .container {
padding: 50px;
}
}
@media (max-width: 769px) {
.location .container {
padding: 25px;
}
}
.location img {
max-height: 60px;
}
.location .column {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.location p {
text-align: center;
margin: 0;
}
.location .location__address {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
font-weight: 300;
margin-top: 20px;
color: #fff;
}
.location .location__address a {
color: #fff;
}
.location .columns {
overflow: hidden;
}
.inline-quote {
margin: 0 100px;
position: relative;
}
@media (max-width: 769px) {
.inline-quote {
margin: 0;
}
}
.inline-quote::before {
content: " ";
position: absolute;
left: -98px;
top: 0;
height: 100%;
width: 100%;
background-image: url(assets/images/quote.png);
background-repeat: no-repeat;
background-size: 98px 82px;
}
@media (max-width: 480px) {
.inline-quote::before {
left: 0;
opacity: 0.5;
}
}
.inline-quote p {
font-size: 20px;
font-weight: 200;
line-height: 1.5;
text-align: center;
}
.inline-quote .inline-quote__cite {
font-style: italic;
font-size: 14px;
font-weight: 300;
}
a i.fas {
transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
}
a:hover i.fas {
transform: translateX(6px);
-webkit-transform: translateX(6px);
}
.image-overlay {
z-index: 1;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-bottom: 1px;
}
.image-overlay .container {
max-width: 1000px;
width: 100%;
}
@media (max-width: 480px) {
.image-overlay .container {
padding-top: 25px;
}
}
.image-overlay .image-overlay__bg {
padding: 50px;
background-color: white;
height: 100%;
z-index: 1;
position: relative;
margin-top: -150px;
}
@media (max-width: 769px) {
.image-overlay .image-overlay__bg {
padding: 25px;
}
}
@media (max-width: 480px) {
.image-overlay .image-overlay__bg {
padding: 0;
margin-top: 0;
padding-top: 25px;
}
}
.image-overlay .image-overlay__bg::after,
.image-overlay .image-overlay__bg::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 1px;
z-index: -1;
background-image: url(assets/images/masthead-title-bg.png);
background-size: 1px 100%;
}
@media (max-width: 480px) {
.image-overlay .image-overlay__bg::after,
.image-overlay .image-overlay__bg::before {
background: white;
}
}
.image-overlay .image-overlay__bg::after {
left: 100%;
}
.image-overlay .image-overlay__bg::before {
left: -100%;
}
.image-overlay .image-overlay__bg h2 {
font-weight: 200;
text-align: left;
font-size: 35px;
line-height: 1.3;
margin-top: -20px;
}
.image-overlay .image-overlay__bg p {
font-weight: 200;
font-size: 16px;
}
@media (max-width: 480px) {
.image-overlay {
padding: 0 0;
margin-left: 0;
margin-right: 0;
}
}
.image-overlay .image-overlay__image {
transform-origin: bottom left;
position: static;
height: 700px;
width: 100%;
overflow: hidden;
background-image: none;
background-size: cover;
background-position: bottom center;
}
@media screen and (min-width: 1600px) {
.image-overlay .image-overlay__image {
background-position: center top;
}
}
@media (max-width: 769px) {
.image-overlay .image-overlay__image {
opacity: 0.5;
height: 530px;
}
}
@media (max-width: 480px) {
.image-overlay .image-overlay__image {
height: 300px;
opacity: 1;
}
}
.fullwidth-title {
background: #9b273e;
padding: 30px 0;
}
.fullwidth-title .container {
max-width: 1100px;
}
.fullwidth-title p,
.fullwidth-title a {
text-align: center;
color: #fff;
font-size: 23px;
font-weight: 300;
}
@media (max-width: 480px) {
.fullwidth-title p,
.fullwidth-title a {
font-size: 19px;
}
}
@media (max-width: 769px) {
.text-with-list .columns p {
text-align: left;
}
}
.swiper-faq-container {
background: url(assets/images/feature-faq.webp);
background-size: cover;
width: 100%;
padding: 115px 50px;
}
@media (max-width: 1060px) {
.swiper-faq-container {
padding: 25px;
}
}
@media (max-width: 769px) {
.swiper-faq-container {
padding: 25px;
background-position: center center;
}
}
.swiper-faq-container .swiper-faq {
overflow: hidden;
padding: 50px 110px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
display: flex;
position: relative;
}
@media (max-width: 1252px) {
.swiper-faq-container .swiper-faq {
padding: 50px;
}
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq {
flex-direction: column;
padding: 25px;
}
}
.swiper-faq-container .swiper-faq h3 {
font-size: 30px;
font-weight: 200;
line-height: 1.4;
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq h3 {
font-size: 22px;
}
}
.swiper-faq-container .swiper-faq p {
font-weight: 200;
font-size: 16px;
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq p {
font-size: 15px;
text-align: left;
}
}
.swiper-faq-container .swiper-faq li {
margin-bottom: 20px;
}
.swiper-faq-container .swiper-faq .column h2 {
text-align: left;
line-height: 1.3;
}
.swiper-faq-container .swiper-faq .swiper-pagination {
margin-top: 25px;
position: relative;
z-index: 9;
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq .swiper-pagination {
position: relative;
bottom: 0;
padding-bottom: 25px;
text-align: center;
width: 100%;
left: 0;
top: 0;
}
}
.swiper-faq-container .swiper-faq .swiper-pagination .swiper-faq__link {
text-align: left;
margin-bottom: 25px;
line-height: 1.3;
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq .swiper-pagination .swiper-faq__link {
display: inline-block;
margin: 0 5px;
}
}
.swiper-faq-container .swiper-faq .swiper-pagination .swiper-faq__link .swiper-faq__button {
text-transform: uppercase;
color: #2c2c2c;
padding-bottom: 9px;
font-size: 13px;
letter-spacing: 2px;
font-weight: 400;
}
.swiper-faq-container .swiper-faq .swiper-pagination .swiper-faq__link .swiper-faq__button.selected {
color: #9b273e;
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq .swiper-pagination .swiper-faq__link .swiper-faq__button {
display: inline-block;
width: 10px;
height: 10px;
background: gray;
border-radius: 50%;
}
.swiper-faq-container .swiper-faq .swiper-pagination .swiper-faq__link .swiper-faq__button span {
display: none;
}
.swiper-faq-container .swiper-faq .swiper-pagination .swiper-faq__link .swiper-faq__button.selected {
background: #9b273e;
border-bottom: none;
}
}
.swiper-faq-container .swiper-faq .swiper-faq__title {
width: 40%;
padding-right: 75px;
}
@media (max-width: 1060px) {
.swiper-faq-container .swiper-faq .swiper-faq__title {
padding-right: 50px;
}
}
@media (max-width: 1060px) {
.swiper-faq-container .swiper-faq .swiper-faq__title {
padding-right: 25px;
}
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq .swiper-faq__title {
width: 100%;
padding-right: 0;
}
}
.swiper-faq-container .swiper-faq .swiper-faq__title h2 {
font-size: 35px;
line-height: 1.3;
text-align: left;
font-weight: 200;
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq .swiper-faq__title h2 {
font-size: 25px;
}
}
.swiper-faq-container .swiper-faq .swiper-faq__answers {
width: 60%;
padding-left: 75px;
}
@media (max-width: 1252px) {
.swiper-faq-container .swiper-faq .swiper-faq__answers {
padding-left: 50px;
}
}
@media (max-width: 1060px) {
.swiper-faq-container .swiper-faq .swiper-faq__answers {
padding-left: 25px;
}
}
@media (max-width: 769px) {
.swiper-faq-container .swiper-faq .swiper-faq__answers {
width: 100%;
padding-left: 0;
}
}
.columns.is-grid .column {
padding-bottom: 50px;
border-right: 1px solid #e5e5e5;
}
@media (max-width: 769px) {
.columns.is-grid .column {
border-right: none;
}
}
.columns.is-grid .column:last-child {
border-right: none;
}
.columns.is-grid:last-child .column {
border-bottom: none;
}
.columns.is-grid ~ .is-grid .column {
padding-top: 50px;
padding-bottom: 50px;
border-top: 1px solid #e5e5e5;
}
.two-col {
columns: 2;
column-span: none;
column-gap: 40px;
}
@media (max-width: 480px) {
.two-col {
columns: 1;
}
}
.edit-copy {
margin: 0 auto;
padding: 0 50px 100px 50px;
max-width: 1100px;
}
@media (max-width: 769px) {
.edit-copy {
padding: 25px;
}
}
.edit-copy h1::after,.edit-copy .h1::after,
.edit-copy h2::after,.edit-copy .h2::after {
content: " ";
height: 1px;
width: 100%;
background-color: #e5e5e5;
margin-top: 40px;
margin-bottom: 40px;
display: block;
}
.edit-copy .lead {
font-size: 37px;
font-weight: 200;
}
@media (max-width: 769px) {
.edit-copy .lead {
font-size: 25px;
}
}
.edit-copy p {
margin-bottom: 30px;
font-size: 16px;
font-weight: 200;
text-align: left;
}
.edit-copy p:last-child {
margin-bottom: 0;
}
@media (max-width: 769px) {
.edit-copy p {
text-align: left;
}
}
#ipj-testimonials h2 {
font-size: 13px;
text-align: center;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
color: #9b273e;
margin-bottom: 40px;
}
.edit-copy.testimonial {
padding: 0;
}
.edit-copy.testimonial h2::after {
margin-bottom: 0 !important;
height: 0 !important;
}
.meet-feature {
box-shadow: 0 7.5px 15px 0 rgba(0, 0, 0, 0.08);
margin-top: 50px;
}
.meet-feature .meet-feature__dr-giulio {
background: url(assets/images/conocenos.webp);
height: 550px;
background-size: cover;
background-position: center top;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
align-items: center;
}
@media (max-width: 1252px) {
.meet-feature .meet-feature__dr-giulio {
height: 850px;
}
}
@media (max-width: 1060px) {
.meet-feature .meet-feature__dr-giulio {
background: #f3f3f3;
height: auto;
}
}
.meet-feature .meet-feature__dr-giulio .meet-feature__text {
max-width: 720px;
position: absolute;
right: 50px;
background: #9b273e;
padding: 50px;
top: 50px;
}
.meet-feature .meet-feature__dr-giulio .meet-feature__text p,
.meet-feature .meet-feature__dr-giulio .meet-feature__text a {
color: white;
font-size: 16px;
}
@media (max-width: 769px) {
.meet-feature .meet-feature__dr-giulio .meet-feature__text p,
.meet-feature .meet-feature__dr-giulio .meet-feature__text a {
margin-bottom: 0;
}
}
.meet-feature .meet-feature__dr-giulio .meet-feature__text .button {
font-size: 14px;
}
.meet-feature .meet-feature__dr-giulio .meet-feature__text .meet-feature__buttons {
position: absolute;
left: 0;
width: 100%;
transform: translateY(calc(100% + 50px));
}
@media (max-width: 1060px) {
.meet-feature .meet-feature__dr-giulio .meet-feature__text .meet-feature__buttons {
position: static;
margin-top: 25px;
transform: none;
}
}
.meet-feature .meet-feature__dr-giulio .meet-feature__text .meet-feature__buttons a {
color: #2c2c2c;
}
.meet-feature .meet-feature__dr-giulio .meet-feature__text .meet-feature__buttons a:hover {
color: #fff;
}
@media (max-width: 1060px) {
.meet-feature .meet-feature__dr-giulio .meet-feature__text {
position: relative;
right: auto;
top: auto;
margin-bottom: 50px;
margin-top: 50px;
}
}
@media (max-width: 769px) {
.meet-feature .meet-feature__dr-giulio .meet-feature__text {
margin-top: 0;
padding: 50px 25px;
}
}
.meet-feature .meet-feature__portrait {
display: none;
}
@media (max-width: 769px) {
.meet-feature .meet-feature__portrait {
display: block;
}
}
.cascade-wrapper {
overflow: hidden;
}
.cascade-wrapper .cascade {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin: -50px;
}
@media (max-width: 1060px) {
.cascade-wrapper .cascade {
margin: -25px;
}
}
.cascade-wrapper .cascade a {
transition: background 0.25s ease;
}
.cascade-wrapper .cascade a:hover {
background: rgba(183, 165, 131, 0.2);
}
.cascade-wrapper .cascade > * {
width: 100%;
flex-shrink: 0;
padding: 0 50px;
margin-bottom: -1px;
}
@media (max-width: 1060px) {
.cascade-wrapper .cascade > * {
padding: 0 25px;
}
}
@media (max-width: 480px) {
.cascade-wrapper .cascade > * {
width: 100%;
}
}
.cascade-wrapper .cascade.is-2 > * {
width: 50%;
}
@media (max-width: 480px) {
.cascade-wrapper .cascade.is-2 > * {
width: 100%;
}
}
.cascade-wrapper .cascade.is-3 > * {
width: 33.33%;
}
@media (max-width: 769px) {
.cascade-wrapper .cascade.is-3 > * {
width: 50%;
}
}
@media (max-width: 480px) {
.cascade-wrapper .cascade.is-3 > * {
width: 100%;
}
}
.cascade-wrapper .cascade.is-grid {
margin: 0 -2px -1px 0;
}
.cascade-wrapper .cascade.is-grid > * {
padding-bottom: 35px;
padding-top: 25px;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
display: flex;
flex-direction: column;
}
.cascade-wrapper .cascade.is-grid .button {
margin-top: auto;
align-self: flex-start;
}
.small-text p {
font-size: 0.85em;
}
.modal {
z-index: 55;
overflow: auto;
}
.footer-notice {
background-color: #9b273e26;
padding: 10px;
text-align: center;
margin-top: 35px;
}
.footer-notice p.small {
font-size: 12px;
}
.fadeOutUp::after {
opacity: 0;
}
.white {
color: #fff;
}
input[type="date"]::-webkit-calendar-picker-indicator {
-webkit-appearance: none;
display: none;
}
.mb0 {
margin-bottom: 0px !important;
}
.aicpe-logo{
height: 1.5em;
background-color: grey;
margin-bottom: 0!important;
}
.second-cat{
margin-top: 1em!important;
}
.pt0{
padding-top: 0em!important;
}
.pt1{
padding-top: 1em!important;
}
.pt2{
padding-top: 2em!important;
}
.fs25{
font-size: 25px!important;
}
.pb1{
padding-bottom: 1em!important;
}
.pb2{
padding-bottom: 2em!important;
}
.mb0{
margin-bottom: 0em!important;
}
.mb1{
margin-bottom: 1em!important;
}
.color-white{
color: white!important;
}
.text-center{
text-align: center!important;
}
.d-none{
display: none!important;
}

/* Telefono: niente contenuti oltre il bordo dello schermo (ott. 2026) */
@media (max-width: 768px) {
  .masthead .container { width: 100%; }
  .masthead .container, .masthead__title, .masthead__bg { min-width: 0; max-width: 100%; }
  .masthead__title h1, .masthead__title h2, .masthead__sub-title, .masthead__title p, .masthead__title small { overflow-wrap: anywhere; }
  .sub-page__content, .edit-copy { overflow-x: hidden; overflow-x: clip; }
  .sub-page__content a, .edit-copy a { overflow-wrap: anywhere; }
  .sub-page__content iframe, .edit-copy iframe { max-width: 100%; }
}