.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 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;
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.hidden-xs-up {
display: none !important;
}
@media (max-width: 575.98px) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767.98px) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991.98px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199.98px) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down {
display: none !important;
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.img-fluid {
max-width: 100%;
height: auto;
} :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
animation-iteration-count: calc(var(--animate-repeat)*2);
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
animation-iteration-count: calc(var(--animate-repeat)*3);
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay)*2);
animation-delay: calc(var(--animate-delay)*2);
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay)*3);
animation-delay: calc(var(--animate-delay)*3);
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay)*4);
animation-delay: calc(var(--animate-delay)*4);
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay)*5);
animation-delay: calc(var(--animate-delay)*5);
}
.animate__animated.animate__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/2);
animation-duration: calc(var(--animate-duration)/2);
}
.animate__animated.animate__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration)*0.8);
animation-duration: calc(var(--animate-duration)*0.8);
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2);
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration)*3);
animation-duration: calc(var(--animate-duration)*3);
}
@media (prefers-reduced-motion: reduce), print {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*=Out] {
opacity: 0;
}
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
@keyframes bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX;
}
@-webkit-keyframes shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
@keyframes shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
@keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration)*1.3);
animation-duration: calc(var(--animate-duration)*1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: .7;
}
80% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: .7;
}
80% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: .7;
}
80% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: .7;
}
80% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: .7;
}
80% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: .7;
}
80% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight;
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: .7;
}
80% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: .7;
}
80% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: .7;
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: .7;
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: .7;
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: .7;
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: .7;
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: .7;
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: .7;
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: .7;
}
to {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: .7;
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.animate__bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
@keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
@keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
@keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animate__flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animate__flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutRight {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@font-face {
font-family: PolySans Trial;
src: url(//sparkfood.com/wp-content/themes/task4it/fonts/PolySans-Neutral.woff2);
font-weight: normal;
}
@font-face {
font-family: PolySans Trial;
src: url(//sparkfood.com/wp-content/themes/task4it/fonts/PolySans-NeutralItalic.woff2);
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: PolySans Trial;
src: url(//sparkfood.com/wp-content/themes/task4it/fonts/PolySans-Median.woff2);
font-weight: 500;
}
@font-face {
font-family: PolySans Trial;
src: url(//sparkfood.com/wp-content/themes/task4it/fonts/PolySans-MedianItalic.woff2);
font-weight: 500;
font-style: italic;
}
html {
scroll-behavior: smooth;
}
@media (max-width: 900px) {
.displayDesktop {
display: none;
}
}
@media (min-width: 901px) {
.displayMobile {
display: none;
}
}
body {
margin: 0;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 1.5;
font-family: PolySans Trial;
color: #000F64;
}
@media (max-width: 1200px) {
body {
font-size: 16px;
}
}
body.lock {
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
}
h5,
.h5 {
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 36px;
}
.container {
max-width: 1358px;
}
@media (max-width: 1200px) {
.container {
padding: 0 20px;
}
}
.button {
text-align: center;
}
.button a {
border: 1px solid #00CD73;
border-radius: 40px;
color: #029673;
text-decoration: none;
padding: 12px 24px;
font-weight: 400;
font-size: 20px;
line-height: 24px;
transition: all 0.15s ease-in-out;
display: inline-block;
}
.button a:hover {
background-color: #00CD73;
color: white;
}
.button--azul a {
color: #000F64;
border-color: #000F64;
}
.button--azul a:hover {
color: #fff;
background-color: #000F64;
}
.buttonStyle {
border: 1px solid #00CD73;
border-radius: 40px;
padding: 12px 24px;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #029673;
text-decoration: none;
display: inline-block;
transition: all 0.15s ease-in-out;
}
@media (max-width: 992px) {
.buttonStyle {
font-size: 17px;
padding: 12px 19px;
}
}
.buttonStyle:hover {
color: #FFF;
background-color: #00CD73;
}
.amarelo {
color: #80764F;
}
img {
max-width: 100%;
}
h1,
.h1 {
font-size: 80px;
line-height: 88px;
font-weight: 400;
}
@media (max-width: 1200px) {
h1,
.h1 {
font-size: 40px;
line-height: 48px;
letter-spacing: -0.02em;
}
}
h2,
.h2 {
font-size: 56px;
line-height: 64px;
font-weight: 400;
}
@media (max-width: 1200px) {
h2,
.h2 {
font-size: 40px;
line-height: 48px;
letter-spacing: -0.02em;
}
}
h4 {
font-size: 32px;
line-height: 40px;
color: #000F64;
font-weight: 400;
}
@media (max-width: 1200px) {
h4 {
font-size: 28px;
line-height: 40px;
}
}
h3 {
font-size: 44px;
line-height: 52px;
color: #000F64;
font-weight: 600;
}
@media (max-width: 1200px) {
h3 {
font-size: 32px;
line-height: 40px;
}
}
.overline {
font-size: 20px;
line-height: 28px;
color: #029673;
font-weight: 600;
}
.paragraph {
font-size: 20px;
line-height: 28px;
color: #000F64;
font-weight: 300;
}
@media (max-width: 1200px) {
.paragraph {
font-size: 16px;
line-height: 150%;
}
}
.bannerTop {
position: relative;
height: 467px;
display: flex;
align-items: end;
padding-bottom: 40px;
margin-bottom: 128px;
}
.bannerTop:after {
content: '';
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 33.33%, rgba(0, 0, 0, 0.48) 66.67%, rgba(0, 0, 0, 0.6) 100%), url(//sparkfood.com/wp-content/themes/task4it/.jpg);
position: absolute;
}
.bannerTop img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}
.bannerTop h1 {
position: relative;
z-index: 1;
color: white;
max-width: 700px;
}
.singlePost {
margin-bottom: 80px;
}
.singlePost h4 {
color: #00CD73;
}
.singlePost .wp-block-image img {
width: 100%;
display: block;
margin: 80px 0;
}
.singlePost .postDate {
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #9D9D95;
margin-top: 80px;
}
.setaSlider .slick-arrow {
height: 26px;
width: 16px;
background-image: url(//sparkfood.com/wp-content/themes/task4it/assets/images/arrow_slider.svg);
font-size: 0;
border: none;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: calc(50% - 13px);
transform: rotate(180deg);
z-index: 9;
}
.setaSlider .slick-arrow.slick-disabled {
opacity: 0.4;
}
.setaSlider .slick-arrow.slick-next {
left: auto;
right: 0;
transform: rotate(0);
}
.setaSlider--white .slick-arrow {
background-image: url(//sparkfood.com/wp-content/themes/task4it/assets/images/arrow_slider_white.svg);
}
@media (min-width: 993px) {
.langMenu .submenu {
padding-right: 0 !important;
}
}
.langMenu .wpml-ls-link {
padding: 0 !important;
}
@media (min-width: 993px) {
.langMenu .nav-drop-item {
margin: 0 !important;
}
}
@media (min-width: 993px) {
.langMenu .nav-drop-item li {
margin: 0 10px !important;
}
}
.wpml-ls-legacy-list-horizontal {
padding: 0;
border: none;
}
#inputFileNew {
border: none;
border-bottom: 1px solid #00CD73;
background-color: transparent;
width: 100%;
outline: none;
margin-bottom: 50px;
padding-bottom: 4px;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 1.5;
color: #029673;
margin-bottom: 3rem;
display: block;
position: relative;
}
#inputFileNew:after {
content: '';
display: block;
width: 46px;
height: 34px;
background-image: url(//sparkfood.com/wp-content/themes/task4it/assets/images/uploadButton.svg);
background-size: contain;
background-position: center;
position: absolute;
right: 0;
bottom: 2px;
}
input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.searchPage {
margin: 4rem 0;
}
.searchPage .noticia-item {
margin: 3rem 0;
}
.searchPage .noticia-item .botaonoticia {
color: #029673;
}
body.noScroll {
overflow: hidden;
}
.mobileImageee img {
width: 100%;
height: auto;
display: block;
}
.navbar {
position: sticky;
background: #FFF;
width: 100%;
top: 0;
left: 0;
z-index: 9;
height: 90px;
transition: all .3s ease-in-out;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
padding: 26px 0 16px 0;
}
@media (max-width: 992px) {
.navbar {
padding: 20px 0;
}
}
.navbar.scrolled {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
@media (min-width: 993px) {
.navbar {
display: flex;
}
}
.navbar .container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: none;
padding: 0 80px;
}
@media (max-width: 992px) {
.navbar .container {
padding: 0 20px;
}
}
.navbar .container .navbar__burger {
background: transparent;
border: none;
outline: none;
z-index: 3;
}
.navbar .container .navbar__burger span {
width: 2rem;
height: 2px;
background: #029673;
margin: 6px 0;
display: block;
}
.navbar .container .navbar__burger span:nth-of-type(3) {
width: 27px;
margin-left: 5px;
}
.navbar .container .navbar__burger--active span:nth-of-type(1) {
transform: rotate(45deg) translate3d(0, 1px, 0);
margin: 0;
}
.navbar .container .navbar__burger--active span:nth-of-type(2) {
display: none;
}
.navbar .container .navbar__burger--active span:nth-of-type(3) {
transform: rotate(-45deg) translate3d(0, -2px, 0);
margin: 0;
width: 2rem;
}
.navbar .container .navbar__menu {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.navbar .container .navbar__menu {
flex-direction: column;
gap: 1.5rem;
align-items: start;
padding: 0 20px;
}
}
.navbar .container .navbar__menu li {
list-style: none;
position: relative;
}
@media (max-width: 992px) {
.navbar .container .navbar__menu li.has-submenu:before {
content: '+';
}
.navbar .container .navbar__menu li.has-submenu:hover {
color: #00CD73;
}
.navbar .container .navbar__menu li.has-submenu:hover a {
color: #00CD73;
}
.navbar .container .navbar__menu li.has-submenu:hover li a:not(.navbar__link--current) {
color: #000F64;
}
.navbar .container .navbar__menu li.has-submenu:hover:before {
content: '-';
}
}
.navbar .container .navbar__menu li.searchBar_lang {
display: inline-flex;
align-items: center;
}
@media (max-width: 992px) {
.navbar .container .navbar__menu li.searchBar_lang {
order: 20;
z-index: 2;
}
}
@media (min-width: 993px) {
.navbar .container .navbar__menu li {
display: inline-block;
margin: 0 19px;
}
}
@media (max-width: 992px) {
.navbar .container .navbar__menu li {
margin: 0;
}
}
.navbar .container .navbar__menu li a {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #000F64;
text-decoration: none;
}
.navbar .container .navbar__menu li a.navbar__link--current {
font-weight: 600;
color: #00CD73;
}
.navbar .container .navbar__menu li .submenu {
padding-left: 15px;
padding-top: 25px;
}
@media (max-width: 992px) {
.navbar .container .navbar__menu li .submenu {
display: none;
margin-bottom: 0;
padding-left: 0;
padding-top: 0;
}
}
@media (min-width: 993px) {
.navbar .container .navbar__menu li .submenu {
position: absolute;
top: 100%;
left: -1rem;
width: auto;
padding: 14px;
padding-top: 25px;
opacity: 0;
visibility: hidden;
white-space: nowrap;
transition: all 0.25s ease-in-out;
}
}
.navbar .container .navbar__menu li .submenu ul {
background: #FFF;
border-top: 2px solid #000;
padding: 12px 0;
display: flex;
}
@media (max-width: 992px) {
.navbar .container .navbar__menu li .submenu ul {
border: none;
flex-direction: column;
}
}
.navbar .container .navbar__menu li .submenu ul li {
margin: 0 24px;
}
@media (max-width: 992px) {
.navbar .container .navbar__menu li .submenu ul li {
margin: 0;
}
}
.navbar .container .navbar__menu li .submenu ul li a {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #000F64;
}
.navbar .container .navbar__menu li .submenu li {
display: block;
}
.navbar .container .navbar__menu li .submenu a {
text-decoration: none;
}
.navbar .container .navbar__menu li:hover .submenu {
opacity: 1;
visibility: visible;
max-width: none;
}
@media (max-width: 992px) {
.navbar .container .navbar__menu li:hover .submenu {
display: block;
}
}
.navbar .langMenu {
margin-left: 0 !important;
color: #029673;
text-transform: uppercase;
cursor: pointer;
}
.navbar .navbar__logo {
z-index: 3;
}
.navbar .navbar__logo img {
width: 213px;
height: auto;
transition: all .15s ease-in-out;
display: block;
}
.navbar .navbar__nav {
z-index: 2;
padding: 0;
}
@media (min-width: 993px) {
.navbar .navbar__nav {
display: block !important;
}
}
@media (min-width: 992px) {
.navbar .navbar__burger {
display: none;
}
}
@media (min-width: 993px) {
.navbar--home:not(.scrolled) {
background-color: transparent;
box-shadow: none;
}
}
@media (min-width: 993px) {
.navbar--home:not(.scrolled) .navbar__logo img {
width: 378px;
margin-top: 55px;
}
}
.searchBar,
.searchBar_lang {
cursor: pointer;
}
.searchBar.hideDesktop {
position: absolute;
right: 70px;
bottom: 32px;
z-index: 3;
}
.searchFrame {
background-color: #80764f;
position: fixed;
top: 0;
z-index: 9;
width: 100%;
height: 100%;
left: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
background-image: url(https://sparkfood.com/wp-content/themes/task4it/assets/Porto_-_Igreja_da_Trindade2.jpg);
background-blend-mode: color-burn;
background-size: cover;
}
@media (max-width: 992px) {
.searchFrame {
background-image: url(https://sparkfood.com/wp-content/themes/task4it/assets/Porto_-_Igreja_da_Trindade22.jpg);
}
}
.searchFrame--active {
opacity: 1;
visibility: visible;
}
.searchFrame .search_P {
font-family: SangBleu Kingdom;
font-style: normal;
font-weight: normal;
font-size: 25vw;
line-height: 661px;
color: rgba(255, 255, 255, 0.15);
position: absolute;
top: 15%;
left: 55%;
}
@media (max-width: 992px) {
.searchFrame .search_P {
font-size: 100vw;
left: 0;
text-align: center;
right: 0;
top: 20%;
}
}
.closeSearch {
position: absolute;
top: 53px;
width: 28px;
height: 28px;
left: 0;
right: 0;
margin: 0 auto;
}
.searchCenter {
width: 80%;
max-width: 610px;
}
.searchCenter .searchh4 {
font-family: SangBleu Kingdom;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 35px;
color: #FFFFFF;
margin-bottom: 1rem;
}
.searchCenter form {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.searchCenter form input {
outline: none;
border: none;
height: 40px;
}
.searchCenter form input[type="text"] {
width: 100%;
background: #FFFFFF;
margin-bottom: 20px;
padding: 7px 19px;
}
.searchCenter form input[type="submit"] {
font-family: Basier Circle;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 18px;
color: #80764F;
padding: 11px 2rem;
background: #FFF;
border-radius: none;
border: none;
}
.searchCenter form ::placeholder,
.searchCenter form input[type="text"] {
font-family: Basier Circle;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 25px;
color: #000000;
}
.navbar--active .navbar__nav {
position: fixed;
height: 100vh;
top: 0;
left: 0;
background: white;
width: 100%;
padding: 133px 0;
overflow: auto;
z-index: -1;
}
.navbar--active:after {
content: '';
display: block;
position: absolute;
background-color: #FFF;
left: 0;
top: 0;
width: 100%;
height: 90px;
}
.navbar .hidden {
display: none;
}
.navbar__search-form {
position: absolute;
right: 140px;
border-top: 2px solid #000F64;
top: 91px;
max-width: 0;
overflow: hidden;
transition: all 0.5s ease-in-out;
}
@media (max-width: 992px) {
.navbar__search-form {
position: relative;
top: auto;
right: auto;
width: calc(100% - 40px);
margin-left: 20px;
margin-top: -34px;
border: none;
max-width: 1000px;
}
}
.navbar__search-form input {
padding: 12px 1rem;
}
@media (max-width: 992px) {
.navbar__search-form input {
padding-left: 40px;
}
}
.navbar__search-form input,
.navbar__search-form ::placeholder {
background: #FFFFFF;
color: rgba(0, 15, 100, 0.5);
padding-top: 12px;
padding-bottom: 12px;
border: none;
height: 48px;
outline: none;
text-align: right;
font-size: 16px;
line-height: 150%;
}
@media (max-width: 992px) {
.navbar__search-form input,
.navbar__search-form ::placeholder {
text-align: left;
}
}
.navbar__search-form.search-active {
max-width: 1000px;
}
.bloco8 {
position: relative;
background: #F0F0EB;
padding: 32px 0 48px 0;
}
@media (max-width: 1200px) {
.bloco8 {
padding: 0 0 1.5rem 0;
}
}
.bloco8 .arrowTop {
transform: translateX(-10px);
background: #F0F0EB;
cursor: pointer;
}
.bloco8 .left8 img {
margin-bottom: 100px;
}
@media (max-width: 1200px) {
.bloco8 .left8 img {
max-width: 75%;
margin-bottom: 2rem;
}
}
.bloco8 .footerImg {
position: absolute;
right: 0;
top: 0;
height: 78%;
width: auto;
pointer-events: none;
}
.bloco8 .footerImg.displayMobile {
display: none;
}
@media (max-width: 1200px) {
.bloco8 .footerImg {
height: auto;
width: 90%;
position: relative;
display: none;
margin-left: auto;
}
.bloco8 .footerImg.displayMobile {
display: block;
}
}
.bloco8 .right82 {
margin-top: 72px;
}
.bloco8 .paragraph-title {
font-size: 20px;
line-height: 28px;
color: #029673;
margin-bottom: 4px;
}
.bloco8 .paragraph-contact-text {
font-size: 20px;
line-height: 28px;
color: #000F64;
max-width: 193px;
}
.bloco8 .paragraph-contact-text a {
color: #000F64;
text-decoration: none;
}
@media (max-width: 1200px) {
.bloco8 .paragraph-contact-text {
max-width: 169px;
}
}
.bloco8 .termsrights {
font-size: 17px;
line-height: 28px;
color: #000F64;
}
.bloco8 .termsrights a {
text-decoration: none;
font-size: 17px;
line-height: 28px;
color: #000F64;
margin-left: 2rem;
}
@media (max-width: 1200px) {
.bloco8 .termsrights a {
margin-left: 0;
}
}
.bloco8 .termsrights a:first-child {
margin-right: 1.5rem;
}
.bloco8 .right83 {
display: flex;
align-items: end;
justify-content: end;
}
@media (max-width: 1200px) {
.bloco8 .right83 {
display: flex;
justify-content: start;
align-items: flex-start;
margin-top: -2rem;
}
.bloco8 .right83 .termsrights {
display: flex;
flex-direction: column;
}
.bloco8 .right83 a {
order: -1;
}
.bloco8 .right83 span {
order: 3;
margin-top: 1rem;
}
}
.bloco8 .logoMobile {
margin-top: 20px;
}
.bloco8 .logoMobile img {
width: 258px;
height: auto;
}
.row--Contact {
visibility: hidden;
}
@media (max-width: 992px) {
.row--Contact {
visibility: visible;
}
}
.sonaeFooter {
margin: 0 !important;
}
.logoMobile {
display: none !important;
}
@media (max-width: 992px) {
.logoMobile {
display: block !important;
}
}
@media (max-width: 768px) {
.bloco8 .left8 {
margin-top: -55px;
}
.bloco8 .container {
padding-right: 0 !important;
}
.contact2 {
margin-top: 20px;
}
.bloco8 .row {
width: calc(100% + 15px);
padding-right: 0 !important;
}
.bloco8 .paragraph-contact-text,
.bloco8 .termsrights a,
.bloco8 .termsrights span {
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.bloco8 .arrowTop {
float: right;
z-index: 2;
position: relative;
}
}
.bloco2 {
margin: 104px 0;
scroll-margin-top: 150px;
}
@media (max-width: 1200px) {
.bloco2 {
margin: 4rem 0 3rem 0;
text-align: center;
}
}
.bloco2 .container {
text-align: center;
max-width: 1098px;
}
.bloco2 .overline {
margin-bottom: 8px;
font-weight: 500;
}
.bloco2 h2 {
margin-bottom: 3rem;
margin-top: 0;
color: #00CD73;
}
@media (max-width: 1200px) {
.bloco2 h2 {
margin-bottom: 2rem;
}
}
.bloco2 .paragraph {
max-width: 762px;
margin: 0 auto;
}
@media (min-width: 993px) {
.bloco2 .paragraph.bloco2FontGrande {
font-size: 28px;
line-height: 36px;
}
}
.bloco3 {
position: relative;
overflow: hidden;
padding: 144px 0 0 0;
}
@media (max-width: 992px) {
.bloco3 {
padding: 3rem 0 0 0;
}
}
.bloco3 .container {
position: relative;
z-index: 1;
}
.bloco3 h2 {
margin-bottom: 86px;
color: #00CD73;
}
@media (max-width: 1200px) {
.bloco3 h2 {
margin-bottom: 0;
margin-top: 1rem;
}
}
.bloco3 .caixatexto3 {
max-width: 496px;
margin-bottom: 4rem;
}
@media (max-width: 1200px) {
.bloco3 .caixatexto3 {
margin-bottom: 2rem;
}
}
@media (max-width: 1200px) {
.bloco3 .left3 {
padding-left: 15px;
width: 100%;
flex: 0 0 100%;
max-width: 100%;
padding-bottom: 3rem;
}
}
.bloco3 .imgMobile {
display: none;
margin-left: auto;
margin-right: -28px;
margin-top: -30px;
}
@media (max-width: 1200px) {
.bloco3 .imgMobile {
display: block;
margin-right: -40px;
}
}
.bloco3 .imgDesktop {
position: absolute;
right: 0;
bottom: 0;
max-width: 40%;
}
@media (max-width: 1200px) {
.bloco3 .imgDesktop {
display: none;
}
}
.bloco3 .bgFundo {
position: relative;
padding: 64px 56px;
margin-bottom: 56px;
margin-top: 128px;
}
@media (max-width: 992px) {
.bloco3 .bgFundo {
padding: 56px 20px 256px 20px;
margin-bottom: 0;
margin-left: -20px;
margin-top: 0;
margin-right: -20px;
}
}
.bloco3 .bgFundo .overline,
.bloco3 .bgFundo h2,
.bloco3 .bgFundo .paragraph {
color: white;
}
.bloco3 .bgFundo h2 {
margin-bottom: 3rem;
max-width: 878px;
}
@media (max-width: 992px) {
.bloco3 .bgFundo h2 {
margin-bottom: 1rem;
}
}
.bloco3 .bgFundo .paragraph {
max-width: 527px;
}
.bloco3 .bgFundo a {
display: flex;
align-items: center;
gap: 0.5rem;
color: white;
text-decoration: none;
font-size: 28px;
line-height: 36px;
margin-top: 60px;
transition: all 0.15s ease-in-out;
}
.bloco3 .bgFundo a:hover {
gap: 1rem;
}
@media (max-width: 992px) {
.bloco3 .bgFundo a {
font-size: 20px;
line-height: 140%;
}
}
.bloco3 .bgFundo img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
top: 0;
z-index: -1;
}
.bloco4 {
padding: 104px 0;
text-align: center;
background: #66E1AB;
}
.bloco4 .overline {
color: #000F64;
margin-bottom: 1rem;
}
@media (max-width: 1200px) {
.bloco4 {
padding: 3rem 0;
}
}
.bloco4 .titleBloco {
padding: 0 1.5rem;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.bloco4 .container {
margin-top: 72px;
}
@media (max-width: 1200px) {
.bloco4 .container {
margin-top: 40px;
}
}
@media (max-width: 1200px) {
.bloco4 .col-12 {
margin-bottom: 20px;
}
}
.bloco4 .card {
border-radius: 24px;
position: relative;
overflow: hidden;
height: 514px;
transition: all .2s ease-in-out;
display: flex;
align-items: end;
text-align: left;
padding: 2rem;
text-decoration: none;
}
@media (max-width: 992px) {
.bloco4 .card {
height: 400px;
}
}
.bloco4 .card::after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
@media (max-width: 992px) {
.bloco4 .card::after {
background: rgba(0, 0, 0, 0.5);
}
}
.bloco4 .card img {
height: 100%;
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
left: 0;
top: 0;
}
.bloco4 .card .infocard {
position: relative;
z-index: 2;
}
.bloco4 .card h3 {
margin: 0;
color: #FFFFFF;
}
.bloco4 .card .excerpto {
max-height: 0;
color: #FFFFFF;
margin-top: 0.5rem;
overflow: hidden;
transition: all 0.55s ease;
}
@media (max-width: 992px) {
.bloco4 .card .excerpto {
max-height: 1000px;
}
}
.bloco4 .card .setaVerMais {
display: flex;
align-items: center;
gap: 0.5rem;
color: #FFFFFF;
margin-top: 12px;
transition: all 0.15s ease-in-out;
}
@media (max-width: 992px) {
.bloco4 .card .setaVerMais {
font-size: 20px;
line-height: 28px;
}
}
.bloco4 .card .setaVerMais:hover {
gap: 1rem;
}
.bloco4 .card:hover .excerpto {
max-height: 200px;
}
.bloco4 .card:hover::after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.7) 100%);
}
.bloco4 .imgDestaque {
display: block;
width: 100%;
}
@media (min-width: 1201px) {
.bloco4 .col-lg-4 {
padding: 0 10px;
}
}
.bloco4 .overline {
font-weight: 500;
}
@media (max-width: 992px) {
.bloco4 .sliderPlataforms {
margin: 0 -20px !important;
}
}
.bloco4 .slick-list {
padding: 0 10% 0 0 !important;
}
.bloco5 {
position: relative;
}
.bloco5--circle {
margin-top: 275px;
margin-bottom: 275px;
}
@media (max-width: 1200px) {
.bloco5--circle {
margin: 4rem 0;
}
}
.bloco5--circle img.imageBloco5 {
position: absolute;
top: -100vh !important;
width: 29.33%;
max-width: 542px;
bottom: -100vh !important;
margin: auto 0;
}
.bloco5--circle .right66 h2 {
color: #00CD73;
margin-bottom: 3rem;
}
.bloco5 img {
position: absolute;
left: 0;
top: 50px;
width: 33.33%;
max-width: 542px;
}
.bloco5 .container img {
position: relative;
top: auto;
width: auto;
max-width: 100%;
height: auto;
}
@media (max-width: 992px) {
.bloco5 .imageBloco5 {
display: none;
}
}
@media (max-width: 992px) {
.bloco5 h2 {
font-size: 28px;
line-height: 40px;
}
.bloco5 h2 br {
display: none;
}
}
.bloco5 .right5 {
margin-top: 136px;
}
@media (max-width: 1200px) {
.bloco5 .right5 {
margin-top: 4rem;
}
}
.bloco5 .overline {
margin-bottom: 8px;
}
.bloco5 h1 {
margin-bottom: 3rem;
}
@media (max-width: 1200px) {
.bloco5 h1 {
margin-bottom: 1rem;
}
}
.bloco5 .arrowSlide {
display: none;
}
@media (max-width: 1200px) {
.bloco5 .arrowSlide {
display: block;
}
}
.bloco5 .paragraph {
margin-bottom: 64px;
}
.bloco6 {
overflow: hidden;
margin-bottom: 100px;
}
.bloco6 .wrapLinkedin {
display: flex;
}
.bloco6 .infoLinkedin {
margin-top: 8px;
margin-right: 8px;
}
.bloco6 .infoLinkedin svg {
width: 34px;
fill: #0077b7;
height: auto;
display: block;
margin-left: auto;
margin-top: 6px;
}
.bloco6 .slick-arrow {
display: none !important;
}
.bloco6 .overline {
font-weight: 600;
}
.bloco6 .slick-list {
padding-right: 10% !important;
}
.bloco6 .relativeColuna {
padding-bottom: 92px;
}
@media (max-width: 992px) {
.bloco6 .relativeColuna {
padding-bottom: 0;
}
}
.bloco6 .relativeColuna .relativeColunaImgWrapper {
position: relative;
}
@media (max-width: 992px) {
.bloco6 .relativeColuna .relativeColunaImgWrapper {
padding-bottom: 107%;
}
}
.bloco6 .relativeColuna .relativeColunaImgWrapper img {
width: 100%;
display: block;
min-height: 440px;
object-fit: cover;
}
@media (max-width: 992px) {
.bloco6 .relativeColuna .relativeColunaImgWrapper img {
height: 100%;
min-height: auto;
position: absolute;
top: 0;
left: 0;
}
}
.bloco6 .infocard6 {
display: flex;
justify-content: space-between;
position: absolute;
bottom: 0;
width: calc(100% - 46px);
left: 23px;
padding-top: 2rem;
flex-wrap: wrap;
background: #FFF;
min-height: 135px;
}
@media (max-width: 1200px) {
.bloco6 .infocard6 {
position: relative;
bottom: auto;
width: 100%;
left: auto;
max-height: none;
display: block;
}
.bloco6 .infocard6 .infoleft6 {
padding-top: 10px;
}
}
.bloco6 .infocard6 .boderTop {
border-top: 1px solid #000F64;
width: calc(100% - 4px);
margin-left: 2px;
margin-top: -1rem;
}
.bloco6 .infoleft6 {
text-align: left;
max-width: calc(100% - 59px);
}
@media (max-width: 992px) {
.bloco6 .infoleft6 {
max-width: none;
}
}
.bloco6 .inforight6 {
border: 2px solid #000F64;
box-sizing: border-box;
border-radius: 50%;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
transition: all .2s ease-in-out;
transform: rotate(0);
cursor: pointer;
}
@media (max-width: 992px) {
.bloco6 .inforight6 {
border: none;
position: absolute;
right: 0;
top: -42px;
}
.bloco6 .inforight6 svg:nth-of-type(1) {
display: none;
}
}
.bloco6 .inforight6 path {
transition: all .2s ease-in-out;
}
@media (min-width: 993px) {
.bloco6 .inforight6--open {
transform: rotate(180deg);
}
}
@media (min-width: 993px) {
.bloco6 .inforight6:hover {
background-color: #000F64;
}
.bloco6 .inforight6:hover svg path {
stroke: #FFF;
}
}
.bloco6 .fixedColumn {
position: fixed;
left: 0;
top: 0;
padding: 20px;
display: none;
bottom: 0;
z-index: 10;
align-items: center;
pointer-events: none;
}
.bloco6 .fixedColumn .fixedColumnBG {
background: #FFF;
margin-left: -20px;
margin-right: -20px;
padding: 20px;
pointer-events: all;
}
@media (min-width: 993px) {
.bloco6 .fixedColumn {
display: none !important;
}
}
.bloco6 .fixedColumn .relativeColunaImgWrapper {
width: calc(50% - 7px);
position: relative;
}
.bloco6 .fixedColumn .minusTeam {
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
}
.bloco6 .fixedColumn .descricao {
max-height: 10000px;
}
.bloco6 .fixedColumn .boderTop {
display: none;
}
.bloco6 .fixedColumn .infocard6 {
padding-top: 0.5rem;
}
.bloco6 .overlayBlack {
display: none;
}
@media (max-width: 992px) {
.bloco6 .ativa .overlayBlack {
display: block;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
}
}
.bloco6 .ativa .fixedColumn {
display: flex;
z-index: 99;
}
.bloco6 .colunas {
margin-bottom: 32px;
padding: 24px;
}
.bloco6 .descricao {
max-height: 0;
left: 0;
bottom: 0;
overflow: hidden;
width: 100%;
color: #000F64;
margin-top: 1rem;
transition: all .4s ease;
}
@media (min-width: 993px) {
.bloco6 .descricao--open {
max-height: 1000px;
}
}
.paragraph2 {
color: #029673;
}
.plusTeam {
display: none;
position: absolute;
bottom: 0.5rem;
right: 0.5rem;
}
@media (max-width: 992px) {
.plusTeam {
display: block;
}
}
@media (max-width: 768px) {
.bloco6 .descricao {
font-size: 16px;
line-height: 22px;
}
.mobileEquipaSlider {
margin-left: 0;
}
.bloco6 .colunas {
padding-right: 15px !important;
padding-left: 0px !important;
margin-bottom: 0;
}
}
.bloco7 {
background: #F0F0EB;
padding-top: 136px;
}
@media (max-width: 1200px) {
.bloco7 {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.bloco7--contato {
background: white;
padding-bottom: 0;
}
@media (max-width: 992px) {
.bloco7--contato {
background: #F0F0EB;
}
}
.bloco7--contato .contactFooter {
background: #F0F0EB;
padding: 4rem 0;
}
@media (max-width: 992px) {
.bloco7--contato .contactFooter {
display: none;
}
}
.bloco7 .overline {
margin-bottom: 8px;
}
.bloco7 h2 {
color: #00CD73;
max-width: 590px;
}
.bloco7 .leftBloco7 {
padding-right: 6%;
}
.bloco7 h2 {
margin-bottom: 56px;
font-weight: 400;
}
@media (max-width: 1200px) {
.bloco7 h2 {
margin-bottom: 1rem;
}
}
.bloco7 p {
margin: 0;
}
.bloco7 form {
margin-top: 112px;
}
@media (max-width: 1200px) {
.bloco7 form {
margin-top: 5rem;
}
}
.bloco7 input,
.bloco7 textarea,
.bloco7 ::placeholder,
.bloco7 select {
font-family: PolySans Trial;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 1.5;
color: #029673;
}
@media (min-width: 1201px) {
.bloco7 input,
.bloco7 textarea,
.bloco7 ::placeholder,
.bloco7 select {
font-size: 20px;
line-height: 28px;
}
}
.bloco7 input,
.bloco7 textarea,
.bloco7 select {
border: none;
border-bottom: 1px solid #00CD73;
background-color: transparent;
width: 100%;
outline: none;
margin-bottom: 50px;
padding-bottom: 4px;
}
.bloco7 textarea {
height: 199px;
margin-bottom: 44px;
height: 202px;
}
.bloco7 .rightForm {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.bloco7 .formWrapperSend {
display: flex;
width: 100%;
justify-content: space-between;
}
@media (max-width: 1200px) {
.bloco7 .formWrapperSend {
display: block;
}
}
.bloco7 .formWrapperSend input {
font-family: PolySans Trial;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #029673;
border: 1px solid #00CD73;
box-sizing: border-box;
border-radius: 40px;
padding: 10px 20px;
transition: all .2s ease-in-out;
cursor: pointer;
}
@media (max-width: 1200px) {
.bloco7 .formWrapperSend input {
margin: 0;
}
}
.bloco7 .formWrapperSend input:hover {
background: #00CD73;
color: #FFF;
}
.bloco7 .formWrapperSend .right {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #000F64;
}
@media (min-width: 992px) {
.bloco7 .formWrapperSend .right {
padding-left: 1.5rem;
}
}
.bloco7 .formWrapperSend .right a {
color: #00CD73;
text-decoration: none;
}
.bloco7 .wpcf7-acceptance {
margin: 0 0 16px 0;
display: block;
}
.bloco7 .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.bloco7 .wpcf7-acceptance label {
display: flex;
color: #000F64;
align-items: center;
font-size: 14px;
}
.bloco7 .wpcf7-acceptance label input {
width: auto;
margin: 0 10px 0 0;
opacity: 0;
position: absolute;
}
.bloco7 .wpcf7-acceptance label span:before {
content: '';
width: 15px;
height: 15px;
display: inline-block;
border: 1px solid #00CD73;
margin-right: 10px;
}
.bloco7 .wpcf7-acceptance label input:checked + span:before {
background: #00CD73;
}
.bloco7 .wpcf7-acceptance label a {
color: #00CD73;
text-decoration: none;
}
.bloco7 .contactFooter h3 {
color: #00CD73;
margin-bottom: 40px;
}
.bloco7 .contactFooter .left a {
color: #000F64;
text-decoration: none;
}
.bloco7 .contactFooter .right a {
color: #029673;
text-decoration: none;
display: flex;
gap: 8px;
align-items: center;
margin-top: 40px;
}
.legalModal {
position: fixed;
height: 100vh;
left: 0;
width: 100%;
top: 0;
background: #F0F0EB;
z-index: 20;
padding-top: 55px;
opacity: 0;
pointer-events: none;
font-size: 20px;
line-height: 28px;
color: #000F64;
}
.legalModal ol {
padding-left: 20px;
}
@media (max-width: 1200px) {
.legalModal {
padding-top: 25px;
}
}
.legalModal strong {
font-weight: 600;
}
.legalModal--active {
opacity: 1;
pointer-events: all;
overflow: auto;
}
.legalModal .logoLegal {
width: 285px;
height: auto;
}
.legalModal .legalFlex {
display: flex;
justify-content: space-between;
margin-bottom: 116px;
}
.legalModal .closeLegal {
cursor: pointer;
}
@media (max-width: 992px) {
.legalModal .closeLegal {
position: absolute;
top: 100px;
width: 45px;
}
}
.legalModal .titleCookie {
display: flex;
}
.legalModal .titleCookie h2 {
font-size: 44px;
line-height: 52px;
color: #C3C3BB;
cursor: pointer;
}
.legalModal .titleCookie svg {
margin-top: 20px;
margin-left: 20px;
}
@media (max-width: 992px) {
.legalModal .titleCookie svg {
display: none;
}
}
.legalModal .titleCookie--active h2 {
color: #00CD73;
}
.banner-slider {
position: relative;
height: 100vh;
min-height: 500px;
margin-top: -90px;
}
.banner-slider h2 {
color: #FFF;
max-width: 1211px;
margin: 0;
}
@media (max-width: 992px) {
.banner-slider h2 {
line-height: 1.1;
}
.banner-slider h2 br {
display: none;
}
}
.banner-slider__subtitle {
margin-top: 1rem;
color: white;
}
.banner-slider .sliderBanner,
.banner-slider .slick-track,
.banner-slider .slick-list,
.banner-slider .slideImg {
height: 100%;
}
.banner-slider .slideImg {
position: relative;
display: flex;
align-items: end;
padding-bottom: 140px;
}
.banner-slider .slideImg a {
text-decoration: none;
}
@media (max-width: 992px) {
.banner-slider .slideImg {
padding-bottom: 132px;
}
}
.banner-slider .slideImg::after {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 38.02%), linear-gradient(180deg, rgba(0, 0, 0, 0) 40.12%, rgba(0, 0, 0, 0.4) 63.84%), url(//sparkfood.com/wp-content/themes/task4it/smalleee.png);
background-blend-mode: screen, normal, normal;
content: '';
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.banner-slider .container {
position: relative;
z-index: 2;
max-width: none;
}
@media (min-width: 993px) {
.banner-slider .container {
padding: 0 56px;
}
}
.banner-slider img,
.banner-slider iframe,
.banner-slider video {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
top: 0;
left: 0;
}
.banner-slider .slick-dots {
position: absolute;
left: 20px;
bottom: 92px;
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 0.5rem;
}
@media (min-width: 993px) {
.banner-slider .slick-dots {
left: 56px;
bottom: 62px;
}
}
.banner-slider .slick-dots button {
border: 2px solid #FFFFFF;
padding: 0;
width: 1rem;
height: 1rem;
border-radius: 50%;
font-size: 0;
background-color: transparent;
position: relative;
outline: none;
cursor: pointer;
}
.banner-slider .slick-dots button:after {
content: '';
display: block;
position: absolute;
left: -99px;
right: -99px;
top: -99px;
bottom: -99px;
margin: auto;
width: 8px;
background-color: #FFFFFF;
border-radius: 50%;
opacity: 0;
transition: all .15s ease-in-out;
height: 8px;
}
.banner-slider .slick-dots .slick-active button:after {
opacity: 1;
}
.banner-slider .arrowBanner {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
animation-duration: 2s;
animation-iteration-count: infinite;
transform-origin: bottom;
animation-name: bounce-2;
animation-timing-function: ease;
}
@keyframes bounce-2 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
}
.ourgrowth {
margin: 104px 0;
}
@media (max-width: 992px) {
.ourgrowth {
margin: 4rem 0 0 0;
}
}
.ourgrowth .container {
background: #F0F0EB;
padding: 80px 50px;
}
@media (max-width: 992px) {
.ourgrowth .container {
padding: 4rem 20px;
}
}
.ourgrowth .title_section {
text-align: center;
}
@media (min-width: 903px) {
.ourgrowth .title_section {
padding-left: 144px;
padding-right: 144px;
}
}
.ourgrowth .title_section .overline {
margin-bottom: 16px;
color: #029673;
}
.ourgrowth .title_section h3 {
margin: 0 auto;
color: #00CD73;
}
.ourgrowth .box_posts {
margin-top: 64px;
}
@media (min-width: 993px) {
.ourgrowth .box_posts {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 27px;
}
}
@media (max-width: 992px) {
.ourgrowth .box_posts .post {
padding: 0 2.5rem;
}
}
.ourgrowth .box_posts .post h4 {
text-align: center;
margin-bottom: 8px;
}
@media (min-width: 993px) {
.ourgrowth .box_posts .post h4 {
min-height: 80px;
}
}
.ourgrowth .box_posts .post .smallparagraph {
text-align: center;
}
.ourparent {
margin: 112px 0;
}
@media (max-width: 992px) {
.ourparent {
margin: 2rem 0;
}
}
@media (min-width: 1201px) {
.ourparent .box_main {
display: flex;
gap: 90px;
justify-content: center;
margin-bottom: 48px;
}
}
.ourparent .box_main .box_imageplusnumber h5 {
display: flex;
justify-content: center;
margin-top: 16px;
}
.ourparent .box_main .box_imageplusnumber .elementos {
position: relative;
}
.ourparent .box_main .box_imageplusnumber .elementos h5 {
position: absolute;
right: -100px;
bottom: -100px;
top: -100px;
left: -100px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1200px) {
.ourparent .box_main .box_imageplusnumber .elementos img {
width: 75%;
display: block;
margin: 0 auto;
max-width: 300px;
}
}
.ourparent .smallparagraph {
text-align: center;
}
@media (max-width: 1200px) {
.ourparent .smallparagraph {
margin-top: 2rem;
}
}
.ourparent .smallparagraph a {
color: #00CD73;
text-decoration: none;
}
.jean_ceo {
margin: 112px 0;
}
@media (max-width: 1200px) {
.jean_ceo {
margin: 250px 0 4rem 0;
background: #66E1AB;
}
}
.jean_ceo .bg {
background: #66E1AB;
padding-top: 71px;
padding-bottom: 71px;
}
@media (max-width: 1200px) {
.jean_ceo .bg {
padding-top: 0;
padding-bottom: 4rem;
background: transparent;
}
}
.jean_ceo .box_main {
display: flex;
gap: 24px;
}
@media (max-width: 1200px) {
.jean_ceo .box_main {
flex-direction: column;
gap: 0;
}
}
.jean_ceo .box_main .left {
position: relative;
padding-top: 56px;
padding-left: 174px;
}
@media (max-width: 1200px) {
.jean_ceo .box_main .left {
padding-left: 26px;
padding-right: 20px;
}
}
.jean_ceo .box_main .left p {
margin-bottom: 24px;
z-index: 1;
position: relative;
}
.jean_ceo .box_main .left img {
position: absolute;
left: 70px;
top: 35px;
}
@media (max-width: 1200px) {
.jean_ceo .box_main .left img {
left: 0;
}
}
.jean_ceo .box_main .left .quotename {
color: #FFFFFF;
}
.jean_ceo .box_main .right {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 45px;
padding-right: 100px;
flex-shrink: 0;
display: flex;
align-items: center;
}
@media (max-width: 1200px) {
.jean_ceo .box_main .right {
padding: 0;
order: -1;
justify-content: center;
margin-top: -156px;
}
.jean_ceo .box_main .right img {
width: 303px;
height: 303px;
}
}
.values {
position: relative;
margin-top: 112px;
margin-bottom: 64px;
}
@media (max-width: 992px) {
.values {
margin: 0;
}
}
@media (max-width: 1200px) {
.values .container {
padding: 0;
}
}
.values .values-wrapper {
position: relative;
}
.values .background {
position: absolute;
width: 100%;
height: 100%;
}
.values .background::after {
content: '';
display: block;
width: 100%;
background-color: #000;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.values .background img {
height: 100%;
width: 100%;
object-fit: cover;
}
.values .box_main {
position: relative;
z-index: 1;
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 992px) {
.values .box_main {
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
}
.values .box_main h4,
.values .box_main .overline {
color: white;
}
@media (max-width: 992px) {
.values .box_main h4 {
margin-bottom: 1rem;
}
}
.values .box_main .title_section {
text-align: center;
color: #FFFFFF;
}
.values .box_main .title_section h3 {
margin-top: 16px;
color: #65E695;
}
@media (max-width: 992px) {
.values .box_main .title_section h3 {
font-size: 28px;
line-height: 1.2;
}
}
.values .box_main h3 br {
display: none;
}
.values .box_main .box_text01 {
margin-top: 64px;
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 4rem;
column-gap: 98px;
}
@media (max-width: 992px) {
.values .box_main .box_text01 {
padding: 0 30px;
margin-top: 2rem;
}
}
.values .box_main .box_text01 .box_values {
width: calc(33.33% - 98px);
text-align: center;
color: white;
}
.whoiswithus {
padding-top: 128px;
padding-bottom: 112px;
}
@media (max-width: 992px) {
.whoiswithus {
padding-top: 110px;
}
}
.whoiswithus .title_section {
text-align: center;
margin-bottom: 64px;
}
.whoiswithus .title_section h3 {
color: #00CD73;
}
.whoiswithus .box_main {
display: flex;
gap: 16px;
justify-content: center;
margin-bottom: 64px;
}
@media (max-width: 992px) {
.whoiswithus .box_main {
margin-bottom: 3rem;
}
}
.whoiswithus .box_main .box_imageplusnumber img {
height: auto;
}
@media (max-width: 992px) {
.whoiswithus .box_main .box_imageplusnumber img {
margin: 0 auto;
max-width: 100%;
pointer-events: none;
}
}
.whoiswithus .box_main .box_imageplusnumber .elementos {
display: block;
position: relative;
margin: 0 auto;
max-width: 80%;
}
.whoiswithus .box_main .box_imageplusnumber .elementos .logos {
position: absolute;
right: -100px;
bottom: -100px;
top: -100px;
left: -100px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
z-index: -1;
filter: grayscale(1);
transition: all 0.2s ease-in-out;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 40px;
text-align: center;
color: #000F64;
}
@media (max-width: 992px) {
.whoiswithus .box_main .box_imageplusnumber .elementos .logos {
width: 60%;
font-size: 24px;
line-height: 30px;
}
.whoiswithus .box_main .box_imageplusnumber .elementos .logos img {
height: auto;
}
}
.whoiswithus .box_main .box_imageplusnumber .elementos:hover .logos {
filter: grayscale(0);
}
.ourinvestment {
margin-top: 112px;
margin-bottom: 112px;
}
@media (max-width: 992px) {
.ourinvestment {
margin: 4rem 0;
}
}
.ourinvestment .inputForm {
display: none;
}
.ourinvestment .title_section_investment {
margin: 0 auto;
max-width: 762px;
text-align: center;
}
.ourinvestment .title_section_investment h3 {
color: #000F64;
}
.ourinvestment .title_section_investment .info_grid {
margin-top: 1rem;
}
@media (max-width: 992px) {
.ourinvestment .title_section_investment .info_grid br {
display: none;
}
}
.ourinvestment .filtro_grid {
display: flex;
gap: 20px;
justify-content: center;
margin-top: 64px;
margin-bottom: 32px;
flex-wrap: wrap;
}
@media (max-width: 992px) {
.ourinvestment .filtro_grid {
justify-content: start;
flex-wrap: nowrap;
margin: 0;
overflow-x: scroll;
margin-right: -20px;
padding-right: 20px;
}
}
.ourinvestment .filtro_grid input + label {
padding: 12px 24px;
border: 1px solid #00CD73;
border-radius: 40px;
text-decoration: none;
color: #029673;
cursor: pointer;
display: block;
}
.ourinvestment .filtro_grid input:checked + label {
background: #00CD73;
border: 1px solid #00CD73;
color: #FFFFFF;
}
.ourinvestment .filtro_grid .button_filtro--active {
background: #00CD73;
border: 1px solid #00CD73;
color: #FFFFFF;
}
.ourinvestment .box_grid {
display: grid;
column-gap: 24px;
row-gap: 32px;
grid-template-columns: repeat(4, 1fr);
width: 100%;
max-width: 1040px;
margin: 0 auto;
}
@media (max-width: 992px) {
.ourinvestment .box_grid {
grid-template-columns: repeat(3, 1fr);
column-gap: 8px;
}
}
.ourinvestment .box_grid .box_imageplusdescription .elementos {
text-align: center;
}
.ourinvestment .box_grid .box_imageplusdescription .elementos img {
width: 100%;
height: 194px;
object-fit: cover;
display: block;
}
@media (max-width: 992px) {
.ourinvestment .box_grid .box_imageplusdescription .elementos img {
height: 140px;
}
}
@media (max-width: 600px) {
.ourinvestment .box_grid .box_imageplusdescription .elementos img {
height: 80px;
}
}
.ourinvestment .box_grid .box_imageplusdescription .elementos p {
margin-top: 16px;
color: #333333;
}
@media (max-width: 992px) {
.ourinvestment .box_grid .box_imageplusdescription .elementos p {
font-size: 14px;
}
}
@media (max-width: 992px) {
.ourinvestment .filtroLi {
display: none;
flex-shrink: 0;
}
}
@media (max-width: 992px) {
.ourinvestment #filter.visivel .filtroLi {
display: block;
}
}
@media (max-width: 992px) {
.ourinvestment .ourinvestmentWrapperMobile {
display: flex;
gap: 20px;
margin: 2rem 0;
}
}
.ourinvestment__filtroMobileButton {
display: none;
border: 1px solid #00CD73;
border-radius: 50%;
width: 42px;
height: 42px;
align-items: center;
justify-content: center;
transition: all .15s ease-in-out;
flex-shrink: 0;
margin-top: 4px;
}
.ourinvestment__filtroMobileButton:hover {
background: #029673;
border-color: #029673;
}
.ourinvestment__filtroMobileButton:hover svg path {
fill: white;
}
@media (max-width: 992px) {
.ourinvestment__filtroMobileButton {
display: flex;
}
}
.ourfocus {
margin-top: 4rem;
margin-bottom: 112px;
}
@media (max-width: 992px) {
.ourfocus {
margin-bottom: 4rem;
}
}
@media (max-width: 992px) {
.ourfocus .container {
padding: 0;
}
}
.ourfocus .box_ourfocus {
align-items: center;
display: flex;
gap: 110px;
justify-content: center;
}
@media (max-width: 992px) {
.ourfocus .box_ourfocus {
gap: 4rem;
margin: 0;
}
}
@media (max-width: 992px) {
.ourfocus .box_ourfocus .image_ourfocus {
order: -1;
padding: 0;
}
}
.ourfocus .box_ourfocus .image_ourfocus img {
height: auto;
display: block;
}
@media (max-width: 992px) {
.ourfocus .box_ourfocus .title_section_ourfocus {
padding: 0 20px;
}
}
.ourfocus .box_ourfocus .title_section_ourfocus .overline {
color: #029673;
}
.ourfocus .box_ourfocus .title_section_ourfocus h2 {
color: #000F64;
margin-top: 8px;
margin-bottom: 48px;
}
.ourfocus .box_ourfocus .title_section_ourfocus p {
color: #000F64;
max-width: 426px;
}
.ourfocus--reversed .image_ourfocus {
order: -1;
}
.whoiswithus_portfolio_wrapper {
margin: 112px 0;
}
@media (max-width: 992px) {
.whoiswithus_portfolio_wrapper {
margin-bottom: 3rem;
margin-top: 3rem;
padding: 0 20px;
}
}
.whoiswithus_portfolio_wrapper h2 {
text-align: center;
}
.whoiswithus_portfolio {
margin: 80px 0;
scroll-margin-top: 130px;
}
@media (max-width: 992px) {
.whoiswithus_portfolio {
margin-bottom: 0;
margin-top: 3rem;
}
}
.whoiswithus_portfolio .box_whoiswithus_portfolio {
align-items: center;
display: flex;
gap: 110px;
justify-content: center;
}
@media (max-width: 992px) {
.whoiswithus_portfolio .box_whoiswithus_portfolio {
flex-direction: column;
gap: 23px;
padding: 0;
}
}
.whoiswithus_portfolio .box_whoiswithus_portfolio .title_section_whoiswithus_portfolio {
max-width: 541px;
}
.whoiswithus_portfolio .box_whoiswithus_portfolio .title_section_whoiswithus_portfolio .overline {
color: #029673;
}
.whoiswithus_portfolio .box_whoiswithus_portfolio .title_section_whoiswithus_portfolio h3 {
color: #000F64;
margin-top: 20px;
margin-bottom: 32px;
}
@media (max-width: 992px) {
.whoiswithus_portfolio .box_whoiswithus_portfolio .title_section_whoiswithus_portfolio h3 {
margin-top: 12px;
margin-bottom: 23px;
}
}
.whoiswithus_portfolio .box_whoiswithus_portfolio .title_section_whoiswithus_portfolio p {
color: #000F64;
}
.whoiswithus_portfolio .box_whoiswithus_portfolio .image_whoiswithus_portfolio {
position: relative;
}
@media (max-width: 992px) {
.whoiswithus_portfolio .box_whoiswithus_portfolio .image_whoiswithus_portfolio {
order: -2;
width: 80%;
}
}
@media (max-width: 992px) {
.whoiswithus_portfolio .box_whoiswithus_portfolio .image_whoiswithus_portfolio img {
height: auto;
}
}
.whoiswithus_portfolio .box_whoiswithus_portfolio .image_whoiswithus_portfolio .logos {
position: absolute;
right: -100px;
bottom: -100px;
top: -100px;
left: -100px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
z-index: -1;
filter: grayscale(1);
transition: all 0.2s ease-in-out;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 40px;
text-align: center;
color: #000F64;
}
@media (max-width: 992px) {
.whoiswithus_portfolio .box_whoiswithus_portfolio .image_whoiswithus_portfolio .logos {
width: 60%;
}
.whoiswithus_portfolio .box_whoiswithus_portfolio .image_whoiswithus_portfolio .logos img {
height: auto;
}
}
.whoiswithus_portfolio .box_whoiswithus_portfolio .image_whoiswithus_portfolio:hover .logos {
filter: grayscale(0);
}
.whoiswithus_portfolio--reversed .title_section_whoiswithus_portfolio {
order: -1;
}
.header-team {
margin-bottom: 156px;
}
@media (max-width: 992px) {
.header-team {
margin-bottom: 4rem;
}
}
.header-team__top {
position: relative;
}
.header-team__imgWrapper img {
position: absolute;
width: 80%;
height: auto;
top: 0;
height: 169%;
object-fit: cover;
border-radius: 50%;
margin-top: -36%;
z-index: -1;
margin-left: 10%;
}
.header-team__title {
color: #00CD73;
margin-top: 40px;
text-align: center;
}
.bloco_header_about .mejs-controls {
display: none !important;
}
.bloco_header_about .mejs-container {
background: transparent !important;
}
.bloco_header_about h2 {
color: #00CD73;
}
.bloco_header_about__wrapper {
position: relative;
}
.bloco_header_about__wrapper iframe, .bloco_header_about__wrapper video, .bloco_header_about__wrapper .mejs-video {
position: absolute;
width: 100%;
height: 100%;
padding: 90px;
border-radius: 50%;
overflow: hidden;
left: 0;
z-index: -1;
top: 55px;
}
@media (max-width: 992px) {
.bloco_header_about__wrapper iframe, .bloco_header_about__wrapper video, .bloco_header_about__wrapper .mejs-video {
height: 100%;
top: 15px;
padding: 2rem;
}
}
.bloco_header_about .rightSide {
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
@media (max-width: 992px) {
.bloco_header_about .rightSide {
order: -1;
text-align: center;
margin-top: 2rem;
padding: 0 20px;
}
}
.banner_alternatives {
position: relative;
min-height: calc(100vh - 90px);
display: flex;
align-items: center;
text-align: center;
}
@media (max-width: 992px) {
.banner_alternatives {
min-height: 500px;
}
}
@media (max-width: 500px) {
.banner_alternatives {
min-height: 270px;
}
}
.banner_alternatives:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.3;
display: block;
pointer-events: none;
}
.banner_alternatives img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
top: 0;
}
.banner_alternatives .box_banner {
position: relative;
z-index: 1;
}
.banner_alternatives .box_banner h1 {
color: white;
}
.joinus {
margin: 4rem 0;
}
@media (max-width: 992px) {
.joinus {
margin-bottom: 0;
}
}
.joinus .box_joinus {
align-items: center;
justify-content: center;
background: #000F64;
padding-top: 64px;
padding-bottom: 64px;
}
@media (max-width: 992px) {
.joinus .box_joinus {
padding-bottom: 2rem;
}
}
.joinus .box_joinus img {
height: auto;
}
.joinus .box_joinus .title_section_joinus {
max-width: 442px;
}
.joinus .box_joinus .title_section_joinus .overline {
color: #029673;
}
.joinus .box_joinus .title_section_joinus h2 {
color: #00CD73;
margin-top: 8px;
margin-bottom: 48px;
}
@media (max-width: 992px) {
.joinus .box_joinus .title_section_joinus h2 {
margin-top: 0;
margin-bottom: 1.5rem;
}
}
.joinus .box_joinus .title_section_joinus p {
color: #F0F0EB;
}
.joinus .box_joinus .title_section_joinus p a {
color: #F0F0EB;
text-decoration: none;
}
.joinus .box_joinus .title_section_joinus .link_join {
align-items: center;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #00CD73;
text-decoration: none;
margin-top: 56px;
display: flex;
}
@media (max-width: 992px) {
.joinus .box_joinus .title_section_joinus .link_join {
margin-bottom: 44px;
}
}
.joinus .box_joinus .title_section_joinus .link_join img {
margin-left: 8px;
transition: all 0.15s ease-in-out;
}
.joinus .box_joinus .title_section_joinus .link_join:hover img {
margin-left: 1rem;
}
.joinus--reversed .image_ourfocus {
order: -1;
}
.banner_portfolio {
position: relative;
min-height: calc(100vh - 90px);
display: flex;
padding-bottom: 104px;
align-items: end;
}
@media (max-width: 992px) {
.banner_portfolio {
min-height: 270px;
display: block;
padding-bottom: 0;
margin-bottom: 8rem;
}
}
.banner_portfolio .elementos {
padding: 4rem 0;
}
@media (max-width: 992px) {
.banner_portfolio .elementos {
text-align: center;
padding-bottom: 0;
}
}
.banner_portfolio img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: calc(50% - 3rem);
object-fit: cover;
display: block;
}
@media (max-width: 992px) {
.banner_portfolio img {
position: relative;
width: 100%;
height: auto;
}
}
.banner_portfolio h1 {
color: #00CD73;
margin-bottom: 2rem;
}
@media (max-width: 992px) {
.banner_portfolio h1 {
margin-top: 1rem;
}
}
.banner_portfolio .paragraph {
max-width: 586px;
}
.news-intro {
margin: 100px 0;
grid-column: 2 / 6;
}
@media (max-width: 1200px) {
.news-intro {
margin: 4rem 0;
}
}
.news-intro__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-bottom: 40px;
}
@media (max-width: 1200px) {
.news-intro__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 701px) {
.news-intro__grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
}
.news-intro__item {
grid-column: 2 / 6;
background: #F0F0EB;
border-radius: 20px;
padding: 20px;
font-weight: 400;
font-size: 16px;
line-height: 150%;
position: relative;
}
@media (max-width: 1200px) {
.news-intro__item {
grid-column: auto;
}
}
@media (min-width: 1201px) {
.news-intro__item:nth-of-type(4n + 1) {
grid-column: 1;
grid-row: 1 / 3;
}
.news-intro__item:nth-of-type(2) {
grid-column: 2 / 4;
}
.news-intro__item:nth-of-type(4) {
grid-column: 4 / 4;
grid-row: 1 / 3;
}
.news-intro__item:nth-of-type(3) {
grid-column: 2 / 4;
grid-row: 2 / 2;
}
.news-intro__item:nth-of-type(2), .news-intro__item:nth-of-type(3) {
display: flex;
gap: 20px;
}
.news-intro__item:nth-of-type(2) .img img, .news-intro__item:nth-of-type(3) .img img {
width: calc(50% - 30px);
flex-shrink: 0;
position: absolute;
left: 20px;
top: 20px;
bottom: 20px;
object-fit: cover;
height: calc(100% - 40px);
}
.news-intro__item:nth-of-type(2) .news-intro__content, .news-intro__item:nth-of-type(3) .news-intro__content {
width: calc(50% - 10px);
margin-left: auto;
}
}
.news-intro img {
width: 100%;
height: auto;
display: block;
margin-bottom: 20px;
}
@media (max-width: 1200px) {
.news-intro img {
height: 310px;
object-fit: cover;
}
}
@media (max-width: 500px) {
.news-intro img {
height: 210px;
object-fit: cover;
}
}
.news-intro__bottom {
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #029673;
display: flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
margin-top: 2rem;
transition: all .15s ease-in-out;
}
.news-intro__bottom:hover {
gap: 1rem;
}
.press-intro {
background: #FFC33F;
padding: 4rem 0 3rem 0;
}
@media (min-width: 1201px) {
.press-intro {
padding: 80px 0;
}
}
.press-intro h2 {
text-align: center;
}
.press-intro__grid {
display: grid;
gap: 24px;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
@media (min-width: 1201px) {
.press-intro__grid {
grid-template-columns: repeat(12, 1fr);
}
}
.press-intro__item {
font-weight: 400;
font-size: 16px;
line-height: 150%;
position: relative;
height: 200px;
}
@media (min-width: 1201px) {
.press-intro__item {
grid-column: 2 / 12;
height: 258px;
}
}
.press-intro__item::after {
content: '';
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%), url(//sparkfood.com/wp-content/themes/task4it/.jpg);
}
@media (min-width: 1201px) {
.press-intro__item::after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 100%), url(//sparkfood.com/wp-content/themes/task4it/.jpg);
}
}
@media (min-width: 1201px) {
.press-intro__item:nth-of-type(1) {
grid-column: 1 / 6;
grid-row: 1 / span 2;
height: 539px;
}
.press-intro__item:nth-of-type(2) {
grid-column: 6 / 10;
}
.press-intro__item:nth-of-type(4) {
grid-column: 10 / 13;
grid-row: 1 / span 2;
height: 539px;
}
.press-intro__item:nth-of-type(3) {
grid-column: 6 / 10;
grid-row: 2 / 2;
}
}
.press-intro img {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
}
.press-intro__content {
position: relative;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: end;
height: 100%;
z-index: 1;
}
.press-intro__content h5 {
color: white;
margin-bottom: 20px;
}
.press-intro__bottom {
font-size: 20px;
line-height: 150%;
text-decoration: none;
color: #FFFFFF;
display: flex;
gap: 0.5rem;
align-items: center;
height: 100%;
}
.press-intro__bottom2 {
color: #FFFFFF;
display: flex;
gap: 0.5rem;
align-items: center;
transition: all .15s ease-in-out;
}
.press-intro__bottom2:hover {
gap: 1rem;
}
.newspage {
position: relative;
overflow: hidden;
height: calc(100vh - 90px);
display: flex;
align-items: center;
}
@media (max-width: 1200px) {
.newspage {
height: auto;
flex-direction: column;
}
}
.newspage .box_newspage .title_section_newspage {
max-width: 533px;
position: relative;
padding-top: 222px;
}
@media (max-width: 1200px) {
.newspage .box_newspage .title_section_newspage {
padding-top: 3rem;
padding-left: 20px;
}
}
.newspage .box_newspage .title_section_newspage .image_quote img {
position: absolute;
left: -110px;
z-index: -1;
}
@media (max-width: 1200px) {
.newspage .box_newspage .title_section_newspage .image_quote img {
left: 0;
top: 0;
}
}
.newspage .box_newspage .title_section_newspage .bigparagraph {
color: #000000;
font-size: 40px;
line-height: 120%;
}
@media (max-width: 1200px) {
.newspage .box_newspage .title_section_newspage .bigparagraph {
font-size: 20px;
}
}
.newspage .box_newspage .title_section_newspage p {
margin-top: 24px;
color: #000000;
}
.newspage .box_newspage .title_section_newspage .link_newspage {
margin-top: 36px;
align-items: center;
color: #029673;
align-items: center;
font-weight: 400;
font-size: 20px;
line-height: 150%;
display: flex;
gap: 0.5rem;
transition: all .15s ease-in-out;
text-decoration: none;
}
.newspage .box_newspage .title_section_newspage .link_newspage:hover {
gap: 1rem;
}
.newspage .image_newspage {
position: absolute;
right: -10%;
top: 0;
height: 100vh;
width: 60%;
display: flex;
align-items: center;
}
@media (max-width: 1200px) {
.newspage .image_newspage {
height: auto;
width: calc(110% - 20px);
margin-left: auto;
display: block;
position: relative;
order: -1;
}
}
.newspage .image_newspage img {
max-width: 100%;
height: auto;
}