@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
pre,
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 {
-webkit-box-sizing: border-box;
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] {
-webkit-box-sizing: border-box;
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;
} html {
font-family: "Sora", sans-serif;
font-size: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
color: #000;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
figure,
blockquote {
margin: 0;
padding: 0;
}
ul,
ol {
list-style: none;
}
table {
width: 100%;
border: 0;
border-collapse: collapse;
}
img,
svg {
vertical-align: top;
}
svg,
a,
button,
input,
textarea {
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
svg {
fill: currentColor;
-webkit-transition-property: background-color, border-color, color, fill;
transition-property: background-color, border-color, color, fill;
}
a,
button,
input,
textarea {
outline: 0;
-webkit-transition-property: background-color, border-color, color, -webkit-box-shadow;
transition-property: background-color, border-color, color, -webkit-box-shadow;
transition-property: background-color, border-color, box-shadow, color;
transition-property: background-color, border-color, box-shadow, color, -webkit-box-shadow;
}
a {
text-decoration: none;
}
button,
input,
textarea {
vertical-align: top;
}
button {
cursor: pointer;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: inherit;
opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: inherit;
opacity: 1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: inherit;
opacity: 1;
}
input::placeholder,
textarea::placeholder {
color: inherit;
opacity: 1;
}
input {
line-height: normal;
}
textarea {
resize: none;
} .mfp-bg,
.mfp-wrap,
.mfp-container {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mfp-bg,
.mfp-wrap {
position: fixed;
}
.mfp-bg {
z-index: 1042;
overflow: hidden;
background-color: #000;
opacity: 0.75;
}
.mfp-wrap {
z-index: 1043;
outline: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mfp-container {
position: absolute;
padding-right: 20px;
padding-left: 20px;
text-align: center;
}
.mfp-container::before {
display: inline-block;
height: 100%;
pointer-events: none;
content: "";
vertical-align: middle;
}
.mfp-align-top .mfp-container::before {
display: none;
}
.mfp-content {
position: relative;
z-index: 1045;
display: inline-block;
max-width: 900px;
width: 100%;
margin: 20px auto;
vertical-align: middle;
text-align: left;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
}
.mfp-ajax-holder .mfp-content,
.mfp-auto-cursor .mfp-content,
.mfp-inline-holder .mfp-content {
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-hide {
display: none !important;
}
.mfp-close,
.mfp-preloader {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
padding: 0;
font-size: 24px;
line-height: 1;
background-color: #fff;
border: 0;
color: #000;
}
.mfp-close:hover {
background-color: #2196d1;
}
.mfp-preloader {
top: 50%;
right: 20px;
left: 20px;
z-index: 1044;
width: auto;
text-align: center;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-image-holder,
.mfp-iframe-holder {
padding-top: 30px;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
top: 0;
right: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
}
.mfp-fade .mfp-content {
opacity: 0;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.mfp-fade.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.mfp-fade.mfp-ready.mfp-bg {
opacity: 0.75;
}
.mfp-fade.mfp-removing.mfp-bg {
opacity: 0;
} .slick-slider,
.slick-list,
.slick-track {
position: relative;
}
.slick-slider {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
tap-highlight-color: transparent;
}
.slick-list,
.slick-track {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-list {
overflow: hidden;
}
.slick-list:focus {
outline: none;
}
.slick-track {
top: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.slick-track:after {
content: "";
clear: both;
display: table;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
display: none;
height: 100%;
min-height: 1px;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: transparent solid 1px;
}
.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 0;
line-height: 1;
}
.slick-dots li + li {
margin-left: 6px;
}
.slick-dots button {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slick-arrow {
position: absolute;
z-index: 5;
padding: 0;
font-size: 0;
line-height: 1;
border: 0;
border-radius: 50%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slick-arrow.slick-hidden,
.slick-arrow.slick-disabled {
display: none !important;
}
.slick-container.dot-absolute .slick-dots {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.slick-container.dot-below .slick-dots {
margin-top: 20px;
}
.slick-container.dot-start .slick-dots {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.slick-container.dot-end .slick-dots {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.slick-container.dot-center .slick-dots {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.slick-container.dot-white-blue .slick-dots button {
background-color: #fff;
}
.slick-container.dot-white-blue .slick-dots li.slick-active button {
background-color: #57d7ff;
}
.slick-container.dot-black-white .slick-dots button {
background-color: #000;
}
.slick-container.dot-black-white .slick-dots li.slick-active button {
background-color: #fff;
}
.slick-container.dot-black-blue .slick-dots button {
background-color: #000;
}
.slick-container.dot-black-blue .slick-dots li.slick-active button {
background-color: #57d7ff;
}
.slick-container.dot-black-green .slick-dots button {
background-color: #000;
}
.slick-container.dot-black-green .slick-dots li.slick-active button {
background-color: #95eba0;
}
.slick-container.dot-black-purple .slick-dots button {
background-color: #000;
}
.slick-container.dot-black-purple .slick-dots li.slick-active button {
background-color: #b683e8;
}
.slick-container.dot-black-orange .slick-dots button {
background-color: #000;
}
.slick-container.dot-black-orange .slick-dots li.slick-active button {
background-color: #ffad40;
}
.slick-container.arrow-center .slick-arrow {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.slick-container.arrow-white-black .slick-arrow {
background-color: #fff;
color: #000;
}
.slick-container.arrow-white-black .slick-arrow:hover {
background-color: #000;
color: #fff;
}
.slick-container.arrow-black-blue .slick-arrow {
background-color: #000;
color: #57d7ff;
}
.slick-container.arrow-black-blue .slick-arrow:hover {
background-color: #57d7ff;
color: #fff;
} @media (max-width: 767px) {
.slick-arrow {
width: 30px;
height: 30px;
}
.slick-container.i1 .slick-prev,
.slick-container.i3 .slick-prev {
left: 20px;
}
.slick-container.i1 .slick-next,
.slick-container.i3 .slick-next {
right: 20px;
}
.slick-container.i1 .slick-dots {
bottom: 30px;
padding-right: 20px;
padding-left: 20px;
}
.slick-container.i1 .slick-arrow {
top: 30px;
}
.slick-container.i2 {
margin-right: -20px;
margin-left: -20px;
}
.slick-container.i2 .slick-item,
.slick-container.i2 .slick-dots {
padding-right: 20px;
padding-left: 20px;
}
.slick-container.i2 .slick-dots {
bottom: -120px;
}
.slick-container.i4,
.slick-container.i5,
.slick-container.i6,
.slick-container.i7,
.slick-container.i9,
.slick-container.i10 {
margin-right: -10px;
margin-left: -10px;
}
.slick-container.i4 .slick-item,
.slick-container.i4 .slick-dots,
.slick-container.i5 .slick-item,
.slick-container.i5 .slick-dots,
.slick-container.i6 .slick-item,
.slick-container.i6 .slick-dots,
.slick-container.i7 .slick-item,
.slick-container.i7 .slick-dots,
.slick-container.i9 .slick-item,
.slick-container.i9 .slick-dots,
.slick-container.i10 .slick-item,
.slick-container.i10 .slick-dots {
padding-right: 10px;
padding-left: 10px;
}
.slick-container.i4 .slick-prev,
.slick-container.i5 .slick-prev,
.slick-container.i6 .slick-prev,
.slick-container.i7 .slick-prev,
.slick-container.i9 .slick-prev,
.slick-container.i10 .slick-prev {
left: -5px;
}
.slick-container.i4 .slick-next,
.slick-container.i5 .slick-next,
.slick-container.i6 .slick-next,
.slick-container.i7 .slick-next,
.slick-container.i9 .slick-next,
.slick-container.i10 .slick-next {
right: -5px;
}
.slick-container.i5 .slick-prev,
.slick-container.i5 .slick-next {
top: 160px;
}
.slick-container.i8 {
padding-bottom: 50px;
}
.slick-container.i8 .slick-arrow {
bottom: 0;
width: 32px;
height: 32px;
}
.slick-container.i8 .slick-prev {
right: calc(50% + 15px);
}
.slick-container.i8 .slick-next {
left: calc(50% + 15px);
}
.slick-container.i9 {
margin-top: 30px;
}
.slick-container.i10 .slick-prev,
.slick-container.i10 .slick-next {
top: 135px;
}
} @media (min-width: 768px) {
.slick-container.i1 .slick-arrow,
.slick-container.i3 .slick-arrow {
width: 32px;
height: 32px;
}
.slick-container.i1 .slick-prev,
.slick-container.i3 .slick-prev {
left: 30px;
}
.slick-container.i1 .slick-next,
.slick-container.i3 .slick-next {
right: 30px;
}
.slick-container.i1 .slick-dots {
max-width: 1024px;
padding-right: 30px;
padding-left: 30px;
}
.slick-container.i2 {
margin-right: -30px;
margin-left: -30px;
}
.slick-container.i2 .slick-item,
.slick-container.i2 .slick-dots {
padding-right: 30px;
padding-left: 30px;
}
.slick-container.i2 .slick-dots {
bottom: -140px;
}
.slick-container.i4 {
margin-right: -25px;
margin-left: -25px;
}
.slick-container.i4 .slick-item,
.slick-container.i4 .slick-dots {
padding-right: 25px;
padding-left: 25px;
}
.slick-container.i5,
.slick-container.i7,
.slick-container.i10 {
margin-right: -15px;
margin-left: -15px;
}
.slick-container.i5 .slick-item,
.slick-container.i5 .slick-dots,
.slick-container.i7 .slick-item,
.slick-container.i7 .slick-dots,
.slick-container.i10 .slick-item,
.slick-container.i10 .slick-dots {
padding-right: 15px;
padding-left: 15px;
}
.slick-container.i8 {
padding-bottom: 60px;
}
.slick-container.i8 .slick-arrow {
bottom: 0;
width: 40px;
height: 40px;
}
.slick-container.i8 .slick-prev {
right: calc(50% + 15px);
}
.slick-container.i8 .slick-next {
left: calc(50% + 15px);
}
} @media (min-width: 768px) and (max-width: 1279px) {
.slick-container.i1 .slick-dots {
bottom: 40px;
}
.slick-container.i1 .slick-arrow {
top: 40px;
}
.slick-container.i4 .slick-arrow {
width: 40px;
height: 40px;
}
.slick-container.i4 .slick-prev {
left: 5px;
}
.slick-container.i4 .slick-next {
right: 5px;
}
.slick-container.i5 .slick-prev,
.slick-container.i5 .slick-next {
top: 205px;
width: 40px;
height: 40px;
}
.slick-container.i5 .slick-prev {
left: -5px;
}
.slick-container.i5 .slick-next {
right: -5px;
}
.slick-container.i9 {
margin-top: 40px;
margin-right: -20px;
margin-left: -20px;
}
.slick-container.i9 .slick-arrow {
width: 40px;
height: 40px;
}
.slick-container.i9 .slick-prev {
left: 0;
}
.slick-container.i9 .slick-next {
right: 0;
}
.slick-container.i9 .slick-item,
.slick-container.i9 .slick-dots {
padding-right: 20px;
padding-left: 20px;
}
.slick-container.i10 .slick-prev,
.slick-container.i10 .slick-next {
top: 130px;
width: 40px;
height: 40px;
}
.slick-container.i10 .slick-prev {
left: -5px;
}
.slick-container.i10 .slick-next {
right: -5px;
}
} @media (min-width: 1280px) {
.slick-container.i1 .slick-dots {
bottom: 50px;
}
.slick-container.i1 .slick-arrow {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.slick-container.i4 .slick-arrow,
.slick-container.i5 .slick-arrow,
.slick-container.i9 .slick-arrow,
.slick-container.i10 .slick-arrow {
width: 50px;
height: 50px;
}
.slick-container.i4 .slick-prev,
.slick-container.i5 .slick-prev,
.slick-container.i9 .slick-prev,
.slick-container.i10 .slick-prev {
left: -75px;
}
.slick-container.i4 .slick-next,
.slick-container.i5 .slick-next,
.slick-container.i9 .slick-next,
.slick-container.i10 .slick-next {
right: -75px;
}
.slick-container.i5 {
margin-top: -90px;
}
.slick-container.i5 .slick-item {
padding-top: 90px;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: padding-top;
transition-property: padding-top;
}
.slick-container.i5 .slick-item.slick-center {
padding-top: 0;
}
.slick-container.i5 .slick-prev,
.slick-container.i5 .slick-next {
top: 290px;
}
.slick-container.i9 {
margin-top: 50px;
margin-right: -25px;
margin-left: -25px;
}
.slick-container.i9 .slick-item,
.slick-container.i9 .slick-dots {
padding-right: 25px;
padding-left: 25px;
}
.slick-container.i10 .slick-item:nth-child(2n) {
padding-top: 60px;
}
.slick-container.i10 .slick-prev,
.slick-container.i10 .slick-next {
top: 125px;
}
} .max-w-320 {
max-width: 320px;
}
.max-w-360 {
max-width: 360px;
}
.max-w-480 {
max-width: 480px;
}
.max-w-560 {
max-width: 560px;
}
.max-w-640 {
max-width: 640px;
}
.max-w-700 {
max-width: 700px;
}
.max-w-768 {
max-width: 768px;
}
.max-w-780 {
max-width: 780px;
}
.max-w-840 {
max-width: 840px;
}
.max-w-900 {
max-width: 900px;
}
.max-w-960 {
max-width: 960px;
}
.max-w-980 {
max-width: 980px;
}
.max-w-1024 {
max-width: 1024px;
}
.max-w-1060 {
max-width: 1060px;
}
.max-w-1100 {
max-width: 1100px;
}
.max-w-1120 {
max-width: 1120px;
}
.max-w-1170 {
max-width: 1170px;
}
.max-w-1230 {
max-width: 1230px;
}
.max-w-1280 {
max-width: 1280px;
}
.max-w-full {
max-width: 100%;
}
.max-w-screen {
max-width: 100vw;
}
.max-h-full {
max-height: 100%;
}
.max-h-screen {
max-height: 100vh;
}
.min-w-0 {
min-width: 0;
}
.min-w-24 {
min-width: 24px;
}
.min-w-25 {
min-width: 25px;
}
.min-w-30 {
min-width: 30px;
}
.min-w-32 {
min-width: 32px;
}
.min-w-35 {
min-width: 35px;
}
.min-w-40 {
min-width: 40px;
}
.min-w-45 {
min-width: 45px;
}
.min-w-48 {
min-width: 48px;
}
.min-w-50 {
min-width: 50px;
}
.min-w-55 {
min-width: 55px;
}
.min-w-60 {
min-width: 60px;
}
.min-w-95 {
min-width: 95px;
}
.min-w-150 {
min-width: 150px;
}
.min-w-160 {
min-width: 160px;
}
.min-w-180 {
min-width: 180px;
}
.min-w-200 {
min-width: 200px;
}
.min-w-220 {
min-width: 220px;
}
.min-w-230 {
min-width: 230px;
}
.min-w-240 {
min-width: 240px;
}
.min-w-250 {
min-width: 250px;
}
.min-w-260 {
min-width: 260px;
}
.min-w-full {
min-width: 100%;
}
.min-w-screen {
min-width: 100vw;
}
.min-h-0 {
min-height: 0;
}
.min-h-24 {
min-height: 24px;
}
.min-h-25 {
min-height: 25px;
}
.min-h-30 {
min-height: 30px;
}
.min-h-32 {
min-height: 32px;
}
.min-h-35 {
min-height: 35px;
}
.min-h-40 {
min-height: 40px;
}
.min-h-45 {
min-height: 45px;
}
.min-h-48 {
min-height: 48px;
}
.min-h-50 {
min-height: 50px;
}
.min-h-55 {
min-height: 55px;
}
.min-h-60 {
min-height: 60px;
}
.min-h-95 {
min-height: 95px;
}
.min-h-150 {
min-height: 150px;
}
.min-h-160 {
min-height: 160px;
}
.min-h-180 {
min-height: 180px;
}
.min-h-200 {
min-height: 200px;
}
.min-h-220 {
min-height: 220px;
}
.min-h-230 {
min-height: 230px;
}
.min-h-240 {
min-height: 240px;
}
.min-h-250 {
min-height: 250px;
}
.min-h-260 {
min-height: 260px;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.w-0 {
width: 0;
}
.w-24 {
width: 24px;
}
.w-25 {
width: 25px;
}
.w-30 {
width: 30px;
}
.w-32 {
width: 32px;
}
.w-35 {
width: 35px;
}
.w-40 {
width: 40px;
}
.w-45 {
width: 45px;
}
.w-48 {
width: 48px;
}
.w-50 {
width: 50px;
}
.w-55 {
width: 55px;
}
.w-60 {
width: 60px;
}
.w-95 {
width: 95px;
}
.w-150 {
width: 150px;
}
.w-160 {
width: 160px;
}
.w-180 {
width: 180px;
}
.w-200 {
width: 200px;
}
.w-220 {
width: 220px;
}
.w-230 {
width: 230px;
}
.w-240 {
width: 240px;
}
.w-250 {
width: 250px;
}
.w-260 {
width: 260px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.w-screen {
width: 100vw;
}
.h-0 {
height: 0;
}
.h-24 {
height: 24px;
}
.h-25 {
height: 25px;
}
.h-30 {
height: 30px;
}
.h-32 {
height: 32px;
}
.h-35 {
height: 35px;
}
.h-40 {
height: 40px;
}
.h-45 {
height: 45px;
}
.h-48 {
height: 48px;
}
.h-50 {
height: 50px;
}
.h-55 {
height: 55px;
}
.h-60 {
height: 60px;
}
.h-95 {
height: 95px;
}
.h-150 {
height: 150px;
}
.h-160 {
height: 160px;
}
.h-180 {
height: 180px;
}
.h-200 {
height: 200px;
}
.h-220 {
height: 220px;
}
.h-230 {
height: 230px;
}
.h-240 {
height: 240px;
}
.h-250 {
height: 250px;
}
.h-260 {
height: 260px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.mx-auto {
margin-right: auto;
margin-left: auto;
}
.mt-0 {
margin-top: 0;
}
.mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mt-55 {
margin-top: 55px;
}
.mt-60 {
margin-top: 60px;
}
.mt-70 {
margin-top: 70px;
}
.mt-80 {
margin-top: 80px;
}
.mr-0 {
margin-right: 0;
}
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-25 {
margin-right: 25px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
.mr-55 {
margin-right: 55px;
}
.mr-60 {
margin-right: 60px;
}
.mr-70 {
margin-right: 70px;
}
.mr-80 {
margin-right: 80px;
}
.mb-0 {
margin-bottom: 0;
}
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-55 {
margin-bottom: 55px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-80 {
margin-bottom: 80px;
}
.ml-0 {
margin-left: 0;
}
.ml-5 {
margin-left: 5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-15 {
margin-left: 15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-25 {
margin-left: 25px;
}
.ml-30 {
margin-left: 30px;
}
.ml-35 {
margin-left: 35px;
}
.ml-40 {
margin-left: 40px;
}
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.ml-55 {
margin-left: 55px;
}
.ml-60 {
margin-left: 60px;
}
.ml-70 {
margin-left: 70px;
}
.ml-80 {
margin-left: 80px;
}
.p-0 {
padding: 0;
}
.p-5 {
padding: 5px;
}
.p-10 {
padding: 10px;
}
.p-15 {
padding: 15px;
}
.p-20 {
padding: 20px;
}
.p-25 {
padding: 25px;
}
.p-30 {
padding: 30px;
}
.p-35 {
padding: 35px;
}
.p-40 {
padding: 40px;
}
.p-45 {
padding: 45px;
}
.p-50 {
padding: 50px;
}
.p-55 {
padding: 55px;
}
.p-60 {
padding: 60px;
}
.p-70 {
padding: 70px;
}
.p-80 {
padding: 80px;
}
.pt-0 {
padding-top: 0;
}
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-35 {
padding-top: 35px;
}
.pt-40 {
padding-top: 40px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-55 {
padding-top: 55px;
}
.pt-60 {
padding-top: 60px;
}
.pt-70 {
padding-top: 70px;
}
.pt-80 {
padding-top: 80px;
}
.pb-0 {
padding-bottom: 0;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-55 {
padding-bottom: 55px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-80 {
padding-bottom: 80px;
}
.pr-0 {
padding-right: 0;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-25 {
padding-right: 25px;
}
.pr-30 {
padding-right: 30px;
}
.pr-35 {
padding-right: 35px;
}
.pr-40 {
padding-right: 40px;
}
.pr-45 {
padding-right: 45px;
}
.pr-50 {
padding-right: 50px;
}
.pr-55 {
padding-right: 55px;
}
.pr-60 {
padding-right: 60px;
}
.pr-70 {
padding-right: 70px;
}
.pr-80 {
padding-right: 80px;
}
.pl-0 {
padding-left: 0;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-35 {
padding-left: 35px;
}
.pl-40 {
padding-left: 40px;
}
.pl-45 {
padding-left: 45px;
}
.pl-50 {
padding-left: 50px;
}
.pl-55 {
padding-left: 55px;
}
.pl-60 {
padding-left: 60px;
}
.pl-70 {
padding-left: 70px;
}
.pl-80 {
padding-left: 80px;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.p-fixed {
position: fixed;
}
.p-static {
position: static;
}
.p-sticky {
position: sticky;
}
.p-top {
top: 0;
}
.p-right {
right: 0;
}
.p-bottom {
bottom: 0;
}
.p-left {
left: 0;
}
.p-center-h {
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.p-center-v {
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.p-center {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.z-3 {
z-index: 3;
}
.z-4 {
z-index: 4;
}
.z-5 {
z-index: 5;
}
.z-6 {
z-index: 6;
}
.z-7 {
z-index: 7;
}
.z-8 {
z-index: 8;
}
.z-9 {
z-index: 9;
}
.z-10 {
z-index: 10;
}
.z-15 {
z-index: 15;
}
.z-20 {
z-index: 20;
}
.z-25 {
z-index: 25;
}
.z-30 {
z-index: 30;
}
.z-35 {
z-index: 35;
}
.z-40 {
z-index: 40;
}
.z-45 {
z-index: 45;
}
.z-50 {
z-index: 50;
}
.flex-none {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-equal {
-webkit-box-flex: 1;
-ms-flex: 1 0 0;
flex: 1 0 0;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-block {
display: block;
}
.d-inline-block {
display: inline-block;
}
.f-right {
float: right;
}
.f-left {
float: left;
}
.of-auto {
overflow: auto;
}
.of-hidden {
overflow: hidden;
}
.of-visible {
overflow: visible;
}
.of-scroll {
overflow: scroll;
}
.of-x-auto {
overflow-x: auto;
}
.of-x-hidden {
overflow-x: hidden;
}
.of-x-visible {
overflow-x: visible;
}
.of-x-scroll {
overflow-x: scroll;
}
.of-y-auto {
overflow-y: auto;
}
.of-y-hidden {
overflow-y: hidden;
}
.of-y-visible {
overflow-y: visible;
}
.of-y-scroll {
overflow-y: scroll;
}
.va-top {
vertical-align: top;
}
.va-middle {
vertical-align: middle;
}
.va-bottom {
vertical-align: bottom;
}
.va-baseline {
vertical-align: baseline;
}
.bg-blue {
background-color: #57d7ff;
}
.bg-medium-blue {
background-color: #2196d1;
}
.bg-bold-blue {
background-color: #262e69;
}
.bg-black-blue {
background-color: #161d4b;
}
.bg-green {
background-color: #95eba0;
}
.bg-orange {
background-color: #ffad40;
}
.bg-thin-orange {
background-color: rgba(255, 202, 131, 0.25);
}
.bg-purple {
background-color: #b683e8;
}
.bg-medium-purple {
background-color: #b08bd5;
}
.bg-thin-gray {
background-color: #fafafa;
}
.bg-light-gray {
background-color: #c9c9c9;
}
.bg-xlight-gray {
background-color: #f5f5f5;
}
.bg-gray {
background-color: #b5bfce;
}
.bg-medium-gray {
background-color: #455265;
}
.bg-dark-gray {
background-color: #2c2c2c;
}
.bg-black {
background-color: #000;
}
.bg-white {
background-color: #fff;
}
.bg-gradient {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.bg-bottom {
background-position: bottom;
}
.bg-center {
background-position: center;
}
.bg-left {
background-position: left;
}
.bg-left-bottom {
background-position: left bottom;
}
.bg-left-top {
background-position: left top;
}
.bg-right {
background-position: right;
}
.bg-right-bottom {
background-position: right bottom;
}
.bg-right-top {
background-position: right top;
}
.bg-top {
background-position: top;
}
.bg-repeat {
background-repeat: repeat;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.bg-repeat-x {
background-repeat: repeat-x;
}
.bg-repeat-y {
background-repeat: repeat-y;
}
.bg-auto {
background-size: auto;
}
.bg-cover {
background-size: cover;
}
.bg-contain {
background-size: contain;
}
.bg-blend-normal {
background-blend-mode: normal;
}
.bg-blend-multiply {
background-blend-mode: multiply;
}
.bg-blend-screen {
background-blend-mode: screen;
}
.bg-blend-overlay {
background-blend-mode: overlay;
}
.bg-blend-darken {
background-blend-mode: darken;
}
.bg-blend-lighten {
background-blend-mode: lighten;
}
.bg-blend-c-dodge {
background-blend-mode: c-dodge;
}
.bg-blend-c-burn {
background-blend-mode: c-burn;
}
.br-0 {
border-radius: 0;
}
.br-5 {
border-radius: 5px;
}
.br-10 {
border-radius: 10px;
}
.br-15 {
border-radius: 15px;
}
.br-20 {
border-radius: 20px;
}
.br-25 {
border-radius: 25px;
}
.br-30 {
border-radius: 30px;
}
.br-35 {
border-radius: 35px;
}
.br-40 {
border-radius: 40px;
}
.br-45 {
border-radius: 45px;
}
.br-50 {
border-radius: 50px;
}
.br-55 {
border-radius: 55px;
}
.br-60 {
border-radius: 60px;
}
.br-70 {
border-radius: 70px;
}
.br-80 {
border-radius: 80px;
}
.br-full {
border-radius: 50%;
}
.c-black {
color: #000;
}
.c-white {
color: #fff;
}
.c-blue {
color: #57d7ff;
}
.c-green {
color: #95eba0;
}
.c-orange {
color: #ffad40;
}
.c-purple {
color: #b683e8;
}
.c-gray {
color: #7f7f7f;
}
.c-medium-gray {
color: #455265;
}
.o-0 {
opacity: 0;
}
.o-15 {
opacity: 0.15;
}
.o-25 {
opacity: 0.25;
}
.o-35 {
opacity: 0.35;
}
.o-50 {
opacity: 0.5;
}
.o-65 {
opacity: 0.65;
}
.o-75 {
opacity: 0.75;
}
.o-100 {
opacity: 1;
}
.cf::after {
content: "";
clear: both;
display: table;
}
.no-padding {
padding: 0;
}
.no-text {
font-size: 0;
line-height: 1;
}
.no-background {
background-color: transparent;
}
.no-border {
border: 0;
}
.font-sora {
font-family: "Sora", sans-serif;
}
.font-epilogue {
font-family: "Epilogue", sans-serif;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.font-black {
font-weight: 900;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-justify {
text-align: justify;
}
.text-uppercase {
text-transform: uppercase;
}
.text-lowercase {
text-transform: lowercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-wordbreak {
word-break: break-word;
}
.text-nowrap {
white-space: nowrap;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.text-clip {
text-overflow: clip;
}
.mix-blend-normal {
mix-blend-mode: normal;
}
.mix-blend-multiply {
mix-blend-mode: multiply;
}
.mix-blend-screen {
mix-blend-mode: screen;
}
.mix-blend-overlay {
mix-blend-mode: overlay;
}
.mix-blend-darken {
mix-blend-mode: darken;
}
.mix-blend-lighten {
mix-blend-mode: lighten;
}
.mix-blend-c-dodge {
mix-blend-mode: c-dodge;
}
.mix-blend-c-burn {
mix-blend-mode: c-burn;
}
.outline {
-webkit-box-shadow: inset 0 0 0 1px #000;
box-shadow: inset 0 0 0 1px #000;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
} .hidden {
display: none !important;
} @media (max-width: 767px) {
.container {
padding-right: 20px;
padding-left: 20px;
}
.hidden-xs {
display: none !important;
}
}
@media (max-width: 1099px) {
.hidden-m {
display: none !important;
}
} @media (min-width: 768px) {
.container {
padding-right: 30px;
padding-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1280px) {
.hidden-lg {
display: none !important;
}
}
@media (min-width: 1100px) {
.hidden-d {
display: none !important;
}
} .grid-row.i7 {
margin-right: -20px;
margin-left: -20px;
}
.grid-row.i7 > .grid-col {
width: 50%;
max-width: 220px;
padding-right: 20px;
padding-left: 20px;
}
.grid-row.i18 {
margin-right: -10px;
margin-left: -10px;
}
.grid-row.i18 > .grid-col {
width: 50%;
max-width: 190px;
padding-right: 10px;
padding-left: 10px;
}
.grid-row.i19 {
margin-right: -20px;
margin-left: -20px;
}
.grid-row.i19 > .grid-col {
padding-right: 20px;
padding-left: 20px;
}
.grid-row.i22 {
margin-bottom: -40px;
}
.grid-row.i22 > .grid-col {
padding-bottom: 40px;
} @media (max-width: 1279px) {
.grid-row.i1 > .grid-col,
.grid-row.i2 > .grid-col,
.grid-row.i6 > .grid-col,
.grid-row.i8 > .grid-col {
min-width: 100%;
width: 100%;
}
.grid-row.i19 > .grid-col.i1 {
width: 100%;
text-align: center;
}
.grid-row.i19 > .grid-col.i2 {
width: 100%;
max-width: 330px;
min-width: 320px;
margin-top: 30px;
}
} @media (max-width: 767px) {
.grid-row.i3 > .grid-col,
.grid-row.i4 > .grid-col,
.grid-row.i9 > .grid-col,
.grid-row.i10 > .grid-col,
.grid-row.i11 > .grid-col,
.grid-row.i12 > .grid-col,
.grid-row.i13 > .grid-col,
.grid-row.i14 > .grid-col,
.grid-row.i15 > .grid-col,
.grid-row.i16 > .grid-col,
.grid-row.i17 > .grid-col,
.grid-row.i20 > .grid-col,
.grid-row.i21 > .grid-col,
.grid-row.i22 > .grid-col {
min-width: 100%;
width: 100%;
}
.grid-row.i5 {
margin-right: -20px;
margin-left: -20px;
}
.grid-row.i5 > .grid-col {
padding-right: 20px;
padding-left: 20px;
}
.grid-row.i3,
.grid-row.i4 {
padding-top: 15px;
padding-bottom: 15px;
}
.grid-row.i3 > .grid-col:nth-child(n+2),
.grid-row.i4 > .grid-col:nth-child(n+2) {
margin-top: 15px;
}
.grid-row.i10 > .grid-col:nth-child(n+2),
.grid-row.i11 > .grid-col:nth-child(n+2),
.grid-row.i15 > .grid-col:nth-child(n+2) {
margin-top: 30px;
}
.grid-row.i12 > .grid-col:nth-child(n+2),
.grid-row.i13 > .grid-col:nth-child(n+2),
.grid-row.i14 > .grid-col:nth-child(n+2),
.grid-row.i17 > .grid-col:nth-child(n+2),
.grid-row.i20 > .grid-col:nth-child(n+2),
.grid-row.i21 > .grid-col:nth-child(n+2) {
margin-top: 40px;
}
.grid-row.i11 > .grid-col.i4 {
margin-top: 0;
padding: 40px 30px;
}
} @media (min-width: 768px) {
.grid-row.i13,
.grid-row.i15,
.grid-row.i16,
.grid-row.i17,
.grid-row.i22 {
margin-right: -10px;
margin-left: -10px;
}
.grid-row.i13 > .grid-col,
.grid-row.i15 > .grid-col,
.grid-row.i16 > .grid-col,
.grid-row.i17 > .grid-col,
.grid-row.i22 > .grid-col {
padding-right: 10px;
padding-left: 10px;
}
.grid-row.i3,
.grid-row.i4 {
margin-right: -25px;
margin-left: -25px;
}
.grid-row.i3 > .grid-col,
.grid-row.i4 > .grid-col {
padding-right: 25px;
padding-left: 25px;
}
.grid-row.i9,
.grid-row.i11,
.grid-row.i14 {
margin-right: -30px;
margin-left: -30px;
}
.grid-row.i9 > .grid-col,
.grid-row.i14 > .grid-col {
padding-right: 30px;
padding-left: 30px;
}
.grid-row.i4 {
margin-top: 30px;
}
.grid-row.i11 > .grid-col,
.grid-row.i15 > .grid-col,
.grid-row.i17 > .grid-col {
width: 50%;
}
.grid-row.i5 > .grid-col {
width: 100%;
}
.grid-row.i5 > .grid-col:nth-child(n+2) {
margin-top: 10px;
}
.grid-row.i15 > .grid-col:nth-child(n+3) {
margin-top: 50px;
}
} @media (min-width: 768px) and (max-width: 1279px) {
.grid-row.i10,
.grid-row.i12 {
margin-right: -20px;
margin-left: -20px;
}
.grid-row.i20 {
margin-right: -15px;
margin-left: -15px;
}
.grid-row.i10 > .grid-col,
.grid-row.i12 > .grid-col {
padding-right: 20px;
padding-left: 20px;
}
.grid-row.i20 > .grid-col {
padding-right: 15px;
padding-left: 15px;
}
.grid-row.i4 > .grid-col {
width: 25%;
}
.grid-row.i4 > .grid-col:nth-child(n+5) {
margin-top: 40px;
}
.grid-row.i9 > .grid-col {
max-width: 200px;
}
.grid-row.i10 > .grid-col,
.grid-row.i12 > .grid-col,
.grid-row.i13 > .grid-col,
.grid-row.i16 > .grid-col {
width: 50%;
}
.grid-row.i10 > .grid-col.i7,
.grid-row.i10 > .grid-col.i8,
.grid-row.i10 > .grid-col.i9 {
width: 100%;
}
.grid-row.i10 > .grid-col.i10,
.grid-row.i10 > .grid-col.i11 {
margin-top: 40px;
}
.grid-row.i11 > .grid-col.i2 {
padding-right: 30px;
padding-left: 60px;
}
.grid-row.i11 > .grid-col.i4 {
padding: 50px 30px;
}
.grid-row.i11.flex-row-reverse > .grid-col.i2 {
padding-right: 60px;
padding-left: 30px;
}
.grid-row.i12 > .grid-col:nth-child(n+3),
.grid-row.i17 > .grid-col:nth-child(n+3) {
margin-top: 60px;
}
.grid-row.i13 > .grid-col:nth-child(n+3),
.grid-row.i16 > .grid-col:nth-child(n+3) {
margin-top: 40px;
}
.grid-row.i14 > .grid-col {
width: 100%;
}
.grid-row.i14 > .grid-col:nth-child(n+2) {
margin-top: 60px;
}
.grid-row.i21 > .grid-col {
width: 100%;
}
.grid-row.i21 > .grid-col:nth-child(n+2) {
margin-top: 30px;
}
.grid-row.i22 > .grid-col {
width: 50%;
}
} @media (min-width: 1280px) {
.grid-row.i12,
.grid-row.i21 {
margin-right: -15px;
margin-left: -15px;
}
.grid-row.i6 {
margin-right: -25px;
margin-left: -25px;
}
.grid-row.i1,
.grid-row.i2,
.grid-row.i10,
.grid-row.i20 {
margin-right: -30px;
margin-left: -30px;
}
.grid-row.i21 > .grid-col,
.grid-row.i12 > .grid-col {
padding-right: 15px;
padding-left: 15px;
}
.grid-row.i1 > .grid-col {
padding-right: 20px;
padding-left: 20px;
}
.grid-row.i6 > .grid-col {
padding-right: 25px;
padding-left: 25px;
}
.grid-row.i2 > .grid-col,
.grid-row.i10 > .grid-col,
.grid-row.i20 > .grid-col {
padding-right: 30px;
padding-left: 30px;
}
.grid-row.i4 > .grid-col {
max-width: 190px;
min-width: 110px;
}
.grid-row.i10 > .grid-col.i1 {
width: 640px;
}
.grid-row.i10 > .grid-col.i2 {
width: calc(100% - 640px);
}
.grid-row.i10 > .grid-col.i3 {
width: 380px;
}
.grid-row.i10 > .grid-col.i4 {
width: calc(100% - 380px);
max-width: 480px;
}
.grid-row.i10 > .grid-col.i5 {
width: 440px;
}
.grid-row.i10 > .grid-col.i6 {
width: calc(100% - 440px);
}
.grid-row.i10 > .grid-col.i7 {
width: 30%;
}
.grid-row.i10 > .grid-col.i8 {
width: 70%;
}
.grid-row.i10 > .grid-col.i9 {
width: calc(100% - 380px);
max-width: 660px;
}
.grid-row.i10 > .grid-col.i10 {
width: 380px;
}
.grid-row.i10 > .grid-col.i11 {
width: 50%;
}
.grid-row.i10 > .grid-col.i11:nth-child(n+3) {
margin-top: 40px;
}
.grid-row.i11 > .grid-col.i2 {
padding-right: 90px;
padding-left: 60px;
}
.grid-row.i11 > .grid-col.i3 {
width: 56.25%;
}
.grid-row.i11 > .grid-col.i4 {
width: 43.75%;
padding: 50px 60px;
}
.grid-row.i11.flex-row-reverse > .grid-col.i2 {
padding-right: 60px;
padding-left: 90px;
}
.grid-row.i12 > .grid-col,
.grid-row.i13 > .grid-col {
width: 25%;
}
.grid-row.i12 > .grid-col:nth-child(2n) {
margin-top: 60px;
}
.grid-row.i13 > .grid-col:nth-child(n+5) {
margin-top: 40px;
}
.grid-row.i14 > .grid-col.i1 {
width: 51.5625%;
}
.grid-row.i14 > .grid-col.i2 {
width: 42.1875%;
}
.grid-row.i16 > .grid-col {
width: 100%;
}
.grid-row.i16 > .grid-col:nth-child(n+2) {
margin-top: 30px;
}
.grid-row.i17 > .grid-col:nth-child(n+3) {
margin-top: 80px;
}
.grid-row.i21 > .grid-col {
width: 50%;
}
.grid-row.i21 > .grid-col:nth-child(n+3) {
margin-top: 30px;
}
.grid-row.i22 > .grid-col {
width: 25%;
}
} .tag {
padding: 10px 15px;
}
.tag.small {
font-size: 12px;
line-height: 16px;
}
.tag.medium {
font-size: 16px;
line-height: 1;
}
.tag.gray {
-webkit-box-shadow: inset 0 0 0 1px currentColor;
box-shadow: inset 0 0 0 1px currentColor;
color: #455265;
}  @media (max-width: 767px) {
.label {
font-size: 16px;
line-height: 1.5;
}
} @media (min-width: 768px) {
.label {
font-size: 18px;
line-height: 24px;
}
} .field-space-tb-1 {
padding-top: 10px;
padding-bottom: 10px;
}
.field-space-tb-2 {
padding-top: 15px;
padding-bottom: 15px;
}
.field-space-rl-1 {
padding-right: 20px;
padding-left: 45px;
}
.field-space-rl-2 {
padding-right: 20px;
padding-left: 55px;
}
.field-space-rl-3 {
padding-right: 45px;
padding-left: 0;
}
.field-space-rl-4 {
padding-right: 20px;
padding-left: 20px;
}
.field-font-1 {
font-size: 11px;
}
.field-font-2 {
font-size: 13px;
}
.field-font-3 {
font-size: 15px;
}
.field-font-4 {
font-size: 17px;
}
.field-font-5 {
font-size: 19px;
}
.field-type-1 {
background-color: #262e69;
color: #fff;
}
.field-type-1::-webkit-input-placeholder {
color: #959cce;
}
.field-type-1::-moz-placeholder {
color: #959cce;
}
.field-type-1:-ms-input-placeholder {
color: #959cce;
}
.field-type-1::-ms-input-placeholder {
color: #959cce;
}
.field-type-1::placeholder {
color: #959cce;
}
.field-type-1:focus {
border: #959cce solid 1px;
}
.field-type-1.error {
border: #f00 solid 1px;
}
.field-type-2 {
background-color: #fff;
border: #000 solid 1px;
color: #000;
}
.field-type-2:hover {
background-color: #e5e5e5;
}
.field-type-2:focus {
background-color: #fff;
}
.field-type-2.error {
-webkit-box-shadow: inset 0 0 0 1px #f00;
box-shadow: inset 0 0 0 1px #f00;
}
.field-type-3 {
background-color: #fff;
-webkit-box-shadow: inset 0 -1px 0 0 #000;
box-shadow: inset 0 -1px 0 0 #000;
color: #000;
}
.field-type-3.error {
-webkit-box-shadow: inset 0 -1px 0 0 #f00;
box-shadow: inset 0 -1px 0 0 #f00;
} .button-space-tb-1 {
padding-top: 7px;
padding-bottom: 7px;
}
.button-space-tb-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.button-space-tb-3 {
padding-top: 12px;
padding-bottom: 12px;
}
.button-space-tb-4 {
padding-top: 17px;
padding-bottom: 17px;
}
.button-space-rl-1 {
padding-right: 15px;
padding-left: 15px;
}
.button-space-rl-2 {
padding-right: 20px;
padding-left: 20px;
}
.button-space-rl-3 {
padding-right: 25px;
padding-left: 25px;
}
.button-space-rl-4 {
padding-right: 30px;
padding-left: 30px;
}
.button-font-1 {
font-size: 12px;
line-height: 1.25;
}
.button-font-2 {
font-size: 13px;
line-height: 15px;
}
.button-font-3 {
font-size: 15px;
line-height: 1.4;
}
.button-font-4 {
font-size: 17px;
line-height: 21px;
}
.button-font-5 {
font-size: 19px;
line-height: 21px;
}
.button-type-1 {
color: #959cce;
}
.button-type-1:hover {
color: #fff;
}
.button-type-2 {
color: #fff;
}
.button-type-2:hover {
color: #000;
}
.button-type-3 {
color: #000;
}
.button-type-3:hover {
color: #57d7ff;
}
.button-type-4 {
color: #57d7ff;
}
.button-type-4:hover {
color: #000;
}
.button-type-5 {
color: #000;
}
.button-type-5:hover {
color: #fff;
}
.button-text.black {
background-color: #000;
color: #fff;
}
.button-text.black:hover {
background-color: #fff;
color: #000;
}
.button-text.white,
.button-text.blue,
.button-text.green,
.button-text.purple,
.button-text.orange {
color: #000;
}
.button-text.white:hover,
.button-text.blue:hover,
.button-text.green:hover,
.button-text.purple:hover,
.button-text.orange:hover {
background-color: #000;
color: #fff;
}
.button-text.white {
background-color: #fff;
}
.button-text.blue {
background-color: #57d7ff;
}
.button-text.green {
background-color: #95eba0;
}
.button-text.purple {
background-color: #b683e8;
}
.button-text.orange {
background-color: #ffad40;
}
.button-icon {
color: #000;
}
.button-icon svg {
fill: #fff;
-webkit-transition-property: background-color;
transition-property: background-color;
}
.button-icon.blue:hover svg,
.button-icon.green:hover svg,
.button-icon.purple:hover svg,
.button-icon.orange:hover svg {
background-color: #000;
}
.button-icon.blue svg {
background-color: #57d7ff;
}
.button-icon.blue:hover {
color: #57d7ff;
}
.button-icon.green svg {
background-color: #95eba0;
}
.button-icon.green:hover {
color: #95eba0;
}
.button-icon.purple svg {
background-color: #b683e8;
}
.button-icon.purple:hover {
color: #b683e8;
}
.button-icon.orange svg {
background-color: #ffad40;
}
.button-icon.orange:hover {
color: #ffad40;
}
.button-social.i1 {
background-color: #fff;
color: #161d4b;
}
.button-social.i1.twitter:hover {
background-color: #1da1f2;
color: #fff;
}
.button-social.i1.linkedin:hover {
background-color: #0077b5;
color: #fff;
}
.button-social.i1.instagram:hover {
background-color: #c32aa3;
color: #fff;
}
.button-social.i1.facebook:hover {
background-color: #4267b2;
color: #fff;
}
.button-social.i2 {
color: #000;
}
.button-social.i2 svg {
background-color: currentColor;
fill: #fff;
}
.button-social.i2.twitter:hover {
color: #1da1f2;
}
.button-social.i2.linkedin:hover {
color: #0077b5;
}
.button-social.i2.instagram:hover {
color: #c32aa3;
}
.button-social.i2.facebook:hover {
color: #4267b2;
} .checkbox label {
padding-left: 36px;
}
.checkbox label::before,
.checkbox label::after {
position: absolute;
pointer-events: none;
content: "";
}
.checkbox label::before {
top: 0;
left: 0;
width: 24px;
height: 24px;
border: #000 solid 1px;
}
.checkbox label::after {
top: 6px;
left: 6px;
width: 12px;
height: 12px;
opacity: 0;
}
.checkbox input[type=radio] + label::before,
.checkbox input[type=radio] + label::after {
border-radius: 50%;
}
.checkbox input[type=checkbox] + label::before,
.checkbox input[type=checkbox] + label::after {
border-radius: 3px;
}
.checkbox input:checked + label::after {
opacity: 1;
}
.checkbox.black label::after {
background-color: #000;
}
.checkbox.blue label::after {
background-color: #b683e8;
}
.checkbox.green label::after {
background-color: #b683e8;
}
.checkbox.purple label::after {
background-color: #b683e8;
}
.checkbox.orange label::after {
background-color: #b683e8;
} @media (max-width: 767px) {
.checkbox {
font-size: 16px;
line-height: 1.5;
}
} @media (min-width: 768px) {
.checkbox {
font-size: 18px;
line-height: 24px;
}
} .dropdown-header,
.dropdown-body {
border-color: #000;
border-style: solid;
}
.dropdown-header {
background-color: inherit;
border-width: 1px;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: background-color;
transition-property: background-color;
}
.dropdown-header:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.dropdown-body {
top: 100%;
display: none;
border-width: 0 1px 1px;
}
.dropdown-option:hover {
background-color: #fafafa;
}
.dropdown-option.selected {
font-weight: 700;
}
.dropdown.i1 .dropdown-option {
padding-right: 25px;
padding-left: 25px;
}
.dropdown.i1 .dropdown-arrow {
right: 20px;
}
.dropdown.i1 .dropdown-header {
padding-right: 55px;
padding-left: 25px;
}
.dropdown.i2 {
border-radius: 27px;
}
.dropdown.i2 .dropdown-label {
top: 0;
left: 30px;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 7px;
font-size: 12px;
line-height: 1.25;
}
.dropdown.i2 .dropdown-output,
.dropdown.i2 .dropdown-option {
font-size: 18px;
line-height: 22px;
}
.dropdown.i2 .dropdown-option {
padding: 6px 20px;
}
.dropdown.i2 .dropdown-arrow {
top: 22px;
right: 20px;
}
.dropdown.i2 .dropdown-header {
min-height: 54px;
padding-top: 15px;
padding-right: 55px;
padding-bottom: 15px;
padding-left: 20px;
border-radius: 27px;
}
.dropdown.i2 .dropdown-body {
padding-bottom: 15px;
border-radius: 0 0 25px 25px;
}
.dropdown.i2.expanded .dropdown-header {
border-radius: 27px 27px 0 0;
}
.dropdown.i3 {
border-radius: 25px;
}
.dropdown.i3 .dropdown-output,
.dropdown.i3 .dropdown-option {
font-size: 18px;
line-height: 22px;
}
.dropdown.i3 .dropdown-option {
padding: 6px 20px;
}
.dropdown.i3 .dropdown-arrow {
top: 19px;
right: 20px;
}
.dropdown.i3 .dropdown-header {
min-height: 50px;
padding-top: 13px;
padding-right: 55px;
padding-bottom: 13px;
padding-left: 20px;
border-radius: 25px;
}
.dropdown.i3 .dropdown-body {
padding-bottom: 15px;
border-radius: 0 0 25px 25px;
}
.dropdown.i3.expanded .dropdown-header {
border-radius: 25px 25px 0 0;
}
.dropdown.blue .dropdown-output.selected,
.dropdown.blue .dropdown-option.selected {
color: #57d7ff;
}
.dropdown.green .dropdown-output.selected,
.dropdown.green .dropdown-option.selected {
color: #95eba0;
}
.dropdown.purple .dropdown-output.selected,
.dropdown.purple .dropdown-option.selected {
color: #b683e8;
}
.dropdown.orange .dropdown-output.selected,
.dropdown.orange .dropdown-option.selected {
color: #ffad40;
}
.dropdown.expanded {
z-index: 15;
}
.dropdown.expanded .dropdown-body {
display: block;
}
.dropdown.expanded .dropdown-header,
.dropdown.expanded .dropdown-select.error ~ .dropdown-header {
border-bottom: 0;
}
.dropdown-select.error ~ .dropdown-header,
.dropdown-select.error ~ .dropdown-body {
border-color: #f00;
} @media (max-width: 767px) {
.dropdown.i1 {
min-width: 220px;
font-size: 18px;
line-height: 24px;
border-radius: 25px;
}
.dropdown.i1 .dropdown-arrow {
top: 19px;
}
.dropdown.i1 .dropdown-option {
padding-top: 8px;
padding-bottom: 8px;
}
.dropdown.i1 .dropdown-header {
min-height: 50px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 25px;
}
.dropdown.i1 .dropdown-body {
padding-bottom: 15px;
border-radius: 0 0 20px 20px;
}
.dropdown.i1.expanded .dropdown-header {
border-radius: 25px 25px 0 0;
}
} @media (min-width: 768px) {
.dropdown.i1 {
min-width: 260px;
font-size: 20px;
line-height: 1.3;
border-radius: 30px;
}
.dropdown.i1 .dropdown-arrow {
top: 24px;
}
.dropdown.i1 .dropdown-option {
padding-top: 6px;
padding-bottom: 6px;
}
.dropdown.i1 .dropdown-header {
min-height: 60px;
padding-top: 16px;
padding-bottom: 16px;
border-radius: 30px;
}
.dropdown.i1 .dropdown-body {
padding-bottom: 15px;
border-radius: 0 0 25px 25px;
}
.dropdown.i1.expanded .dropdown-header {
border-radius: 30px 30px 0 0;
}
} .job-ad-card {
padding: 10px;
background-color: #fff;
border: #dee0e9 solid 1px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
cursor: pointer;
}
.job-ad-card__image {
position: relative;
height: 100px;
}
.job-ad-card__image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.job-ad-card__sticky-logo {
position: absolute;
width: 50px;
height: 50px;
padding: 5px;
background-color: #fff;
border: #0092d4 solid 2px;
border-radius: 50%;
}
.job-ad-card__sticky-logo img {
-o-object-fit: contain;
object-fit: contain;
}
.job-ad-card__description {
font-size: 1.2rem;
}
.job-ad-card__description-title {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
}
.job-ad-card__description__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 8px;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
}
.job-ad-card__description__footer .dr-tag {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
margin-right: 12px;
padding: 4px 8px;
background-color: #f1f1f1;
border-radius: 13px;
color: #000;
}
.job-ad-card__description__footer .dr-tag__description {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: normal;
} @media (max-width: 767px) {
.job-ad-card__image img {
border-radius: 4px 4px 0 0;
}
.job-ad-card__description {
padding: 10px;
}
.job-ad-card__sticky-logo {
bottom: 10px;
left: 10px;
}
.job-ad-card__sticky-logo img {
border-radius: 0;
}
} @media (min-width: 768px) {
.job-ad-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.job-ad-card__image {
width: 150px;
}
.job-ad-card__image img {
border-radius: 4px;
}
.job-ad-card__description {
width: calc(100% - 150px);
padding-right: 10px;
padding-left: 40px;
}
.job-ad-card__sticky-logo {
top: 50%;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.job-ad-card__sticky-logo img {
border-radius: 0;
}
} .media-text,
.media-meta,
.media-info {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top;
word-break: break-word;
}
.media-content {
line-height: 1.5;
}
.media-testimony .media-text {
line-height: 1;
}
.media-testimony .media-group {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} @media (max-width: 1023px) {
.media-title {
font-size: 18px;
}
.media-summary {
font-size: 16px;
}
.media-meta,
.media-info {
padding: 10px;
font-size: 10px;
line-height: 1.2;
}
.media-item.small .media-image {
height: 260px;
}
.media-item.small .media-icon {
width: 48px;
height: 48px;
}
.media-item.large .media-image {
height: 320px;
}
.media-item.large .media-icon {
width: 64px;
height: 64px;
}
.media-video .media-group {
max-width: calc(100% - 40px);
}
.media-video.top .media-group {
top: 20px;
}
.media-video.right .media-group {
right: 20px;
}
.media-video.bottom .media-group {
bottom: 20px;
}
.media-video.left .media-group {
left: 20px;
}
.media-podcast .media-text {
padding: 10px 12px;
}
.media-podcast .media-group.i1 {
top: 20px;
}
.media-podcast .media-group.i2 {
bottom: 20px;
}
.media-podcast.small .media-text {
font-size: 18px;
line-height: 22px;
}
.media-podcast.large .media-text {
font-size: 20px;
line-height: 1.2;
}
.media-podcast.right .media-group {
right: 20px;
}
.media-podcast.right .media-group.i1 {
left: calc(50% - 15px);
}
.media-podcast.right .media-group.i2 {
max-width: calc(100% - 40px);
}
.media-podcast.left .media-group {
left: 20px;
}
.media-podcast.left .media-group.i1 {
right: calc(50% - 15px);
}
.media-podcast.left .media-group.i2 {
max-width: calc(100% - 40px);
}
.media-testimony.small .media-text {
font-size: 20px;
}
.media-testimony.small .media-block:nth-child(2) {
margin-top: 20px;
}
.media-testimony.large .media-text {
font-size: 24px;
}
.media-testimony.large .media-block:nth-child(2) {
margin-top: 40px;
}
.media-testimony.right .media-group {
right: 20px;
left: calc(50% + 40px);
}
.media-testimony.left .media-group {
right: calc(50% + 40px);
left: 20px;
}
} @media (min-width: 1024px) {
.media-title,
.media-summary {
font-size: 20px;
}
.media-item.small .media-image {
height: 300px;
}
.media-item.small .media-icon {
width: 64px;
height: 64px;
}
.media-item.small .media-meta,
.media-item.small .media-info {
padding: 10px 12px;
font-size: 12px;
line-height: 1.25;
}
.media-item.large .media-image {
height: 450px;
}
.media-item.large .media-icon {
width: 96px;
height: 96px;
}
.media-item.large .media-meta,
.media-item.large .media-info {
padding: 15px 16px;
font-size: 16px;
line-height: 1.5;
}
.media-video.small .media-group {
max-width: calc(100% - 50px);
}
.media-video.small.top .media-group {
top: 25px;
}
.media-video.small.right .media-group {
right: 25px;
}
.media-video.small.bottom .media-group {
bottom: 25px;
}
.media-video.small.left .media-group {
left: 25px;
}
.media-video.large .media-group {
max-width: calc(100% - 100px);
}
.media-video.large.top .media-group {
top: 50px;
}
.media-video.large.right .media-group {
right: 50px;
}
.media-video.large.bottom .media-group {
bottom: 50px;
}
.media-video.large.left .media-group {
left: 50px;
}
.media-podcast.small .media-text {
padding: 10px 12px;
font-size: 20px;
line-height: 1.2;
}
.media-podcast.small .media-group.i1 {
top: 25px;
}
.media-podcast.small .media-group.i2 {
bottom: 25px;
}
.media-podcast.small.right .media-group {
right: 25px;
}
.media-podcast.small.right .media-group.i1 {
left: calc(50% - 15px);
}
.media-podcast.small.right .media-group.i2 {
max-width: calc(100% - 50px);
}
.media-podcast.small.left .media-group {
left: 25px;
}
.media-podcast.small.left .media-group.i1 {
right: calc(50% - 15px);
}
.media-podcast.small.left .media-group.i2 {
max-width: calc(100% - 50px);
}
.media-podcast.large .media-text {
padding: 10px 16px;
font-size: 24px;
line-height: 1.25;
}
.media-podcast.large .media-group.i1 {
top: 50px;
}
.media-podcast.large .media-group.i2 {
bottom: 50px;
}
.media-podcast.large.right .media-group {
right: 50px;
}
.media-podcast.large.right .media-group.i1 {
left: calc(50% - 30px);
}
.media-podcast.large.right .media-group.i2 {
max-width: calc(100% - 100px);
}
.media-podcast.large.left .media-group {
left: 50px;
}
.media-podcast.large.left .media-group.i1 {
right: calc(50% - 30px);
}
.media-podcast.large.left .media-group.i2 {
max-width: calc(100% - 100px);
}
.media-testimony.small .media-text {
font-size: 28px;
}
.media-testimony.small .media-block:nth-child(2) {
margin-top: 25px;
}
.media-testimony.small.right .media-group {
right: 25px;
left: calc(50% + 55px);
}
.media-testimony.small.left .media-group {
right: calc(50% + 55px);
left: 25px;
}
.media-testimony.large .media-text {
font-size: 34px;
}
.media-testimony.large .media-block:nth-child(2) {
margin-top: 50px;
}
.media-testimony.large.right .media-group {
right: 50px;
left: calc(50% + 110px);
}
.media-testimony.large.left .media-group {
right: calc(50% + 110px);
left: 50px;
}
} .card-podcast .card-text,
.card-podcast .card-meta,
.card-podcast .card-info {
display: inline-block;
vertical-align: top;
word-break: break-word;
}
.card-testimony .card-info,
.card-testimony .card-title {
font-size: 20px;
line-height: 1.25;
}
.card-testimony .card-icon {
bottom: 20px;
left: 20px;
} @media (max-width: 767px) {
.card-podcast .card-text,
.card-podcast .card-meta,
.card-podcast .card-info {
padding: 10px;
}
.card-podcast .card-text {
font-size: 16px;
line-height: 1.25;
}
.card-podcast .card-meta,
.card-podcast .card-info {
font-size: 10px;
line-height: 1.2;
}
.card-podcast .card-container {
height: 400px;
padding: 36px 20px;
}
.card-testimony .card-image {
height: 400px;
}
} @media (min-width: 768px) {
.card-podcast .card-text,
.card-podcast .card-meta,
.card-podcast .card-info {
padding: 10px 12px;
}
.card-podcast .card-text {
font-size: 18px;
line-height: 22px;
}
.card-podcast .card-meta,
.card-podcast .card-info {
font-size: 12px;
line-height: 1.25;
}
.card-podcast .card-container {
height: 450px;
padding: 36px 25px 50px;
}
.card-testimony .card-image {
height: 450px;
}
} .header-logo a {
color: currentColor;
} .header-button.i1 {
top: 40px;
color: #ffffff;
}
.header-button.i1 .on {
display: none;
}
.header-button.i1 .off {
display: block;
}
.header-button.i1.expanded .on {
display: block;
}
.header-button.i1.expanded .off {
display: none;
}
.header-button.i2 {
color: #fff;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.header-button.i2.expanded {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-button.i3 {
color: currentColor;
}
.header-button.i3:hover {
color: #2196d1;
}
.header-nav a {
color: currentColor;
}
.header-nav a:hover,
.header-nav a.expanded {
color: #2196d1;
}
.header-title,
.header-list {
color: #fff;
}
.header-title a,
.header-list a {
color: currentColor;
}
.header-title a:hover,
.header-title a.active,
.header-list a:hover,
.header-list a.active {
color: #2196d1;
}
.header-sublist {
color: #959cce;
}
.header-sublist a {
color: currentColor;
}
.header-sublist a:hover,
.header-sublist a.active {
color: #fff;
}
.header-search {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
opacity: 0;
visibility: hidden;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: opacity, visibility, -webkit-transform;
transition-property: opacity, visibility, -webkit-transform;
transition-property: transform, opacity, visibility;
transition-property: transform, opacity, visibility, -webkit-transform;
}
.header-search.expanded {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.header .header-search .header-logo .cls-1 {
fill: #000 !important;
}
.header .header-search .header-logo .cls-2 {
fill: #1B64D7 !important;
}
.header .header-logo .cls-1, .header .header-logo .cls-2  {
fill: #fff;
transition-delay: 0.4s;
transition: all 0.4s ease-out;
}
.header:hover .header-logo .cls-1, .header:hover .header-logo .cls-2 {
fill: #fff; }
.header.sticky .header-logo .cls-1 {
fill: #000;
}
.header.sticky .header-logo .cls-2 {
fill: #1B64D7;
}
.header.sticky:hover .header-logo .cls-1, .header:hover .header-logo .cls-2 { fill: #fff;
}
.header.i2 .header-logo .cls-1{
fill: #000;
transition-delay: 0.4s;
transition: all 0.4s ease-out;
}
.header.i2 .header-logo .cls-2{
fill: #1B64D7;
transition-delay: 0.4s;
transition: all 0.4s ease-out;
}
.header.i2.sticky .header-logo .cls-1{
fill: #000;
}
.header.i2.sticky .header-logo .cls-2{
fill: #1B64D7;
}
.header.i2:hover .header-logo .cls-1, .header.i2:hover .header-logo .cls-2{
fill: #fff; } @media (max-width: 1099px) {
.header-logo {
color: #2196d1;
}
.header-title {
font-size: 20px;
line-height: 1.25;
}
.header-list {
line-height: 1.375;
}
.header-list a {
padding: 10px 20px;
}
.header-sublist {
margin-top: 10px;
font-size: 14px;
line-height: 1.5;
}
.header-sublist a {
padding: 10px 20px;
}
.header-subnav:nth-child(n+2) {
margin-top: 30px;
}
.header-panel,
.header-container {
text-align: center;
}
.header-panel.i1 {
position: fixed;
top: 102px;
right: 0;
left: 0;
height: calc(100vh - 110px);
overflow-x: hidden;
overflow-y: auto;
padding-top: 40px;
padding-bottom: 40px;
opacity: 0;
visibility: hidden;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: opacity, visibility;
transition-property: opacity, visibility;
}
.header-panel.i1.expanded {
opacity: 1;
visibility: visible;
}
.header-panel.i2 + .header-panel.i2 {
margin-top: 30px;
}
.header-panel.i3 {
display: none;
margin-top: 30px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #262e69;
}
.header-panel.i3.expanded {
display: block;
}
.header-container {
padding-top: 30px;
padding-bottom: 25px;
background-color: #161d4b;
}
.header-holder {
height: 102px;
}
.header-row.i1 > .header-col,
.header-row.i2 > .header-col {
min-width: 100%;
width: 100%;
}
.header .header-logo .cls-1, .header .header-logo .cls-2 {
fill: #ffffff;
}
.header:hover .header-logo .cls-1, .header:hover .header-logo .cls-2 {
fill: #ffffff;
}
.header.sticky .header-logo .cls-1, .header.sticky .header-logo .cls-2 {
fill: #ffffff;
}
.header.sticky:hover .header-logo .cls-1, .header.sticky:hover .header-logo .cls-2 {
fill: #ffffff;
}
.header.i2 .header-logo .cls-1, .header.i2 .header-logo .cls-2 {
fill: #ffffff;
transition-delay: 0.4s;
transition: all 0.4s ease-out;
}
.header.i2.sticky .header-logo .cls-1
{
fill: #fff;
}
.header.i2.sticky .header-logo .cls-2 { fill: #fff;
}
.header.i2 .header-logo .cls-1 { fill: #fff;
transition-delay: 0.4s;
transition: all 0.4s ease-out;
}
.header.i2 .header-logo .cls-2 {
fill: #1B64D7;
transition-delay: 0.4s;
transition: all 0.4s ease-out;
}
.header.i2:hover .header-logo .cls-1, .header.i2:hover .header-logo .cls-2
{
fill: #fff; }
} @media (max-width: 767px) {
.header-button.i1 {
right: 20px;
}
.header-panel.i3 {
margin-right: -20px;
margin-left: -20px;
}
.header-search {
padding-top: 65px;
padding-bottom: 20px;
}
.header-search .header-logo {
top: -45px;
left: 20px;
}
.header-search .header-button {
top: -50px;
right: 10px;
}
.header-search .header-form {
max-width: 480px;
}
.header .header-logo .cls-1, .header .header-logo .cls-2 {
fill: #ffffff;
}
.header:hover .header-logo .cls-1, .header:hover .header-logo .cls-2 {
fill: #ffffff;
}
.header.sticky .header-logo .cls-1, .header.sticky .header-logo .cls-2 {
fill: #ffffff;
}
.header.sticky:hover .header-logo .cls-1, .header.sticky:hover .header-logo .cls-2 {
fill: #ffffff;
}
} @media (min-width: 768px) {
.header-search {
padding-top: 25px;
padding-bottom: 25px;
}
.header-search .header-logo,
.header-search .header-button {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-search .header-logo {
left: 70px;
}
.header-search .header-button {
right: 30px;
}
.header-search .header-form {
margin-right: 70px;
margin-left: 230px;
}
} @media (min-width: 768px) and (max-width: 1099px) {
.header-button.i1 {
right: 30px;
}
.header-panel.i3 {
margin-right: -30px;
margin-left: -30px;
}
} @media (min-width: 1100px) {
.header-nav {
font-size: 10px;
line-height: 1.5;
}
.header-nav.i1 li + li {
margin-left: 40px;
}
.header-nav.i2 li + li {
margin-left: 15px;
}
.header-title,
.header-list {
font-size: 15px;
line-height: 1.4;
}
.header-title {
padding-top: 10px;
padding-bottom: 10px;
}
.header-list a {
padding-top: 10px;
padding-bottom: 10px;
}
.header-sublist {
font-size: 12px;
line-height: 1.25;
}
.header-sublist a {
padding-top: 8px;
padding-bottom: 8px;
}
.header-sublist ul {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
border-left: currentColor solid 1px;
}
.header-panel.i2 {
position: fixed;
top: 95px;
right: 0;
left: 0;
min-height: 200px;
padding-top: 30px;
padding-bottom: 30px;
-webkit-box-shadow: 0 -1px 0 0 #394179;
box-shadow: 0 -1px 0 0 #394179;
opacity: 0;
visibility: hidden;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: opacity, visibility;
transition-property: opacity, visibility;
}
.header-panel.i2.expanded {
opacity: 1;
visibility: visible;
}
.header-container {
padding-top: 24px;
padding-bottom: 24px;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: background-color;
transition-property: background-color;
}
.header-holder {
height: 95px;
}
.header-row.i1,
.header-row.i2 {
margin-right: -30px;
margin-left: -30px;
}
.header-row.i1 > .header-col {
padding-right: 20px;
padding-left: 20px;
}
.header-row.i2 > .header-col {
padding-right: 30px;
padding-left: 30px;
}
.header.i1 .header-logo,
.header.i1 .header-nav {
color: #fff;
}
.header.i1 .header-holder {
display: none;
}
.header.i2 .header-logo {
color: #2196d1;
}
.header.i2 .header-logo .path-krys {
fill: #2196d1;
}
.header.i2 .header-logo .path-group {
fill: #0a100d;
}
.header.i2 .header-nav {
color: #000;
}
.header.i2 .header-container {
background-color: #fff;
}
.header.line .header-container {
-webkit-box-shadow: inset 0 -1px 0 0 #dbdbdb;
box-shadow: inset 0 -1px 0 0 #dbdbdb;
}
.header.sticky .header-logo {
color: #2196d1;
}
.header.sticky .header-logo .path-krys {
fill: #2196d1;
}
.header.sticky .header-logo .path-group {
fill: #0a100d;
}
.header.sticky .header-nav {
color: #000;
}
.header.sticky .header-container {
background-color: #fff;
}
.header:hover .header-logo {
color: #2196d1;
}
.header:hover .header-logo .path-krys,
.header:hover .header-logo .path-group {
fill: currentColor;
}
.header:hover .header-nav {
color: #fff;
}
.header:hover .header-container {
background-color: #161d4b;
}
} .footer-logo {
color: #2196d1;
}
.footer-logo a {
color: currentColor;
}
.footer-title,
.footer-list,
.footer-link,
.footer-button {
color: #fff;
}
.footer-title a,
.footer-list a,
.footer-link a {
color: currentColor;
}
.footer-title a:hover,
.footer-list a:hover,
.footer-link a:hover {
color: #2196d1;
}
.footer-link {
font-size: 11px;
line-height: 15px;
}
.footer-link a,
.footer-link span {
padding-right: 2px;
padding-left: 2px;
}
.footer-link svg {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.footer-link a.expanded {
color: #2196d1;
}
.footer-link a.expanded svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.footer-button {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
padding: 5px 0;
}
.footer-button.expanded {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.footer-brand {
border-top: #959cce solid 1px;
}
.footer-brand--close {
padding: 10px;
color: #fff;
}
.footer-brand--list a {
padding: 30px;
color: #fff;
} @media (max-width: 767px) {
.footer-title {
font-size: 12px !;
line-height: 1.25;
}
.footer-list {
font-size: 12px;
line-height: 1.25;
}
.footer-list a {
padding: 10px 20px;
}
.footer-form {
margin-right: auto;
margin-left: auto;
}
.footer-panel {
display: none;
margin-top: 15px;
margin-right: -20px;
margin-left: -20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #262e69;
}
.footer-panel.expanded {
display: block;
}
.footer-container {
text-align: center;
}
.footer-container.i1 {
padding-top: 25px;
padding-bottom: 25px;
}
.footer-container.i2 {
padding-top: 20px;
padding-bottom: 20px;
}
.footer-brand {
padding-top: 65px;
padding-bottom: 65px;
}
.footer-brand--close {
top: 10px;
right: 10px;
}
.footer-brand--list li {
width: 50%;
}
.footer-brand--list li:nth-child(2n) {
border-left: #959cce solid 1px;
}
.footer-brand--list li:nth-child(n+3) {
border-top: #959cce solid 1px;
}
} @media (min-width: 768px) {
.footer-title {
font-size: 12px;
line-height: 1.25;
}
.footer-list {
margin-top: 10px;
font-size: 11px;
line-height: 15px;
}
.footer-list a {
padding-top: 7px;
padding-bottom: 7px;
}
.footer-container.i1 {
padding-top: 30px;
padding-bottom: 30px;
}
.footer-container.i2 {
padding-top: 25px;
padding-bottom: 25px;
}
.footer-brand {
padding-top: 85px;
padding-bottom: 85px;
}
.footer-brand--close {
top: 20px;
right: 20px;
}
} @media (min-width: 768px) and (max-width: 1023px) {
.footer-brand--list li {
width: 50%;
}
.footer-brand--list li:nth-child(2n) {
border-left: #959cce solid 1px;
}
.footer-brand--list li:nth-child(n+3) {
border-top: #959cce solid 1px;
}
} @media (min-width: 1024px) {
.footer-brand--list li {
width: 25%;
}
.footer-brand--list li + li {
border-left: #959cce solid 1px;
}
} .site-title {
line-height: 1;
color: #57d7ff;
}
.site-summary {
line-height: 1.6;
}
.site-summary a {
color: #2196d1;
}
.site-summary a:hover {
text-decoration: underline;
}
.site-summary p + p {
margin-top: 20px;
}
.site-list {
border-bottom: #000 solid 1px;
}
.site-item {
border-top: #000 solid 1px;
}
.site-map {
font-size: 20px;
line-height: 1.5;
}
.site-map--title {
font-size: 1em;
}
.site-map--summary a {
color: #2196d1;
}
.site-map--summary a:hover {
text-decoration: underline;
}
.site-map--summary address {
font-style: normal;
}
.site-article--tag a,
.site-article--title a {
color: currentColor;
}
.site-article--tag a:hover,
.site-article--title a:hover {
text-decoration: underline;
}
.site-article--tag,
.site-article--meta {
font-size: 12px;
line-height: 1.25;
}
.site-article--tag {
color: #57d7ff;
}
.site-article--meta {
color: #919191;
}
.site-article--summary {
font-size: 14px;
line-height: 1.5;
}
.site-article--summary a {
color: #2196d1;
}
.site-article--summary a:hover {
text-decoration: underline;
}
.site-result strong {
color: #57d7ff;
} @media (max-width: 1279px) {
.site-summary {
font-size: 15px;
}
.site-notfound,
.site-maintenance {
min-height: 480px;
padding-top: 60px;
padding-bottom: 120px;
text-align: center;
}
.site-search,
.site-contact {
padding-top: 40px;
padding-bottom: 80px;
}
.site-notfound .site-title {
font-size: 128px;
}
.site-notfound .site-icon {
top: 45px;
right: 40px;
}
.site-notfound .site-icon img {
width: 90px;
}
.site-notfound .site-summary {
margin-top: 40px;
}
.site-notfound .site-button {
margin-top: 20px;
}
.site-maintenance .site-title {
margin-top: 70px;
font-size: 48px;
}
.site-maintenance .site-icon {
top: -70px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.site-maintenance .site-summary {
margin-top: 30px;
}
.site-search .site-form {
max-width: 450px;
margin-right: auto;
margin-left: auto;
}
.site-search .site-form input {
font-size: 20px;
}
.site-search .site-result {
margin-top: 20px;
font-size: 14px;
line-height: 1.5;
text-align: center;
}
.site-search .site-list {
margin-top: 60px;
}
.site-search .site-item {
padding-top: 20px;
padding-bottom: 30px;
}
.site-contact .site-title {
font-size: 32px;
}
.site-contact .site-summary {
margin-top: 20px;
}
.site-contact .site-list {
margin-top: 30px;
}
.site-contact .site-item {
padding: 30px 0;
}
} @media (max-width: 767px) {
.site-map--body,
.site-map--image {
width: 100%;
}
.site-map--body {
margin-top: 20px;
}
.site-article--title {
font-size: 20px;
line-height: 1.2;
}
} @media (min-width: 768px) {
.site-map--image {
width: 380px;
}
.site-map--body {
width: calc(100% - 420px);
}
} @media (min-width: 768px) and (max-width: 1279px) {
.site-article--title {
font-size: 24px;
line-height: 1.25;
}
} @media (min-width: 1280px) {
.site-summary {
font-size: 18px;
}
.site-article--title {
font-size: 30px;
line-height: 1.2;
}
.site-notfound,
.site-maintenance {
min-height: 640px;
padding-top: 90px;
padding-bottom: 150px;
}
.site-search,
.site-contact {
padding-top: 30px;
padding-bottom: 90px;
}
.site-notfound .site-title {
font-size: 154px;
}
.site-notfound .site-icon {
top: 55px;
right: 45px;
}
.site-notfound .site-icon img {
width: 118px;
}
.site-notfound .site-summary {
margin-top: 60px;
}
.site-notfound .site-button {
margin-top: 40px;
}
.site-maintenance .site-title {
font-size: 68px;
}
.site-maintenance .site-icon {
top: 5px;
right: calc(100% + 15px);
}
.site-maintenance .site-summary {
margin-top: 40px;
}
.site-search .site-form {
width: 450px;
}
.site-search .site-form input {
font-size: 24px;
}
.site-search .site-result {
font-size: 12px;
line-height: 1.25;
}
.site-search .site-list {
margin-top: 90px;
}
.site-search .site-item {
padding-top: 20px;
padding-bottom: 30px;
}
.site-contact .site-title {
font-size: 46px;
}
.site-contact .site-summary {
margin-top: 30px;
}
.site-contact .site-list {
margin-top: 40px;
}
.site-contact .site-item {
padding: 40px 0;
}
} .cookie-content {
font-size: 10px;
line-height: 1.6;
}
.cookie-content a {
text-decoration: underline;
color: #57d7ff;
}
.cookie-content a:hover {
color: #000;
}
.cookie-button {
min-width: 50px;
} @media (max-width: 767px) {
.cookie {
right: 0;
bottom: 0;
width: 100%;
border-radius: 10px 10px 0 0;
}
} @media (min-width: 768px) {
.cookie {
bottom: 20px;
right: 20px;
width: 320px;
border-radius: 10px;
}
} .breadcrumb {
padding: 15px 0;
font-size: 12px;
line-height: 1.25;
}
.breadcrumb a {
color: currentColor;
}
.breadcrumb a:hover {
color: #57d7ff;
}
.breadcrumb a,
.breadcrumb strong {
padding: 3px 0;
}
.breadcrumb span {
padding: 3px 5px;
} .banner-paging {
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
color: #fff;
}
.banner-scroller {
bottom: 30px;
border: #fff solid 2px;
color: #fff;
}
.banner-scroller:hover {
background-color: #fff;
color: #2c2c2c;
} @media (max-width: 767px) {
.banner-paging {
bottom: 0;
min-width: 64px;
font-size: 30px;
}
.banner-content {
padding-top: 110px;
padding-bottom: 60px;
}
.banner-container {
max-height: 760px;
min-height: 460px;
height: calc(100vh - 110px);
}
.banner-group {
min-height: auto !important;
}
} @media (min-width: 768px) {
.banner-paging {
min-width: 92px;
font-size: 50px;
}
} @media (min-width: 768px) and (max-width: 1279px) {
.banner-paging {
bottom: 0;
}
.banner-content {
padding-top: 110px;
padding-bottom: 80px;
}
.banner-container {
max-height: 960px;
min-height: 560px;
height: calc(100vh - 110px);
}
.banner-group {
min-height: auto !important;
}
} @media (min-width: 1280px) {
.banner-paging {
bottom: 50%;
}
.banner-content {
padding-top: 110px;
padding-bottom: 110px;
}
.banner-container {
max-height: 1020px;
min-height: 720px;
height: 100vh;
}
} .showcase-article--tag a,
.showcase-article--title a {
color: currentColor;
}
.showcase-article--tag a:hover,
.showcase-article--title a:hover {
text-decoration: underline;
}
.showcase-article.i1 .showcase-article--tag {
color: #57d7ff;
}
.showcase-article.i1 .showcase-article--title {
color: #fff;
}
.showcase-article.i2 .showcase-article--tag {
color: #57d7ff;
}
.showcase-article.i2 .showcase-article--title {
color: #fff;
}
.showcase-article.i3 .showcase-article--tag {
color: #fff;
}
.showcase-article.i3 .showcase-article--title {
color: #000;
} @media (max-width: 767px) {
.showcase-offer {
padding: 20px;
}
.showcase-offer--summary {
font-size: 24px;
line-height: 1.25;
}
.showcase-offer--summary strong {
font-size: 48px;
line-height: 1;
}
.showcase-article--tag {
line-height: 1.25;
}
.showcase-article.i1 {
bottom: 100px;
right: 20px;
left: 20px;
}
.showcase-article.i1 .showcase-article--title {
font-size: 30px;
line-height: 1.2;
}
.showcase-article.i2 {
top: 20px;
right: 20px;
left: 20px;
}
.showcase-article.i2 .showcase-article--title {
font-size: 20px;
line-height: 1.25;
}
.showcase-article.i3 {
top: 20px;
right: 30%;
left: 20px;
}
.showcase-article.i3 .showcase-article--title {
font-size: 20px;
line-height: 1.25;
}
.showcase-button {
bottom: 25px;
left: 20px;
}
.showcase-item.h-1 {
height: 220px;
}
.showcase-item.h-2 {
height: 260px;
}
.showcase-item.h-3 {
height: 480px;
}
} @media (min-width: 768px) {
.showcase-offer {
padding: 30px;
}
.showcase-offer--summary {
font-size: 32px;
line-height: 1.125;
}
.showcase-offer--summary strong {
font-size: 64px;
line-height: 1;
}
.showcase-article--tag {
font-size: 18px;
line-height: 22px;
}
.showcase-article.i1 {
bottom: 130px;
right: 30px;
left: 30px;
}
.showcase-article.i1 .showcase-article--title {
font-size: 32px;
line-height: 1.125;
}
.showcase-article.i2 {
top: 30px;
right: 30px;
left: 30px;
}
.showcase-article.i2 .showcase-article--title {
font-size: 24px;
line-height: 1.25;
}
.showcase-article.i3 {
top: 30px;
right: 30%;
left: 30px;
}
.showcase-article.i3 .showcase-article--title {
font-size: 24px;
line-height: 1.25;
}
.showcase-button {
bottom: 35px;
left: 30px;
}
.showcase-item.h-1 {
height: 300px;
}
.showcase-item.h-2 {
height: 320px;
}
.showcase-item.h-3 {
height: 620px;
}
} @media (min-width: 1280px) {
.showcase-item.w-1 {
width: 340px;
}
.showcase-item.w-2 {
width: 380px;
}
.showcase-item.w-3 {
width: 410px;
}
} .section-title,
.section-subtitle,
.section-category {
line-height: 1;
}
.section-title a,
.section-subtitle a,
.section-category a {
color: currentColor;
}
.section-title i,
.section-subtitle i,
.section-category i {
color: #fff;
}
.section-label {
line-height: 1.125;
}
.section-social--title {
font-size: 20px;
line-height: 1.25;
}
.section-social--summary {
padding: 25px 30px;
font-size: 15px;
line-height: 1.4;
}
.section-social--summary a {
color: #2196d1;
}
.section-social--summary a:hover {
text-decoration: underline;
}
.section-social--summary p + p {
margin-top: 20px;
}
.section-brand .section-title {
font-size: 17px;
line-height: 21px;
}
.section-brand .section-category {
font-size: 15px;
line-height: 1;
}
.section-brand .section-category span:nth-child(1),
.section-brand .section-category span:nth-child(3) {
left: 50%;
}
.section-brand .section-category span:nth-child(1) {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.section-brand .section-category span:nth-child(3) {
-webkit-transform: translateX(-50%) scale(-1, -1);
transform: translateX(-50%) scale(-1, -1);
}
.section-brand .section-category span:nth-child(2),
.section-brand .section-category span:nth-child(4) {
top: 50%;
}
.section-brand .section-category span:nth-child(2) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.section-brand .section-category span:nth-child(4) {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.section-brand .section-item .section-image {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property:         transform;
transition-property:         transform, -webkit-transform;
}
.section-brand .section-item:hover .section-image {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.section-media .section-title {
font-size: 26px;
}
.section-media .section-subtitle {
padding-top: 5px;
padding-bottom: 5px;
font-size: 22px;
} @media (max-width: 767px) {
.section-personal {
padding-top: 30px;
padding-bottom: 30px;
}
.section-mission {
padding-top: 40px;
padding-bottom: 40px;
}
.section-mission .section-title {
font-size: 48px;
}
.section-mission .section-category {
margin-bottom: 20px;
font-size: 15px;
}
.section-mission .section-image {
height: 280px;
margin-top: 40px;
}
.section-mission .section-button {
margin-top: 20px;
}
.section-mission .section-button ul {
margin-right: -15px;
margin-left: -15px;
}
.section-mission .section-button li {
margin-top: 20px;
padding-right: 15px;
padding-left: 15px;
}
.section-spirit {
padding-top: 20px;
padding-bottom: 20px;
}
.section-spirit .section-group {
min-height: calc(100vh - 150px);
padding: 30px 20px 120px 20px;
}
.section-spirit .section-title {
font-size: 48px;
}
.section-spirit .section-category {
margin-bottom: 20px;
font-size: 15px;
}
.section-spirit .section-image {
right: 20px;
left: 20px;
}
.section-spirit .section-button {
bottom: 40px;
left: 40px;
}
.section-brand {
padding-top: 40px;
padding-bottom: 40px;
}
.section-brand .section-list {
padding-right: 10px;
padding-left: 10px;
}
.section-brand .section-item {
height: 235px;
}
.section-brand .section-category span:nth-child(1) {
top: -25px;
}
.section-brand .section-category span:nth-child(3) {
bottom: -25px;
}
.section-brand .section-category span:nth-child(2) {
right: -50px;
}
.section-brand .section-category span:nth-child(4) {
left: -50px;
}
.section-engagement {
padding-top: 40px;
padding-bottom: 60px;
}
.section-engagement .section-title {
font-size: 40px;
}
.section-engagement .section-title span:nth-child(1) {
width: 80%;
}
.section-engagement .section-slider,
.section-engagement .section-button {
margin-top: 40px;
}
.section-engagement .section-link {
width: 120px;
height: 120px;
padding: 10px;
font-size: 11px;
line-height: 1.25;
}
.section-media {
padding-top: 60px;
padding-bottom: 60px;
}
.section-media .section-background {
top: 300px;
}
} @media (min-width: 768px) {
.section-personal {
padding-top: 40px;
padding-bottom: 40px;
}
.section-mission {
padding-top: 60px;
padding-bottom: 60px;
}
.section-mission .section-button ul {
margin-right: -25px;
margin-left: -25px;
}
.section-mission .section-button li {
margin-top: 20px;
padding-right: 25px;
padding-left: 25px;
}
.section-spirit {
padding-top: 30px;
padding-bottom: 30px;
}
.section-spirit .section-image {
right: 30px;
left: 30px;
}
.section-brand {
padding-top: 70px;
padding-bottom: 70px;
}
.section-brand .section-category span:nth-child(1) {
top: -35px;
}
.section-brand .section-category span:nth-child(3) {
bottom: -35px;
}
.section-brand .section-category span:nth-child(2) {
right: -35px;
}
.section-brand .section-category span:nth-child(4) {
left: -35px;
}
.section-brand .section-list {
padding-right: 20px;
padding-left: 20px;
}
.section-brand .section-list ul {
position: relative;
height: 100%;
}
.section-brand .section-list li {
position: absolute;
}
.section-brand .section-list li:nth-child(1) {
top: 0;
left: 0;
width: 40%;
height: 100%;
}
.section-brand .section-list li:nth-child(2),
.section-brand .section-list li:nth-child(3),
.section-brand .section-list li:nth-child(4) {
height: 50%;
}
.section-brand .section-list li:nth-child(2) {
top: 0;
left: 40%;
width: 25%;
}
.section-brand .section-list li:nth-child(3) {
bottom: 0;
right: 0;
width: 60%;
}
.section-brand .section-list li:nth-child(4) {
top: 0;
right: 0;
width: 35%;
}
.section-brand .section-item {
height: 100%;
}
.section-engagement {
padding-top: 60px;
padding-bottom: 60px;
}
.section-engagement .section-link {
font-size: 12px;
}
} @media (min-width: 768px) and (max-width: 1279px) {
.section-mission .section-title {
font-size: 64px;
}
.section-mission .section-category {
margin-bottom: 30px;
font-size: 20px;
}
.section-mission .section-image {
height: 450px;
margin-top: 50px;
}
.section-mission .section-button {
margin-top: 50px;
}
.section-spirit .section-group {
min-height: 560px;
padding: 50px 30px 180px 30px;
}
.section-spirit .section-title {
font-size: 64px;
}
.section-spirit .section-category {
margin-bottom: 30px;
font-size: 20px;
}
.section-spirit .section-button {
bottom: 60px;
left: 60px;
}
.section-brand .section-list {
height: 480px;
}
.section-engagement .section-title {
font-size: 64px;
}
.section-engagement .section-title span:nth-child(1) {
width: 80%;
}
.section-engagement .section-slider,
.section-engagement .section-button {
margin-top: 60px;
}
.section-engagement .section-link {
width: 180px;
height: 180px;
padding: 15px;
line-height: 1.25;
}
.section-media {
padding-top: 80px;
padding-bottom: 80px;
}
.section-media .section-background {
top: 330px;
}
} @media (min-width: 1280px) {
.section-mission .section-group {
min-height: 620px;
padding-right: 615px;
padding-bottom: 250px;
padding-left: 170px;
}
.section-mission .section-title {
font-size: 80px;
}
.section-mission .section-image,
.section-mission .section-button,
.section-mission .section-category {
position: absolute;
}
.section-mission .section-image {
top: 0;
right: 50px;
bottom: 0;
width: 545px;
}
.section-mission .section-button {
bottom: 100px;
left: 50px;
}
.section-mission .section-category {
top: 5px;
left: 50px;
width: 120px;
font-size: 24px;
}
.section-spirit .section-group {
min-height: 660px;
padding: 180px 40% 240px 170px;
}
.section-spirit .section-title {
font-size: 90px;
}
.section-spirit .section-category {
position: absolute;
top: 185px;
left: 20px;
width: 120px;
font-size: 24px;
}
.section-spirit .section-button {
bottom: 120px;
left: 200px;
}
.section-brand .section-list {
height: 580px;
}
.section-engagement .section-title {
font-size: 100px;
}
.section-engagement .section-title span:nth-child(1) {
width: 65%;
}
.section-engagement .section-list {
width: 320px;
}
.section-engagement .section-link {
padding: 20px 30px;
font-size: 18px;
line-height: 22px;
}
.section-engagement .section-link:hover {
text-decoration: underline;
}
.section-engagement .section-group {
position: relative;
z-index: 1;
min-height: 600px;
padding-top: 110px;
padding-bottom: 50px;
}
.section-engagement .section-circle {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 600px;
height: 600px;
}
.section-engagement .section-button {
margin-top: 80px;
}
.section-media {
padding-top: 100px;
padding-bottom: 60px;
}
.section-media .section-background {
top: 360px;
}
} .hero-tag a,
.hero-issue a,
.hero-title a,
.hero-category a,
.hero-breadcrumb a {
color: currentColor;
}
.hero-tag a:hover,
.hero-issue a:hover,
.hero-title a:hover,
.hero-category a:hover,
.hero-breadcrumb a:hover {
text-decoration: underline;
}
.hero-issue span {
font-size: 13px;
line-height: 17px;
}
.hero-issue strong {
font-size: 15px;
line-height: 1.4;
}
.hero-breadcrumb {
font-size: 12px;
line-height: 1.25;
}
.hero-breadcrumb a,
.hero-breadcrumb strong {
padding: 3px 0;
}
.hero-breadcrumb span {
padding: 3px 5px;
}
.hero-cta {
right: 30px;
font-size: 14px;
line-height: 16px;
}
.hero-cta a {
width: 125px;
height: 125px;
padding: 45px 10px 20px;
background-color: #ffad40;
color: #000;
}
.hero-cta a:hover {
background-color: #000;
color: #fff;
}
.hero-scroller {
bottom: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border: #fff solid 2px;
color: #fff;
}
.hero-scroller:hover {
background-color: #000;
border-color: #000;
} @media (max-width: 767px) {
.hero-tag {
font-size: 15px;
line-height: 1.4;
}
.hero-title {
max-width: 400px;
font-size: 32px;
line-height: 1.125;
}
.hero-category {
margin-bottom: 15px;
font-size: 15px;
line-height: 1.2;
}
.hero-toolbar {
padding-top: 10px;
padding-bottom: 10px;
}
.hero-toolbar ul {
margin-right: -20px;
margin-left: -20px;
padding-right: 5px;
padding-left: 5px;
}
.hero-toolbar li {
padding: 20px 15px;
}
.hero-container {
min-height: 340px;
padding-top: 120px;
padding-bottom: 30px;
}
.hero-container.full {
height: calc(100vh - 110px);
}
.hero-container.center {
padding-bottom: 120px;
}
} @media (min-width: 768px) {
.hero-tag {
font-size: 18px;
line-height: 1.5;
}
.hero-title {
max-width: 640px;
}
.hero-container.i2 {
text-align: center;
}
.hero-container.i3 .hero-category {
margin-bottom: 15px;
}
} @media (min-width: 768px) and (max-width: 1279px) {
.hero-title.medium {
font-size: 40px;
line-height: 1.1;
}
.hero-title.large {
font-size: 50px;
line-height: 1;
}
.hero-category.small {
font-size: 15px;
line-height: 1.2;
}
.hero-category.medium,
.hero-category.large {
font-size: 18px;
line-height: 1;
}
.hero-toolbar {
padding-top: 20px;
padding-bottom: 20px;
}
.hero-toolbar ul {
margin-right: -30px;
margin-left: -30px;
padding-right: 15px;
padding-left: 15px;
}
.hero-toolbar li {
padding: 20px 15px;
}
.hero-container {
padding-top: 140px;
padding-bottom: 60px;
}
.hero-container.small {
min-height: 360px;
}
.hero-container.medium {
min-height: 480px;
}
.hero-container.large {
min-height: 560px;
}
.hero-container.full {
height: calc(100vh - 110px);
}
.hero-container.center {
padding-bottom: 140px;
}
.hero-container.i1 .hero-category,
.hero-container.i2 .hero-category {
margin-bottom: 20px;
}
} @media (min-width: 1280px) {
.hero-title {
line-height: 1;
}
.hero-title.medium {
font-size: 50px;
}
.hero-title.large {
font-size: 60px;
}
.hero-category.small {
font-size: 16px;
line-height: 1.125;
}
.hero-category.medium {
font-size: 18px;
line-height: 20px;
}
.hero-category.large {
font-size: 24px;
line-height: 1;
}
.hero-toolbar {
bottom: 120px;
}
.hero-toolbar ul {
margin-right: -15px;
margin-left: -15px;
}
.hero-toolbar li {
padding-right: 15px;
padding-left: 15px;
}
.hero-container.small {
min-height: 380px;
padding-top: 120px;
padding-bottom: 60px;
}
.hero-container.small.center {
padding-bottom: 100px;
}
.hero-container.medium {
min-height: 560px;
padding-top: 140px;
padding-bottom: 110px;
}
.hero-container.medium.center {
padding-bottom: 140px;
}
.hero-container.large {
min-height: 720px;
padding-top: 200px;
padding-bottom: 110px;
}
.hero-container.large.center {
padding-bottom: 200px;
}
.hero-container.full {
min-height: 720px;
height: 100vh;
padding-top: 200px;
padding-bottom: 110px;
}
.hero-container.i1 .hero-group {
position: relative;
}
.hero-container.i1 .hero-category {
position: absolute;
top: 5px;
right: calc(100% + 40px);
}
} .block-info {
font-size: 15px;
line-height: 1.6;
}
.block-brand a {
background-color: #fff;
color: #000;
}
.block-brand a:hover {
background-color: #000;
color: #fff;
}
.block-brand a:hover svg {
-webkit-transform: scale(1.025);
transform: scale(1.025);
}
.block-brand a:active {
background-color: rgba(0, 0, 0, 0.1);
color: #000;
}
.block-brand svg {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: 0.25s, 0.75s;
transition-duration: 0.25s, 0.75s;
-webkit-transition-property: fill, -webkit-transform;
transition-property: fill, -webkit-transform;
transition-property: fill, transform;
transition-property: fill, transform, -webkit-transform;
}
.block-editor h2:first-child,
.block-editor h3:first-child,
.block-editor h4:first-child,
.block-editor h5:first-child,
.block-editor p:first-child,
.block-editor ul:first-child,
.block-editor ol:first-child,
.block-editor figure:first-child {
margin-top: 0;
}
.block-editor h2,
.block-editor h3,
.block-editor h4,
.block-editor h5 {
font-weight: 700;
}
.block-editor ul {
list-style: disc;
}
.block-editor ol {
list-style: decimal;
}
.block-editor img {
width: 100%;
height: auto;
}
.block-editor figcaption {
margin-top: 10px;
font-size: 14px;
line-height: 1.5;
text-align: center;
}
.block-editor a {
color: #2196d1;
}
.block-editor a:hover {
text-decoration: underline;
}
.block-offer--category {
font-size: 10px;
line-height: 1.4;
}
.block-offer--grid {
margin-bottom: -20px;
}
.block-offer--item {
margin-bottom: 20px;
}
.block-offer.i1 {
min-height: 320px;
}
.block-offer.i1 .block-offer--group {
padding: 40px 30px;
}
.block-offer.i1 .block-offer--title {
font-size: 20px;
line-height: 1.25;
}
.block-offer.i1 .block-offer--summary {
font-size: 15px;
line-height: 1.4;
}
.block-member--name {
font-size: 20px;
line-height: 1.25;
}
.block-member--info {
font-size: 14px;
line-height: 1.5;
}
.block-meta {
font-size: 12px;
line-height: 1.25;
}
.block-graphic--index {
position: relative;
background-color: #57d7ff;
}
.block-graphic--index::before,
.block-graphic--index::after {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 2px;
pointer-events: none;
content: "";
background-color: #000;
}
.block-graphic--index::before {
bottom: 100%;
height: 50px;
}
.block-graphic--index::after {
top: 100%;
height: 30px;
}
.block-graphic--summary {
margin-top: 40px;
}
.block-graphic--item {
padding-top: 50px;
padding-bottom: 60px;
}
.block-graphic--item:nth-child(2n) {
background-color: #fff;
}
.block-graphic--item:nth-child(2n+1) {
background-color: #f5f5f5;
}
.block-graphic--item:nth-child(1) .block-graphic--index::before {
display: none;
} @media (max-width: 767px) {
.block-title.small {
font-size: 20px;
line-height: 1.3;
}
.block-title.medium,
.block-title.xmedium {
font-size: 24px;
line-height: 1.25;
}
.block-title.large {
font-size: 32px;
line-height: 1.125;
}
.block-intro {
font-size: 18px;
line-height: 30px;
}
.block-brand a {
height: 160px;
padding: 15px;
}
.block-label {
font-size: 30px;
line-height: 1.2;
}
.block-editor,
.block-summary {
font-size: 15px;
line-height: 1.6;
}
.block-editor h2,
.block-editor h3,
.block-editor h4,
.block-editor h5,
.block-editor p,
.block-editor ul,
.block-editor ol {
margin-top: 20px;
}
.block-editor h2 {
font-size: 32px;
font-weight: 700;
line-height: 1.125;
}
.block-editor h3 {
font-size: 24px;
line-height: 1.25;
}
.block-editor h4,
.block-editor h5 {
font-size: 18px;
line-height: 1.5;
}
.block-editor ul,
.block-editor ol {
margin-left: 20px;
}
.block-editor ul ul,
.block-editor ul ol,
.block-editor ol ol,
.block-editor ol ul {
margin-top: 5px;
}
.block-editor li + li {
margin-top: 5px;
}
.block-editor figure {
margin-top: 40px;
}
.block-video svg {
width: 64px;
height: 64px;
}
.block-cta,
.block-number,
.block-verbatim {
text-align: center;
}
.block-cta {
padding: 40px 20px;
}
.block-cta--tag {
margin-bottom: 20px;
}
.block-cta--content {
font-size: 20px;
line-height: 1.6;
}
.block-cta--button {
margin-top: 30px;
}
.block-number span {
font-size: 30px;
line-height: 1.2;
}
.block-number strong {
font-size: 60px;
line-height: 1;
}
.block-number em {
font-size: 40px;
font-style: normal;
}
.block-number li {
width: 100%;
min-width: 100%;
padding: 40px 0;
}
.block-number li + li {
border-top: #000 solid 1px;
}
.block-verbatim {
padding: 40px 20px;
}
.block-verbatim--icon {
margin-bottom: 20px;
}
.block-verbatim--quote {
font-size: 20px;
line-height: 1.6;
}
.block-misc,
.block-toolbar {
text-align: center;
}
.block-toolbar .block-social,
.block-toolbar .block-button {
width: 100%;
padding: 10px 0;
}
.block-form--label,
.block-form--input {
width: 100%;
}
.block-form--label {
margin-bottom: 10px;
}
.block-form--checkbox li {
width: 100%;
}
.block-form--checkbox li + li {
margin-top: 10px;
}
.block-filter ul {
margin-right: -10px;
margin-left: -10px;
}
.block-filter li {
padding: 10px;
}
.block-offer--sizer,
.block-offer--item {
width: 100%;
}
.block-offer.i2 {
padding: 0 20px 40px;
text-align: center;
}
.block-offer.i2 .block-offer--title {
font-size: 32px;
line-height: 1.125;
}
.block-offer.i2 .block-offer--summary {
font-size: 16px;
line-height: 1.5;
}
.block-graphic--index {
width: 56px;
height: 56px;
font-size: 24px;
line-height: 1.25;
}
.block-graphic--summary {
font-size: 18px;
line-height: 30px;
}
.block-h-1 {
max-height: 640px;
min-height: 480px;
}
.block-h-2 {
max-height: 400px;
min-height: 300px;
}
.block-h-3 {
height: 400px;
}
.block-m-t-1 {
margin-top: 20px;
}
.block-m-t-2 {
margin-top: 40px;
}
.block-m-t-3 {
margin-top: 60px;
}
.block-m-t-4 {
margin-top: 80px;
}
.block-p-tb-1 {
padding-top: 20px;
padding-bottom: 20px;
}
.block-p-tb-2 {
padding-top: 40px;
padding-bottom: 40px;
}
.block-p-tb-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.block-p-tb-4 {
padding-top: 80px;
padding-bottom: 80px;
}
.block-p-rl-1 {
padding-right: 30px;
padding-left: 30px;
}
} @media (min-width: 768px) {
.block-title.small {
font-size: 24px;
line-height: 1.25;
}
.block-title.medium {
font-size: 28px;
line-height: 32px;
}
.block-title.xmedium {
font-size: 40px;
line-height: 1.25;
}
.block-brand a {
height: 200px;
padding: 30px;
}
.block-label {
font-size: 24px;
line-height: 1.25;
}
.block-editor h2,
.block-editor h3,
.block-editor h4,
.block-editor h5,
.block-editor p,
.block-editor ul,
.block-editor ol {
margin-top: 30px;
}
.block-editor h3 {
font-size: 28px;
line-height: 1.25;
}
.block-editor h4,
.block-editor h5 {
font-size: 24px;
line-height: 1.5;
}
.block-editor ul,
.block-editor ol {
margin-left: 30px;
}
.block-editor ul ul,
.block-editor ul ol,
.block-editor ol ol,
.block-editor ol ul {
margin-top: 10px;
}
.block-editor li + li {
margin-top: 10px;
}
.block-editor figure {
margin-top: 50px;
}
.block-video svg {
width: 96px;
height: 96px;
}
.block-cta.i1 {
padding: 35px;
}
.block-cta.i1 .block-cta--tag {
margin-bottom: 30px;
}
.block-cta.i1 .block-cta--content {
margin-right: 200px;
}
.block-cta.i1 .block-cta--button {
margin-top: 20px;
text-align: right;
}
.block-cta.i2 {
padding: 60px 80px;
}
.block-cta.small .block-cta--content {
font-size: 24px;
line-height: 38px;
}
.block-cta.medium .block-cta--content {
font-size: 26px;
line-height: 40px;
}
.block-cta.large .block-cta--content {
font-size: 28px;
line-height: 42px;
}
.block-number span {
font-size: 32px;
line-height: 1.125;
}
.block-number strong {
font-size: 64px;
line-height: 1;
}
.block-number em {
font-size: 40px;
font-style: normal;
}
.block-number ul {
padding-top: 15px;
padding-bottom: 15px;
border-color: #000;
border-style: solid;
border-width: 1px 0;
}
.block-number li {
padding: 70px 50px;
}
.block-number li + li {
border-left: #000 solid 1px;
}
.block-verbatim {
position: relative;
}
.block-verbatim--icon {
position: absolute;
}
.block-verbatim.i1 {
padding: 90px 100px 50px;
}
.block-verbatim.i1 .block-verbatim--icon {
top: 25px;
left: 65px;
}
.block-verbatim.i2 {
padding: 50px 140px;
}
.block-verbatim.i2 .block-verbatim--icon {
top: 40px;
left: 40px;
}
.block-verbatim.small .block-verbatim--quote {
font-size: 24px;
line-height: 38px;
}
.block-verbatim.medium .block-verbatim--quote {
font-size: 26px;
line-height: 40px;
}
.block-verbatim.large .block-verbatim--quote {
font-size: 28px;
line-height: 42px;
}
.block-form--label {
margin-right: 30px;
}
.block-form--checkbox li + li {
margin-left: 25px;
}
.block-form--group.i1 .block-form--label {
width: 110px;
}
.block-form--group.i1 .block-form--input {
width: calc(100% - 140px);
}
.block-form--group.i2 .block-form--label {
width: 160px;
}
.block-form--group.i2 .block-form--input {
width: calc(100% - 190px);
max-width: 320px;
}
.block-filter ul {
margin-right: -15px;
margin-left: -15px;
}
.block-filter li {
padding: 15px;
}
.block-offer--grid {
margin-right: -10px;
margin-left: -10px;
}
.block-offer--item {
padding-right: 10px;
padding-left: 10px;
}
.block-graphic--index {
width: 66px;
height: 66px;
font-size: 30px;
line-height: 1.2;
}
.block-graphic--summary {
font-size: 20px;
line-height: 1.7;
}
.block-h-1 {
max-height: 720px;
min-height: 600px;
}
.block-h-2 {
max-height: 640px;
min-height: 400px;
}
.block-h-3 {
height: 600px;
}
.block-m-t-1 {
margin-top: 40px;
}
.block-m-t-2 {
margin-top: 60px;
}
.block-m-t-3 {
margin-top: 80px;
}
.block-m-t-4 {
margin-top: 100px;
}
} @media (min-width: 768px) and (max-width: 1279px) {
.block-title.large {
font-size: 40px;
line-height: 1.25;
}
.block-intro {
font-size: 20px;
line-height: 1.6;
}
.block-editor,
.block-summary {
font-size: 18px;
line-height: 30px;
}
.block-editor h2 {
font-size: 40px;
font-weight: 700;
line-height: 1.25;
}
.block-toolbar {
text-align: center;
}
.block-toolbar .block-social,
.block-toolbar .block-button {
width: 100%;
padding: 15px 0;
}
.block-offer--sizer,
.block-offer--item {
width: 50%;
}
.block-offer--item.w1,
.block-offer--item.w2 {
width: 50%;
}
.block-offer--item.w3 {
width: 100%;
}
.block-offer.i2 {
padding: 40px 20px;
}
.block-offer.i2 .block-offer--title {
font-size: 40px;
line-height: 1.25;
}
.block-offer.i2 .block-offer--summary {
font-size: 18px;
line-height: 30px;
}
.block-p-tb-1 {
padding-top: 30px;
padding-bottom: 30px;
}
.block-p-tb-2 {
padding-top: 50px;
padding-bottom: 50px;
}
.block-p-tb-3 {
padding-top: 70px;
padding-bottom: 70px;
}
.block-p-tb-4 {
padding-top: 90px;
padding-bottom: 90px;
}
.block-p-rl-1 {
padding-right: 40px;
padding-left: 40px;
}
.block-h-3 {
height: 600px;
}
} @media (min-width: 1280px) {
.block-title.large {
font-size: 48px;
line-height: 1.125;
}
.block-intro {
font-size: 24px;
line-height: 1.75;
}
.block-editor,
.block-summary {
font-size: 20px;
line-height: 1.7;
}
.block-editor h2 {
font-size: 48px;
font-weight: 700;
line-height: 1.125;
}
.block-toolbar {
margin-right: -15px;
margin-left: -15px;
}
.block-toolbar .block-social,
.block-toolbar .block-button {
padding-right: 15px;
padding-left: 15px;
}
.block-offer--sizer,
.block-offer--item {
width: 25%;
}
.block-offer--item.w1 {
width: 25%;
}
.block-offer--item.w2 {
width: 50%;
}
.block-offer--item.w3 {
width: 100%;
}
.block-offer.i2 {
padding: 40px;
}
.block-offer.i2 .block-offer--title {
font-size: 48px;
line-height: 1.125;
}
.block-offer.i2 .block-offer--summary {
font-size: 20px;
line-height: 1.7;
}
.block-p-tb-1 {
padding-top: 40px;
padding-bottom: 40px;
}
.block-p-tb-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.block-p-tb-3 {
padding-top: 80px;
padding-bottom: 80px;
}
.block-p-tb-4 {
padding-top: 100px;
padding-bottom: 100px;
}
.block-p-rl-1 {
padding-right: 60px;
padding-left: 60px;
}
.block-h-3 {
height: 300px;
}
} .press {
padding-top: 40px;
padding-bottom: 40px;
}
.press-label {
line-height: 1.5;
}
.press-title {
line-height: 1.25;
}
.press-article--image {
height: 190px;
}
.press-article--tag,
.press-article--meta {
font-size: 12px;
line-height: 1.25;
}
.press-article--tag a,
.press-article--title a {
color: currentColor;
}
.press-article--tag a:hover,
.press-article--title a:hover {
text-decoration: underline;
}
.press-article--title {
font-size: 20px;
line-height: 1.25;
}
.press-article--summary {
font-size: 12px;
line-height: 1.5;
}
.press-article--summary a {
color: #2196d1;
}
.press-article--summary a:hover {
text-decoration: underline;
}
.press-article--summary p + p {
margin-top: 20px;
}
.press-article--button {
line-height: 1.25;
}
.press-article.i1 {
padding-bottom: 60px;
}
.press-article.i3 {
padding-bottom: 50px;
}
.press-list {
border-bottom: #000 solid 1px;
}
.press-list .press-item {
padding-top: 20px;
padding-bottom: 20px;
border-top: #000 solid 1px;
} @media (max-width: 767px) {
.press-label {
font-size: 14px;
}
.press-title.small {
font-size: 24px;
}
.press-title.medium {
font-size: 32px;
}
.press-title.large {
font-size: 36px;
}
.press-media {
margin-top: 30px;
}
.press-toolbar {
max-width: 360px;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
}
.press-section {
margin-top: 60px;
}
.press-article.i2 {
padding-bottom: 60px;
}
.press-article.i2 .press-article--button {
left: 0;
}
} @media (min-width: 768px) {
.press-label {
font-size: 18px;
}
.press-title.small {
font-size: 32px;
}
.press-title.medium {
font-size: 36px;
}
.press-title.large {
font-size: 40px;
}
.press-media,
.press-toolbar {
position: absolute;
right: 0;
}
.press-media {
bottom: 10px;
}
.press-toolbar {
top: 0;
}
.press-section {
margin-top: 100px;
}
.press-article.i2 {
padding-right: 320px;
}
.press-article.i2 .press-article--button {
right: 0;
}
} .career-card--image {
height: 300px;
}
.career-card--body {
padding-right: 20px;
padding-left: 20px;
}
.career-card--title {
font-size: 20px;
line-height: 1.3;
}
.career-card--summary {
font-size: 14px;
line-height: 1.5;
}   .magazine-article--tag a,
.magazine-article--title a {
color: currentColor;
}
.magazine-article.underline .magazine-article--tag a:hover,
.magazine-article.underline .magazine-article--title a:hover {
text-decoration: underline;
}
.magazine-label {
font-size: 15px;
line-height: 1.4;
} @media (max-width: 767px) {
.magazine-article--tag {
font-size: 12px;
line-height: 1.25;
}
.magazine-article.small .magazine-article--title {
font-size: 15px;
line-height: 1.4;
}
.magazine-article.medium {
max-width: 320px;
}
.magazine-article.medium .magazine-article--title {
font-size: 24px;
line-height: 1.25;
}
.magazine-article.large {
max-width: 360px;
}
.magazine-article.large .magazine-article--title {
font-size: 32px;
line-height: 1.125;
}
.magazine-content {
padding-top: 100px;
padding-bottom: 40px;
}
.magazine-container {
min-height: 450px;
margin-right: -20px;
margin-left: -20px;
}
.magazine-height {
height: 260px;
}
} @media (min-width: 768px) {
.magazine-article.small .magazine-article--tag {
font-size: 12px;
line-height: 1.25;
}
.magazine-article.small .magazine-article--title {
font-size: 15px;
line-height: 1.4;
}
.magazine-article.medium {
max-width: 480px;
}
.magazine-article.medium .magazine-article--tag {
font-size: 14px;
line-height: 1.5;
}
.magazine-article.large {
max-width: 560px;
}
.magazine-article.large .magazine-article--tag {
font-size: 15px;
line-height: 1.4;
}
.magazine-container {
margin-right: -30px;
margin-left: -30px;
}
.magazine-height {
height: 360px;
}
} @media (min-width: 768px) and (max-width: 1279px) {
.magazine-article.medium .magazine-article--title {
font-size: 32px;
line-height: 1.125;
}
.magazine-article.large .magazine-article--title {
font-size: 40px;
line-height: 1.1;
}
.magazine-content {
padding-top: 120px;
padding-bottom: 60px;
}
.magazine-container {
min-height: 560px;
}
} @media (min-width: 1280px) {
.magazine-article.medium .magazine-article--title {
font-size: 40px;
line-height: 1.1;
}
.magazine-article.large .magazine-article--title {
font-size: 50px;
line-height: 1;
}
.magazine-content {
padding-top: 120px;
padding-bottom: 80px;
}
.magazine-container {
min-height: 720px;
}
} .figure-header {
padding: 15px 0;
border-color: #000;
border-style: solid;
border-width: 1px 0;
}
.figure-title {
line-height: 1.25;
}
.figure-text {
line-height: calc(1em + 6px);
}
.figure-number {
line-height: 1;
}
.figure-line {
width: 1px;
} @media (max-width: 767px) {
.figure-section {
text-align: center;
}
.figure-title {
font-size: 24px;
}
.figure-text.i1,
.figure-text.i2,
.figure-text.i3,
.figure-text.i4 {
font-size: 20px;
}
.figure-text.i5,
.figure-text.i6 {
font-size: 24px;
}
.figure-text.i7 {
font-size: 30px;
}
.figure-number.i1,
.figure-number.i2,
.figure-number.i3 {
font-size: 50px;
}
.figure-number.i4,
.figure-number.i5 {
font-size: 70px;
}
.figure-number.i6,
.figure-number.i7,
.figure-number.i8 {
font-size: 90px;
}
.figure-brand li {
width: 100%;
padding: 20px 30px;
}
.figure-block {
padding: 20px 0;
}
.figure-grid.i1 .figure-col {
width: 100%;
}
.figure-grid.i1 .figure-col.i1,
.figure-grid.i1 .figure-col.i3 {
padding: 20px 0;
}
.figure-grid.i2 {
padding-top: 30px;
padding-bottom: 30px;
}
} @media (min-width: 768px) {
.figure-border-r {
border-right: #000 solid 1px;
}
.figure-border-b {
border-bottom: #000 solid 1px;
}
.figure-border-l {
border-left: #000 solid 1px;
}
.figure-grid.i1 .figure-col.i1,
.figure-grid.i1 .figure-col.i3 {
width: 30%;
}
.figure-grid.i1 .figure-col.i1 {
text-align: right;
}
.figure-grid.i1 .figure-col.i3 {
text-align: left;
}
.figure-grid.i1 .figure-col.i2 {
width: 40%;
max-width: 420px;
}
.figure-grid.i2 .figure-col {
width: 50%;
}
.figure-brand li {
margin-top: 40px;
}
.figure-brand li:nth-child(1),
.figure-brand li:nth-child(3) {
width: 110px;
margin-right: 40px;
}
.figure-brand li:nth-child(2),
.figure-brand li:nth-child(4) {
width: calc(100% - 150px);
}
} @media (min-width: 768px) and (max-width: 1279px) {
.figure-title {
font-size: 32px;
}
.figure-block {
padding: 30px;
}
.figure-text.i1,
.figure-text.i2,
.figure-text.i3,
.figure-text.i4 {
font-size: 24px;
}
.figure-text.i5,
.figure-text.i6 {
font-size: 32px;
}
.figure-text.i7 {
font-size: 40px;
}
.figure-number.i1,
.figure-number.i2,
.figure-number.i3 {
font-size: 60px;
}
.figure-number.i4,
.figure-number.i5 {
font-size: 80px;
}
.figure-number.i6,
.figure-number.i7,
.figure-number.i8 {
font-size: 100px;
}
.figure-padding-t-1 {
padding-top: 40px;
}
.figure-padding-t-2 {
padding-top: 60px;
}
.figure-padding-t-3 {
padding-top: 80px;
}
.figure-padding-t-4 {
padding-top: 100px;
}
.figure-padding-t-5 {
padding-top: 120px;
}
.figure-padding-b-1 {
padding-bottom: 40px;
}
.figure-padding-b-2 {
padding-bottom: 60px;
}
.figure-padding-b-3 {
padding-bottom: 80px;
}
.figure-padding-b-4 {
padding-bottom: 100px;
}
.figure-padding-b-5 {
padding-bottom: 120px;
}
.figure-grid.i2 .figure-col {
max-width: 400px;
}
} @media (min-width: 1280px) {
.figure-title {
font-size: 36px;
}
.figure-block {
padding: 30px 40px;
}
.figure-text.i1 {
font-size: 24px;
}
.figure-text.i2 {
font-size: 28px;
}
.figure-text.i3 {
font-size: 30px;
}
.figure-text.i4 {
font-size: 32px;
}
.figure-text.i5 {
font-size: 36px;
}
.figure-text.i6 {
font-size: 42px;
}
.figure-text.i7 {
font-size: 56px;
}
.figure-number.i1 {
font-size: 60px;
}
.figure-number.i2 {
font-size: 74px;
}
.figure-number.i3 {
font-size: 80px;
}
.figure-number.i4 {
font-size: 84px;
}
.figure-number.i5 {
font-size: 94px;
}
.figure-number.i6 {
font-size: 108px;
}
.figure-number.i7 {
font-size: 136px;
}
.figure-number.i8 {
font-size: 160px;
}
.figure-padding-t-1 {
padding-top: 40px;
}
.figure-padding-t-2 {
padding-top: 80px;
}
.figure-padding-t-3 {
padding-top: 100px;
}
.figure-padding-t-4 {
padding-top: 120px;
}
.figure-padding-t-5 {
padding-top: 150px;
}
.figure-padding-b-1 {
padding-bottom: 40px;
}
.figure-padding-b-2 {
padding-bottom: 80px;
}
.figure-padding-b-3 {
padding-bottom: 100px;
}
.figure-padding-b-4 {
padding-bottom: 120px;
}
.figure-padding-b-5 {
padding-bottom: 150px;
}
.figure-grid.i2 .figure-col.i1,
.figure-grid.i2 .figure-col.i2 {
max-width: 400px;
}
.figure-grid.i2 .figure-col.i3,
.figure-grid.i2 .figure-col.i4 {
max-width: 500px;
}
.figure-grid.i2 .figure-col.i4 {
padding-right: 100px;
}
} .history-nav {
top: 110px;
font-size: 11px;
line-height: 1;
}
.history-nav ul {
padding-top: 8px;
padding-bottom: 8px;
}
.history-nav li {
padding-top: 3px;
padding-bottom: 3px;
}
.history-nav a {
padding: 5px 10px;
color: #fff;
}
.history-nav a:hover,
.history-nav a.active {
color: #57d7ff;
}
.history-nav a.active {
text-decoration: underline;
}
.history-item {
min-height: 100px;
}
.history-milestone {
line-height: 1;
}
.history-milestone.mb-1 {
margin-bottom: -0.15em;
}
.history-milestone.mb-2 {
margin-bottom: 0.15em;
}
.history-milestone.mb-3 {
margin-bottom: 0.5em;
} @media (max-width: 767px) {
.history {
padding-bottom: 50px;
}
.history-aside {
right: -20px;
}
.history-nav {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
.history-item + .history-item {
margin-top: 100px;
}
.history-milestone {
font-size: 100px;
}
.history-image,
.history-content {
width: 80%;
}
.history-image {
height: 200px;
}
.history-summary {
font-size: 24px;
line-height: 1.25;
}
.history-group.pb-1 {
padding-bottom: 40px;
}
.history-group.pb-2 {
padding-bottom: 60px;
}
.history-group.pb-3 {
padding-bottom: 80px;
}
.history-group.i1 .history-image {
max-width: 480px;
}
.history-group.i2 .history-image,
.history-group.i2 .history-content {
max-width: 360px;
margin-top: 40px;
}
.history-group.i2 .history-image:first-child,
.history-group.i2 .history-content:first-child {
margin-top: 0;
}
} @media (min-width: 768px) {
.history {
padding-bottom: 100px;
}
.history-item + .history-item {
margin-top: 200px;
}
.history-milestone {
font-size: 200px;
}
.history-image.w1 {
max-width: 640px;
width: 75%;
}
.history-image.w2 {
max-width: 580px;
width: 65%;
}
.history-image.w3 {
max-width: 410px;
width: 50%;
}
.history-image.h1 {
height: 430px;
}
.history-image.h2 {
height: 380px;
}
.history-image.h3 {
height: 270px;
}
.history-content {
max-width: 320px;
width: calc(50% - 40px);
}
.history-summary {
font-size: 30px;
line-height: 1.2;
}
.history-group.pb-1 {
padding-bottom: 60px;
}
.history-group.pb-2 {
padding-bottom: 80px;
}
.history-group.pb-3 {
padding-bottom: 120px;
}
} .wpcf7 form.invalid .wpcf7-response-output {
border-color: #b683e8;
padding: 15px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #2196d1;
padding: 15px;
} .cf7-checkbox .wpcf7-form-control {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.cf7-checkbox .wpcf7-list-item {
position: relative;
margin: 0;
}
.cf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
padding-left: 29px;
padding-right: 22px;
}
.cf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::before,
.cf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::after {
position: absolute;
pointer-events: none;
content: "";
}
.cf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::before {
top: auto;
left: 0;
width: 24px;
height: 24px;
border: #000 solid 1px;
}
.cf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::after {
top: auto;
margin-top: 6px;
left: 6px;
width: 12px;
height: 12px;
opacity: 0;
}
.cf7-checkbox .wpcf7-list-item input[type=radio] {
opacity: 0;
width: 0px;
}
.cf7-checkbox .wpcf7-list-item input[type=radio] + .wpcf7-list-item-label::before,
.cf7-checkbox .wpcf7-list-item input[type=radio] + .wpcf7-list-item-label::after {
border-radius: 50%;
}
.cf7-checkbox .wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label::before,
.cf7-checkbox .wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label::after {
border-radius: 3px;
}
.cf7-checkbox .wpcf7-list-item input:checked + .wpcf7-list-item-label::after {
opacity: 1;
}
.cf7-checkbox.black .wpcf7-list-item .wpcf7-list-item-label::after {
background-color: #000;
}
.cf7-checkbox.blue .wpcf7-list-item .wpcf7-list-item-label::after {
background-color: #b683e8;
}
.cf7-checkbox.green .wpcf7-list-item .wpcf7-list-item-label::after {
background-color: #b683e8;
}
.cf7-checkbox.purple .wpcf7-list-item .wpcf7-list-item-label::after {
background-color: #b683e8;
}
.cf7-checkbox.orange .wpcf7-list-item .wpcf7-list-item-label::after {
background-color: #b683e8;
} @media (max-width: 767px) {
.cf7-checkbox .wpcf7-list-item {
font-size: 16px;
line-height: 1.5;
}
} @media (min-width: 768px) {
.cf7-checkbox .wpcf7-list-item {
font-size: 18px;
line-height: 24px;
}
} .popup_video{
position: fixed;
display: none;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 51;
}
.popup_video.active{
display: block;
}
.popup_video .close{
cursor: pointer;
position: absolute;
z-index: 51;
top: 25px;
right: 25px;
width: 32px;
height: 32px;
background-color: white;
border-radius: 50%;
display                      :-webkit-box;
display                      :-webkit-flex;
display                      :-ms-flexbox;
display                      :flex;
-webkit-box-align            : center;
-webkit-align-items          : center;
-ms-flex-align               : center;
align-items                  : center;
-webkit-box-pack             : center;
-webkit-justify-content      : center;
-ms-flex-pack            : center;
justify-content      : center;
}
.popup_video .close .fermer{
position: absolute;
text-indent: -999999px;
}
.popup_video .close i{
color: #1b64d7;
font-size: 20px;
}
body.popup_active{
height: 100vh;
overflow: hidden;
}
.popup_video .video,
.popup_video .gif{
background-color: #1b64d7;
width: 100%;
height: 100%;
position: relative;
}
.popup_video .video button{
position: absolute;
top: 70px;
right: 25px;
height: 32px;
width: 32px;
background-color: white;;
border:none;
cursor: pointer;
border-radius: 50px;
}
.popup_video .video button i{
font-size: 15px;
color: #1b64d7;
display: none;
}
.popup_video .video button .fa-volume{
display: block;
}
.popup_video .video button.active .fa-volume-xmark{
display: block;
}
.popup_video .video button.active .fa-volume{
display: none;
}
.popup_video .video button.active{
display: block;
}
.popup_video .video video{
width: 100vw;
height: 100vh;
object-fit: cover;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.popup_video .gif{
display: none;
}
.popup_video .gif img{
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (max-width:768px){
.popup_video .gif{
display: block;
}
.popup_video .video{
display: none;
}
}