@charset "UTF-8";

@media (min-width: 0) {
.hidden-xs {
display: none;
}
}
@media (min-width: 576px) {
.hidden-sm {
display: none;
}
}
@media (min-width: 768px) {
.hidden-md {
display: none;
}
}
@media (min-width: 992px) {
.hidden-lg {
display: none;
}
}
@media (min-width: 1200px) {
.hidden-xl {
display: none;
}
}
@media (min-width: 1400px) {
.hidden-xxl {
display: none;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: 30px;
margin-left: 30px;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.offset-3 {
margin-left: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.offset-6 {
margin-left: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.offset-9 {
margin-left: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.offset-12 {
margin-left: 100%;
}
@media (min-width: 576px) {
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 576px) {
.offset-sm-1 {
margin-left: 8.3333333333%;
}
}
@media (min-width: 576px) {
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 576px) {
.offset-sm-2 {
margin-left: 16.6666666667%;
}
}
@media (min-width: 576px) {
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 576px) {
.offset-sm-3 {
margin-left: 25%;
}
}
@media (min-width: 576px) {
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (min-width: 576px) {
.offset-sm-4 {
margin-left: 33.3333333333%;
}
}
@media (min-width: 576px) {
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media (min-width: 576px) {
.offset-sm-5 {
margin-left: 41.6666666667%;
}
}
@media (min-width: 576px) {
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 576px) {
.offset-sm-6 {
margin-left: 50%;
}
}
@media (min-width: 576px) {
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media (min-width: 576px) {
.offset-sm-7 {
margin-left: 58.3333333333%;
}
}
@media (min-width: 576px) {
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media (min-width: 576px) {
.offset-sm-8 {
margin-left: 66.6666666667%;
}
}
@media (min-width: 576px) {
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 576px) {
.offset-sm-9 {
margin-left: 75%;
}
}
@media (min-width: 576px) {
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media (min-width: 576px) {
.offset-sm-10 {
margin-left: 83.3333333333%;
}
}
@media (min-width: 576px) {
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media (min-width: 576px) {
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 576px) {
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 576px) {
.offset-sm-12 {
margin-left: 100%;
}
}
@media (min-width: 768px) {
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 768px) {
.offset-md-1 {
margin-left: 8.3333333333%;
}
}
@media (min-width: 768px) {
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 768px) {
.offset-md-2 {
margin-left: 16.6666666667%;
}
}
@media (min-width: 768px) {
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 768px) {
.offset-md-3 {
margin-left: 25%;
}
}
@media (min-width: 768px) {
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (min-width: 768px) {
.offset-md-4 {
margin-left: 33.3333333333%;
}
}
@media (min-width: 768px) {
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media (min-width: 768px) {
.offset-md-5 {
margin-left: 41.6666666667%;
}
}
@media (min-width: 768px) {
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 768px) {
.offset-md-6 {
margin-left: 50%;
}
}
@media (min-width: 768px) {
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media (min-width: 768px) {
.offset-md-7 {
margin-left: 58.3333333333%;
}
}
@media (min-width: 768px) {
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media (min-width: 768px) {
.offset-md-8 {
margin-left: 66.6666666667%;
}
}
@media (min-width: 768px) {
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 768px) {
.offset-md-9 {
margin-left: 75%;
}
}
@media (min-width: 768px) {
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media (min-width: 768px) {
.offset-md-10 {
margin-left: 83.3333333333%;
}
}
@media (min-width: 768px) {
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media (min-width: 768px) {
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.offset-md-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 992px) {
.offset-lg-1 {
margin-left: 8.3333333333%;
}
}
@media (min-width: 992px) {
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 992px) {
.offset-lg-2 {
margin-left: 16.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 992px) {
.offset-lg-3 {
margin-left: 25%;
}
}
@media (min-width: 992px) {
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (min-width: 992px) {
.offset-lg-4 {
margin-left: 33.3333333333%;
}
}
@media (min-width: 992px) {
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media (min-width: 992px) {
.offset-lg-5 {
margin-left: 41.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 992px) {
.offset-lg-6 {
margin-left: 50%;
}
}
@media (min-width: 992px) {
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media (min-width: 992px) {
.offset-lg-7 {
margin-left: 58.3333333333%;
}
}
@media (min-width: 992px) {
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media (min-width: 992px) {
.offset-lg-8 {
margin-left: 66.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 992px) {
.offset-lg-9 {
margin-left: 75%;
}
}
@media (min-width: 992px) {
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media (min-width: 992px) {
.offset-lg-10 {
margin-left: 83.3333333333%;
}
}
@media (min-width: 992px) {
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media (min-width: 992px) {
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.offset-lg-12 {
margin-left: 100%;
}
}
@media (min-width: 1200px) {
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 1200px) {
.offset-xl-1 {
margin-left: 8.3333333333%;
}
}
@media (min-width: 1200px) {
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 1200px) {
.offset-xl-2 {
margin-left: 16.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 1200px) {
.offset-xl-3 {
margin-left: 25%;
}
}
@media (min-width: 1200px) {
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (min-width: 1200px) {
.offset-xl-4 {
margin-left: 33.3333333333%;
}
}
@media (min-width: 1200px) {
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media (min-width: 1200px) {
.offset-xl-5 {
margin-left: 41.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1200px) {
.offset-xl-6 {
margin-left: 50%;
}
}
@media (min-width: 1200px) {
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media (min-width: 1200px) {
.offset-xl-7 {
margin-left: 58.3333333333%;
}
}
@media (min-width: 1200px) {
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media (min-width: 1200px) {
.offset-xl-8 {
margin-left: 66.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 1200px) {
.offset-xl-9 {
margin-left: 75%;
}
}
@media (min-width: 1200px) {
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media (min-width: 1200px) {
.offset-xl-10 {
margin-left: 83.3333333333%;
}
}
@media (min-width: 1200px) {
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.offset-xl-12 {
margin-left: 100%;
}
}
@media (min-width: 1400px) {
.col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 1400px) {
.offset-xxl-1 {
margin-left: 8.3333333333%;
}
}
@media (min-width: 1400px) {
.col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 1400px) {
.offset-xxl-2 {
margin-left: 16.6666666667%;
}
}
@media (min-width: 1400px) {
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 1400px) {
.offset-xxl-3 {
margin-left: 25%;
}
}
@media (min-width: 1400px) {
.col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (min-width: 1400px) {
.offset-xxl-4 {
margin-left: 33.3333333333%;
}
}
@media (min-width: 1400px) {
.col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media (min-width: 1400px) {
.offset-xxl-5 {
margin-left: 41.6666666667%;
}
}
@media (min-width: 1400px) {
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1400px) {
.offset-xxl-6 {
margin-left: 50%;
}
}
@media (min-width: 1400px) {
.col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media (min-width: 1400px) {
.offset-xxl-7 {
margin-left: 58.3333333333%;
}
}
@media (min-width: 1400px) {
.col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media (min-width: 1400px) {
.offset-xxl-8 {
margin-left: 66.6666666667%;
}
}
@media (min-width: 1400px) {
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 1400px) {
.offset-xxl-9 {
margin-left: 75%;
}
}
@media (min-width: 1400px) {
.col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media (min-width: 1400px) {
.offset-xxl-10 {
margin-left: 83.3333333333%;
}
}
@media (min-width: 1400px) {
.col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media (min-width: 1400px) {
.offset-xxl-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1400px) {
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1400px) {
.offset-xxl-12 {
margin-left: 100%;
}
} html {
min-height: 100vh;
height: 100%;
min-width: 320px;
font-family: sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.25;
color: #000;
}
@media (min-width: 1025px) {
html {
font-size: 16px;
}
}
html.is-lock-scroll, html.is-lock-scroll body {
overflow: hidden;
}
body {
height: 100%;
font-family: sans-serif;
background-color: #EDE9F0;
margin: 0;
}
.page-wrapper {
overflow: hidden;
}
a,
button {
transition: 0.25s;
}
a {
font-size: 16px;
color: #543B7F;
text-decoration: none;
}
a:hover {
color: #9988B1;
}
@media (min-width: 1440px) {
a {
font-size: 16px;
}
}
button {
cursor: pointer;
}
svg {
display: block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
width: 100%;
height: 100%;
fill: currentColor;
}
img {
vertical-align: top;
height: auto;
max-width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
img[draggable=false] {
pointer-events: none;
-webkit-user-drag: none;
}
figure,
picture {
display: inline-block;
margin: 0;
line-height: 0;
}
figure img,
picture img {
width: 100%;
}
ol,
ul {
margin: 0;
padding: 0;
}
video {
outline: none;
width: 100%;
height: 100%;
}
section {
padding: 40px 0;
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
::-moz-selection {
background-color: #543B7F;
color: #FFF;
}
::selection {
background-color: #543B7F;
color: #FFF;
}
strong {
font-weight: bold;
}
.wrapper {
overflow: hidden;
}
.d-flex {
display: flex !important;
}
.d-grid {
display: grid !important;
}
.center {
text-align: center;
justify-content: center;
}
.mb-1 {
margin-bottom: 1em;
}
.mb-2 {
margin-bottom: 2em;
}
.mb-3 {
margin-bottom: 3em;
}
.mb-4 {
margin-bottom: 4em;
}
.mb-5 {
margin-bottom: 5em;
}
.underline {
text-decoration: underline;
}
.intro {
background-color: #FFF;
}
@media (min-width: 1025px) {
.intro {
padding: 2em 0;
}
}
.intro p,
.intro a {
font-size: 17px;
font-weight: 400;
text-align: left;
}
.preamble {
padding: 40px 0 0 0;
}
section.definition {
padding: 34px 0 0 0;
}
section.guidelines {
padding: 20px 0 0 0;
}
section.guidelines.guidelines-c {
padding: 20px 0 22px 0;
}
.guidelines ol,
.guidelines ul {
margin: 0 0 1.5em 1.5em;
}
@media (min-width: 768px) {
.guidelines ol,
.guidelines ul {
margin: 0 0 1.5em 3em;
}
}
.guidelines ol li,
.guidelines ul li {
line-height: 1.8571428571;
margin-bottom: 1.75em;
}
li.whether {
list-style-type: none;
text-indent: -24px;
}
.signatories {
background-color: #FFF;
color: #543B7F;
padding: 30px 0;
}
@media (min-width: 1440px) {
.signatories {
padding: 40px;
}
}
.signatories--pl {
background-color: #EDE9F0;
}
.signatories h2 {
font-size: 30px;
}
@media (min-width: 768px) {
.signatories h2 {
font-size: 33px;
}
}
@media (min-width: 1440px) {
.signatories h2 {
font-size: 35px;
}
}
.names {
-moz-column-count: 1;
column-count: 1;
width: 100%;
}
@media (min-width: 768px) {
.names {
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 1440px) {
.names {
-moz-column-count: 3;
column-count: 3;
}
}
.names + .names {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid;
}
.name {
font-family: "eb-garamond", serif;
font-size: 16px;
line-height: 19px;
padding: 4px 0;
margin: 0 0 10px 0;
text-align: left;
box-sizing: border-box;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
@media (min-width: 1440px) {
.name {
padding: 10px;
margin: 0;
}
}
.name span {
font-family: "eb-garamond", serif;
font-size: 18px;
font-weight: 600;
} .faq {
background-color: #FFF;
font-size: 16px;
line-height: 2;
}
.qa {
margin: 0 0px 30px 0;
}
.question {
color: #543B7F;
font-size: 18px;
font-weight: 700;
position: relative;
margin: 0; }
.answer {
position: relative;
margin: 5px 0 0; }
.about {
background-color: #FFF;
}
.names.names--about {
margin-top: -10px;
}
.names--about {
-moz-column-count: 1;
column-count: 1;
width: 100%;
}
@media (min-width: 768px) {
.names--about {
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 1440px) {
.names--about {
-moz-column-count: 2;
column-count: 2;
}
}
.names + .names {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid;
}
.names--about .name {
border: none;
color: #333;
font-family: sans-serif;
line-height: 22px;
padding: 10px 0;
margin: 0 0 10px;
text-align: left;
box-sizing: border-box;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.names--about .name span {
color: #543B7F;
font-family: sans-serif;
font-size: 16px;
line-height: 22px;
}
section.video {
background-color: #E6E1EC;
}
.video .row {
margin: 0 10px;
text-align: center;
}
.video-container {
width: 100%;
height: auto;
}
.video-container iframe {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.video-container {
width: 640px;
height: 385px;
}
.video-container iframe {
width: 640px;
height: 385px;
}
}
@media (min-width: 1440px) {
.video-container {
width: 740px;
height: 416px;
}
.video-container iframe {
width: 740px;
height: 416px;
}
}
.contact {
background-color: #EDE9F0;
}
.white {
color: #FFF;
}
.purple {
color: #543B7F;
}
a.purple {
color: #333;
}
a.purple:hover {
color: #9988B1;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
}
.h1,
h1 {
font-family: "eb-garamond", serif;
font-size: 25px;
font-weight: 400;
color: #fff;
margin-bottom: 0;
line-height: 1;
}
.h1 span,
h1 span {
color: #543B7F;
}
@media (min-width: 768px) {
.h1,
h1 {
font-size: 33px;
}
}
@media (min-width: 1440px) {
.h1,
h1 {
font-size: 33px;
}
}
@media (min-width: 1600px) {
.h1,
h1 {
font-size: 35px;
}
}
.h2,
h2 {
font-family: "eb-garamond", serif;
font-size: 33px;
color: #543B7F;
font-weight: 500;
margin-bottom: 20px;
line-height: 40px;
}
@media (min-width: 768px) {
.h2,
h2 {
font-size: 35px;
}
}
@media (min-width: 1440px) {
.h2,
h2 {
font-size: 44px;
margin-bottom: 18px;
line-height: 46px;
}
}
.h3,
h3 {
font-family: sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 2em;
}
@media (min-width: 768px) {
.h3,
h3 {
font-size: 18px;
}
}
@media (min-width: 1440px) {
.h3,
h3 {
font-size: 20px;
}
}
.h4,
h4 {
font-family: "eb-garamond", serif;
font-size: 21px;
font-weight: 500;
line-height: 1.3em;
}
@media (min-width: 768px) {
.h4,
h4 {
font-size: 26px;
}
}
@media (min-width: 1440px) {
.h4,
h4 {
font-size: 30px;
}
}
.h5,
h5 {
font-family: "eb-garamond", serif;
font-size: 26px;
color: #543B7F;
font-weight: 500;
margin-bottom: 22px;
}
@media (min-width: 768px) {
.h5,
h5 {
font-size: 26px;
}
}
@media (min-width: 1440px) {
.h5,
h5 {
font-size: 28px;
}
}
.h6,
h6 {
font-family: "eb-garamond", serif;
font-size: 18px;
}
@media (min-width: 768px) {
.h6,
h6 {
font-size: 18px;
}
}
@media (min-width: 1440px) {
.h6,
h6 {
font-size: 18px;
}
}
p {
font-family: sans-serif;
font-weight: 400;
line-height: 1.8571428571;
margin-bottom: 1.75em;
text-align: left;
}
@media (min-width: 1440px) {
p {
line-height: 1.8571428571;
margin-bottom: 1.75em;
}
}
.page-loaded .animate__animated {
animation-duration: 1s;
animation-fill-mode: both;
}
[data-scrollspy] {
opacity: 0;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100px, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.animate__fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100px, 0, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.animate__fadeInLeft {
animation-name: fadeInLeft;
} .container--wide {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.container--wide .row {
margin: 0;
}
@media (min-width: 768px) {
.row {
margin-left: 45px;
margin-right: 45px;
}
}
.header {
background-color: #FFF;
}
section.jda {
padding: 0;
}
img.logo {
width: auto;
height: 70px;
position: relative;
left: -8px;
top: 0;
}
@media (min-width: 768px) {
img.logo {
left: -8px;
height: 104px;
}
}
@media (min-width: 1280px) {
img.logo {
left: -8px;
height: 104px;
}
}
@media (min-width: 1440px) {
img.logo {
left: -8px;
height: 123px;
}
}
@media (min-width: 1600px) {
img.logo {
left: -12px;
height: 152px;
}
}
.jda-head {
background: url(//jerusalemdeclaration.org/wp-content/themes/jda%20v0.17/img/jda-head-mobile.jpg);
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: top;
background-size: 115%;
padding-bottom: 6%;
position: relative;
height: auto;
margin-top: 90px;
}
.jda-head::before {
content: "";
display: block;
}
.jda-head .content {
position: relative;
}
@media (min-width: 768px) {
.jda-head {
padding-bottom: 4%;
}
}
@media (min-width: 1025px) {
.jda-head {
background: url(//jerusalemdeclaration.org/wp-content/themes/jda%20v0.17/img/jda-head.jpg);
background-position-x: -75px;
background-size: 115%;
padding: 0;
width: 100%;
margin-top: 0;
}
.jda-head .content {
margin: -20px 0 0 0;
padding: 0 0 30px 0;
}
}
@media (min-width: 1600px) {
.jda-head .content {
margin: -20px 0 0 0;
}
}
@media (min-width: 1600px) {
.jda-head .content {
margin: -20px 0 0 0;
}
}
@media (min-width: 1700px) {
.jda-head .content {
margin: -20px 0 0 0;
}
} .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
} .hamburger--3dx .hamburger-box {
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dx-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy .hamburger-box {
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s;
} .hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s;
} .hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0;
} .hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
} .hamburger--slider-r .hamburger-inner {
top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg);
} .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
} .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
} .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.hamburger {
background: #FFF;
border-radius: 3px;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
padding: 14px 14px 13px 10px;
margin: 15px 0 0 15px;
}
.hamburger:hover {
opacity: 1;
}
@media (min-width: 1025px) {
.hamburger {
display: none;
}
}
.hamburger-box {
width: 30px;
height: 22px;
position: relative;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 34px;
height: 5px;
background-color: #543B7F;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #543B7F;
}
.navigation-menu {
background: #9988B1;
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 999;
height: 100%;
box-shadow: 0 3px 10px 10px rgba(0, 0, 0, 0.2);
padding-top: 80px;
}
@media (min-width: 768px) {
.navigation-menu {
padding-top: 100px;
}
}
@media (min-width: 1025px) {
.navigation-menu {
display: block;
overflow-y: scroll;
height: calc(100% - 150px);
padding: 75px 0;
width: 180px;
scrollbar-width: none;
ms-overflow-style: none;
}
}
.navigation-menu.open {
display: block;
width: 100%;
z-index: 2;
}
.menu__wrap {
position: relative;
}
ul.menu__list {
list-style-type: none;
padding: 0 45px;
-moz-column-count: 1;
column-count: 1;
}
@media (orientation: landscape) {
ul.menu__list {
-moz-column-count: 2;
column-count: 2;
padding: 0 60px;
}
}
@media (min-width: 1025px) {
ul.menu__list {
-moz-column-count: 1;
column-count: 1;
padding: 0 30px 0 40px;
}
}
.menu__list li {
padding: 8px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.menu__list li:last-of-type {
border-bottom: none;
}
@media (orientation: landscape) {
.menu__list li:nth-child(9n) { break-before: avoid;
}
}
@media (min-width: 768px) {
.menu__list li {
margin: 0 100px;
}
}
@media (min-width: 768px) and (orientation: landscape) {
.menu__list li {
margin: 0 60px 0 0;
}
.menu__list li:nth-child(9n) {
border-bottom: none;
break-before: avoid;      
}
}
@media (min-width: 1025px) {
.menu__list li {
border: none;
padding: 6px 0;
margin: 0;
}
.menu__list li.menu--break {
padding-bottom: 24px;
}
.menu__list li.menu--break::after {
content: "";
display: block;
position: relative;
bottom: -18px;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
height: 1px;
opacity: 1;
width: 100%;
z-index: 2;
transform: scale(1);
}
}
li.menu__item a,
li.menu-item a {
color: #FFF;
font-family: sans-serif;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
transition: 0.25s;
}
li.menu__item a.active, li.menu__item a:focus, li.menu__item a:active,
li.menu-item a.active,
li.menu-item a:focus,
li.menu-item a:active {
color: #000;
transition: 0.25s;
}
@media (min-width: 1025px) {
li.menu__item a::after,
li.menu-item a::after {
content: "";
display: block;
position: relative;
bottom: 30px;
left: 0;
transition: 0.3s;
background-color: rgba(255, 255, 255, 0.5);
height: 1px;
opacity: 0;
width: 80%;
z-index: 2;
transform: scale(1);
}
li.menu__item a.active, li.menu__item a:hover, li.menu__item a:focus, li.menu__item a:active,
li.menu-item a.active,
li.menu-item a:hover,
li.menu-item a:focus,
li.menu-item a:active {
color: #000;
transition: 0.25s;
}
li.menu__item a.active::after, li.menu__item a:hover::after, li.menu__item a:focus::after, li.menu__item a:active::after,
li.menu-item a.active::after,
li.menu-item a:hover::after,
li.menu-item a:focus::after,
li.menu-item a:active::after {
bottom: -1px;
opacity: 1;
transition: 0.3s;
}
}
.download-icon {
display: block;
left: 85px;
top: 26px;
position: fixed;
width: 30px;
height: 30px;
z-index: 999;
fill: #543B7F;
}
@media (min-width: 1025px) {
.download-icon {
display: none;
}
}
.download {
width: 40px;
height: 40px;
}
.footer {
background-color: #333;
border: 1px solid #7a7a7a;
}
.copyright {
margin: 1.5em 0;
font-size: 14px;
}
@media (min-width: 1440px) {
.copyright {
font-size: normal;
}
}