.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}  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;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} 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-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
@font-face {
font-family: 'Messina Sans Regular';
src: url(//quatuoragate.com/wp-content/themes/quatuoragate/assets/fonts/MessinaSans-Regular.woff2) format('woff2'), url(//quatuoragate.com/wp-content/themes/quatuoragate/assets/fonts/MessinaSans-Regular.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
:root {
--black: #202122;
--black2: #282a2b;
--black3: #252626;
--black4:#d0dce5;
--primary: #202122;
--ternary: #282a2b;
--secondary: #CBB084;
--secondaryalt: #C49D78;
--ease: cubic-bezier(0.59, 0.17, 0.24, 1); --pmc: #C49D78;
--grey: #888888;
--corsi: #B1513D;
--lsp-small: 2px;
--rounded: 3px; --head-font: 'Anton', sans-serif;
--h-font: 'Anton', sans-serif;
--gen-font: 'Messina Sans', 'Lato', 'Helvetica', sans-serif;
--hzpd: 7%; }
.ttu {
text-transform: uppercase
}.sm-font{
font-size: 13px;
}
.ttu.secondary.lsp-small.sm-font *{
font-size: 13px;
}
.sm-title,
.sm-t.ttu {
font-family:'Anton', sans-serif;
letter-spacing: var(--lsp-small);
text-transform: uppercase
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family:'Anton', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3.5px;
line-height: 1.45;
}
.h-font {
font-family: 'Anton', sans-serif;
letter-spacing: var(--lsp-small)
}
.h-font {
font-family: 'Anton', sans-serif;
}
::-moz-selection {
background: #7c5e41ec;
} ::selection {
background: #7c5e41ec;
}
::-moz-selection {
background: #7c5e41ec;
}
::-webkit-scrollbar {
display: none;
}
*:focus {
outline: none !important
}
.slick-initialized .slick-slide {
cursor: grab;
cursor: -webkit-grab;
}
body {
background: var(--black);
font-family: var(--gen-font), sans-serif;
color: #fff;
} body.fade-in {
opacity: 1;
visibility: visible;
pointer-events: visible;
-webkit-transition: .75s ease-out;
-o-transition: .75s ease-out;
transition: .75s ease-out;
opacity: 1;
}
body.fade-out {
opacity: 0;
pointer-events: none;
-webkit-transition: .75s ease-out;
-o-transition: .75s ease-out;
transition: .75s ease-out;
opacity: 0;
} .cursor {
z-index: 5000 !important;
width: 7px;
height: 7px;
background: var(--pmc);
opacity: .6;
border-radius: 1000px;
position: fixed;
-webkit-transition-duration: 60ms;
-o-transition-duration: 60ms;
transition-duration: 60ms;
pointer-events: none;
left: -7px;
top: -10px;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
overflow: hidden;
}
.cursor-2 {
z-index: 5000 !important;
width: 40px;
height: 40px;
border: 1px solid var(--pmc);
background: transparent;
opacity: .5;
border-radius: 1000px;
position: fixed;
-webkit-transition: all 65ms ease-out;
-o-transition: all 65ms ease-out;
transition: all 65ms ease-out;
left: -24px;
top: -26px;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
overflow: hidden;
}
.cursor.expand {
-webkit-animation: expand-cursor 400ms ease-in-out;
animation: expand-cursor 400ms ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
background: var(--pmc);
}
@-webkit-keyframes expand-cursor {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(2.4);
transform: scale(2.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes expand-cursor {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(2.4);
transform: scale(2.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
#overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
z-index: -1;
-webkit-transition: 3s ease-out;
-o-transition: 3s ease-out;
transition: 3s ease-out;
}
#overlay.show {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 1;
z-index: 150;
-webkit-transition: 3s ease-out;
-o-transition: 3s ease-out;
transition: 3s ease-out;
}
.p-rel {
position: relative;
} .show {
display: block;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.hidden {
height: 0;
opacity: 0;
-webkit-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
margin-left: -9999px;
position: absolute !important;
}
.visible {
height: auto;
opacity: 1;
-webkit-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
margin-left: unset;
position: relative;
}  h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--pmc);
font-family: var(--head-font), sans-serif;
font-weight: 300;
text-transform: uppercase;
letter-spacing: calc(4px + 0.025vw);
max-width: 500px;
display: inline-block;
}
p {
font-family: var(--gen-font), sans-serif;
font-weight: 300;
max-width: 560px;
font-size: calc(16px + 0.05vw);
line-height: calc(24px + 0.025vw);
}
b {
font-weight: bold;
}  .scroll-loop {
position: absolute;
bottom: unset;
left: 50%;
z-index: 100;
display: inline-block;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
font: sans-serif;
text-decoration: none;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.scroll-loop span {
position: absolute;
top: 0;
left: 50%;
width: 25px;
height: 40px;
margin-left: 0;
border: 2px solid #fff;
border-radius: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: .2;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.scroll-loop::after {
position: absolute;
top: 8px;
left: 50%;
content: '';
width: 5px;
height: 5px;
margin-left: -2px;
background-color: #fff;
border-radius: 100%;
-webkit-animation: loopScroll 2s infinite;
animation: loopScroll 2s infinite;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@-webkit-keyframes loopScroll {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes loopScroll {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
opacity: 0;
}
100% {
opacity: 0;
}
} .circle-arrow {
pointer-events: none;
}
.scroll-top.arrow .circle-arrow {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.scroll-top.arrow .circle-arrow {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
margin: 0 auto 30px;
border: 1px solid var(--black2);
width: 50px;
height: 50px;
border-radius: 2000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 200ms ease-out;
-o-transition: 200ms ease-out;
transition: 200ms ease-out;
}
.scroll-top.arrow:hover {
color: #fff;
}
.scroll-top.arrow:hover .circle-arrow {
-webkit-transition: 200ms ease-out;
-o-transition: 200ms ease-out;
transition: 200ms ease-out;
-webkit-transform: rotate(-90deg) translateX(10px);
-ms-transform: rotate(-90deg) translateX(10px);
transform: rotate(-90deg) translateX(10px);
} .scroll-top.arrow.site:hover {
opacity: 1;
}
.scroll-top.arrow.site,
.scroll-top.arrow.site .circle-arrow {
pointer-events: all;
cursor: pointer;
}
.scroll-top.arrow.site {
position: fixed;
bottom: 30px;
z-index: 1000;
right: 15px;
opacity: 0.5;
-webkit-transition: 100ms ease;
-o-transition: 100ms ease;
transition: 100ms ease;
}
.scroll-top.arrow.site .circle-arrow {
border: 1px solid #d4d4d4d4;
}
.scroll-top.arrow.site svg line {
stroke: #d4d4d4d4;
} .line-stag {
overflow: hidden;
}
.ls_go .line-stag div{
transform: translateY(0);
transition: 700ms ease-out;
}
.line-stag div:nth-of-type(2) {
transition-delay: 300ms;
}
.line-stag:last-of-type(.ls_go) {
-webkit-animation-delay: .5s;
animation-delay: .5s;
transition-delay:60ms;
}
@-webkit-keyframes stag-text-up {
from {
-webkit-transform: translateY(80px);
transform: translateY(80px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stag-text-up {
from {
-webkit-transform: translateY(80px);
transform: translateY(80px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes stag-text-down {
from {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stag-text-down {
from {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .plx-holder {
width: auto;
overflow: hidden;
position: relative;
}
.plx-holder.fw {
width: 100%;
height: 100%;
}
.plx-holder .plx-panel {
background: var(--black3);
width: 100%;
height: 100%;
z-index: 10;
position: absolute;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: 1.4s ease-out;
-o-transition: 1.4s ease-out;
transition: 1.4s ease-out;
}
.plx-holder.corsi .plx-panel {
background: var(--pmc);
}
.plx-holder.on_w .plx-panel {
background: var(--corsi);
}
.plx-holder img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: 1.4s cubic-bezier(0.24, 0.29, 0, 0.99);
-o-transition: 1.4s cubic-bezier(0.24, 0.29, 0, 0.99);
transition: 1.4s cubic-bezier(0.24, 0.29, 0, 0.99);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
} .plx-holder.show {
-webkit-transition-delay: .45s !important;
-o-transition-delay: .45s !important;
transition-delay: .45s !important;
}
.plx-holder.show .plx-panel {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: 1.4s cubic-bezier(0.24, 0.29, 0, 0.99);
-o-transition: 1.4s cubic-bezier(0.24, 0.29, 0, 0.99);
transition: 1.4s cubic-bezier(0.24, 0.29, 0, 0.99);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.plx-holder.show img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: 2.5s cubic-bezier(0.24, 0.29, 0, 0.99);
-o-transition: 2.5s cubic-bezier(0.24, 0.29, 0, 0.99);
transition: 2.5s cubic-bezier(0.24, 0.29, 0, 0.99);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
} .splitting.split-text,
.splitting.split-text .char {
opacity: 0;
-webkit-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
}
.splitting.split-text.active .char {
opacity: 0;
-webkit-animation: slide-in 900ms ease-out both;
animation: slide-in 900ms ease-out both;
-webkit-animation-delay: calc(35ms * var(--char-index));
animation-delay: calc(35ms * var(--char-index));
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transition: 500ms ease;
-o-transition: 500ms ease;
transition: 500ms ease;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-10px) rotate(-10deg) scale(.7);
transform: translateY(-10px) rotate(-10deg) scale(.7);
}
40% {
-webkit-transform: translateY(0) rotate(0deg) scale(1);
transform: translateY(0) rotate(0deg) scale(1);
}
100% {
opacity: 1;
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-10px) rotate(-10deg) scale(.7);
transform: translateY(-10px) rotate(-10deg) scale(.7);
}
40% {
-webkit-transform: translateY(0) rotate(0deg) scale(1);
transform: translateY(0) rotate(0deg) scale(1);
}
100% {
opacity: 1;
}
} ._grey {
color: var(--grey);
}
._corsi {
color: var(--corsi);
}
._pmc {
color: var(--pmc)
}
.bg-primary {
background-color: var(--primary);
}
._white {
color: #fff;
}
.on_w a {
color: var(--pmc);
}
.bg-darker {
background: var(--black3);
}
.white {
background-color: white;
color: var(--black)
}
.t1 {
color: var(--pmc);
}
.sc_t .t1 {
color: #fff;
}
.sc_t.on_w .t1 {
color: var(--black);
}
.sc_t .t1,
.t1 {
position: relative;
font-family: var(--head-font), sans-serif;
text-transform: uppercase;
letter-spacing: calc(4px + 0.05vw);
font-size: calc(26px + 0.15vw);
line-height: calc(32px + 0.15vw);
display: inline-block;
text-align: center;
}
.t1.big {
font-size: calc(76px + 0.05vw);
line-height: calc(70px + 0.05vw);
letter-spacing: calc(7px + 0.05vw);
max-width: unset;
}
.t1.medium {
font-size: calc(35px + 0.15vw);
line-height: calc(41px + 0.15vw);
}
.sc_t .t2,
.t2 {
color: var(--pmc);
font-family: var(--gen-font), sans-serif;
text-transform: uppercase;
letter-spacing: var(--lsp-small);
font-size: calc(20px + 0.05vw);
line-height: calc(30px + 0.05vw);
display: inline-block;
text-align: center;
font-weight: 300;
}
.t3 {
position: relative;
font-family: var(--head-font), sans-serif;
text-transform: uppercase;
letter-spacing: var(--lsp-small);
font-size: calc(20px + 0.05vw);
line-height: calc(20px + 0.05vw);
display: inline-block;
text-align: left;
}
.t4 {
position: relative;
font-family: var(--head-font), sans-serif;
text-transform: uppercase;
letter-spacing: var(--lsp-small);
font-size: 15px;
line-height: 20px;
display: inline-block;
text-align: left;
}
.txp {
font-family: var(--gen-font), sans-serif;
font-weight: 300;
max-width: 710px;
font-size: calc(18px + 0.015vw);
line-height: calc(26px + 0.3vw);
}
.bold_t {
color: #fff;
font-family: var(--head-font), sans-serif;
text-transform: uppercase;
letter-spacing: var(--lsp-small);
font-size: calc(30px + 0.05vw);
line-height: calc(48px + 0.05vw);
text-align: center;
max-width: 700px;
margin: 0 auto;
}
.sc_t .t1::after {
content: '';
display: block;
position: absolute;
width: calc(40px + 0.6vw);
height: 1px;
left: 100%;
margin-left: 10px;
background: var(--pmc);
right: 0;
top: 50%;
}
p.subh {
font-size: calc(22px + 0.025vw);
line-height: calc(33px + 0.025vw);
font-weight: 600;
}
p.subh.itl {
font-weight: 400;
font-size: calc(16px + .2vw);
line-height: calc(26px + .3vw);
padding: 25px 10px;
letter-spacing: 2px;
-webkit-hyphens: initial;
-ms-hyphens: initial;
hyphens: initial;
}
.itl {
font-style: italic
}
.tc {
text-align: center
}
.tl {
text-align: left
} a {
color: #fff;
font-family: var(--head-font), sans-serif;
text-transform: uppercase;
letter-spacing: var(--lsp-small);
text-align: center;
display: inline-block;
width: auto;
text-decoration: none;
font-size: 15px;
line-height: 1.3;
padding: 0;
-webkit-transition: 100ms ease-out;
-o-transition: 100ms ease-out;
transition: 100ms ease-out;
}
.rounded {
border-radius: var(--rounded)
}
a:hover,
a.dsh:hover,
.artist-info a:hover,
a:focus,
a:active,
button:hover,
button:active {
color: var(--pmc);
-webkit-transition: 100ms ease-out;
-o-transition: 100ms ease-out;
transition: 100ms ease-out;
}
.arrow-button>div svg {
width: 21px;
height: 18px;
}
.arrow-button>div {
background: var(--black3);
width: 40px;
height: 40px;
border-radius: 1000px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
}
.arrow-button {
display: flex;
align-items: center;
}
a:focus {
outline: var(--pmc);
}
a:hover,
a:active {
outline: 0;
}
a.dsh {
position: relative;
z-index: 10;
}
a.dsh.on_w {
color: var(--black);
}
a.dsh.large {
font-size: 20px;
margin: 70px 0;
letter-spacing: var(--lsp-small);
}
a.dsh::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
left: 100%;
margin-left: 8px;
background: var(--pmc);
right: 0;
top: 50%;
-webkit-transform: scaleX(.25) translate(0, -50%);
-ms-transform: scaleX(.25) translate(0, -50%);
transform: scaleX(.25) translate(0, -50%);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
z-index: 10;
}
a.dsh:hover:after {
-webkit-transform: scaleX(1.1) translate(0, -50%) rotate(-1deg);
-ms-transform: scaleX(1.1) translate(0, -50%) rotate(-1deg);
transform: scaleX(1.1) translate(0, -50%) rotate(-1deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
left: 0;
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
height: 6px;
z-index: -1;
background: #c49d7838;
} div[class^="fl"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fl-wr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fl-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.fl-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.wr {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .j-ce {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.j-ev {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.j-bet {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.j-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.j-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
} .al-ce {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.al-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.al-s-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
.al-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.al-ba {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.sc_t {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .two-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.l-col,
.r-col {
width: 50%;
}
.H70 {
height: 70vh;
}
.fullH {
height: 100vh;
} .g_hzpd {
padding-left: var(--hzpd);
padding-right: var(--hzpd);
}
.g_hzpd2 {
padding-left: var(--hzpd);
padding-right: var(--hzpd);
}
.g_vpd {
padding-top: calc(70px + 9vh);
padding-bottom: calc(70px + 9vh);
}
.g_vpd2 {
padding-top: calc(100px + 9vh);
padding-bottom: calc(100px + 9vh)
}
.g_pt {
padding-top: calc(70px + 9vh);
}
.g_pb {
padding-bottom: calc(70px + 9vh);
}
.g_sm_vpd {
padding-top: calc(50px + 4vh);
padding-bottom: calc(50px + 4vh);
}
.g_mt,
.mt-3 {
margin-top: calc(70px + 6vh);
}
.g_sup_mt,
.mt-4 {
margin-top: calc(100px + 13vh);
}
.g_sm_mt {
margin-top: calc(50px + 4vh);
}
.g_xs_mt {
margin-top: calc(30px + 2vh);
}
.g_mb,
.mb-3 {
margin-bottom: calc(70px + 6vh);
}
.g_sup_mb,
.mb-4 {
margin-bottom: calc(100px + 13vh);
}
.g_sm_mb,
.mb-2 {
margin-bottom: calc(50px + 4vh);
}
.g_xs_mb {
margin-bottom: calc(30px + 2vh);
}
.mt-1 {
margin-top: 15px;
}
.mt-2 {
margin-top: 25px;
}
.mb-1 {
margin-bottom: 10px;
}
.sub_mb {
margin-bottom: 35px;
}
.m-0a {
margin: 0 auto;
}  *,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 50px;
}
ul,
ol {
list-style-type: none;
}
img {
height: auto;
max-width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: #fff;
border: none;
border-radius: 3px;
background: none;
cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #fff;
border: none;
border-radius: 3px;
padding: 4px 5px;
background: none;
}
.btn.btn-solid-primary {
position: relative
}
.btn.btn-solid-primary:not(.wp-block-button) {
position: relative;
padding: 20px 65px 20px 28px;
background: transparent;
border-radius: 3px;
background: var(--secondaryalt);
color: #fff;
text-transform: uppercase;
font-family: var(--h-font);
letter-spacing: 2px;
font-size: 14px;
text-decoration: none
}
.btn.btn-solid-primary::after {
content: "";
display: block;
position: absolute;
width: 35px;
height: 1px;
background: #fff;
right: 20px;
top: 50%;
transition: 300ms ease
}
@keyframes scaleAltBtns {
0% {
transform-origin: right;
transform: scaleX(1)
}
49% {
transform-origin: right;
transform: scaleX(0)
}
50% {
transform-origin: left;
transform: scaleX(0)
}
99% {
transform-origin: left;
transform: scaleX(1)
}
100% {
transform-origin: right;
transform: scaleX(1)
}
}
.btn.btn-solid-primary:hover::after {
animation: scaleAltBtns 950ms var(--ease)
}
.btn.btn-solid-primary::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 3px;
background: transparent;
border: 1px solid #c49d788a;
top: 0;
left: 0;
transition: 300ms ease
}
.btn.btn-solid-primary:hover::before {
top: 10px;
left: -10px;
transition: 300ms ease;
border: 1px solid #c49d78d7
}
.btn.btn-size-small {
padding: 15px 55px 15px 20px !important
}
.btn.btn-size-small::after {
width: 25px !important
}
::-moz-placeholder {
color: #fff;
}
::placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
color: #fff;
} input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid var(--pmc);
-webkit-text-fill-color: #fff;
-webkit-box-shadow: 0 0 0px 1000px #181818 inset;
-webkit-transition: background-color ease-in-out 0s;
transition: background-color ease-in-out 0s;
-webkit-transition-delay: 5000s;
transition-delay: 5000s;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
input:focus::-webkit-input-placeholder {
color: transparent;
-webkit-transition: .3s;
transition: .3s;
}
input:focus::-moz-placeholder {
color: transparent;
-moz-transition: .3s;
transition: .3s;
}
input:focus:-ms-input-placeholder {
color: transparent;
-ms-transition: .3s;
transition: .3s;
}
input:focus::-ms-input-placeholder {
color: transparent;
-ms-transition: .3s;
transition: .3s;
}
input:focus::placeholder {
color: transparent;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
select {
border: none;
}
textarea {
outline: none;
width: 100%;
resize: none;
overflow: auto;
}
textarea:focus,
input:focus {
outline: none;
}
.lg-backdrop {
background-color: var(--black) !important;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #content[tabindex="-1"]:focus {
outline: 0;
}
.modal {
position: fixed;
top: 0;
z-index: 560;
width: var(--center-cont);
transform: translate(-50%, -47%);
left: 50%;
top: 50%;
opacity: 0;
pointer-events: none;
transition: 200ms var(--ease);
max-width: 1060px;
height: calc(100vh - 5vh)
}
@media screen and (min-width:768px) {
.modal {
height: auto
}
}
.modal.modal-video {
height: auto
}
.modal.modal-video video {
width: 100%;
height: 100%;
border-radius: var(--rounded)
}
.modal.modal-album {
max-width: 750px;
height: auto;
padding: 40px 5px 20px
}
.modal.special-notice {
transform: translate(0, 120%);
max-width: 370px;
left: 0;
bottom: 0;
top: unset;
height: auto !important;
transition: 1600ms var(--ease);
opacity: 1;
z-index: 510;
}
.modal.special-notice .content{
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.modal.special-notice .content .img-wr{
min-height: 200px;
}
.modal.special-notice .content .btn{
margin-bottom: 20px;
}
.modal.special-notice.visible {
transition: 1100ms var(--ease);
transform: translate(0, 0);
}
@media screen and (min-width:768px) {
.modal.modal-album {
padding: 25px
}
}
.modal.modal-album>.content {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
gap: 30px
}
.modal.modal-album .buttons {
background: var(--ternary);
padding: 10px;
border-radius: var(--rounded);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
max-width: 460px
}
.modal.modal-album .buttons button {
padding: 20px;
border-radius: var(--rounded);
display: flex;
flex: 1;
justify-content: center;
color: #fff
}
.modal.modal-album .buttons button.visible {
background: #fff;
color: var(--primary)
}
.modal.modal-album .user-content .swiper-wrapper {
width: 200%
}
.modal.modal-album .user-content .slide {
display: flex;
width: 50%;
gap: 6px
}
.modal.modal-album .user-content .slide .links {
display: flex;
flex-flow: wrap;
justify-content: center;
gap: 12px
}
.modal.modal-album .user-content .slide .links a {
padding: 13px 18px;
border-radius: var(--rounded);
background: var(--ternary);
display: grid;
align-items: center;
justify-content: center;
height: auto;
min-height: 52px;
border: 1px solid transparent
}
.modal.modal-album .user-content .slide .links a:hover {
transition: 200ms ease;
border: 1px solid #ffffff39
}
.modal.modal-album .user-content .slide .links a:hover img {
transition: 200ms ease
}
@media screen and (min-width:768px) {
.modal.modal-album .user-content .slide .links a {
min-height: 85px
}
}
.modal.modal-album .user-content .slide .links a img {
object-fit: contain;
width: 124px;
max-height: 80px;
opacity: 1;
transition: 200ms ease
}
@media screen and (min-width:768px) {
.modal.modal-album .user-content .slide .links a img {
width: 180px;
}
}
.modal>.content {
width: 100%;
height: 100%;
display: block;
overflow: scroll
}
.modal .close-btn {
cursor: pointer;
position: absolute;
right: 8px;
top: 8px;
z-index: 10;
width: 42px;
height: 42px;
padding: 0;
margin: 0;
background: var(--ternary);
display: grid;
place-items: center;
place-content: center;
font-size: 18px;
color: #fff;
border-radius: var(--rounded)
}
.modal .close-btn svg {
width: 13px;
height: 13px;
pointer-events: none;
display: flex;
}
.modal .close-btn .span {
position: absolute;
left: 0
}
.modal.visible {
pointer-events: all;
opacity: 1;
transform: translate(-50%, -50%);
transition: 450ms var(--ease)
}
.modal.visible .form--collapse .form-detail h5,
.modal.visible .form--collapse .form-detail .h5 {
color: var(--green);
margin-bottom: 6px
}
.modal.visible .form--collapse .form-detail.visible {
pointer-events: all
}
.modal .modal-top-img {
height: 210px;
width: 100%;
object-fit: cover
}
.modal h5,
.modal .h5 {
line-height: 25px
}
.lock-over {
overflow: hidden;
}
.nav-spacer {
background: transparent;
position: fixed;
height: 70px;
width: 100%;
top: 0;
left: 0;
}
#nav-qa {
position: fixed;
top: 0;
height: 70px;
z-index: 100;
-webkit-transition: 300ms ease-out;
-o-transition: 300ms ease-out;
transition: 300ms ease-out;
background: -webkit-gradient(linear, left top, left bottom, from(var(--black)), color-stop(76%), to(transparent));
background: -o-linear-gradient(top, var(--black), 76%, transparent);
background: linear-gradient(180deg, var(--black), 76%, transparent);
}
#nav-qa.bkg {
background: #202122c7;
}
#nav-qa .t1{
font-size: 16px;
}
nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 30;
max-height: 90px;
top: 0;
width: 100%;
padding: 25px calc(35px + 2vw) 13px;
}
a.home {
position: absolute;
left: var(--hzpd);
top: 25px;
}
nav a.home h1 {
font-size: 20px;
letter-spacing: 4.5px;
}
nav .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: var(--hzpd);
top: 10px;
height: 100%;
padding: 0;
margin: 0;
}
nav ul {
max-width: 100%;
}
nav .menu a {
font-size: 13px;
line-height: 20px;
margin-top: 10px;
letter-spacing: var(--lsp-small);
}
nav .menu div:last-of-type {
margin-left: 0px;
}
nav.hello {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
nav.bye {
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: 744ms ease-in-out;
-o-transition: 744ms ease-in-out;
transition: 744ms ease-in-out;
} nav button.burger {
cursor: pointer;
position: fixed;
z-index: 101;
top: 0;
right: 7%;
width: 120px;
height: 70px;
display: none;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
} nav a {
background: none;
padding: 0;
color: #fff;
}
.menu a {
font-size: calc(16px + 0.025vw);
line-height: 17px;
}
.menu a:not(.cta) {
background: none;
}
.menu a:not(:last-of-type) {
margin-right: 15px;
} nav .menu div:last-of-type {
margin-left: 20px;
}
li.lang-item {
list-style-type: none;
position: relative;
}
li.lang-item a {
color: #fff !important;
text-transform: uppercase !important;
position: relative;
}
i.lang-item a:hover {
color: var(--pmc) !important;
}
li.lang-item:not(.current-lang) a {
color: var(--grey) !important;
}
nav .menu div:last-of-type li:first-child,
footer .languages li:first-child {
margin-right: 22px;
}
nav .menu div:last-of-type li:first-child a::after,
footer .languages li:first-child a::after {
content: '';
display: block;
width: 10px;
background: var(--grey);
position: absolute;
height: 1px;
right: 50%;
top: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
left: 100%;
}
.menu-context {
display: none;
}
.menu-context span {
font-size: 13px;
}
.mobile_menu {
display: none;
} @media screen and (max-width: 985px) {
nav .menu {
display: none;
}
nav button.burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex
} nav button.burger span {
display: block;
width: 46px;
height: 1px;
background: #fff;
border-radius: 0;
-webkit-box-shadow: 1px 1px 1px 0px var(--black);
box-shadow: 1px 1px 1px 0px var(--black);
-webkit-transition: -webkit-transform 600ms ease-out;
transition: -webkit-transform 600ms ease-out;
-o-transition: transform 600ms ease-out;
transition: transform 600ms ease-out;
transition: transform 600ms ease-out, -webkit-transform 600ms ease-out;
}
nav button.burger span:first-of-type {
position: relative;
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
nav button.burger span:nth-of-type(2) {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
nav button.burger.active span:first-of-type {
position: relative;
-webkit-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
-webkit-transition: -webkit-transform 600ms ease-out;
transition: -webkit-transform 600ms ease-out;
-o-transition: transform 600ms ease-out;
transition: transform 600ms ease-out;
transition: transform 600ms ease-out, -webkit-transform 600ms ease-out;
}
nav button.burger.active span:nth-child(2) {
position: relative;
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transition: -webkit-transform 600ms ease-out;
transition: -webkit-transform 600ms ease-out;
-o-transition: transform 600ms ease-out;
transition: transform 600ms ease-out;
transition: transform 600ms ease-out, -webkit-transform 600ms ease-out;
} .mobile_menu {
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: 99;
-webkit-transition: all 600ms ease-out;
-o-transition: all 600ms ease-out;
transition: all 600ms ease-out;
pointer-events: none;
}
.mobile_menu .inner-menu {
width: 100%;
height: calc(100% - 70px);
bottom: 0;
left: 0;
position: absolute;
}
.mobile_menu a {
font-size: calc(20px + 0.15vw);
margin-bottom: calc(28px + 2vw);
overflow: hidden;
}
.mobile_menu .link-inner {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: 700ms ease;
-o-transition: 700ms ease;
transition: 700ms ease;
-webkit-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms
}
.mobile_menu .language a {
margin-bottom: 0;
}
.mobile_menu .language a:first-child {
margin-right: 30px;
}
.mobile_menu .inner-menu div a:first-of-type::after {
content: '';
display: block;
width: 13px;
background: var(--grey);
position: absolute;
height: 1px;
top: 7px;
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
left: 50%;
}
.mobile_menu div:last-of-type a.inactive {
color: var(--grey);
}
.mobile_menu .fl-2.language li:nth-child(2) a {
margin: 0 !important;
} .mobile_menu.show {
opacity: 1;
-webkit-transition: 700ms ease;
-o-transition: 700ms ease;
transition: 700ms ease;
-webkit-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
pointer-events: all;
}
.mobile_menu.show .link-inner {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: 700ms ease;
-o-transition: 700ms ease;
transition: 700ms ease;
}
.mobile_menu.show a:first-of-type .link-inner {
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.mobile_menu.show a:nth-of-type(2) .link-inner {
-webkit-transition-delay: 550ms;
-o-transition-delay: 550ms;
transition-delay: 550ms;
}
.mobile_menu.show a:nth-of-type(3) .link-inner {
-webkit-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.mobile_menu.show a:nth-of-type(4) .link-inner {
-webkit-transition-delay: 850ms;
-o-transition-delay: 850ms;
transition-delay: 850ms;
}
.mobile_menu.show a:nth-of-type(5) .link-inner {
-webkit-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.mobile_menu.show a:nth-of-type(6) .link-inner {
-webkit-transition-delay: 1150ms;
-o-transition-delay: 1150ms;
transition-delay: 1150ms;
}
.mobile_menu.show a:nth-of-type(7) .link-inner {
-webkit-transition-delay: 1300ms;
-o-transition-delay: 1300ms;
transition-delay: 1300ms;
}
.mobile_menu.show .language a .link-inner {
-webkit-transition-delay: 1450ms;
-o-transition-delay: 1450ms;
transition-delay: 1450ms;
} .menuPanel {
background: var(--black);
width: 100%;
height: 100%;
position: fixed;
top: 0;
z-index: 95;
bottom: 0;
right: 0;
left: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: 744ms ease;
-o-transition: 744ms ease;
transition: 744ms ease;
-webkit-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.menuPanel.show {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: 744ms ease;
-o-transition: 744ms ease;
transition: 744ms ease;
} .menu-context {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
overflow: hidden;
top: 35px;
right: calc(70px + 5vw);
height: 20px;
width: 70px;
line-height: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-context span {
-webkit-transition: all 600ms ease-out;
-o-transition: all 600ms ease-out;
transition: all 600ms ease-out;
margin: 12px 0;
}
.menu-context span.open {
-webkit-transform: translateY(-24px);
-ms-transform: translateY(-24px);
transform: translateY(-24px);
}
.menu-context span.close {
-webkit-transform: translateY(-24px);
-ms-transform: translateY(-24px);
transform: translateY(-24px);
}
.menu-context span.open.show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.menu-context span.close.show {
-webkit-transform: translateY(24px);
-ms-transform: translateY(24px);
transform: translateY(24px);
}
}
@media screen and (max-width: 450px) {
nav {
padding: 25px;
}
nav a.home h1 {
font-size: 17px;
letter-spacing: 4px;
}
} #loader {
position: fixed;
top: 0;
left: 0;
z-index: 100000;
width: 100%;
height: 100%;
background-color: var(--black);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 1;
pointer-events: none;
-webkit-transition: 744ms ease;
-o-transition: 744ms ease;
transition: 744ms ease;
} #loader.offCanvas {
opacity: 0;
pointer-events: none;
-webkit-transition: 744ms ease;
-o-transition: 744ms ease;
transition: 744ms ease;
}
#loader .split-text {
visibility: hidden;
-webkit-transition: 2000ms ease;
-o-transition: 2000ms ease;
transition: 2000ms ease;
color: var(--pmc);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
font-size: 16px;
letter-spacing: 4.5px;
}
#loader .split-text.active {
visibility: visible;
opacity: 1;
-webkit-transition: 200ms ease;
-o-transition: 200ms ease;
transition: 200ms ease;
}
#loader .split-text.active .char {
opacity: 1;
-webkit-animation: slide-in-b ease-out;
animation: slide-in-b ease-out;
-webkit-animation-delay: calc(50ms * var(--char-index));
animation-delay: calc(50ms * var(--char-index));
-webkit-animation-duration: 1600ms;
animation-duration: 1600ms;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-transition: opacity 600ms ease;
-o-transition: opacity 600ms ease;
transition: opacity 600ms ease;
}
@-webkit-keyframes slide-in-b {
0% {
opacity: 0;
-webkit-transform: translateY(-9px) translateX(-5px) rotate(-25deg) scale(.3);
transform: translateY(-9px) translateX(-5px) rotate(-25deg) scale(.3);
}
40% {
-webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(1);
transform: translateY(0) translateX(0) rotate(0deg) scale(1);
}
80% {
opacity: 1;
}
}
@keyframes slide-in-b {
0% {
opacity: 0;
-webkit-transform: translateY(-9px) translateX(-5px) rotate(-25deg) scale(.3);
transform: translateY(-9px) translateX(-5px) rotate(-25deg) scale(.3);
}
40% {
-webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(1);
transform: translateY(0) translateX(0) rotate(0deg) scale(1);
}
80% {
opacity: 1;
}
}
#loader .split-text.hide {
-webkit-animation: hideAgate 800ms forwards;
animation: hideAgate 800ms forwards;
}
body:not(.home) #loader {
display: none !important;
}
@-webkit-keyframes hideAgate {
0% {}
50% {
color: var(--pmc);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
}
@keyframes hideAgate {
0% {}
50% {
color: var(--pmc);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
} footer {
position: relative;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-bottom: 200px;
background: var(--black);
padding-top: 40px;
max-width: 1800px;
margin: 0 auto;
padding: 30px 9% 12vh;
}
footer::before {
content: '';
width: calc(100% - 18%);
height: 1px;
background: #ffffff21;
display: block;
z-index: 0;
position: absolute;
left: 9%;
right: 0;
top: 0;
bottom: 0;
}
footer .navigation {
width: 100%;
}
footer .sponsors a img {
max-width: 120px !important;
max-height: 60px;
min-width: 130px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
opacity: .4;
-webkit-transition: 150ms ease;
-o-transition: 150ms ease;
transition: 150ms ease;
}
footer .sponsors a:hover img {
opacity: .8;
-webkit-transition: 150ms ease;
-o-transition: 150ms ease;
transition: 150ms ease;
}
footer .sponsors a img:not(last-of-type) {
margin-right: 30px;
}
footer p.title {
font-size: 17px;
font-weight: 500;
font-family: var(--head-font);
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
margin-bottom: 13px;
}
.copyright {
padding: 0 var(--hzpd) 12vh;
}
.copyright a,
.copyright p,
.copyright span {
font-size: 14px;
text-decoration: underline;
text-transform: capitalize;
font-family: var(--gen-font);
opacity: .5;
-webkit-transition: 200ms ease;
-o-transition: 200ms ease;
transition: 200ms ease;
}
.copyright a img {
margin-left: 13px;
}
.copyright p {
text-decoration: none;
margin-right: 28px;
position: relative;
}
.copyright a:hover {
opacity: 1;
-webkit-transition: 200ms ease;
-o-transition: 200ms ease;
transition: 200ms ease;
}
.footer-links.fl-1 {
margin-right: 30px;
}
footer .footer-links a,
footer p {
font-family: var(--gen-font), sans-serif;
max-width: 500px;
font-size: 13px;
line-height: 26px;
text-transform: capitalize;
text-align: left;
font-weight: 300;
color: var(--black4);
}
footer .footer-links a:hover {
color: var(--pmc) !important;
}
footer .footer-links a:not(:first-child) {
margin-top: 8px;
}
footer .social a:not(:last-child) {
margin-right: 13px;
}
footer .social>p {
margin-bottom: 10px;
}
footer .social svg {
width: 24px;
max-height: 22px;
-webkit-transition: 300ms ease-out;
-o-transition: 300ms ease-out;
transition: 300ms ease-out;
}
footer .social svg path,
footer .social svg circle {
fill: #fff;
} .social_navbar {
position: fixed;
left: 3.5%;
bottom: 4%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
z-index: 100;
}
.social_navbar.hello {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.social_navbar.bye {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.social_navbar .networks a:hover {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
-webkit-transition: 250ms ease;
-o-transition: 250ms ease;
transition: 250ms ease;
}
.social_navbar .networks a {
margin-bottom: 12px;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
-webkit-transition-delay: 80ms;
-o-transition-delay: 80ms;
transition-delay: 80ms;
}
.social_navbar .networks a svg,
.social_navbar .networks a svg path {
fill: var(--grey);
width: 24px;
-webkit-transition: 300ms ease-out;
-o-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.social_navbar .networks a:hover svg,
.social_navbar .networks a:hover svg path,
footer .social a:hover svg,
footer .social a:hover svg path {
fill: var(--pmc);
-webkit-transition: 300ms ease-out;
-o-transition: 300ms ease-out;
transition: 300ms ease-out;
}
header.home-header { height: 104vh;
width: 100vw;
min-height: 670px;
z-index: -3;
display: flex;
align-items: center;
overflow: hidden;
white-space: nowrap; }
.home .home-header .scroll-loop {
position: absolute;
top: calc(100vh - 100px);
}
.home header.home-header {
background: var(--black);
}
header.home-header img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
transition: 200ms ease;
object-position: center 70%;
}
.slide-off {
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
}
.slide-in {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
}
#intro .quoting {
min-height: 70vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#intro .text-beginnings {
min-height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.two-col .plx-holder:nth-child(2) {
width: 80%;
}
.two-col .plx-holder {
width: 45%;
}
.plx-holder.thumb img {
padding: 3vw;
} .reviews button {
display: none;
}
.reviews {
height: 70vh;
}
.reviews ul.slick-dots {
position: relative;
left: 0;
padding: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 20px auto 0;
}
.reviews .slick-dots li button:before {
color: #fff;
opacity: 0.7;
}
p.author {
color: var(--pmc);
font-size: 19px;
}
.reviews .quotemark svg path {
stroke: var(--pmc);
}
.reviews .quotemark svg {
height: 150px;
width: 150px;
opacity: 0.65;
}
#lg-container-1,
#lg-container-2 {
pointer-events: none;
}
#lg-container-1.lg-show,
#lg-container-2.lg-show {
pointer-events: all;
} #artists {
clear: both;
}
.slices {
background: var(--black2);
padding: 8% 6%;
position: relative;
z-index: 0;
}
.slices img:not(.splatter) {
left: -30px;
} .artist-info {
position: relative;
z-index: 1;
-webkit-box-shadow: -20px 25px 85px #081c2a;
box-shadow: -20px 25px 85px #081c2a;
padding: 70px 50px;
width: 37%;
left: calc(-160px + 2vw);
height: auto;
max-width: 440px;
min-width: 300px;
min-height: 330px;
}
.artist-info::after {
display: block;
position: absolute;
width: 1px;
height: calc(200px + 4vw);
background: var(--pmc);
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
right: 0;
bottom: -17%;
left: 86%;
z-index: 1;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.artist-info.slice::after {
height: calc(200px + 4vw);
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.artist-info p {
color: var(--black);
}
.artist-info p,
.artist-info a {
margin-top: 15px;
text-align: left;
}
.slices .slice {
width: 18%;
position: relative;
transition: 200ms ease;
}
.slices .slice img {
border-radius: 2px;
}
.slices.fl .slice:not(.splatter) {
margin-right: 25px;
}
.slices.fl .slice:nth-of-type(even) {
top: -15px;
}
.slices.fl .slice:nth-of-type(odd) {
top: 15px;
}
.slices .slice::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: -o-linear-gradient(275deg, #c49d78, #c49d7800);
background: linear-gradient(175deg, #c49d78, #c49d7800);
z-index: 10;
display: block;
opacity: 0;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
background-blend-mode: multiply;
}
.slices .slice:hover::after {
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
opacity: 0.7;
background-blend-mode: multiply;
}
.slices .slice p.slice-info {
position: absolute;
bottom: 5%;
left: -20px;
font-size: calc(15px + 0.2vw);
line-height: calc(21px + 0.2vw);
opacity: 0;
-webkit-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.slices .slice:hover > p.slice-info {
opacity: 1;
-webkit-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
bottom: 10%;
left: -20px;
}
.slices .slice p.slice-info span {
font-style: italic;
} .painted-section-top {
position: relative;
width: 100%;
overflow: hidden;
height: auto;
display: block;
top: 10px;
}
.painted-section-top .skewed-spacer {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
z-index: -1;
bottom: 0;
}
.painted-section-top.inv {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: -10px;
}
.painted-section-top .skewed-spacer img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
} section.news {
padding-top: calc(35px + 4vh);
padding-bottom: calc(35px + 4vh);
}
wrapper.news-cards {
display: block;
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.news-cards.on_w,
.news-cards.on_w a.dsh {
color: var(--black);
}
.news-cards .single-card:not(:last-child) {
margin-right: 30px;
}
#news .news-cards .single-card {
margin-bottom: 0;
height: 45vh;
min-height: 570px;
}
.news-cards .thumb {
position: relative;
}
.news-cards .post-thumbnail {
max-width: 400px;
height: 250px !important;
min-height: 250px;
}
.news-cards .post-thumbnail img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news-cards .single-card p {
max-width: 410px;
}
.news-cards .single-card p:nth-of-type(2) {
margin-top: 10px;
}
.news-cards .single-card h4,
.news-cards .single-card a:nth-of-type(2) {
margin-top: calc(10px + 1vw);
}
.news-cards .single-card h4 ~ p {
margin-top: 10px;
} .news-cards .t1 {
letter-spacing: var(--lsp-small);
font-size: 20px;
line-height: 27px;
text-align: left;
}
.news-cards.on_w .t1 {
color: var(--black);
}
.news-cards.on_b .t1 {
color: #fff;
}
p.sticker,
.news-cards .thumb p {
position: absolute;
top: 8px;
z-index: 5;
background: var(--pmc);
left: -8px;
padding: 5px 8px;
color: #fff;
text-transform: uppercase;
font-family: var(--head-font);
letter-spacing: 1.5px;
font-size: 15px;
} wrapper.news-cards .slick-slide > div {
margin: 0 10% 0 60px;
}
ul.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
padding: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:before {
content: "•";
font-size: 22px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
text-align: center;
opacity: 0.25;
color: black;
}
.slick-dots li.slick-active button:before {
opacity: 0.7;
font-size: 40px;
}
section#news div.more-news a.dsh {
padding: 50px 0;
}  .agenda .filtering-box {
background: #fff;
border-radius: 2px;
padding: 15px 36px 15px 22px;
color: var(--black);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.agenda .filtering-box p {
margin-right: 40px;
position: relative;
}
.agenda .filtering-box p::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
right: -20px;
background: var(--pmc);
bottom: 0;
top: 0;
}
.agenda .filtering-box select {
margin-right: 10px;
background-position: 100% 50%;
padding-right: 20px;
width: 130px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI0LjYyNCIgdmlld0JveD0iMCAwIDEwIDQuNjI0Ij4KICA8cGF0aCBpZD0iVHJhY8OpXzQ4IiBkYXRhLW5hbWU9IlRyYWPDqSA0OCIgZD0iTTQuODcxLDAsMTAsNC42MjNIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDQuNjI0KSByb3RhdGUoMTgwKSIgZmlsbD0iIzdlN2U3ZSIvPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-color: transparent;
}
.agenda .filtering-box button {
text-align: left;
color: var(--pmc);
font-weight: 600;
margin: 0;
padding: 0;
}
.agenda .events-container{
width: 100%;
} .event-single .action a:nth-of-type(2) svg {
-webkit-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
-webkit-transition: 0.4s ease-out;
-o-transition: 0.4s ease-out;
transition: 0.4s ease-out;
}
.event-single .action a:nth-of-type(2):hover svg {
-webkit-transform: rotate(180deg) scale(1.1);
-ms-transform: rotate(180deg) scale(1.1);
transform: rotate(180deg) scale(1.1);
-webkit-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: 0.5s ease-out;
}
.agenda .event-single{
width: 100%;
}
.agenda .event-single:nth-of-type(odd) {
background: var(--black2);
padding: 3% 15px;
border-radius: 2px;
min-width: 70vw;
max-width: 1200px;
}
.event-single:not(:first-child) {
margin-top: 45px;
}
.event-single .date > *:not(:nth-child(1)),
.event-single .event-details > *:not(:nth-child(1)) {
margin-top: 10px;
}
.event-single .date p.t1 {
font-size: calc(46px + 0.5vw);
} .event-single .date {
margin-right: 30px;
text-align: right;
position: relative;
}
.event-single .date > p {
text-transform: capitalize;
}
.event-single .date p.t1 {
text-align: right;
letter-spacing: 0;
} .event-single .thumb {
position: relative;
}
.event-single .post-thumbnail {
width: auto;
height: auto;
overflow: hidden;
max-width: 500px;
margin: 0 auto;
text-align: center;
min-width: 500px;
height: 330px;
max-height: 330px;
}
.event-single .post-thumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
} .event-single .event-details {
margin-left: 25px;
text-align: left;
position: relative;
width: auto;
max-width: 260px;
}
.event-details .place-time p.t4 {
color: var(--pmc);
}
.event-title.t2 {
color: #fff;
text-transform: unset;
letter-spacing: 0;
font-size: calc(30px + 0.045vw);
line-height: calc(32px + 0.045vw);
text-align: left;
}
.event-single .thumb .post-thumbnail {
pointer-events: none !important;
} .event-single .action a {
color: #fff;
letter-spacing: var(--lsp-small);
font-size: 12px;
padding: 0;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: color 0.15s;
-o-transition: color 0.15s;
transition: color 0.15s;
}
.event-single .action a:hover {
color: var(--pmc);
-webkit-transition: 0.15s;
-o-transition: 0.15s;
transition: 0.15s;
}
.event-single .action a svg {
width: 25px;
max-height: 30px;
margin-right: 10px;
}
.event-single .action a:first-of-type {
margin-right: 15px;
} .agenda .more-events,
.circular-link {
position: relative;
}
.agenda .more-events,
.circular-link {
width: 160px;
height: 160px;
background: var(--black2);
border-radius: 999px;
margin-left: auto;
margin-right: auto;
z-index: 1;
-webkit-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.agenda .more-events svg,
.circular-link svg {
position: absolute;
width: 174px;
height: 174px;
}
a.more-events * {
text-align: center;
}
.agenda .more-events p,
.circular-link p {
position: relative;
}
.agenda .more-events:hover,
.circular-link:hover { border: 1px solid var(--pmc);
-webkit-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.news .circular-link {
background: #fff;
color: var(--black);
border: 1px solid var(--pmc);
}
.agenda .more-events:hover,
.circular-link:hover { border: 1px solid var(--pmc);
-webkit-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.agenda .more-events svg circle,
.circular-link svg circle {
stroke-dasharray: 3000;
stroke-dashoffset: 3000;
}
.agenda .more-events:hover circle,
.circular-link:hover circle {
stroke-dasharray: 3000;
stroke-dashoffset: 3000;
-webkit-animation: rotate 1.8s cubic-bezier(0.18, 0.35, 0.76, 0.27) forwards;
animation: rotate 1.8s cubic-bezier(0.18, 0.35, 0.76, 0.27) forwards;
}
@-webkit-keyframes rotate {
to {
stroke-dashoffset: 0;
}
}
@keyframes rotate {
to {
stroke-dashoffset: 0;
}
} .sponsors .container a:not(:last-of-type) img {
margin-right: 20px;
}
.sponsors .container img {
width: 155px;
max-height: 80px;
-o-object-fit: contain;
object-fit: contain;
}
.sponsors .container img.dimore {
width: auto;
}  .video-container {
overflow: hidden !important;
position: relative !important;
padding-bottom: 60px;
width: 100% !important;
}
.video-container .swiper-pagination {
margin-bottom: 7px;
}
wrapper.video-container .container {
width: 100%;
height: auto;
padding-right: 10%;
padding-left: 10%;
}
wrapper.video-container .container .swiper-container {
width: 100%;
height: 100%;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet,
.swiper-pagination-bullet {
margin: 0px 8px;
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 60px;
z-index: 50;
height: 2px;
width: 98%;
} .swiper-pagination-bullet {
width: 5px;
height: 5px;
opacity: 0.3;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-button-next:after,
.swiper-button-prev:after {
color: #fff;
}
.swiper-pagination-bullet:not(.on_w),
.swiper-scrollbar {
background: #ffffff69;
}
.swiper-scrollbar-drag {
background: var(--pmc) !important;
opacity: 1;
}
.swiper-pagination-bullet-active {
-webkit-transform: scale(1.3) !important;
-ms-transform: scale(1.3) !important;
transform: scale(1.3) !important;
background: var(--pmc) !important;
opacity: 1;
}
.swiper-slide,
.swiper-pagination-bullet {
opacity: 1;
-webkit-transition: 150ms ease;
-o-transition: 150ms ease;
transition: 150ms ease;
}
.video-container .swiper-slide {
height: calc(370px + 5vw);
width: 100%;
margin: 0 10px;
} .swiper-pagination.on_w .swiper-pagination-bullet-active {
opacity: 1 !important;
}
.swiper-pagination.on_w .swiper-pagination-bullet {
background: var(--black);
opacity: 0.3;
} .quotes-slider .swiper-pagination {
text-align: left;
bottom: 0;
}
.quotes-slider.swiper-container {
padding-bottom: 30px;
overflow: hidden !important;
} .news-slider .swiper-button-prev,
.news-slider .swiper-button-next {
top: 25%;
opacity: 0.5;
} .slide-captions {
margin-top: 40px;
text-align: center;
}
.slide-captions h3 {
text-align: center;
}
.video-container .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 33px;
}
.swiper-slide .video-play-button {
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: 100;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.swiper-slide .video-play-button img {
width: 70px;
opacity: 0.85;
}
.video-container .swiper-slide:hover {
opacity: 0.85;
-webkit-transition: 150ms ease;
-o-transition: 150ms ease;
transition: 150ms ease;
}
.swiper-slide .img-responsive {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
} .lg-backdrop {
background-color: #000000ed;
}
.lg-progress-bar .lg-progress {
background-color: var(--pmc);
}
.lg-actions button.lg-icon {
background: #ffffffba;
width: 60px;
height: 60px;
}
.lg-actions .lg-next:before,
.lg-actions .lg-prev:before {
color: inherit;
}
.lg-actions button.lg-icon:hover::before {
color: #4e4e4e;
}
.photo-gallery {
width: 100%;
}
.photo-gallery .gal-thumb {
max-width: 500px;
position: relative;
overflow: hidden;
border-radius: var(--rounded);
}
.photo-gallery.grid {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 5px;
}
.photo-gallery .gal-thumb:nth-of-type(3),
.photo-gallery .gal-thumb:nth-of-type(6),
.photo-gallery .gal-thumb:nth-of-type(3),
.photo-gallery .gal-thumb:nth-of-type(8) {
-ms-grid-column-span: 2;
grid-column: span 2;
width: 100%;
height: 100%;
}
.photo-gallery .gal-thumb:hover::after {
display: block;
opacity: 0.5;
-webkit-transition: ease-in-out 200ms;
-o-transition: ease-in-out 200ms;
transition: ease-in-out 200ms;
}
.photo-gallery .gal-thumb::after {
content: "";
width: 100%;
height: 100%;
background: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: ease-in-out 200ms;
-o-transition: ease-in-out 200ms;
transition: ease-in-out 200ms;
}
.photo-gallery .gal-thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.quote p {
max-width: 700px;
padding: 0 80px;
} section#news div.more-news a.dsh,
section.corsiclassic .two-col h2,
section.corsiclassic .two-col a {
text-align: left;
color: var(--black);
}
section.corsiclassic .two-col h2 span {
display: block;
}
section.corsiclassic .plx-holder.header {
height: auto;
max-width: 880px;
max-height: 500px;
}
img.logo-corsi {
width: calc(230px + 5vw);
margin-right: 50px;
} .cc-media .plx-holder {
max-width: 710px;
height: auto;
max-height: 410px;
}
section.corsiclassic .cc-media .row-1 {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 8px;
}
section.corsiclassic .cc-media div.review img {
width: 150px;
}
section.corsiclassic .cc-media div.review p {
max-width: 290px;
text-align: center;
} .newsletter::after {
content: "";
width: 100%;
height: 100%;
background: #000;
display: block;
z-index: -1;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.5;
}
.newsletter {
background: url(https://quatuoragate.com/wp-content/uploads/quatuor-agate-photo-street-red-door-walking-in-suits.jpg);
height: 100%;
width: 100%;
background-position: center 30%;
background-size: cover;
position: relative;
z-index: 0;
}
.newsletter .newsletter-content {
width: 100%;
}
.newsletter .sc_t span {
color: var(--pmc);
}
.newsletter .sc_t .t1::after {
background: #fff;
}
.newsletter .newsletter-content .capture {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 50%;
padding: 10px 0;
max-width: 270px;
margin-right: 20px;
}
.newsletter .newsletter-content .capture input {
position: relative;
top: -12px;
width: 100%;
color: #fff;
}
.newsletter .newsletter-content .capture input::-moz-placeholder {
font-size: 16px;
color: #fff;
}
.newsletter .newsletter-content .capture input::-moz-placeholder,
.newsletter .newsletter-content .capture input::placeholder {
font-size: 16px;
color: #fff;
}
.newsletter .newsletter-content .capture ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
font-size: 19px;
}
.newsletter .newsletter-content .capture ::-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
font-size: 19px;
}
.newsletter .newsletter-content .capture :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8);
font-size: 19px;
}
.newsletter .newsletter-content .capture ::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8);
font-size: 19px;
}
.newsletter .newsletter-content .capture ::placeholder {
color: rgba(255, 255, 255, 0.8);
font-size: 19px;
}
form#mc4wp-form-1,
.mc4wp-form-fields {
width: 100%;
}
.mc4wp-form-fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mc4wp-response {
position: relative;
margin: 0 auto;
max-width: 300px;
text-align: center;
top: -60px;
} .newsletter .submit .circle-arrow,
.contact .form .circle-arrow,
.boxed-link .circle-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 200px;
background: var(--black2);
background: #ffffff30;
overflow: hidden;
overflow: hidden;
z-index: 1;
}
.newsletter .submit,
.contact .form .submit,
a.boxed-link {
border: 1px solid white;
padding: 3px 3px 3px 50px;
border-radius: 200px;
position: relative;
z-index: 0;
max-width: 210px;
}
.newsletter .submit,
.contact .form .submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 190px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.newsletter input.boxed-link,
.contact .form input.boxed-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
padding-left: 36px;
}
.newsletter input.boxed-link,
.contact .form .submit {
-webkit-transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
-o-transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.contact .form .submit:hover,
.newsletter .submit:hover {
background: #ffffff3b;
-webkit-transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
-o-transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
color: #fff;
}
.contact .form .submit:hover input {
color: #fff;
-webkit-transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
-o-transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: 0.1s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.circle-arrow svg {
width: 24px;
}
.ig-feed .sbi_header_img svg path {
color: var(--black);
padding: 0;
}
.ig-feed .sbi_header_img,
.sbi_no_avatar .sbi_header_img {
background: transparent !important;
padding: 0;
}
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
background: var(--pmc);
} .contact .sc_t {
-ms-flex-item-align: start;
align-self: flex-start;
}
.forminator-row {
margin: 0 !important;
padding: 0 !important;
}
.forminator-row-last #submit {
padding-top: 50px;
}
.contact .two-col {
margin: 0 auto;
width: 100%;
justify-content: space-between;
align-items: flex-start;
}
.contact .two-col .l-col {
margin-right: 35px;
}
.contact .plx-holder {
height: 100%;
max-width: 50%;
}
.contact .boxed-link {
margin-top: 30px;
-webkit-transition: 150ms ease-out;
-o-transition: 150ms ease-out;
transition: 150ms ease-out;
}
div#submit button.t4:hover {
background: #ffffff05;
}
div#submit button.t4 {
border: 1px solid var(--pmc);
padding: 20px 80px 20px 35px;
border-radius: 500px;
text-align: left;
-webkit-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
position: relative;
height: 64px;
}
div#submit button.t4:after {
content: "";
background-repeat: no-repeat;
background-image: url(https://quatuoragate.com/wp-content/uploads/boxed-arrow.svg);
display: block;
position: absolute;
right: 0;
width: 57px;
height: 57px;
background-size: contain;
top: 50%;
transform: translate(-3px, -50%);
}
.contact .form input,
.contact .form textarea {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #ffffff21;
border-radius: 0;
width: 100%;
padding: 12px 0;
color: #e4e4e4;
background: var(--black);
font-size: 17px;
}
.contact .form {
width: 100%;
margin-right: 5%;
max-width: 600px;
}
span.forminator-error-message {
color: var(--pmc);
position: relative;
top: 5px;
font-size: 14px;
}
.forminator-response-message.forminator-show.forminator-success p {
font-size: 15px;
}
.forminator-response-message.forminator-accessible,
.forminator-row .forminator-label {
display: none !important;
}
.contact .form input:focus,
.contact .form textarea:focus {
outline: none;
background: none;
}
.contact .form input:focus::-webkit-input-placeholder,
.contact .form textarea:focus::-webkit-input-placeholder {
color: #9a9a9a;
}
.contact .form input:focus::-moz-placeholder,
.contact .form textarea:focus::-moz-placeholder {
color: #9a9a9a;
}
.contact .form input:focus:-ms-input-placeholder,
.contact .form textarea:focus:-ms-input-placeholder {
color: #9a9a9a;
}
.contact .form input:focus::-ms-input-placeholder,
.contact .form textarea:focus::-ms-input-placeholder {
color: #9a9a9a;
}
.contact .form input:focus::placeholder,
.contact .form textarea:focus::placeholder {
color: #9a9a9a;
opacity: 0.5;
}
.contact .form textarea {
height: 200px;
}
.contact .form textarea::-webkit-input-placeholder {
padding-top: 150px;
}
.contact .form textarea::-moz-placeholder {
padding-top: 150px;
}
.contact .form textarea:-ms-input-placeholder {
padding-top: 150px;
}
.contact .form textarea::-ms-input-placeholder {
padding-top: 150px;
}
.contact .form textarea::placeholder {
padding-top: 150px;
}
.contact .form .submit {
margin-top: 30px;
}
.contact .boxed-link {
border-bottom: none !important;
margin-top: 0 !important;
padding-left: 36px !important;
border-radius: 200px !important;
}
.contact .boxed-link:hover {
background: #ffffff0d !important;
-webkit-transition: 150ms ease-out;
-o-transition: 150ms ease-out;
transition: 150ms ease-out;
}
.contact .form input,
.contact .form textarea {
margin: 5px 0;
}
.contact input,
.contact .form textarea {
-webkit-transition: border-color 0.5s ease-out;
-o-transition: border-color 0.5s ease-out;
transition: border-color 0.5s ease-out;
}
input:focus,
.contact .form textarea:focus {
border-color: var(--pmc) !important;
-webkit-transition: border-color 0.5s ease-out;
-o-transition: border-color 0.5s ease-out;
transition: border-color 0.5s ease-out;
}
.wpcf7-form-control.wpcf7-submit {
margin-top: 20px !important;
border: 1px solid var(--pmc) !important;
padding: 14px 30px !important;
border-radius: 100px !important;
width: auto !important;
}
.wpcf7-not-valid-tip {
color: var(--pmc);
font-size: 12px;
font-weight: 400;
display: block;
line-height: 15px;
}
label {
text-transform: uppercase;
font-size: 12px;
color: #5f5f5f;
line-height: 0;
}
.grecaptcha-badge {
display: none !important;
} .presskits .presskit,
.contact .presskit {
background: var(--black2);
padding: 50px 40px;
max-width: 340px;
position: relative;
}
.presskits .presskit:hover button:hover,
.presskits .presskit:hover a:hover {
color: black;
-webkit-transition: 150ms ease-out;
-o-transition: 150ms ease-out;
transition: 150ms ease-out;
}
.contact .presskit {
-ms-flex-item-align: start;
align-self: flex-start;
top: 10px;
}
.contact .presskit p {
margin-top: 15px;
}
.contact .presskit p > a {
font-family: var(--gen-font), sans-serif;
max-width: 500px;
font-size: calc(18px + 0.025vw);
line-height: calc(22px + 0.025vw);
text-transform: unset;
letter-spacing: unset;
padding: 0;
color: var(--pmc);
cursor: pointer;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.presskits .presskit:hover {
background: var(--pmc);
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
}
.contact .presskit p > a:hover {
color: #fff;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.presskits .presskit:hover .presskit-dl {
color: black;
}
.presskit a,
.presskit button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
z-index: 3;
}
.presskit .presskit-dl {
margin-top: 40px;
}
.presskit .circle-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 200px;
background: var(--black3);
margin-left: 30px;
overflow: hidden;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.presskit .circle-arrow svg {
width: 20px;
height: 20px;
}
.presskit-dropdown {
height: auto;
overflow: hidden;
pointer-events: none;
position: absolute;
opacity: 0;
-webkit-transform: translateY(-90px);
-ms-transform: translateY(-90px);
transform: translateY(-90px);
top: auto;
bottom: auto;
left: 20px;
right: auto;
-webkit-transition: 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
-o-transition: 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
background: var(--black3);
padding: 0 45px;
margin-top: 10px;
z-index: 100;
}
.presskit-dropdown a,
.presskit-dropdown button {
margin: 15px 0;
color: var(--grey);
}
.presskit-dropdown a:hover {
color: var(--pmc) !important;
}
.presskit-dropdown.show {
pointer-events: all;
height: auto;
overflow: hidden;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
} main.biography header {
height: 60vh;
background: none;
min-height: 900px !important;
}
main.biography header img {
width: 800px;
-o-object-fit: cover;
object-fit: cover;
height: 470px;
opacity: 0.2;
position: fixed;
z-index: -1;
top: 200px;
}
main.biography .txt-intro {
margin: 0 auto;
width: auto;
padding: 10% 15%;
position: relative;
}
.biography .painted-section-top.inv {
width: auto;
margin: 0 auto;
}
.biography .painted-section-top .skewed-spacer {
width: 120%;
z-index: 0;
}
main.biograph .txt-intro p:not(:first-of-type) {
margin-top: 35px;
}
.v-band {
overflow: hidden;
top: -140px;
position: relative;
width: 40%;
margin: 0 auto;
max-width: 600px;
}
.biography header p {
position: relative;
}
.biography header p::after {
content: "";
width: 1px;
height: 200px;
background: #6b6b6b;
display: block;
z-index: 10;
position: absolute;
left: 50%;
right: 50%;
top: 150px;
bottom: 0;
}
.biography .quote {
padding-top: 0;
}
.biography .quote .two-col img {
width: 400px;
height: auto;
} main.biography {
overflow-x: hidden;
}
#bio-switch {
position: fixed;
bottom: 0;
margin: 0 auto;
text-align: center;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
padding: 10px 0;
width: 450px;
background: var(--black3);
border-radius: 30px 30px 0 0;
z-index: 101;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
#bio-switch a {
padding: 20px 0;
position: relative;
z-index: 1;
}
#bio-switch a.active {
color: var(--black);
}
#bio-switch span {
position: absolute;
content: "";
display: block;
height: 60px;
width: 185px;
top: 14px;
bottom: 0px;
left: 34px;
right: 0;
background: #fff;
border-radius: 150px;
-webkit-box-shadow: 6px 9px 51px #0000008c;
box-shadow: 6px 9px 51px #0000008c;
z-index: -1;
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
}
#bio-switch a.active:hover::after {
background: var(--black);
}
#bio-switch .cursor.cursor-slide {
-webkit-transform: translateX(calc(96% + 1vw));
-ms-transform: translateX(calc(96% + 1vw));
transform: translateX(calc(96% + 1vw));
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
} .markup-switch.move-out {
-webkit-animation: move-out 1.5s cubic-bezier(0.48, 0.18, 0.63, 0.99) forwards;
animation: move-out 1.5s cubic-bezier(0.48, 0.18, 0.63, 0.99) forwards;
} .markup-slide {
position: fixed;
left: 0;
right: 0;
bottom: calc(20px + 3vh);
background: white;
width: 100%;
height: 130%;
-webkit-transition: 1.3s ease-out;
-o-transition: 1.3s ease-out;
transition: 1.3s ease-out;
-webkit-transform: translateY(120vh);
-ms-transform: translateY(120vh);
transform: translateY(120vh);
opacity: 0;
visibility: hidden;
z-index: 100;
overflow: visible;
}
.markup-slide::after {
position: absolute;
content: "";
display: block;
bottom: -400px;
height: 1000px;
width: 100%;
background: white;
left: 0;
right: 0;
}
.markup-slide .skewed-spacer {
display: block;
width: 120%;
height: auto;
position: absolute;
z-index: -1;
}
.markup-slide .painted-section-top {
overflow: unset;
}
.skewed-spacer img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
}
.markup-slide.move-up {
-webkit-animation: shazam 1s cubic-bezier(0.26, 0.01, 0.1, 0.95);
animation: shazam 1s cubic-bezier(0.26, 0.01, 0.1, 0.95);
} @-webkit-keyframes move-out {
0% {
-webkit-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
opacity: 1;
}
50% {
-webkit-transform: scale(0.9) translateY(-230px);
transform: scale(0.9) translateY(-230px);
opacity: 0.8;
}
99% {
-webkit-transform: scale(0.9) translateX(-100%) translateY(-230px);
transform: scale(0.9) translateX(-100%) translateY(-230px);
opacity: 0.2;
}
100% {
height: 0;
overflow: hidden;
}
}
@keyframes move-out {
0% {
-webkit-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
opacity: 1;
}
50% {
-webkit-transform: scale(0.9) translateY(-230px);
transform: scale(0.9) translateY(-230px);
opacity: 0.8;
}
99% {
-webkit-transform: scale(0.9) translateX(-100%) translateY(-230px);
transform: scale(0.9) translateX(-100%) translateY(-230px);
opacity: 0.2;
}
100% {
height: 0;
overflow: hidden;
}
}
@keyframes move-out {
0% {
-webkit-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
opacity: 1;
}
50% {
-webkit-transform: scale(0.9) translateY(-230px);
transform: scale(0.9) translateY(-230px);
opacity: 0.8;
}
99% {
-webkit-transform: scale(0.9) translateX(-100%) translateY(-230px);
transform: scale(0.9) translateX(-100%) translateY(-230px);
opacity: 0.2;
}
100% {
height: 0;
overflow: hidden;
}
}
@-webkit-keyframes shazam {
0% {
-webkit-transform: translateY(120vh);
transform: translateY(120vh);
opacity: 1;
visibility: visible;
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
99% {
-webkit-transform: translateY(140vh);
transform: translateY(140vh);
opacity: 1;
}
100% {
-webkit-transform: translateY(140vh);
transform: translateY(140vh);
opacity: 0;
visibility: hidden;
}
}
@keyframes shazam {
0% {
-webkit-transform: translateY(120vh);
transform: translateY(120vh);
opacity: 1;
visibility: visible;
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
99% {
-webkit-transform: translateY(140vh);
transform: translateY(140vh);
opacity: 1;
}
100% {
-webkit-transform: translateY(140vh);
transform: translateY(140vh);
opacity: 0;
visibility: hidden;
}
} header.scd-header {
width: 100%;
height: 70vh;
}
.plx-holder.striked.show:first-of-type .plx-panel,
.scd-header .plx-holder.show img,
.contact .plx-holder.show .plx-panel,
.scd-header .plx-holder.show img {
-webkit-transition-delay: 350ms !important;
-o-transition-delay: 350ms !important;
transition-delay: 350ms !important;
}
.plx-holder.striked::after {
display: block;
position: absolute;
width: 1px;
max-height: 500px;
height: 50vw;
background: var(--pmc);
content: "";
-webkit-transform: rotate(45deg) translate(50%, 40%) scale(1);
-ms-transform: rotate(45deg) translate(50%, 40%) scale(1);
transform: rotate(45deg) translate(50%, 40%) scale(1);
right: 0;
bottom: 0;
left: unset;
z-index: 1;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
header.scd-header .scdh-content {
margin-top: 5%;
width: 100%;
text-align: center;
position: relative;
max-width: 950px;
}
header.scd-header .scdh-content img {
width: 100%;
opacity: 0.7;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
margin-bottom: 50px;
position: relative;
z-index: -1;
-webkit-animation: scdh-img 1.3s ease-out;
animation: scdh-img 1.3s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.scd-header .plx-holder.show img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: 3s ease;
-o-transition: 3s ease;
transition: 3s ease;
}
.scd-header .plx-holder.show {
-webkit-transition-delay: 350ms !important;
-o-transition-delay: 350ms !important;
transition-delay: 350ms !important;
}
header.scd-header .scdh-content h1 {
position: absolute;
color: #ffffff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
bottom: 0;
z-index: 50;
}
section.presskits {
height: auto;
}
.presskits .presskit {
margin-top: 15px;
height: 250px;
cursor: pointer;
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
}
.presskits .presskit h4 {
text-align: left;
}
.presskits .presskit:not(:first-child) {
margin-left: 15px;
}
.presskits .presskit h4 {
color: #fff;
} .biography {
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
}
.biography > span.figure {
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
opacity: 0;
} .biography > span.first {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(https://quatuoragate.com/wp-content/uploads/gallery/quatuor-agate-bw-square.jpg);
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: 700ms ease;
-o-transition: 700ms ease;
transition: 700ms ease;
opacity: 0;
}
.biography > span.scd {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(https://quatuoragate.com/wp-content/uploads/gallery/quatuor-agate-bw-square.jpg);
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: 700ms ease;
-o-transition: 700ms ease;
transition: 700ms ease;
opacity: 0;
}
.biography > span.first.show {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(https://quatuoragate.com/wp-content/uploads/gallery/quatuor-agate-bw-square.jpg);
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: 700ms ease;
-o-transition: 700ms ease;
transition: 700ms ease;
-webkit-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
opacity: 0.08;
}
.biography > span.scd.show {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(https://quatuoragate.com/wp-content/uploads/quatuor-sardaigne-1600W.jpg);
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: 700ms ease;
-o-transition: 700ms ease;
transition: 700ms ease;
-webkit-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
opacity: 0.08;
}
.biography .controller-block {
min-height: 100vh;
max-width: 1600px;
margin: 0 auto;
position: relative;
z-index: 0 !important;
}
.biography .controller-block .choice {
position: relative;
overflow: hidden;
border-radius: 2px;
margin: 10px;
height: 500px;
cursor: pointer;
width: 44vw;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 800ms ease;
transition: -webkit-transform 800ms ease;
-o-transition: transform 800ms ease;
transition: transform 800ms ease;
transition: transform 800ms ease, -webkit-transform 800ms ease;
max-width: 550px;
will-change: transform;
z-index: 0 !important;
}
.biography p.context {
position: absolute;
margin: 0 auto;
text-align: center;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
opacity: 0.4;
z-index: 2;
font-size: 17px;
bottom: 10%;
font-style: italic;
line-height: 15px;
}
.img-holder {
width: 100%;
height: 100%;
}
.biography .controller-block .choice::after {
content: "";
width: 100%;
height: 100%;
background: #0c0c0c;
display: block;
z-index: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.65;
mix-blend-mode: multiply;
}
.biography .controller-block .choice img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: initial;
object-position: initial;
width: 100%;
height: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition: -webkit-transform 3000ms ease;
transition: -webkit-transform 3000ms ease;
-o-transition: transform 3000ms ease;
transition: transform 3000ms ease;
transition: transform 3000ms ease, -webkit-transform 3000ms ease;
}
.biography .controller-block .choice img:first-child {
z-index: -1;
}
.biography .controller-block .choice img:nth-child(2) {
z-index: -2;
}
.biography .controller-block .choice .inner-text {
top: 0;
padding: 60px;
position: absolute;
text-align: left;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.choice .inner-text p {
text-transform: capitalize;
opacity: 0.7;
letter-spacing: 2px;
font-size: 15px;
}
.biography .controller-block .choice .inner-text h2 {
color: #fff;
letter-spacing: 5px;
font-size: calc(32px + 0.45vw);
-webkit-transition: letter-spacing 500ms ease-out;
-o-transition: letter-spacing 500ms ease-out;
transition: letter-spacing 500ms ease-out;
}
.biography .controller-block .choice .inner-text h2::before {
content: "";
background: var(--pmc);
width: 50%;
display: block;
height: 1px;
margin: 0 auto 5px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: 500ms ease;
-o-transition: 500ms ease;
transition: 500ms ease;
}
.biography .controller-block .choice .inner-text h2::after {
content: "";
background: var(--pmc);
width: 50%;
display: block;
height: 1px;
margin: 5px auto 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: 500ms ease;
-o-transition: 500ms ease;
transition: 500ms ease;
}
.biography .controller-block .choice:hover .inner-text h2::before,
.biography .controller-block .choice:hover .inner-text h2::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .biography .controller-block .choice.target {
-webkit-transform: translate3d(-7px, -7px, 1600px);
transform: translate3d(-7px, -7px, 1600px);
-webkit-transition: -webkit-transform 800ms ease;
transition: -webkit-transform 800ms ease;
-o-transition: transform 800ms ease;
transition: transform 800ms ease;
transition: transform 800ms ease, -webkit-transform 800ms ease;
}
.biography .controller-block .choice.target img {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
-webkit-transition: -webkit-transform 3000ms ease;
transition: -webkit-transform 3000ms ease;
-o-transition: transform 3000ms ease;
transition: transform 3000ms ease;
transition: transform 3000ms ease, -webkit-transform 3000ms ease;
}
.biography .controller-block .choice.target::after {
opacity: 0.5;
-webkit-transition: 100ms ease;
-o-transition: 100ms ease;
transition: 100ms ease;
}
.biography .controller-block .choice.off img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: 100ms ease;
-o-transition: 100ms ease;
transition: 100ms ease;
}
.biography .controller-block .choice.off {
-webkit-transform: scale(0.98);
-ms-transform: scale(0.98);
transform: scale(0.98);
-webkit-transition: 200ms ease;
-o-transition: 200ms ease;
transition: 200ms ease;
}
.biography .controller-block .choice.off .inner-text {
opacity: 0.4;
-webkit-transition: 100ms ease;
-o-transition: 100ms ease;
transition: 100ms ease;
}
.biography .controller-block .choice.off::after {
opacity: 0.8;
-webkit-transition: 200ms ease;
-o-transition: 200ms ease;
transition: 200ms ease;
}
.cursor.unite,
.cursor-2.unite {
background: white;
opacity: 1;
-webkit-transition: 100ms ease;
-o-transition: 100ms ease;
transition: 100ms ease;
border: none;
} .biography.shutter {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: var(--black3);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
z-index: 40;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-animation: scaleDown 1s ease;
animation: scaleDown 1s ease;
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
pointer-events: none;
}
.biography.shutter.show {
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-animation: scaleUp 1s ease;
animation: scaleUp 1s ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes scaleUp {
from {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
to {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes scaleUp {
from {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
to {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes scaleDown {
to {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@keyframes scaleDown {
to {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
} .biography.closeBio-btn {
position: fixed;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 50px;
height: 50px;
cursor: pointer;
opacity: 0;
-webkit-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
z-index: 50;
background: var(--black4);
padding: 45px;
border-radius: 150px;
left: 25px;
top: 50%;
pointer-events: none;
}
.biography.closeBio-btn > p {
position: absolute;
top: calc(100% + 10px);
color: #6b6b6b;
}
.biography.closeBio-btn:hover {
background: rgb(255 255 255 / 0.8);
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
}
.biography.closeBio-btn.show {
-webkit-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
-webkit-animation: appear 1s ease-in-out;
animation: appear 1s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
pointer-events: all;
}
@-webkit-keyframes appear {
to {
opacity: 1;
}
}
@keyframes appear {
to {
opacity: 1;
}
}
.biography.closeBio-btn span:nth-child(2) {
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.biography.closeBio-btn span:first-child {
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
.biography.closeBio-btn span {
background: #3f3f3f;
width: 30px;
height: 1px;
position: absolute;
cursor: pointer;
} body.page-id-555,
body.page-id-777 {
max-height: 100vh;
overflow: hidden;
}
body.page-id-555.unfold,
body.page-id-777.unfold {
max-height: unset;
overflow: visible;
}
.bio-text {
width: 100%;
margin: 0 auto;
max-width: 660px;
padding: 50px 0 0;
}
.official-text,
.story-text {
overflow: hidden;
position: absolute;
opacity: 0;
-webkit-transition: 800ms;
-o-transition: 800ms;
transition: 800ms;
left: 50%;
-webkit-transform: translate(-50%, 100px);
-ms-transform: translate(-50%, 100px);
transform: translate(-50%, 100px);
-webkit-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
z-index: 41;
pointer-events: none;
height: 0;
}
.official-text.show,
.story-text.show {
overflow: visible;
bottom: unset;
left: 50%;
opacity: 1;
-webkit-transition: 800ms;
-o-transition: 800ms;
transition: 800ms;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
pointer-events: all;
height: unset;
top: 50%;
}
.official-text .scroll-loop,
.story-text .scroll-loop {
position: relative;
bottom: 130px;
left: 0;
}
.bio-text .plx-holder {
margin: 30px 0;
}
.bio-text p {
margin-bottom: 20px;
font-size: calc(20px + 0.075vw);
line-height: calc(32px + 0.075vw);
max-width: 660px;
text-align: justify;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-style: italic;
}
.bio-text p strong{
font-weight: unset !important;
font-size: 20px;
}
.bio-text p strong em,
.bio-text p em strong,
.bio-text p > span {
color: var(--pmc);
}
.bio-text p em,
.bio-text p.subh.itl {
font-weight: 400;
font-size: 24px;
line-height: 35px;
padding: 25px 10px;
max-width: 70%;
text-align: center;
letter-spacing: 4px;
-webkit-hyphens: initial;
-ms-hyphens: initial;
hyphens: initial;
margin: 0 auto;
text-align: center;
}
main.art-single .art-nav {
background: var(--black2);
position: sticky;
top: 0;
left: var(--hzpd);
width: 100%;
margin-top: -5px;
z-index: 4;
}
main.art-single .art-nav ul {
width: 100%;
align-items: center;
text-align: center;
padding: 0px;
height: 50px;
}
main.art-single .art-nav ul li {
color: #fff;
margin: 0 10px;
}
main.art-single .art-nav ul li:first-of-type a img {
width: 28px;
margin: 0 5px;
}
main.art-single .art-nav ul li svg {
width: 30px;
}
main.art-single .art-nav ul li a svg circle,
main.art-single .art-nav ul li a svg path,
main.art-single .art-nav ul li a svg {
fill: #fff;
}
main.art-single .two-col .left-col {
position: sticky;
top: 90px;
max-width: 430px;
margin-right: 5%;
}
main.art-single .two-col {
max-width: 1200px;
align-items: flex-start;
}
main.art-single .two-col .right-col {
margin-left: 30px;
max-width: 46%;
}
main.art-single .two-col .right-col time {
text-transform: capitalize !important;
font-size: 18px;
}
main.art-single .two-col .right-col figure {
margin: 0 auto 20px;
}
main.art-single h2:first-of-type {
font-size: 250%;
line-height: 120%;
}
main.art-single a {
margin: 10px 0;
font-size:90%;
text-align: left;
}
main.art-single p {
margin: 15px 0;
font-size: 120%;
line-height: 170%;
}
main.art-single h2,
main.art-single h3,
main.art-single h4 {
font-size: 28px;
text-transform: inherit;
}
main.art-single h2,
main.art-single h3,
main.art-single h4 {
text-align: left;
letter-spacing: 1px;
color: #fff;
margin: 20px 0;
}
.full-bleed-banner {
width: 100%;
display: flex;
height: 30vh;
overflow: hidden;
position: relative;
min-height: 370px;
}
.full-bleed-banner .text,
.full-bleed-banner.news h1 {
position: absolute;
z-index: 1;
text-align: center;
padding: 0 15px;
}
.full-bleed-banner .post-time p {
text-transform: capitalize;
letter-spacing: 3px;
font-size: 14px;
opacity: .6;
}
.full-bleed-banner::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--black3);
opacity: .7;
}
.full-bleed-banner img {
object-fit: cover;
width: 100%;
height: 100%;
} .latest-posts .swiper-slide:hover img {
filter: grayscale(0);
transition: 300ms ease;
}
.latest-posts .swiper-slide img {
filter: grayscale(1);
transition: 300ms ease;
height: 290px;
object-fit: cover;
}
.latest-posts h3 {
color: var(--grey);
}
.latest-posts .swiper-slide {
display: flex;
justify-content: center;
text-align: center;
flex-direction: column;
}
.latest-posts .swiper-pagination {
left: 50%;
transform: translateX(-50%);	
margin-top: -40px;
position: absolute;
bottom: -30px;
}
.latest-posts .swiper-button-prev,
.latest-posts .swiper-button-next {
top: 50%;
transform: translateY(0);
}
.latest-posts .swiper-button-next:after,
.latest-posts .swiper-button-prev:after {
color: var(--secondary);
}
.latest-posts {
z-index: 0;
} .full-bleed-banner.news {
background: url(https://quatuoragate.com/wp-content/uploads/quatuor-agate-shooting-black-and-white-shirts-travel.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center 38%;
}
.news-cards.archive {
overflow: visible;
padding-left: 10%;
}
.news-cards.archive .single-card .thumb {
max-width: 42vw;
}
.news-cards.archive .single-card div:nth-child(2) {
margin-left: 20px;
max-width: 41%;
}
.news-cards.archive .single-card {
padding: 20px;
margin-right: 0;
margin-bottom: 50px;
}
.news-cards.archive .single-card:nth-child(odd) {
background: var(--black2);
} @media screen and (max-width:768px) {
main.art-single .two-col {
margin: 0 auto;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
}
main.art-single {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
main.art-single .two-col .right-col {
max-width: unset;
margin-left: 0;
}
.news-cards.archive .single-card {
padding: 0;
}
.news-cards.archive .single-card div:nth-child(2) {
padding: 20px;
}
main.art-single .two-col .left-col {
position: initial !important;
top: 0;
margin-top: 50px;
margin-right: unset;
}
.news-cards.archive .single-card {
max-width: unset;
justify-content: center;
}
}
@media screen and (max-width:650px) {
main.art-single .art-nav {
background: var(--black2);
position: fixed;
bottom: 0;
left: var(--hzpd);
width: calc(100% - var(--hzpd)*2);
margin-top: 0;
height: 60px;
max-width: unset;
top: unset;
}
main.art-single .art-nav ul {
flex-direction: row;
margin: 0;
padding: 0 var(--hzpd);
justify-content: space-evenly;
width: auto;
}
.full-bleed-banner {
height: 40vh;
}
.news-cards.archive .single-card .thumb,
.news-cards.archive .single-card div:nth-child(2) {
max-width: unset;
margin-left: 0;
}
main.art-single h2:first-of-type {
font-size: 210%;
line-height: 130%;
}
}
@media screen and (min-width:651px) and (max-width:850px) {
main.art-single .art-nav {
background: #fff;
position: fixed;
bottom: calc(100% - 50vh);
left: 0;
width: 12%;
margin-top: 0;
height: 20vh;
max-width: 90px;
top: unset;
opacity: .1;
}
main.art-single .art-nav ul {
flex-direction: column;
margin: 0;
padding: 6%;
justify-content: center;
width: auto;
}
main.art-single .art-nav ul li a {
color: #fff;
margin: 10px 0;
}
main.art-single .art-nav ul li:first-of-type a img {
width: 28px;
margin: 10px;
}
}
@media screen and (max-width:340px) {
main.art-single .art-nav ul li {
margin: 0 5px;
font-size: 17px;
}
.full-bleed-banner h1 {
font-size: 25px;
padding: 0px 10px;
margin-top: 20px;
}
main.art-single h2:first-of-type {
font-size: 180%;
line-height: 120%;
}
main.art-single .art-nav ul li:first-of-type a img {
width: 22px;
margin: 0 5px;
}
main.art-single .art-nav ul li a svg {
width: 20px;
}
}
div#tarteaucitronRoot * {
font-family: var(--font) !important
}
#tarteaucitronRoot {
top: unset !important;
bottom: 0
}
span#tarteaucitronDot {
display: none !important
}
div#tarteaucitron {
top: 50% !important;
transform: translateY(-50%)
}
div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
display: none !important
}
#tarteaucitronAlertBig {
z-index: 150 !important;
background: var(--black2) !important;
box-shadow: none !important;
margin: 0 auto !important;
padding: 15px !important;
left: unset !important;
top: unset !important;
height: auto !important;
max-width: 400px;
transition: 0.5s ease-out !important;
text-align: center !important;
right: 2.5vw !important;
border-radius: 3px !important;
bottom: 20px !important;
align-items: center;
width: auto !important;
padding-left: 240px !important;
opacity: 0;
animation: fadeInUp 500ms forwards !important
}
#tarteaucitronPrivacyUrl {
display: none !important
}
@keyframes fadeInUp {
from {
transform: translate(0, 40px);
opacity: 0
}
to {
transform: translate(0, 0);
opacity: 1
}
}
a.tarteaucitronSelfLink {
display: none !important
}
div#tarteaucitronAlertBig:before {
display: none
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
font-size: 13px !important;
padding: 0 !important;
font-family: var(--font) !important;
position: absolute;
width: 33%;
margin-bottom: 10px;
left: 10px;
line-height: 14px !important;
margin-top: 0 !important;
text-align: left !important
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
font-weight: 800;
text-align: left
}
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitron #tarteaucitronAlertBig #tarteaucitronCloseAlert {
font-size: 12px !important
}
#tarteaucitronRoot button {
border-radius: 2px !important
}
.tarteaucitronCTAButton,
#tarteaucitronAlertBig button#tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
font-size: 14px !important;
line-height: 1.2;
padding: 10px 16px;
min-width: 80px
}
#tarteaucitronAlertBig .tarteaucitronAllow, 
#tarteaucitronAlertBig .tarteaucitronDeny{
background: #ffffff0d !important;
} 
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
background: var(--pmc) !important;
color: #fff !important;
cursor: pointer;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle+[id^=tarteaucitronDetails] {
width: calc(100% - 40px);
font-weight: 500;
margin: 0;
padding: 5px 20px 20px;
background: rgba(51, 51, 51, .2);
color: #333;
}
#tarteaucitronAlertBig button#tarteaucitronPersonalize2 {
background: var(--pmc) !important;
color: #fff !important;
box-shadow: none !important;
margin: 0;
font-weight: 400 !important;
display: inline-flex !important;
justify-content: flex-end;
opacity: 1;
transition: 200ms;
}
#tarteaucitronAlertBig button#tarteaucitronPersonalize2:hover {
opacity: .5;
transition: 200ms;
}
#tarteaucitronRoot .tarteaucitronCross:before,
#tarteaucitronAlertBig button#tarteaucitronPersonalize2 span {
display: none !important
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
color: #dbdbdb !important;
font-weight: 300 !important;
text-align: left
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
background: var(--primary) !important
}
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails{
background: #fff !important
}
button#tarteaucitronPrivacyUrl {
padding: 0 !important;
opacity: 0.6;
padding: 10px 0 1px !important
}
div#tarteaucitronServices {
border-radius: var(--rounded);
box-shadow: 0 40px 60px #545454;
background: #fff
}
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
background: #fff !important;
border: none !important
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot .tarteaucitronDeny {
color: #2e2e30 !important
}
#tarteaucitron #tarteaucitronClosePanel {
top: -7px !important
}
#tarteaucitron .tarteaucitronBorder,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
border-color: transparent !important;
border: none !important
}
#tarteaucitron ul li {
padding: 0 7px;
border-radius: var(--rounded)
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot .tarteaucitronDeny {
background: 0 0 !important;
font-size: 12px !important;
border: #ffffff69 1px solid;
color: #ffffff69 !important;
font-weight: 300
}
#tarteaucitron ul .tarteaucitronDeny {
background: var(--primary) !important
}
#tarteaucitronRoot .tarteaucitronAllow {
background: #fff !important;
color: var(--primary) !important;
font-size: 15px !important;
line-height: 1.2;
padding: 10px 16px
}
#tarteaucitronRoot .tarteaucitronCross:before {
color: #fff !important
}
span.tarteaucitronCheck:before {
color: var(--primary) !important
}
#tarteaucitronIcon {
display: none !important;
background: 0 0;
position: absolute !important;
display: none;
width: auto;
z-index: 100;
left: 15px !important
}
div#tarteaucitronAlertSmall {
left: 0 !important;
right: unset !important
}
#tarteaucitronIcon #tarteaucitronManager {
background: 0 0 !important;
padding: 0 !important
}
button#tarteaucitronCookiesNumber {
display: none !important
}
div#tarteaucitronAlertSmall {
position: absolute;
bottom: 20px;
z-index: 100;
top: unset;
left: 15px !important;
border-radius: var(--rounded)
}
#tarteaucitronIcon {
width: 100px !important;
height: 96px !important;
position: relative !important;
display: flex;
z-index: 10 !important;
justify-content: center
}
#tarteaucitronIcon #tarteaucitronManager {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important
}
#tarteaucitronIcon #tarteaucitronManager img {
width: 60px !important;
height: 60px !important;
background: #ffffff94;
border-radius: var(--round);
padding: 8px;
position: absolute;
top: 0;
transform: translateX(-50%) !important;
left: 50% !important
}
div#tarteaucitronAlertSmall {
background: 0 0 !important
}
#tarteaucitronRoot div#tarteaucitron {
margin-top: 10px !important
}
@media screen and (max-width:768px) {
#tarteaucitronRoot #tarteaucitronAlertBig {
width: 100% !important;
max-width: calc(100% - 15px*4) !important;
padding: 15px !important;
margin: 0 !important;
left: 50% !important;
right: unset !important;
transform: translate(-50%, 0) !important
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
position: relative;
text-align: center !important;
width: 100%
}
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAlertBig button#tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
margin-bottom: 8px
}
@keyframes fadeInUp {
from {
transform: translate(-50%, 20px);
opacity: 0
}
to {
transform: translate(-50%, 0);
opacity: 1
}
}
}
.bio .portrait {
max-width: 400px;
max-height: 500px
}
@media screen and (min-width:2000px) {
wrapper.news-cards .slick-slide>div {
margin-left: 17%;
}
}
@media screen and (min-width:1500px) {
wrapper.news-cards .slick-slide>div {
margin: 0 13% 0 90px;
}
.agenda .event-single {
margin: 45px auto 0;
min-width: 50vw !important;
}
.swiper-slide .video-play-button img {
width: 80px;
}
wrapper.video-container {
padding-right: 18%;
padding-left: 18%;
}
}
@media screen and (min-width:1100px) {
header.scd-header {
width: 100%;
height: 70vh;
min-height: 770px;
}
.news-cards.archive {
overflow: visible;
padding-left: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.video-container .swiper-slide {
height: auto;
width: 100%;
}
}
@media screen and (max-width:1024px) {
.artist-info {
left: -70px;
}
.photo-gallery.grid {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-gap: 4px;
}
}
@media screen and (max-width:1024px) and (pointer:coarse) {
header.home-header img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
@media screen and (max-width:1024px) and (hover: none) and (pointer: coarse) {
header.home-header img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
@media screen and (max-width:1000px) {
.g_sup_mt {
margin-top: calc(100px + 8vh);
}
.g_sm_mt {
margin-top: 30px;
}
.g_vpd2 {
padding-top: calc(70px + 5vh);
padding-bottom: calc(70px + 5vh);
}
img,
video {
max-width: 100% !important;
}
.two-col,
wrapper#artists {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact .two-col .plx-holder {
max-width: unset !important;
margin-top: 40px;
width: 100%;
}
.two-col img:first-of-type {
margin-right: unset;
margin: 0 auto !important;
display: block;
}
.contact .form {
margin-right: 0;
}
.slices {
padding: 0;
height: 45vh;
}
.slices .slice {
width: 20%;
position: relative;
left: unset;
}
.slices img:not(:last-of-type) {
left: unset;
}
.slices.fl .slice:last-of-type {
margin-right: 0;
}
.slices.fl .slice:not(.splatter) {
margin-right: 10px;
}
wrapper#artists .artist-info {
width: 80%;
left: unset;
height: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: -30px;
padding: 50px;
}
#artists .artist-info::after {
height: 160px;
right: 0;
bottom: 0;
left: 85%;
} .news-cards .single-card:not(:last-child) {
margin-right: 0;
}
.homepage .news-cards .single-card {
min-height: 480px;
} .agenda .event-single,
.agenda .event-single:nth-of-type(odd) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 10px 20px 10px;
border-radius: 2px;
}
.event-single .date {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin: 10px 0 20px 0;
}
.event-single .event-details {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 10px 0 0 0;
max-width: unset;
}
.event-single .date>*:not(:last-child) {
margin-right: 6px;
}
.newsletter {
padding-top: calc(70px + 4vh);
padding-bottom: calc(70px + 4vh);
}
.newsletter .newsletter-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.newsletter .newsletter-content .capture,
.newsletter .submit {
margin-top: 50px;
}
.newsletter .newsletter-content .capture {
position: relative;
width: 70%;
} .contact .presskit {
margin-top: 50px;
max-width: unset;
}
header.scd-header .scdh-content {
width: 100%;
margin: 0;
}
.contact .presskit {
-ms-flex-item-align: unset;
-ms-grid-row-align: unset;
align-self: unset;
}
.presskits .presskit,
.presskits .presskit:not(:first-child) {
margin-left: 0;
width: 100%;
} .v-band {
width: 80%;
}
.contact .two-col .rev-wr {
width: 80vw;
margin: 30px 0;
}
}
@media screen and (max-width:768px) {
:root {
--hzpd: 18px;
}
.cursor,
.cursor-2 {
display: none;
}
.social_navbar {
left: var(--hzpd)
}
.social_navbar .networks a svg,
.social_navbar .networks a svg path {
width: 20px;
}
.reviews {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.reviews .quotemark svg {
height: 60px;
width: 60px;
margin-bottom: 20px;
}
.reviews .review {
text-align: center;
}
.two-col .plx-holder,
.two-col .plx-holder:nth-child(2) {
width: 100% !important;
}
.quotes-slider .swiper-pagination {
text-align: center;
}
.reviews p.author {
text-align: center;
margin: 0 auto;
}
.reviews .review p.subh.itl {
margin: 0 auto
}
.reviews ul.slick-dots {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.l-col,
.r-col {
width: 100%;
}
footer .footer-links:not(:last-of-type) {
margin-bottom: 45px;
} .sponsors .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.sponsors .container img {
width: 170px;
max-height: 90px;
-o-object-fit: contain;
object-fit: contain;
margin-top: 40px;
}
.sponsors .container img:not(:last-child) {
margin-right: 0;
}
.sponsors .container img:not(:first-child) {
margin-top: 35px;
}
.quote p {
padding: 0 25px;
}
.t1.big {
font-size: calc(43px + 0.05vw);
line-height: calc(41px + 0.05vw);
letter-spacing: calc(6px + 0.05vw);
max-width: unset;
}
.bold_t {
font-size: calc(25px + 0.05vw);
line-height: calc(48px + 0.05vw);
}
.cc-media .plx-holder {
margin-top: 30px;
}
.biography .controller-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.bio-text {
padding: 50px var(--hzpd);
}
body.page-id-555 p.subh.itl {
max-width: unset;
}
.biography .controller-block .choice {
height: 35vh;
width: 80vw;
max-width: 550px;
}
.biography.close-shutter {
left: 25px;
top: 15vh;
}
footer .sponsors a img {
max-width: 120px !important;
margin: 15px;
}
main.art-single .art-nav ul li {
font-size: 14px;
}
}
@media screen and (max-width:760px) {
.photo-gallery.grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
wrapper.video-container .container {
padding-right: 0;
padding-left: 0;
}
.event-single .post-thumbnail {
min-width: unset;
height: auto;
}
}
@media screen and (min-width:491px) and (max-width:690px) {
#bio-switch {
width: 69%;
}
#bio-switch span {
height: 60px;
width: 158px;
left: 4vw;
}
}
@media screen and (max-width:480px) {
.ag-event {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ev-thumb {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ev-thumb .post-thumbnail img {
-o-object-fit: cover;
object-fit: cover;
height: auto;
max-height: 210px;
}
.date-event {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-right: 0;
-webkit-box-flex: 30%;
-ms-flex: 30%;
flex: 30%;
}
.ev-main-info {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
}
.scroll-top.arrow.site .circle-arrow {
width: 30px;
height: 30px;
}
.scroll-top.arrow.site svg {
width: 17px;
} .agenda .filtering-box {
padding: 12px 30px 12px 10px;
width: 300px;
}
.agenda .filtering-box p {
margin-right: 10px;
}
.agenda .filtering-box p {
letter-spacing: 0px;
}
.agenda .filtering-box p,
.agenda .filtering-box a {
font-size: 15px;
}
.agenda .filtering-box p::after {
display: none;
}
.agenda .filtering-box select:first-of-type {
margin-right: 20px;
}
.agenda .filtering-box select {
letter-spacing: .4px;
}
.newsletter .newsletter-content .capture {
width: 90% !important;
}
header.scd-header {
width: 100%;
height: auto;
padding: 25% var(--hzpd) 0;
}
.copyright p {
margin: 0 0 25px;
}
.swiper-slide {
height: auto;
}
.swiper-container-horizontal>.swiper-scrollbar {
top: 30px;
}
}
@media screen and (min-width:100px) and (max-width:490px) {
#bio-switch {
width: 95%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.event-details .event-title.t2 {
font-size: 25px;
}
#bio-switch span {
left: 4vw;
width: 140px;
top: 14px;
height: 55px;
}
#bio-switch a {
font-size: 19px;
}
.bio-text p.subh.itl {
max-width: unset;
}
.biography .controller-block .choice {
height: 33vh;
width: 92vw;
max-width: 550px;
margin: 5px;
}
.biography p.context {
font-size: 14px;
bottom: 30px;
}
.biography .controller-block .choice .inner-text {
padding: 30px;
}
.biography.closeBio-btn {
padding: 30px;
right: var(--hzpd);
bottom: 40px;
top: unset;
left: unset;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
background: #131313de;
}
p.sticker,
.news-cards .thumb p {
font-size: 13px;
padding: 3px 6px;
}
.copyright {
padding: 0 var(--hzpd) 150px;
flex-direction: column;
}
.container.sponsors .fl-wr {
justify-content: center;
}
}