.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.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;
}span.eeb-nodis { 
display:none !important; 
}
span.eeb-rtl { 
unicode-bidi:bidi-override !important; 
direction:rtl !important; 
display:inline !important; 
}
span.eeb-rtl span.eeb-sd, span.eeb-nrtl span.eeb-sd{
display:inline !important;
padding-left:0 !important;
}
span.eeb-nrtl { 
word-break: break-all !important;
}
.eeb-encoded { 
position:relative; 
margin-top:-0.3em; 
z-index:1000; 
color:green; 
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 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;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} 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;
}[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity: 1;
transform: translateZ(0);
}
[data-aos="fade-up"] {
transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
transform: translateZ(0);
}
[data-aos="slide-up"] {
transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
backface-visibility: hidden;
transition-property: transform;
}
[data-aos="flip-left"] {
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
transform: perspective(2500px) rotateX(0);
}@import url(//hello.myfonts.net/count/3d5b93);
@font-face {
font-family: "Vanitas";
src: url(//www.francie.at/wp/wp-content/themes/francie_bf/fonts/VanitasStencil.woff2) format("woff2"),
url(//www.francie.at/wp/wp-content/themes/francie_bf/fonts/VanitasStencil.woff) format("woff");
} @font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: local(""), url(//www.francie.at/wp/wp-content/themes/francie_bf/fonts/poppins-v15-latin-regular.woff2) format("woff2"), url(//www.francie.at/wp/wp-content/themes/francie_bf/fonts/poppins-v15-latin-regular.woff) format("woff"); }
* {
box-sizing: border-box;
}
html,
body {
position: relative;
width: 100%;
}
body {
color: #000;
font-family: "Poppins", sans-serif;
font-size: 16px;
}
h1,
h2 {
font-weight: normal;
font-size: 2em;
margin: 0.67em 0;
letter-spacing: 0.3rem;
}
h3 {
text-transform: uppercase;
font-size: 1rem;
font-weight: normal;
}
h4 {
font-family: "Poppins";
font-size: 2.3rem;
font-weight: normal;
margin: 1rem 0;
}
a {
color: inherit;
text-decoration: none;
} .img-fluid {
width: 100%;
height: auto;
}
.van {
font-family: "Vanitas";
}
br.mobile {
display: none;
}
.header {
border-top: 2px solid #fcefdf;
width: calc(100% - 70px);
margin-top: 35px;
margin-left: 35px;
margin-right: 35px;
padding: 35px;
position: fixed;
display: flex;
justify-content: center;
z-index: 100;
}
.header a.toggler {
position: fixed;
right: 70px;
}
.header .logo {
max-width: 20%;
min-width: 65px;
text-align: center;
}
.header .logo img {
width: 100%;
height: auto;
}
@media (max-width: 650px) {
.header {
padding: 20px 0px;
}
.header a.toggler {
right: 35px;
}
.header a.toggler img {
width: 25px;
height: auto;
}
.header.logo-text {
justify-content: unset;
}
.header.logo-text .logo {
max-width: unset;
min-width: unset;
text-align: left;
}
.header.logo-text img.logo-text {
width: 84%;
}
} a.toggler:hover {
cursor: pointer;
}
.menu-overlay {
position: fixed;
top: 0;
left: 0;
background-color: #0e3151;
height: 0vh;
width: 100%;
transition: all 500ms ease-in-out;
z-index: -1;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.menu-overlay.active {
width: 100%;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
opacity: 1;
z-index: 999;
}
.menu-overlay .header {
top: 0px;
left: 0px;
}
ul#main-menu {
width: 60vw;
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
ul#main-menu li {
display: inline;
line-height: 4vw;
}
ul#main-menu li a {
font-family: "Vanitas";
font-size: 4vw;
letter-spacing: 1vw;
color: #fcefdf;
text-decoration: none;
font-weight: normal;
}
ul#main-menu li:nth-child(2):before,
ul#main-menu li:nth-child(2):after,
ul#main-menu li:nth-child(3):after {
content: "|";
font-family: "Vanitas";
font-size: 4vw;
letter-spacing: 0;
padding-left: 2vw;
padding-right: 2vw;
color: #fcefdf;
}
ul#main-menu li:nth-child(3) {
display: inline-block;
}
@media (max-width: 650px) {
ul#main-menu li:nth-child(2):before,
ul#main-menu li:nth-child(2):after,
ul#main-menu li:nth-child(3):after {
display: none;
}
ul#main-menu li {
display: block;
}
ul#main-menu li a {
font-size: 3rem;
line-height: 4rem;
}
} .home_01.claim-container {
background: url(//www.francie.at/wp/wp-content/themes/francie_bf/images/bg_home_01.jpg);
background-size: cover;
align-items: center;
justify-content: center;
background-position-x: 55%;
}
.our_deal_01.claim-container {
background: url(//www.francie.at/wp/wp-content/themes/francie_bf/images/bg_our-deal_01.jpg);
background-size: cover;
align-items: center;
justify-content: center;
background-position-y: 45%;
background-position-x: 68%;
}
.our_credo_01.claim-container {
background: url(//www.francie.at/wp/wp-content/themes/francie_bf/images/bg_our-credo_01.jpg);
background-size: cover;
align-items: center;
justify-content: center;
background-position-x: 62%;
}
.our_team_01.claim-container {
background: url(//www.francie.at/wp/wp-content/themes/francie_bf/images/bg_our-team_01.jpg);
background-size: cover;
align-items: center;
justify-content: center; background-position: 40% top;
}
.claim {
display: flex;
flex-flow: column;
justify-content: center;
width: 80%;
left: 10%;
height: 65vh;
height: calc(var(--vh, 1vh) * 65);
font-size: 12vw;
line-height: 12vw;
color: #fcefdf;
opacity: 0.1;
}
.title-container {
position: absolute;
border-bottom: 2px solid #fcefdf;
width: calc(100% - 70px);
bottom: 35px;
left: 35px; padding-bottom: 35px;
text-align: center;
}
.title-container ul.footer-menu {
margin-bottom: 35px;
margin-top: 0px;
font-family: "Poppins";
}
.menu-overlay .title-container {
padding-bottom: 0px;
}
.address-container {
position: absolute;
bottom: 24%; }
.address-container .address ul {
list-style-type: none;
padding-left: 0px;
margin: 0px;
}
.address ul li {
font-family: "Vanitas";
font-weight: normal;
font-size: 1.6vw;
line-height: 2vw;
color: #fcefdf;
letter-spacing: 0.4vw;
display: inline;
}
.address a {
color: inherit;
text-decoration: none;
}
.address ul li:nth-child(1):after,
.address ul li:nth-child(2):after {
content: "\00a0|\00a0";
}
@media (max-width: 650px) {
.address-container {
bottom: 18%;
}
.address ul li {
display: block;
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0.4rem;
text-align: center;
}
.address ul li:nth-child(1):after,
.address ul li:nth-child(2):after {
display: none;
}
.title-container ul.footer-menu {
margin-bottom: 20px;
}
} ul#home-menu {
list-style-type: none;
justify-content: center;
margin-bottom: 0px;
}
ul#home-menu li {
display: inline-block;
}
ul#home-menu a,
.title-container {
font-family: "Vanitas";
color: #fcefdf;
text-decoration: none;
font-size: 2.5vw;
letter-spacing: 0.6vw;
font-weight: normal;
}
ul#home-menu li:nth-child(1):after,
ul#home-menu li:nth-child(2):after {
content: "|";
font-family: "Vanitas";
font-size: 2.5vw;
margin-left: 1vw;
color: #fcefdf;
} .section {
height: auto;
min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100);
position: relative;
display: flex;
flex-flow: column;
align-items: center;
justify-content: space-evenly;
transition: all 1000ms ease-in-out;
}
.section .inner-top {
width: 56vw;
height: auto; display: grid;
grid-template-columns: repeat(12, 1fr);
position: relative;
padding: 3rem 0 0;
} .section .inner-bottom {
width: 56vw;
display: flex;
align-items: center;
padding: 3rem 0;
}
.section .inner-bottom .container {
display: flex;
align-items: flex-start;
}
.section .inner-bottom .time {
display: flex;
align-items: flex-start;
justify-content: center;
width: auto;
padding-left: 6%;
padding-right: 6%;
font-size: 4.5rem;
text-transform: uppercase;
letter-spacing: 1rem;
font-family: "Vanitas";
}
.section .inner-bottom .time .ampm {
font-size: 2.8rem;
letter-spacing: 0.5rem;
}
.section .inner-bottom p {
margin: 0;
font-size: 1.2rem;
letter-spacing: 0.2rem;
line-height: 1.8rem;
} .home_02,
.home_04 {
background-color: #fcefdf;
color: #0e3151;
}
.home_02 .inner-top .img-01,
.home_04 .inner-top .img-01 {
grid-row: 1;
grid-column: 1 / span 9;
}
.home_02 .inner-top .img-02,
.home_04 .inner-top .img-02 {
grid-row: 1;
grid-column: 9 / span 4;
padding-top: 30%;
}
.home_02 .inner-top .ani-container {
grid-row: 1;
grid-column: 9 / span 3;
height: auto;
position: relative;
}
.home_02 .ani-container .ani {
position: absolute;
padding-top: 160%;
left: -13%;
}
.home_04 .inner-top .ani-container {
grid-row: 1;
grid-column: 9 / span 2;
height: auto;
position: relative;
}
.home_04 .ani-container .ani {
position: absolute;
padding-top: 222%;
left: -59%;
}
@media (max-width: 650px) {
.title-container {
font-size: 2.5rem;
letter-spacing: 0.6rem;
}
.home_02 .inner-top .img-01,
.home_04 .inner-top .img-01 {
grid-column: 1 / span 12;
}
.home_02 .inner-top .img-02,
.home_04 .inner-top .img-02 {
grid-column: 5 / span 6;
padding-top: 120%;
margin-left: 10%;
}
.home_02 .inner-top .ani-container {
grid-row: 1;
grid-column: 2 / span 4;
height: auto;
position: relative;
}
.home_02 .ani-container .ani {
position: absolute;
padding-top: 195%;
left: -4%;
}
.home_04 .inner-top .ani-container {
grid-row: 1;
grid-column: 4 / span 2;
height: auto;
position: relative;
}
.home_04 .ani-container .ani {
position: absolute;
padding-top: 365%;
left: -75%;
}
} .home_03 {
background-color: #9f8e65;
color: #fcefdf;
}
.home_05 {
background-color: #0e3151;
color: #fcefdf;
}
.home_03 .inner-top .img-01,
.home_05 .inner-top .img-01 {
grid-row: 1;
grid-column: 1 / span 4;
padding-top: 30%;
z-index: 1;
}
.home_03 .inner-top .img-02,
.home_05 .inner-top .img-02 {
grid-row: 1;
grid-column: 4 / span 9;
}
.home_03 .inner-top .ani-container {
grid-row: 1;
grid-column: 1 / span 3;
height: auto;
position: relative;
z-index: 2;
}
.home_03 .ani-container .ani {
position: absolute;
padding-top: 160%;
left: 0;
}
.home_05 .inner-top .ani-container {
grid-row: 1;
grid-column: 1 / span 4;
height: auto;
position: relative;
z-index: 2;
}
.home_05 .ani-container .ani {
position: absolute;
padding-top: 121%;
left: 6%;
}
.home_03 .inner-bottom .time,
.home_05 .inner-bottom .time {
order: 2;
}
.home_03 .inner-bottom p,
.home_05 .inner-bottom p {
order: 1;
}
@media (max-width: 650px) {
.home_03 .inner-bottom .time,
.home_05 .inner-bottom .time {
order: 1;
}
.home_03 .inner-bottom p,
.home_05 .inner-bottom p {
order: 2;
}
.home_03 .inner-top .img-02,
.home_05 .inner-top .img-02 {
grid-column: 1 / span 12;
}
.home_03 .inner-top .img-01,
.home_05 .inner-top .img-01 {
grid-column: 2 / span 6;
padding-top: 120%;
margin-left: 10%;
}
.home_03 .inner-top .ani-container {
grid-row: 1;
grid-column: 7 / span 5;
height: auto;
position: relative;
}
.home_03 .ani-container .ani {
position: absolute;
padding-top: 185%;
margin-left: 10%;
}
.home_05 .inner-top .ani-container {
grid-row: 1;
grid-column: 7 / span 4;
height: auto;
position: relative;
}
.home_05 .ani-container .ani {
position: absolute;
padding-top: 216%;
margin-left: 10%;
}
} .section.friends {
background-color: #fcefdf;
color: #0e3151;
padding: 100px 0;
}
.section.friends .inner {
width: 55vw;
}
.section.friends .inner p {
text-align: center;
margin-top: 3rem;
letter-spacing: 0.05rem;
line-height: 1.5rem;
width: 100%;
margin-left: 0;
}
.section.friends h2 {
text-align: center;
margin-bottom: 3rem;
font-size: 3rem;
font-family: "Vanitas";
letter-spacing: 0.2rem;
font-weight: normal;
}
.section.friends h2 span {
font-family: "Poppins";
font-size: 2.3rem;
font-weight: normal;
}
.section.friends .list td.start a {
color: inherit;
text-decoration: none;
}
.list table {
width: 100%;
border-collapse: collapse;
}
.list td {
border-bottom: 2px solid #0e3151;
padding: 15px 0 5px;
}
.list td.start {
font-family: "Vanitas";
font-size: 1.5rem;
letter-spacing: 0.2rem;
padding: 15px 0 8px;
}
.list td.middle {
letter-spacing: 0.1rem;
}
.list td.end {
font-size: 0.8rem;
text-align: right;
}
.list tr:last-child td {
border-bottom: 0px;
}
table .list tr {
display: none;
}
table.active .list tr {
display: revert !important;
} .list.opened tr {
display: revert;
} .list-container text#minus {
display: none;
}
.list-container.active text#minus {
display: block;
}
.list-container text#plus {
display: block;
}
.list-container.active text#plus {
display: none;
} .section.newsletter {
color: #fcefdf;
background-color: #9f8e65;
min-height: unset;
}
.section.newsletter h2 {
text-align: center;
margin-bottom: 0rem;
font-size: 5rem;
font-family: "Vanitas";
letter-spacing: 0.2rem;
font-weight: normal;
white-space: nowrap;
}
.section.newsletter .nl-inner {
width: 34%;
min-width: 500px;
}
.section.newsletter .nl-inner > p {
font-size: 1.3rem;
font-weight: 100;
letter-spacing: 0.1em;
margin-top: 0.6em;
}
.section.newsletter input,
input {
border-radius: 30px;
border: 2px solid #fcefdf;
background-color: #9f8e65;
width: 100%;
padding: 10px 30px;
color: #fcefdf;
}
.section.newsletter input.wpcf7-submit,
input.wpcf7-submit {
width: auto;
background-color: #f1bbac;
border: 0;
color: #fcefdf;
padding: 10px 20px;
font-weight: bold;
letter-spacing: 0.1em;
}
.section.newsletter input.wpcf7-submit:hover,
input.wpcf7-submit:hover {
cursor: pointer;
}
p.submit-button {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
margin-top: 2rem;
}
.section.newsletter label {
font-size: 1.2rem;
letter-spacing: 0.1em;
line-height: 2;
}
:focus-visible {
outline: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 0em 0.5em 2em;
padding: 0.2em 1em;
border: 0;
text-align: center;
}
.section.newsletter .ani-newsletter {
max-width: 20%;
width: 100%;
height: auto;
position: absolute;
right: 5%;
bottom: 2%;
}
.wpcf7-not-valid-tip {
font-size: 1rem;
letter-spacing: 0.1em;
}
@media (max-width: 768px) {
.section.newsletter h2 {
font-size: 2.85rem;
white-space: unset;
text-align: left;
}
.section.newsletter .nl-inner {
width: 100%;
min-width: unset;
padding: 0 30px;
}
} .section.instagram {
background-color: #efc2b3;
color: #0e3151;
padding: 100px 0;
}
.section.instagram .ig-inner {
width: 80%;
}
.section.instagram a.follow {
color: inherit;
font-size: 1.3rem;
letter-spacing: 0.2rem;
margin-top: 1rem;
text-decoration: none;
}
.section.instagram a.follow span {
text-decoration: underline;
}
@media (max-width: 650px) {
.section.instagram .desktop {
display: none;
}
.section.instagram .ig-inner {
width: 95%;
order: 2;
}
.section.instagram a.follow {
font-size: 1.8rem;
margin-bottom: 4rem;
}
}
@media (min-width: 650px) {
.section.instagram .mobile {
display: none;
}
} .our_deal_02 {
background-color: #fcefdf;
color: #0e3151;
display: flex;
justify-content: center;
padding-top: 100px;
padding-bottom: 150px;
}
.inner {
width: 55%;
}
.inner p {
width: 75%;
margin-left: 25%;
line-height: 1.4rem;
letter-spacing: 0.08rem;
}
.inner h2 {
font-size: 2rem;
line-height: 2.7rem;
font-weight: normal;
letter-spacing: 0.5rem;
padding-bottom: 1rem;
}
.inner p.claim-pad {
padding-top: 75px;
padding-bottom: 95px;
font-size: 1.3rem;
letter-spacing: 0.1rem;
}
.claim-pad.desktop {
display: block;
}
.claim-pad.mobile {
display: none;
} #popup {
height: auto;
min-height: 100vh;
width: 100vw;
display: none;
align-items: center;
justify-content: center;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 1001;
top: 0;
transition: all 300ms ease-in-out;
}
#popup .head {
display: flex;
justify-content: center;
padding: 20px 0;
position: relative;
}
#popup .head .close {
position: absolute;
right: 20px;
top: 15px;
font-size: 1.5em;
font-family: "Vanitas";
font-weight: bold;
}
#logo-francie-icon-popup {
width: 30%;
width: 55px;
height: auto;
}
#popup .popup-inner {
background-color: #e6e2d9;
width: 450px;
display: flex;
flex-flow: column;
}
#popup #wpcf7-f231-o1 input {
width: 100%;
}
#popup input {
border-radius: 30px;
border: 1px solid #0e3151;
background-color: #e6e2d9;
width: 100%;
padding: 10px 30px;
color: black;
}
#popup input.wpcf7-submit {
background-color: #f1bbac;
border: 0;
color: #0e3151;
padding: 10px 20px;
font-weight: bold;
letter-spacing: 0.1em;
border: 1px solid #0e3151;
width: auto;
}
#popup .popup-inner h2 {
padding: 0 20px;
font-family: "Vanitas";
margin-bottom: 0;
font-size: 2.2em;
}
#popup .popup-inner p {
padding: 0 20px;
margin-top: 0;
}
#popup p.bigger {
font-size: 1.2em;
margin-bottom: 0;
margin-top: 0.5em;
}
#popup label {
line-height: 2;
font-weight: bold;
}
#popup .wpcf7-not-valid-tip {
font-size: 0.8em;
letter-spacing: 0;
} .our-deal-img,
.our-credo-img {
height: auto; display: grid;
grid-template-columns: repeat(12, 1fr);
position: relative;
}
.our-deal-img .img-01 {
grid-row: 1;
grid-column: 1 / span 9;
}
.our-deal-img .img-02 {
grid-row: 1;
grid-column: 9 / span 4;
padding-top: 30%;
}
.our-deal-img .ani-container {
grid-row: 1;
grid-column: 9 / span 3;
height: auto;
position: relative;
}
.our-deal-img .ani-container .ani {
position: absolute;
top: -21%;
left: -24%;
}
@media (max-width: 650px) {
.our_deal_02 {
padding-bottom: 100px;
}
.inner {
width: 80%;
}
.inner p {
width: 100%;
margin-left: 0%;
line-height: 1.4rem;
letter-spacing: 0.08rem;
}
.our_deal_02 h2,
.our_credo_02 h2,
.our_team_02 h2 {
text-align: center;
}
.our-deal-img {
margin-top: 150px;
}
.our-deal-img .img-01 {
grid-row: 1;
grid-column: 1 / span 12;
}
.our-deal-img .img-02 {
grid-row: 1;
grid-column: 2 / span 6;
padding-top: 0;
margin-top: -60%;
}
.our-deal-img .ani-container {
grid-row: 1;
grid-column: 8 / span 4;
height: auto;
position: relative;
}
.our-deal-img .ani-container .ani {
position: absolute;
top: -33%;
left: -24%;
}
.claim-pad.desktop {
display: none;
}
.inner p.claim-pad.mobile {
display: block;
padding-bottom: 0px;
text-align: center;
}
} .our_credo_02 {
background-color: #fcefdf;
color: #0e3151;
display: flex;
justify-content: center;
padding-top: 100px;
padding-bottom: 100px;
}
.our_credo_02 p.full {
margin-left: 0px;
width: 100%;
text-align: center;
margin-top: 0px;
letter-spacing: 0.3rem;
line-height: 1.7rem;
}
.our_credo_02 ul {
margin-top: 2rem;
padding-left: 0px;
list-style-type: none;
}
.our_credo_02 ul.list li {
font-family: "Vanitas";
font-size: 2rem;
letter-spacing: 0.3rem;
padding-top: 0.5rem;
text-align: center;
}
.our-credo-img {
margin-top: 150px;
margin-bottom: 100px;
}
.our-credo-img .img-01 {
grid-row: 1;
grid-column: 1 / span 4;
padding-top: 30%;
z-index: 1;
}
.our-credo-img .img-02 {
grid-row: 1;
grid-column: 4 / span 9;
}
.our-credo-img .ani-container {
grid-row: 1;
grid-column: 2 / span 2;
height: auto;
position: relative;
}
.our-credo-img .ani-container .ani {
position: absolute;
top: -14%;
left: -20%;
z-index: 2;
}
@media (max-width: 650px) {
.our_credo_02 {
padding-bottom: 100px;
}
.our_credo_02 ul.list li {
font-family: "Vanitas";
font-size: 7vw;
letter-spacing: 0.3rem;
padding-top: 0.5rem;
text-align: center;
}
.our-credo-img {
margin-top: 80px;
margin-bottom: 70px;
}
.our-credo-img .img-01 {
grid-row: 1;
grid-column: 2 / span 6;
margin-top: 75%;
}
.our-credo-img .img-02 {
grid-row: 1;
grid-column: 1 / span 12;
padding-top: 0;
}
.our-credo-img .ani-container {
grid-row: 1;
grid-column: 9 / span 2;
height: auto;
position: relative;
}
.our-credo-img .ani-container .ani {
position: absolute;
top: 69%;
left: 2%;
}
} .our_team_02 {
background-color: #fcefdf;
color: #0e3151;
display: flex;
justify-content: center;
padding-top: 100px;
padding-bottom: 100px;
}
.our_team_03 {
background-color: #9f8e65;
color: #fcefdf;
display: flex;
flex-flow: row;
justify-content: space-evenly;
padding: 150px 10%;
gap: 2rem;
}
.image .franzi {
width: 75%;
}
.our_team_02 .ani {
position: absolute;
z-index: 1;
width: 53%;
margin-top: 18%;
margin-left: -10%;
}
.team_pic {
text-align: center;
background-color: #9f8e65;
padding-top: 100px;
color: #fcefdf;
line-height: 1.5;
font-size: 0.9rem;
}
.team_pic img {
max-width: 650px;
}
@media (max-width: 650px) {
.our_team_03 {
flex-flow: column;
padding: 50px 0;
}
.our_team_03 .image {
margin: 50px 10%;
}
.image .franzi {
width: 100%;
}
.our_team_02 .ani {
position: absolute;
z-index: 1;
width: 62%;
margin-top: -11%;
margin-left: -10%;
}
}
.image {
text-align: center;
}
p.team-text {
width: 100%;
margin-left: 0px;
line-height: 2rem;
letter-spacing: 0.1rem;
text-align: center;
margin-top: 4rem;
}
p.team-text a {
color: inherit;
text-decoration: underline;
}
.name {
font-size: 1.3rem;
letter-spacing: 0.3rem;
}
.image {
position: relative;
} .page-template-page-imprint {
word-break: break-word;
}
.section.imprint {
background-color: #efc2b3;
color: #0e3151;
text-align: center;
padding-top: 185px;
padding-bottom: 50px;
padding-right: 10%;
padding-left: 10%;
}
.section.imprint p {
letter-spacing: 0.13rem;
line-height: 1.5rem;
}
.section.imprint p.van {
font-size: 1.7rem;
line-height: 2.4rem;
letter-spacing: 0.3rem;
}
.section.imprint p span {
font-size: 2.6rem;
line-height: 4rem;
}
.section.dsgvo {
background-color: #fcefdf;
color: #0e3151;
padding-right: 20%;
padding-left: 20%;
padding-top: 100px;
padding-bottom: 100px;
}
.section.dsgvo h2,
.section.agb h2 {
margin-bottom: 100px;
}
.section.dsgvo h3,
.section.agb h3 {
font-size: 0.9rem;
}
.section.dsgvo p,
.section.agb p {
font-size: 0.9rem;
}
.section.agb {
background-color: #efc2b3;
color: #0e3151;
padding-top: 100px;
padding-bottom: 100px;
padding-right: 20%;
padding-left: 20%;
}
.columns {
column-count: 2;
column-gap: 5%;
}
@media (max-width: 650px) {
.columns {
column-count: 1;
column-gap: 0;
}
.section.dsgvo,
.section.agb,
.section.imprint {
padding-left: 25px;
padding-right: 25px;
}
} .pattern {
display: flex;
}
@media (max-width: 650px) {
.pattern img {
width: 300%;
height: 100%;
margin-left: -200%;
overflow: hidden;
}
}
.footer {
background-color: #0e3151;
color: #fcefdf;
padding: 20px 0 40px;
text-align: center;
}
.footer p {
font-family: "Vanitas";
font-size: 1.8rem;
line-height: 3rem;
letter-spacing: 0.5rem;
}
ul.footer-menu {
list-style-type: none;
justify-content: center;
padding-left: 0;
}
ul.footer-menu li {
display: inline-block;
}
ul.footer-menu a {
color: #fcefdf;
text-decoration: none;
font-size: 1rem;
letter-spacing: 0.2rem;
font-weight: normal;
}
.footer ul.footer-menu a {
letter-spacing: 0.3rem;
}
.footer ul.footer-menu li:not(:last-child):after {
content: "\00a0|\00a0";
display: inline;
color: #fcefdf;
font-size: 1rem;
margin-left: 1vw;
margin-right: 1vw;
}
.menu-overlay ul.footer-menu li:nth-child(1):after,
.menu-overlay ul.footer-menu li:nth-child(2):after {
content: "\00a0|\00a0";
display: inline;
margin-left: 1vw;
font-size: 1rem;
letter-spacing: 0rem;
}
.footer p.mobile {
display: none;
}
@media (max-width: 650px) {
.footer p.mobile {
display: block;
margin-bottom: 3rem;
}
.footer p.desktop {
display: none;
}
.menu-overlay ul.footer-menu li:nth-child(1):after,
.menu-overlay ul.footer-menu li:nth-child(2):after {
display: none;
}
} @media (max-width: 650px) {
html,
body {
font-size: 14px;
}
br.mobile {
display: block;
}
.section.home_02,
.section.home_03,
.section.home_04,
.section.home_05,
.section.friends {
padding-top: 3rem;
padding-bottom: 3rem;
}
.section .inner-bottom .container {
flex-flow: column;
align-items: center;
}
.section .inner-bottom .time {
padding: 40px 0 35px;
}
.section .inner-top,
.section .inner-bottom,
.section.friends .inner {
width: 80%;
}
.section .inner-top,
.section .inner-bottom {
padding: 0;
}
.home_01 .title-container ul#home-menu {
display: none;
} .friends .list td {
display: block;
text-align: center;
}
.friends .list td.start {
border-bottom: 0px;
font-size: 2.4rem;
color: inherit;
}
.friends .list td.middle {
display: none;
}
.friends .list td.end {
padding: 5px 0 15px;
font-size: 1rem;
}
} #main-header {
transition: all 500ms ease-in-out;
}  #main-header .logo img,
#main-header a.toggler {
transition: all 500ms ease-in-out;
}
.scrolled #main-header.header {
padding: 35px 35px 25px;
}
.scrolled #menu-bars path {
stroke: #0e3151;
transition: all 500ms ease-in-out;
}
#logo-francie {
width: 100%;
transition: all 500ms ease-in-out;
}
#logo-francie-icon {
width: 30%;
min-width: 40px;
transition: all 500ms ease-in-out;
}
.scrolled #logo-francie-icon {
width: 15%;
min-width: 40px;
transition: all 500ms ease-in-out;
margin-top: -10px;
}
.scrolled #logo-francie {
width: 75%;
margin-top: -6px;
}
.scrolled #logo-francie path,
.scrolled #logo-francie-icon path {
fill: #0e3151;
transition: all 500ms ease-in-out;
}
.scrolled #main-header.header {
border-top: 2px solid #0e3151;
}
#background-fix {
position: fixed;
width: 100%;
height: 0px;
top: 0;
z-index: 100;
transition: all 500ms ease-in-out;
}
.scrolled #background-fix {
background-color: #fcefdf;
height: 132px;
}
@media (max-width: 650px) {
#logo-francie {
width: 75%;
margin-top: -6px;
}
.scrolled #background-fix {
height: 105px;
}
.scrolled #main-header.header {
padding: 20px 0 0;
}
.scrolled #main-header #logo-francie-icon {
width: 15%;
min-width: 40px;
transition: all 500ms ease-in-out;
margin-top: -5px;
}
.title-container ul.footer-menu a {
font-size: 1rem;
letter-spacing: 0.2rem;
}
} @media (max-width: 321px) {
.title-container ul.footer-menu {
line-height: 1rem;
}
.title-container ul.footer-menu a {
font-size: 0.8rem;
}
ul#main-menu li a {
font-size: 3rem;
line-height: 3.1rem;
}
.inner h2 {
font-size: 1.5rem;
}
.footer p.mobile {
letter-spacing: 0.4rem;
font-size: 1.3rem;
line-height: 2rem;
}
} .section.friends.newlist {
min-height: unset;
justify-content: unset;
}
.list-title {
display: flex;
justify-content: space-between;
align-items: center; }
.list .list-title:last-of-type { }
.friends.newlist table {
display: none;
}
.friends.newlist table.active {
display: revert;
margin-bottom: 2rem;
}
.list-title:hover {
cursor: pointer;
}
.list-title text#plus {
display: block;
}
.list-title text#minus {
display: none;
}
.list-title.active text#plus {
display: none;
}
.list-title.active text#minus {
display: block;
}
a.list-toggle-sub.active > table {
display: block;
}
a.list-toggle-sub {
display: flex;
align-items: center;
font-family: "Poppins";
font-size: 2rem;
font-weight: normal;
margin: 1rem 0;
}
a.list-toggle-sub:hover {
cursor: pointer;
}
.sub-first {
display: none;
}
.list-container.active .sub-first {
display: block;
}
.newlist .inner .list {
display: flex;
flex-flow: column;
}
.list-container[data-order="pr"] {
order: 1;
}
.list-container[data-order="em"] {
order: 2;
}
.list-container[data-order="br"] {
order: 3;
}
.list-container[data-order="sm"] {
order: 4;
}