@charset "UTF-8";
:root {
--blue: #4bc6cc;
--yellow: #f3ea22;
--grey: #ededed;
--dark-blue: #328298;
} @font-face {
font-family: Burford Rustic;
src: url(//workfromgreece.gr/wp-content/uploads/2023/10/burford.ttf);
font-weight: normal;
}
@font-face {
font-family: Fira Sans;
src: url(https://workfromgreece.gr/wp-content/themes/work-from-greece/assets/fonts/FiraSans-Regular.ttf);
font-weight: normal;
}
@font-face {
font-family: Fira Sans;
src: url(https://workfromgreece.gr/wp-content/themes/work-from-greece/assets/fonts/FiraSans-Bold.ttf);
font-weight: bold;
}
@font-face {
font-family: Fira Sans;
src: url(https://workfromgreece.gr/wp-content/themes/work-from-greece/assets/fonts/FiraSans-Black.ttf);
font-weight: bolder;
}
@font-face {
font-family: Fira Sans;
src: url(https://workfromgreece.gr/wp-content/themes/work-from-greece/assets/fonts/FiraSans-Medium.ttf);
font-weight: medium;
}
@font-face {
font-family: Fira Sans;
src: url(https://workfromgreece.gr/wp-content/themes/work-from-greece/assets/fonts/FiraSans-Italic.ttf);
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: Fira Sans;
src: url(https://workfromgreece.gr/wp-content/themes/work-from-greece/assets/fonts/FiraSans-Light.ttf);
font-weight: 200;
}
body h1,
body h2,
body a,
body .button,
body ul li {
font-family: Burford Rustic;
}
a.button.more,
.block.intro a.button.more,
.site .block.intro .button:not(:hover):not(:active):not(.has-background),
.site .flip-box .button:not(:hover):not(:active):not(.has-background),
.site .block.faq .button:not(:hover):not(:active):not(.has-background),
.site .block.locations .button:not(:hover):not(:active):not(.has-background),
button.loadMore:not(:hover):not(:active):not(.has-background),
.site .button.more:not(:hover):not(:active):not(.has-background) {
border-color: var(--yellow) !important;
background-color: var(--yellow) !important;
color: black;
padding: 5px !important;
margin: auto;
text-align: center;
}
input.button-default[type=submit]:not(:hover):not(:active):not(.has-background) {
border-color: var(--yellow) !important;
background-color: var(--yellow) !important;
color: black !important;
padding: 5px !important;
}
a.button.more:hover,
.block.intro a.button.more:hover,
button.loadMore:hover {
border-color: var(--blue) !important;
background-color: var(--blue) !important;
color: white !important;
padding: 5px !important;
}
.site button.cr__asset__button:not(:hover):not(:active):not(.has-background) {
background-color: var(--blue) !important;
}
h1 {
text-align: center;
font-size: 90px;
color: var(--blue);
line-height: 1;
letter-spacing: -15px;
}
h2 {
text-align: center;
font-size: 40px;
color: black;
line-height: 1;
}
h3 {
font-family: 'Fira Sans' !important;
text-align: left;
font-size: 26px;
color: var(--blue);
font-weight: bold;
}
#page {
background-color: white;
}
main {
z-index: 0 !important;
} @media screen and (min-width: 769px) {
.mobile-show {
display: none !important;
}
h2 {
font-size: 30px !important;
}
}
@media screen and (max-width: 768px) {
.mobile-hide {
display: none !important;
}
} .post-title h1,
.archive-title,
.post-breadcrumbs,
.post-breadcrumbs a,
.sidebar-post a,
.blog-title h1 {
font-family: 'Burford Rustic' !important;
}
.category-title h2,
.sidebar-title h5 {
font-family: 'Burford Rustic' !important;
text-align: left !important;
}
body.single-post ul li,
body.single-post a {
font-family: "Fira Sans";
}
body.single-post a {
color: var(--blue);
}
body.single-post a:hover {
color: var(--yellow);
}
body.single-post p {
margin-bottom: 10px;
}
.swiper-pagination-bullets {
position: relative;
margin-left: 0px !important;
width: auto !important;
margin: auto;
display: inline-block;
}
.swiper-pagination {
margin-top: 20px;
}
.swiper-pagination-bullet {
margin-right: 10px;
} h1.tribe-events-single-event-title {
letter-spacing: 0 !important;
}
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .tribe-events-c-messages__message,
.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after,
.tribe-events .tribe-events-calendar-day__event--featured:after {
background-color: var(--e-global-color-primary);
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon,
.single-tribe_events .tribe-events-c-subscribe-dropdown__export-icon, .tribe-block__events-link .tribe-events-c-subscribe-dropdown__export-icon,
.tribe-events-event-meta a, .tribe-events-event-meta a:visited,
h1.tribe-events-single-event-title,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text,
.tribe-common .tribe-common-c-svgicon,
.tribe-events-content a:hover,
.tribe-events-back a:hover,
h2.tribe-events-single-section-title,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-datetime-featured-text,
a.tribe-events-calendar-list__event-title-link {
color: var(--e-global-color-primary) !important;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
border-color: var(--e-global-color-primary);
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus button, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within button, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus button, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover button,
li.tribe-events-c-messages__message-list-item,
a.tribe-events-c-messages__message-list-item-link.tribe-common-anchor-thin-alt,
a.tribe-events-c-messages__message-list-item-link {
color: white !important;
}
.tribe-events-c-subscribe-dropdown:hover path {
fill: white !important;
}
.tribe-events-calendar-latest-past__heading,
.tribe-events-single-event-title {
font-family: 'Burford Rustic' !important;
}
.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month {
border-top: 5px solid var(--yellow) !important;
}
.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month,
.tribe-events-calendar-latest-past__event-date-tag-daynum,
.tribe-events-calendar-latest-past__event-date-tag-year {
border-left: 5px solid var(--yellow) !important;
}
.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month,
.tribe-events-calendar-latest-past__event-date-tag-daynum,
.tribe-events-calendar-latest-past__event-date-tag-year {
border-right: 5px solid var(--yellow) !important;
}
.tribe-events-calendar-latest-past__event-date-tag-year {
border-bottom: 5px solid var(--yellow) !important;
}
.tribe-common .tribe-common-anchor-thin-alt {
border-bottom: none;
}
.tribe-common .tribe-common-anchor-thin-alt:hover {
border-bottom: 2px solid white !important;
}
.tribe-events-calendar-latest-past__event-featured-image-wrapper.tribe-common-g-col {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tribe-events-back a, .tribe-events-back a:visited,
.tribe-events-schedule h2,
.tribe-events-content,
button.tribe-events-c-subscribe-dropdown__button-text,
.tribe-events-meta-group,
.tribe-events-event-meta dt,
.tribe-events-event-meta dd,
.tribe-organizer-url a,
.tribe-events-event-url a,
.tribe-venue-location a,
.tribe-events-notices ul li,
.tribe-events-content a,
.tribe-event-tags a,
.tribe-venue-url a,
.tribe-events-event-categories a,
h2.tribe-events-single-section-title,
.tribe-common .tribe-common-b2,
.tribe-events-c-top-bar__datepicker-desktop,
.tribe-common .tribe-common-form-control-text__input,
.tribe-common-c-btn.tribe-events-c-search__button,
.tribe-events-c-view-selector__list-item-text,
.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8,
.tribe-events-calendar-list__event-date-tag-datetime,
.tribe-common .tribe-common-c-btn-border-small,
.tribe-common a.tribe-common-c-btn-border-small,
.tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events-calendar-list__event-date-tag-daynum,
a.tribe-events-c-subscribe-dropdown__list-item-link,
li.tribe-events-c-messages__message-list-item,
a.tribe-events-c-messages__message-list-item-link.tribe-common-anchor-thin-alt,
.tribe-common .tribe-common-h3,
.tribe-events-single-event-description li {
font-family: 'Fira Sans' !important;
}
.tribe-organizer-url a:hover,
.tribe-events-event-url a:hover,
.tribe-venue-location a:hover,
.tribe-events-event-categories a:hover,
.tribe-event-tags a:hover,
.tribe-venue-url a:hover,
a.tribe-events-calendar-list__event-title-link:hover {
color: black;
}
.tribe-events-content a {
border-bottom: 1px solid var(--e-global-color-primary) !important;
}
h1.tribe-events-single-event-title {
font-size: 5vw !important;
margin-bottom: 20px !important;
line-height: 1.2 !important;
}
.tribe-events-schedule h2 {
font-size: 2vw !important;
}
h2.tribe-events-single-section-title {
font-weight: 400 !important;
}
@media (min-width: 768px) {
.tribe-events-meta-group,
.tribe-events-venue-map {
width: 50% !important;
}
}
.tribe-events-event-meta.primary,
.tribe-events-event-meta.secondary {
width: 100% !important;
}
.tribe-events .tribe-events-calendar-list__event-featured-image,
.tribe-events-calendar-day__event-featured-image {
aspect-ratio: 1;
object-fit: cover;
}
.tribe-events-calendar-list__event-header {
display: flex !important;
flex-direction: column;
}
.tribe-events-calendar-list__event-header>.tribe-events-calendar-list__event-title {
order: 1;
}
.tribe-events-calendar-list__event-header>.tribe-events-calendar-list__event-datetime-wrapper {
order: 2;
}
.tribe-events-calendar-list__event-header>.tribe-events-calendar-list__event-venue {
order: 3;
}
.ast-separate-container .ast-article-post {
padding: 0 !important;
}
h2.tribe-events-single-section-title,
h2.tribe-events-single-section-title,
h2.tribe-events-single-section-title {
text-align: left !important;
}
.tribe-events-schedule,
.tribe-events-calendar-list__event-venue-address {
display: none !important;
}
a.tribe-events-calendar-list__event-title-link {
font-size: 3vw !important;
line-height: 1 !important;
}
.tribe_events.type-tribe_events.status-publish.has-post-thumbnail.hentry.ast-article-single {
padding-top: 0 !important;
}
.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:hover {
background-color: var(--e-global-color-secondary) !important;
}
.tribe-events-page-template.ast-single-post .ast-container footer {
display: none !important;
}
.benefit_desktop_swiper .swiper-pagination {
position: relative;
} .events-header-text{
display:none;
}
.post-type-archive-tribe_events .events-header-text{
display:block;
} .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
border-color: var(--yellow) !important;
background-color: var(--yellow) !important;
}
button.tribe-common-c-btn:not(:hover):not(:active):not(.has-background) {
border-color: var(--blue) !important;
background-color: var(--blue) !important;
}
button.tribe-common-c-btn__clear:not(:hover):not(:active):not(.has-background),
button.tribe-common-c-btn-icon:not(:hover):not(:active):not(.has-background),
button.tribe-events-c-nav__next:not(:hover):not(:active):not(.has-background),
button.tribe-events-c-nav__prev:not(:hover):not(:active):not(.has-background),
button.tribe-common-c-btn--clear:not(:hover):not(:active):not(.has-background),
button.tribe-events-c-subscribe-dropdown__button-text:not(:hover):not(:active):not(.has-background) {
border-color: transparent !important;
background-color: transparent !important;
} .elementor-swiper-button.elementor-swiper-button-prev,
.elementor-swiper-button.elementor-swiper-button-next {
display: inline-block;
position: absolute;
top: 50%;
z-index: 100;
color: white;
padding: 5px;
height: 32px;
}@media (min-width: 769px) {
:root {
--home_location_map_image_width: 40vw;
}
}
@media (min-width: 991px) {
.botsify-chat-widget-div .left-4,
#botsify-chat-widget-div,
#wpic-launcher-child {
left: unset !important;
right: 25px !important;
}
}
.swiper-slide {
background-color: transparent !important;
}
#colophon {
display: none;
}
.ast-container {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
main.container {
max-width: 1200px;
margin: auto;
}
.has_scrollable_background {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
} section.block.intro {
text-align:center;
padding-bottom: 30px;
background: white;
padding-top: 30px;
}
section.block.intro div.headline {
max-width: 1140px;
margin: auto;
}
section.block.intro div.headline p{
text-align:left;
font-size: 40px;
line-height: 1.2;
margin-bottom: 2vw;
font-family: 'Fira Sans';
font-weight: 100;
}
section.block.grid_benefits{
font-family: "Fira Sans";
background: white;
}
section.block.grid_benefits .grid {
grid-template-columns: calc(10vw + 80vw/3) calc(80vw / 3) calc(10vw + 80vw/3);
grid-template-rows: repeat(3, 23vw);
display: grid;
list-style: none;
margin: 0;
justify-content: center;
align-items: center;
}
section.block.grid_benefits .benefit .flip-box  {
width: calc(80vw / 3);
height: 23vw;
perspective: 1000px;
overflow: hidden;
background: var(--blue);
border: 1px solid white;
}
@media(min-width: 1200px) {
section.block.grid_benefits .grid {
grid-template-columns: calc((100vw - 960px) / 2 + 960px/3) calc(960px / 3) calc((100vw - 960px) / 2 + 960px/3);
grid-template-rows: repeat(3, 330px);
}
section.block.grid_benefits .benefit .flip-box  {
width: calc(960px / 3);
height: 330px;
}
}
section.block.grid_benefits .benefit {
border: 1px solid white;
}
section.block.grid_benefits .benefit .flip-box-wrapper,
section.block.grid_benefits .benefit .flip-box-wrapper label {
display: grid;
}
section.block.grid_benefits .benefit:nth-child(1) .flip-box,
section.block.grid_benefits .benefit:nth-child(4) .flip-box,
section.block.grid_benefits .benefit:nth-child(7) .flip-box {
justify-self: right;
}
section.block.grid_benefits .benefit .content {
display: flex;
flex-direction: column;
color: white;
font-size: medium;
text-align: center;
padding: 2em;
}
section.block.grid_benefits .benefit .content.flip-box-front span{
font-family:Fira Sans;
font-size:20px;
}
section.block.grid_benefits .benefit .content.flip-box-back {
background-color: white;
color: var(--blue);
}
section.block.grid_benefits .benefit .content.flip-box-back h3{
font-family:Fira Sans;
color: var(--blue);
font-weight: bolder;
line-height:1.2;
font-size:23px;
margin-bottom:20px;
}
section.block.grid_benefits .benefit .content.flip-box-back p {
text-align: left;
font-family:Fira Sans;
font-size:15px;
line-height:1.5;
}
@media (max-width:1100px){
section.block.grid_benefits .benefit .content.flip-box-back h3{
font-size:18px;
margin-bottom:5px;
}
section.block.grid_benefits .benefit .content.flip-box-back p{
font-size:12px;
margin-bottom:5px;
}
section.block.grid_benefits .benefit .content{
padding:1rem;
}
}
section.block.grid_benefits .benefit .content span {
text-transform:capitalize!important;
margin-bottom:10px;
}
section.block.grid_benefits .benefit img {
max-width: 50%;
height: auto;
margin: auto;
width: 100px;
} section.block.grid_benefits .benefit_desktop_swiper {
position: relative;
max-width: 1140px;
text-align: center;
margin: auto;
overflow: hidden;
display: block;
}
section.block.grid_benefits .benefit_desktop_swiper .benefit .flip-box {
width: 100% !important;
}
section.block.grid_benefits .benefit_desktop_swiper .benefit .content,
section.block.grid_benefits .benefit_desktop_swiper .benefit .content {
width: calc(100% - 40px);
height: calc(100% - 40px);
padding: 20px;
}
section.block.grid_benefits .benefit_desktop_swiper .swiper-slide:not(.swiper-slide-active) {
scale: 0.8;
opacity: 0.5;
}
section.block.grid_benefits .benefit_desktop_swiper .elementor-swiper-button-prev {
position: absolute;
top: 160px;
color: black;
left: 0;
}
section.block.grid_benefits .benefit_desktop_swiper .elementor-swiper-button-next {
position: absolute;
top: 160px;
color: black;
right: 0;
}
body.page-template-page-homepage section.block.faq {
display: flex;
flex-direction: column;
text-align:left;
color:black;
padding-top: 100px;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 200px;
}
section.block.faq .icon {
margin: auto;
width: 150px;
}
section.block.faq .list {
max-width: 950px;
width: 50vw;
font-size: 18pt;
margin: auto;
list-style: none;
margin-bottom:50px;
}
section.block.faq .question{
font-family: 'Fira Sans';
font-weight: 300;
font-size: 36px;
line-height:1.2;
margin-bottom: 2rem;
cursor:pointer;
}
section.block.faq .answer p,
section.block.faq .answer ul li{
font-family:Fira Sans;
font-size: 20px;
font-weight:300;
line-height:1.2;
}
section.block.faq .answer a{
font-family:unset;
font-weight:400;
color:var(--blue);
}
section.block.faq .answer a:hover{
color:var(--black);
}
section.block.locations {
display: flex;
flex-direction: column;
background-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/bg_sand2.jpg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
margin-top: -100px;
padding-top: 200px;
}
section.block.locations .map_wrapper {
display: flex;
flex-direction: column;
}
.block.locations .map.location {
display: none;
opacity: 0;
position: relative;
margin-top: calc(-1.015 * var(--home_location_map_image_width))
}
section.block.locations .icon {
margin: auto;
height: 150px;
}
section.block.locations .section_title {
text-align: center;
text-transform: uppercase;
margin: 0.4rem;
font-family: 'Burford Rustic';
font-size: 90px;
}
section.block.locations .location_types {
display: flex;
flex-direction: column;
}
section.block.locations .location_types .row {
display: flex;
flex-direction: row;
list-style: none;
justify-content: center;
margin-bottom:0;
}
section.block.locations .location_types .row .location_type {
font-size: 8vw;
color: var(--blue);
margin: 0 2rem;
letter-spacing: -15px;
line-height: 1.2;
cursor: pointer;
}
section.block.locations .location_types .row .list {
list-style: none;
}
section.block.locations .location_types .row ul.list{
margin-left: 2.5rem;
margin-top: -1rem;
margin-bottom:0;
}
section.block.locations .location_types .row ul.list li{
font-size: 3vw;
line-height: 1;
letter-spacing: -5px;
}
section.block.locations .location_types .row ul.list li a{
color:black;
}
section.block.locations .location_types .row ul.list li a:hover{
color:var(--blue);
}
section.block.locations img.map {
margin: auto;
width: var(--home_location_map_image_width);
}
section.block.crowdfeed img.icon{
width:80px;
}
@media screen and (min-width: 769px) {
section.block:not(:nth-child(last)) {
margin-bottom: 100px;
}
body {
font-family: Burford Rustic;
font-size: 21px;
line-height: 1.2;
}
.language_switcher_wrapper {
display: flex;
position: fixed;
z-index: 10;
padding:40px;
}
.language_switcher_wrapper .toggle {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: var(--green-dark);
width: 35px;
height: 35px;
}
.wpml-ls-legacy-list-horizontal{
padding:0px;
width:35px;
height:35px;
}
.wpml-ls-legacy-list-horizontal a{
padding:7px;
font-size:15px;
}
.wpml-ls-statics-shortcode_actions{
background-color:white!important;
}
#language_switcher_toggle {
display: none;
}
#language_switcher_toggle + .options {
display: none;
}
#language_switcher_toggle:checked + .options {
display: block;
} section.block.crowfeed {
text-align: center;
max-width: 1140px;
width: 80vw;
margin-left: auto;
margin-right: auto;
margin-top:50px;
margin-bottom:50px;
}
.cr__gallery .loadMore{
border-color: var(--yellow);
background-color: var(--yellow);
color: black;
padding: 5px!important;
margin: auto;
text-align: center;
width:100px!important;
}
.cr__gallery button.loadMore:hover{
border-color: var(--blue)!important;
background-color: var(--blue)!important;
}
.cr__gallery .loadMore__text{
text-transform:lowercase;
font-family: 'Burford Rustic';
font-weight: 300;
} .infobox {
position: fixed;
bottom: 80px;
left: 0px;
height: 80px;
z-index: 10000;
background-color: #71b4df;
}
.infobox .icon {
display: inline-block;
float: left;
height: 80px;
width: 80px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/info.png);
}
.infobox .content {
display: inline-block;
float: left;
}
.infobox .content .arrow {
display: inline-block;
float: left;
margin-top: 30px;
width: 40px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/info_arrow_left.png);
}
.infobox:not(.expanded) .content .arrow {
transform: scaleX(-1);
}
.infobox:not(.expanded) .content .text {
display: none;
}
.infobox.expanded .content .arrow {
transform: scaleX(1);
}
.infobox.expanded .content .text a {
color: white;
font-family: Arsenal;
font-weight: bold;
} h2, h3 {
font-family: Zooja;
}
.mobile-show {
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
section.block.gallery1 > .left .tagline {
background: #ffd203;
padding: 10px;
width: 400px;
padding-left: 50px;
}
section.block.gallery1 > .gallery_buttons_wrapper{
left: 10vw;
top: 24vh;
width: 440px;
}
} @media screen and (min-width: 769px) {
section.block.cover,
section.block.media_cover {
background-color: var(--grey) !important;
display: block;
position: relative;
}
section.block.cover .cover_swiper,
section.block.media_cover .media_swiper {
width: 100%;
height: 60vh;
}
section.block.cover .swiper-container,
section.block.media_cover .swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
section.block.cover .swiper-slide,
section.block.media_cover .swiper-slide {
background-size: cover;
background-position: center; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.block.cover .navigation > div,
.block.media_cover .navigation > div {
color: white;
text-transform: uppercase;
}
section.block.cover .image:not(.swiper-slide),
section.block.media_cover .image:not(.swiper-slide)	{
position: relative;
}
section.block.cover .image,
section.block.media_cover .image {
width: 100vw;
height: 50vw;
max-height: 70vh;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
section.block.cover .image,
section.block.media_cover .image {
width: calc(100vw);
height: 50vw;
background-position: center;
}
} @media screen and (min-width: 769px) {
.block.subscribe {
background-color: var(--green);
text-align: center;
}
.block.subscribe .wrapper {
max-width: 800px;
margin: auto;
display: flex;
flex-direction: row;
}
.block.subscribe .wrapper > * {
width: 50%;
}
.block.subscribe .wrapper .tagline {
background-color: transparent;
}
.block.subscribe .wrapper .tagline h1 {
color: var(--violet);
font-size: 80px;
font-family: Zooja;
transform: scale(1.5) translate(0px, 10px) rotate(-5deg);
line-height: 1.2;
text-align: left;
padding-left: 25%;
}
.block .mc4wp-form-fields {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
}
.block .mc4wp-form-fields > span,
.block .mc4wp-form-fields > label,
.block .mc4wp-form-fields > label a,
.block .mc4wp-form-fields > input[type="email"] {
margin-top: 10px;
color: black;
text-transform: uppercase;
background: transparent;
border: 0;
text-align: left;
font-size: 18px;
font-weight: 300;
}
.block .mc4wp-form-fields > span{
font-size:25px!important;
}
.block .mc4wp-form-fields > input[type="email"] {
border-bottom: 1px solid black;
font-weight:normal!important;
padding-left:0px;
padding-top:0px;
padding-bottom: 0.5vw;
font-family: 'Burford Rustic';
}
.block .mc4wp-form-fields > input[type="email"]::placeholder{
color:grey;
font-size:15px;
}
.block .mc4wp-form-fields > label{
margin-top:20px;
}
}
#ast-scroll-top {
background-color: var(--green) !important;
} .column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
.col-50 {
width: 50%;
}
.container {
max-width: 1140px;
width: 80vw;
margin-left: auto;
margin-right: auto;
}#menu-main-menu li > ul.sub-menu {
display: none;
list-style: none;
margin-left: 1rem;
}
#menu-main-menu li:hover > ul.sub-menu {
display: block;
}
.page_header .eicon-menu-bar:before{
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/menu-text.png);
display: inline-block;
text-align: left;
margin: auto;
padding-top: 20px;
}
.page_header {
position: absolute !important;
border-top: 5px solid var(--yellow);
width: 100vw;
top: 0;
z-index: 2;
display:none;
}
.page_header .centered {
margin: auto;
width: 40vw;
max-width: 576px;
}
.page_header img.logo {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/Logo.png);
height: auto;
width: 100%;
font-size: 3vw;
}
.page_header .menu_toggle_wrapper {
font-size: 50px;
color: var(--yellow)
}
.page_header .main_menu {
background: white;
position: absolute;
top: 0;
z-index: -1;
}
.page_header .menu {
margin: 0;
list-style: none;
}
.page_header a{
color:black;
}
.page_header a:hover{
color:var(--blue);
}
.page_header .menu_close{
color: var(--dark-blue);
font-weight: bolder;
font-family: 'Fira Sans';
}
.page_header .menu-link::after {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/arrow_down.png);
padding-left:10px;
}
.page_header .menu ul li{
padding-bottom:10px;
}
@media(min-width: 1440px) {
.page_header .main_menu {
width: calc((100vw - 576px) / 2 + 50px);
padding-top: 120px;
padding-bottom: 50px;
padding-left: calc((100vw - 1200px) / 2);
}   
} @media(min-width: 1200px) and (max-width: 1439px) {
.page_header .main_menu {
width: calc((100vw - 40vw) / 2 + 50px);
padding-top: 120px;
padding-bottom: 50px;
padding-left: calc((100vw - 80vw) / 2);
}
} @media(min-width: 992px) and (max-width: 1199px) {
.page_header .main_menu {
width: calc((100vw - 40vw) / 2 + 50px);
padding-top: 120px;
padding-bottom: 50px;
padding-left: calc((100vw - 80vw) / 2);
}
} @media(min-width: 768px) and (max-width: 991px) {
.page_header .main_menu {
width: calc((100vw - 40vw) / 2 + 50px);
padding-top: 120px;
padding-bottom: 50px;
padding-left: calc((100vw - 80vw) / 2);
}
} @media(max-width: 767px) {
.page_header .main_menu {
width: calc((100vw - 25vw) / 2 + 50px);
padding-top: 120px;
padding-bottom: 50px;
padding-left: calc((100vw - 80vw) / 2);
}
.page_header .centered {
width: 75vw;
}
}section.footer {
background-color: var(--grey);
}
.social_media_wrapper {
flex: 1;
}
.social_media_wrapper  a.icon {
width: calc(25% - 5px);
min-width: 20px;
max-width: 30px;
height: auto;
}
.social_media_wrapper  a.icon.facebook {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-facebook.png);
}
.social_media_wrapper  a.icon.instagram {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-instagram.png);
}
.social_media_wrapper  a.icon.twitter {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-x.png);
}
.social_media_wrapper  a.icon.linkedin {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-linkedin.png);
}
.social_media_wrapper  a.icon.tiktok {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-tiktok.png);
}
section.footer .footer-menu-wrapper {
display: inline-block;
margin-top: 10px;
}
.block.footer .logo img {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/Logo.png);
height: auto;
}
.block.footer div.auspices_of_title {
color: black;
}
.block.footer div.auspices_of {
display: flex;
flex-direction: row;
color: black;
}
.block.footer img.footer_ministry1_logo {
content: url(//workfromgreece.gr/wp-content/uploads/2022/11/EllinikiDimokratia.png);
height: auto;
width: 40%;
object-fit: contain;
}
.block.footer img.footer_ministry2_logo {
content: url();
height: auto;
width: 20%;
object-fit: contain;
display:none;
}
.block.footer input[type="submit"] {
border-color: var(--yellow)!important;
background-color: var(--yellow) !important;
color: black!important;
padding: 5px!important;
text-align: left;
width: 95px;
font-family: 'Burford Rustic';
font-size: 20px;
border-radius: 0px;
line-height: 1;
margin-top: 10px;
}
.block.footer input[type="submit"]:hover {
border-color: var(--blue)!important;
background-color: var(--blue)!important;
color: white!important;
padding: 5px!important;
border-radius: 0px;
line-height: 1;
margin-top: 10px;
}
.block .mc4wp-form-fields > label a:hover{
color:var(--blue);
}
.block.footer .sponsor {
display: flex;
white-space: nowrap;
flex-direction: row;	
line-height: 50px;
}
.block.footer .sponsor span{
display:none;
}
.block.footer .sponsor img {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/marketing.png);
width: 150px;
height: auto;
object-position: center;
margin-left: 5px;
object-fit: contain;
}
.block.footer .creator img {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/gitk.png);
width: 80px;
padding-top: 30px;
}
.footer-menu-wrapper ul li:last-child{
padding-right:20px;
}
@media screen and (min-width: 769px) {
section.footer .container {
max-width: 1200px;
margin: auto;
display: flex;
flex-direction: column;
} .social_media_wrapper {
display: inline-block;
text-align: left;
flex: 1;
margin:5px 0px;
flex-direction: row;
}
.social_media_wrapper > h5 {
color: white;
font-size: medium;
font-weight: bolder;
}
.social_media_wrapper > div {
display: inline-block;
margin: auto;
color: var(--green);
margin-top: 10px;
}
.social_media_wrapper > div  a {
margin-right: 20px;
width: 20px;
} section.footer  .bottom_logo {
flex: 1;
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/this-is-athens-footer.png);
background-repeat: no-repeat;
background-position: center;
margin: auto;
background-size: contain;
} section.footer .socials_and_sponsor {
justify-content: space-between;
width: 100%;
}
section.footer  .footer-menu-wrapper {
text-align: left;
margin-top:50px;
}
section.footer  .footer-menu-wrapper ul {
list-style: none;
text-align: center;
display: flex;
flex-direction: row;
margin-left: 0;
}
section.footer  .footer-menu-wrapper ul li a {
color: black;
margin-bottom: 5px;
font-weight: 100;
font-size: 20px;
}
section.footer  .footer-menu-wrapper ul li a:hover {
color:var(--blue);
}
section.footer .footer-menu-wrapper ul li:not(:last-child) a::after { 
margin-left: 0.4rem;
margin-right: 0.4rem;
content: "/";
}
section.footer .container > * {
flex: 1;
}
section.footer div.logo {
text-align: center;
width: 100%;
background: var(--yellow);
}
section.footer div.logo img.main_logo {
width: 15vw;
top: -30px;
position: relative;
}
section.footer .footer-menu-wrapper {
flex: 1;
}
section.footer .menus {
text-align: right;
}
section.bottom {
flex-direction: row;
padding-top: 4px;
padding-bottom: 4px;
}
section.bottom .container {
max-width: 1200px;
margin: auto;
display: flex;
}
section.bottom .container > * {
flex: 1;
color: var(--green-dark);
font-size: 14px;
font-family: Arsenal;
color: rgb(0, 139, 153);
line-height: 1.214;
}
section.bottom .copyright {
text-align: left;
color: var(--green-dark);
}
section.bottom .creator {
text-align: right;
color: var(--green-dark);
}
}
@media(min-width: 1440px) {
.block.footer .logo img {
width: calc(100% - calc(50vw - 600px));
margin-left: calc(50vw - 630px);
}
.block.footer .margin-left {
margin-left: calc(50vw - 600px);
padding-right: 15px;
}
.block.footer .margin-right {
margin-right: calc(50vw - 600px);
padding-left: 15px;
}	
} @media(min-width: 1200px) and (max-width: 1439px) {
.block.footer .logo img {
width: 40vw;
margin-left: 8vw;
}
.block.footer .margin-left {
margin-left: 10vw;
padding-right: 15px;
}
.block.footer .margin-right {
margin-right: 10vw;
padding-left: 15px;
}
} @media(min-width: 992px) and (max-width: 1199px) {
.block.footer .logo img {
margin-left: 8vw;
width: 40vw;
}
.block.footer .margin-left {
margin-left: 10vw;
padding-right: 15px;
}
.block.footer .margin-right {
margin-right: 10vw;
padding-left: 15px;
}
} @media(min-width: 768px) and (max-width: 991px) {
.block.footer .logo img {
width: 40vw;
margin-left: 8vw;
}
.block.footer .margin-left {
margin-left: 10vw;
padding-right: 15px;
}
.block.footer .margin-right {
margin-right: 10vw;
padding-left: 15px;
}
.block.footer .sponsor{
flex-direction:column!important;
}
} @media(max-width: 767px) { .block.footer div.auspices_of {
justify-content: space-evenly;
}
.block.footer div.auspices_of  img {
width: 100%;
margin-top: 20px;
margin-bottom: 40px;
}
.block.footer .logo img {
width: 80vw;
margin-left: 0;
}
.block.footer .margin-left {
margin-left: 0;
width: 90vw;
margin: auto;
}
.block.footer .margin-right {
margin-right: 0;
padding-left: 0;
width: 90vw;
margin: auto;
}
.footer-menu-wrapper ul li:last-child{
padding-right:0px;
}
}section.block.banner {
background-color: var(--grey) !important;
display: block;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 4rem;
margin-top: 4rem;
}
section.block.banner .content {
display: flex;
flex-direction: column;
height: 100%;
background-color:rgba(100, 100, 100,0.5);
}
section.block.banner .content .inner_wrapper {
display: flex;
flex-direction: column;
max-width: 1140px;
width: calc(100% - 10px);
margin: auto;
}
section.block.banner .content .inner_wrapper {
display: flex;
flex-direction: column;
}
section.block.banner .content .inner_wrapper .text {
font-size: 45pt;
color: white;
font-weight: bolder;
}
@media screen and (min-width: 769px) {
section.block.banner {
width: 100vw;
height: 50vw;
max-height: 40vh;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
section.block.banner {
width: 100vw;
background-position: center;
}
}
@media screen and (max-width: 768px) {
section.block.banner {
width: 100%;
height: 70vw;
text-align: center;
display: block;
}
}section.block.media_cover {
z-index: 0;
}
section.block.media_cover iframe {
width: 100%;
height: 100%;
}
section.block.media_cover video {
object-fit: cover;
position: relative;
width: 100%;
height: 100%;
}
section.block.media_cover .swiper-slide {
background-position: center;
}
@media screen and (min-width: 769px) {
section.block.media_cover {
background-color: var(--grey) !important;
display: block;
position: relative;
}
section.block.media_cover .media_swiper {
width: 100%;
height: 70vh;
}
section.block.media_cover .swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
section.block.media_cover .swiper-slide {
background-size: cover;
background-position: center; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.block.media_cover .navigation > div {
color: white;
text-transform: uppercase;
}
section.block.media_cover .image:not(.swiper-slide)	{
position: relative;
}
section.block.media_cover,
section.block.media_cover .image {
width: 100vw;
height: 50vw;
max-height: 70vh;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
section.block.media_cover,
section.block.media_cover .image {
width: calc(100vw);
background-position: center;
}
}
.swiper-button-prev div,
.swiper-button-next div{
display:none;
}
.swiper-button-next, 
.swiper-button-prev{
color:var(--e-global-color-primary)!important;
}.testimonials_swiper {
text-align: center;
overflow: hidden;
padding-top: 80px; }
.testimonials_swiper .swiper-wrapper {
color: white;
width: 100%;
overflow: h;  margin: auto;
}
.testimonials_swiper {
width: calc(100% - 50px);
margin: auto;
}
.testimonial__text {
font-family: "Fira Sans";
font-size: 20px;
font-weight: 300;
font-style: normal;
line-height: 1.5em;
}
.testimonial__cite {
display: flex;
flex-direction: column;
}
.testimonial__name {
font-family: "Fira Sans";
font-weight: 600;
font-style: normal;
font-size: 14px;
line-height: 1.5;
}
.testimonial__title {
font-family: "Fira Sans";
font-weight: 400;
}
.testimonial__socials {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.testimonials_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: white;
}
.testimonials_swiper .elementor-swiper-button-prev {
left: 0 !important;
}
.testimonials_swiper .elementor-swiper-button-next {
right: 0 !important;
}
.testimonial__socials  a.icon {
width: calc(25% - 5px);
min-width: 20px;
max-width: 30px;
height: auto;
margin-right: 5px;
}
.testimonial__socials  a.icon.facebook {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-facebook.png);
}
.testimonial__socials  a.icon.instagram {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-instagram.png);
}
.testimonial__socials  a.icon.twitter {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-twitter.png);
}
.testimonial__socials  a.icon.linkedin {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon-linkedin.png);
}
.testimonial__socials  a.icon.email {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/website.png);
}@media (max-width: 768px) {
:root {
--home_location_map_image_width: 90vw;
}
}
@media screen and (max-width: 768px) {
html {
max-width: 100vw !important;
overflow-x: hidden;
}
main {
max-width: 100vw !important;
}
header.site-header {
display: none;
}
h1 {
font-size: 50px;
letter-spacing: -10px;
line-height: 0.6;
}
body {
font-family: Burford Rustic;
font-size: 21px;
line-height: 1.048;
}
section.block.cover,
section.block.media_cover {
background-color: var(--grey) !important;
display: block;
position: relative;
}
section.block.cover .image:not(.swiper-slide),
section.block.media_cover .image:not(.swiper-slide)	{
position: relative;
}
section.block.media_cover,
section.block.cover .image,
section.block.media_cover .image {
width: 100vw;
height: 50vw;
max-height: 70vh;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
section.block.intro{
padding-top:80px;
}
section.block.intro div.headline {
width: 90vw;
hyphens: auto;
padding-top:20px;
}
section.block.intro div.headline p {
font-size: 25px;
}
section.block.grid_benefits .grid {
display: flex;
flex-direction: column;
width: 100vw;
}
section.block.grid_benefits .benefit .flip-box {
width: 100vw;
height: 50vw;
}
section.block.grid_benefits .benefit{
border:none !important;
}
ul {
list-style: none;
margin-left: 0px;
}
.language_switcher_wrapper {
display: flex;
position: fixed;
z-index: 10;
padding:20px;
}
.language_switcher_wrapper .toggle {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: var(--green-dark);
width: 25px;
height: 25px;
}
#language_switcher_toggle {
display: none;
}
#language_switcher_toggle + .options {
display: none;
}
#language_switcher_toggle:checked + .options {
display: block;
}
.wpml-ls-statics-shortcode_actions{
height:25px;
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a{
font-size:15px;
padding:0px;
}
.wpml-ls-legacy-list-horizontal{
padding:1px;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item{
width:25px;
vertical-align:super;
text-align:center;
} section.block.video_gallery iframe {
width: 100%;
height: 40vh;
}
section.block.video_gallery{
background-color:var(--green-dark);
padding-top:20px;
padding-bottom:20px;
}
section.block.video_gallery .tagline h2{
color:white;
} section.block.crowdriff {
text-align: center;
max-width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
section.block.precrowdriff span {
display: block;
text-align: center;
line-height: 1;
}
section.block.precrowdriff span.plain {
font-size: large;
font-family: Arsenal;
}
section.block.precrowdriff span.title {
font-size: large;
font-family: Arsenal !important;
font-weight: bold !important;
margin-top: 4px;
}
section.block.precrowdriff span.hashtag {
line-height: 1;
font-size: large;
font-family: Arsenal !important;
font-weight: bold !important;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.cr__gallery .loadMore{
border-color: var(--yellow);
background-color: var(--yellow);
color: black;
padding: 5px!important;
margin: auto;
text-align: center;	
width:100px!important;
}
.cr__gallery .loadMore:hover{
border-color: var(--blue);
background-color: var(--blue)!important;
}
.cr__gallery .loadMore__text{
text-transform:lowercase;
font-family: 'Burford Rustic';
font-weight: 300;
} .tagline {
background-color: var(--green);
}
.tagline h2 {
font-family: Fira Sans;
font-weight:400;
padding: 0 5px;
transform: translate(0px, -10px);
font-size: xxx-large;
color: var(--green-dark);
} .mobile-hide {
display: none !important;
}
} @media screen and (max-width: 768px) {
section.block.media_cover, 
section.block.media_cover .image {
position: relative;
width: 100%;
height: 70vw;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
display: block;
}
section.block.media_cover,
section.block.cover .cover_swiper,
section.block.media_cover .media_swiper {
width: 100%;
height: 70vw;
} section.crowdfeed {
text-align: center;
}
section.crowdfeed .crowdriff {
width: 90%;
margin: auto;
} .block.points {
text-align: center;
}
.block.points .items ul {
list-style: none;
}
#points_show_all:not(:checked) + ul li:nth-child(n+2):not(.load_more_wrapper) {
display: none;
}
#points_show_all:checked + ul li.load_more_wrapper {
display: none;
}
.block.points .load_more_wrapper .loadMore {
background-color: var(--green);
color: white;
position: relative;
padding: 15px 40px;
font-weight: bold;
width:74%;
margin-left:13%;
text-transform:lowercase;
margin-top:5vw;
line-height: 1;
height: 56px;
}
.block.points .items li {
display: flex;
position: relative;
padding-bottom:2vw;
}
.block.points .items li .content,
.block.points .items li .image {
width: 100%;
position: relative;
z-index: 1;
}
.block.points .items li .image  img {
width: 100%;
}
.block.points .items li .content {
z-index: 2;
}
.block.points .items li .content h3 {
color: var(--green-dark);
position: relative;
margin-top: -3vw;
text-align: right;
font-size: 10vw;
z-index: 10;
float: revert;
line-height:1;
}
.block.points .items li .content .body,
.block.points .items li .content .button-default { }
.block.points .items li .content .button-default {
top: 30px !important;
background-color: var(--green);
color: white;
position: relative;
padding: 15px 40px;
font-weight:bold;
}
.block.points .items li {
flex-direction: column-reverse;
width: 90%;
margin: auto;
margin-bottom: 15vw;
}
.block.points .items li .content {
text-align: left;
}
.block.points .items li:nth-child(odd) .content h3 {
margin-left: -10vw;
} .block.subscribe {
background-color: var(--green);
text-align: center;
margin-bottom: 100px;
}
.block.subscribe .wrapper {
width: 100%;
margin: auto;
display: block;
position: relative;
}
.block.subscribe .wrapper > * {
width: 80%;
margin: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.block.subscribe .wrapper .tagline {
background-color: transparent;
position: absolute;
right: 0px;
bottom: 0px;
text-align: right;
}
.block.subscribe .wrapper .tagline h1 {
color: var(--violet);
font-size: 68px;
line-height: 0.9;
font-family: Zooja;
text-align: left;
display: inline-block;
transform: translate(0px, 70px) rotate(-5deg);
}
.block .wrapper .mc4wp-form-fields {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
}
section.block.faq .list {
width: 90vw;
}
section.block.faq .question {
font-size: 27px;
font-weight:bold;
}
section.block.locations .location_types .row .location_type {
font-size: 28px;
margin: 0;
width: 45vw;
letter-spacing: 1px !important;
margin-bottom: 15px;
}
section.block.locations .location_types .row ul.list {
margin-left: 0;
}
section.block.locations .location_types .row ul.list li {
font-size: 24px;
letter-spacing: 1px !important;
}
section.block.locations img.map {
width: var(--home_location_map_image_width);
}
section.block.crowdfeed img.icon {
margin-bottom: 10px;;
}
.mc4wp-form-fields{
text-align: left;
display: grid;
padding: 20px;
}
.mc4wp-form-fields input[type=email]{
padding:10px;
}
.mc4wp-form-fields > label{
padding-top:20px;
}
.mc4wp-form-fields > label a{
font-size:medium!important;
}
.block .mc4wp-form-fields > span{
font-size: 25px;
font-weight: bold;
color: black;
text-align: center;
}
.block .mc4wp-form-fields > label,
.block .mc4wp-form-fields > label a,
.block .mc4wp-form-fields > input[type="email"] {
margin-top: 4px;
color: black;
background: transparent;
border: 0;
text-align: center;
font-size: large;
font-weight: bold;
text-transform: uppercase;
}
.block .mc4wp-form-fields > input[type="email"] {
border-bottom: 1px solid black;
font-weight:normal!important;
padding-left:0px;
font-family: 'Burford Rustic';
font-size: 22px;
width: 100%;
}
.block.subscribe .wrapper .button-default,
.block.footer .button-default {
z-index:100;
margin: auto;
color: black !important;
}
.swiper-outter {
width: 90% !important;
padding: 0px !important;
margin-left: 5%;
margin-right: 5%;
} section.footer {
color: white;
text-align: center;
border-top: 4px solid var(--yellow);
}
section.footer .main_logo {
width:50%;
}
.block.footer .sponsor {
flex-direction: column;
flex: 1;
display: flex;
}
.block.footer .sponsor span {
color: black;
font-size: smaller;
}
section.footer .social_media_wrapper {
max-width: 45vw;
flex-direction: row !important;
margin: auto;
}
section.footer .social_media_wrapper h5 {
color: white;
font-weight:bold;
}
section.footer .social_media_wrapper a{
padding-right: 6px;
width: 50px;
height: 30px;
object-fit: contain;
object-position: bottom;
}
section.footer .footer-menu-wrapper ul {
margin: 0;
}	
section.footer .footer-menu-wrapper ul a {
font-weight:bold;
font-size: 20px;
color: black;
width: 100%;
text-align: center;
display: inline-block;
}
section.bottom .container {
display: block;
font-size: small;
color: var(--green-dark)
}
section.bottom .container .copyright {
float: left;
padding:3vw;
}
section.bottom .container .creator {
float: right;
padding:3vw;
}
section.footer .socials_and_sponsor.row {
flex: 1;
flex-direction: row;
}
.social_media_wrapper{
padding:5vw;
}
section.footer .row {
flex-direction: column;
}
section.footer .row .col-50 {
width: 100%;		
}
.block.footer .creator img {
width: 30vw;
margin-bottom: 100px;
margin-top: 20px;
}
.block.footer .sponsor img {
width: 40vw;
margin:auto;
}	
section.block.locations .icon {
margin: auto;
height: 120px;
}
section.block.locations .section_title {
font-size: 60px
}
.benefit_swiper.mobile_only {
text-align: center;
}
.benefit_swiper.mobile_only .elementor-swiper-button.elementor-swiper-button-prev,
.benefit_swiper.mobile_only .elementor-swiper-button.elementor-swiper-button-next {
display: none;
}
}body.page-id-517 main {
background-color: white;
}
section.contact_body .contact_details,
.links,
.phones{
display:none;
}
section.contact_body .contact_details ul {
margin: 0;
list-style: none;
}
section.contact_body .contact_details ul li{
font-size:40px;
height: 80px;
line-height: 1.2;
display: flex;
margin-bottom: 40px;
}
section.contact_body .contact_details .icon > .image {
width: 80px;
height: 80px;
display: inline-block;
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 30px;
}
section.contact_body .contact_details .icon.phone > .image {
background-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon_phone.png);
}
section.contact_body .contact_details .icon.address > .image {
background-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon_map.png);
}
section.contact_body .contact_details .icon.email > .image {
background-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/icon_email.png);
}
section.contact_body .links h2,
section.contact_body .phones h2 {
text-align:left;
color:var(--blue);
font-family: 'Fira Sans';
font-size: 25px;
}
section.contact_body .links ul,
section.contact_body .phones ul {
list-style-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/arrow_right_small.png);list-style-position: inside;
margin:0;
}
section.contact_body .links ul li,
section.contact_body .links ul li a,
section.contact_body .phones ul li,
section.contact_body .phones ul li a{
font-family:'Fira Sans';
font-weight:bold;
line-height:1.5;
}
section.contact_body .links ul li a,
section.contact_body .phones ul li a{
color:var(--blue);
}
section.contact_body .links ul li a:hover,
section.contact_body .phones ul li a:hover{
color:black;
}
section.contact_body .phones{
margin-top:30px;
margin-bottom:50px;
}
form.wpcf7-form h3{
font-family: 'Burford Rustic';
font-size: 50px;
color: var(--blue);
margin-top: 20px;
}
.wpcf7-form-control-wrap.acceptance-619{
width:unset;
}
section.contact_body .form_wrapper input::placeholder,
section.contact_body .form_wrapper textarea::placeholder {
text-transform: uppercase;
font-family: 'Burford Rustic';
font-size:25px;
}
section.contact_body .form_wrapper input {
border-width: 0px 0px 1px 0px;
border-color: var(--blue);
background-color:white;
font-family: 'Fira Sans';
font-size:25px;
}
section.contact_body .form_wrapper textarea {
border-color: var(--blue);	
border-radius: 10px;
background-color:white;
font-family: 'Fira Sans';
font-size:25px;
}
section.contact_body input[type="submit"] {
border-color: var(--yellow);
background-color: var(--yellow);
color: black;
padding: 5px!important;
text-align: center;
width: 95px;
font-family: 'Burford Rustic';
font-size: 20px;
}
section.contact_body input[type="submit"]:hover {
border-color: var(--blue);
background-color: var(--blue);
color: white;
padding: 5px!important;
}
@media (min-width:768px) and (max-width: 840px) {
section.contact_body .contact_details ul li.address {
line-height: 40px;
}
}@media screen and (max-width:767px){
form.wpcf7-form h3{
font-size: 30px;
}
section.contact_body .contact_details ul li{
font-size:25px;
line-height: 1;
margin-bottom: 0px;
}
section.contact_body {
width: 90vw;
}
section.contact_body .contact_details .icon > .image {
width: 40px;
height: 40px;
}
}.archive .block.faq .question,
.archive section.block.faq .answer p {
color: black;
}
.archive .block.faq .list [type="checkbox"]:checked + .question::after,
.archive .block.faq .answer {
color: black;
}
.archive .block.faq img.icon {
content: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/faq.png);
width: 200px;
height: auto;
filter: invert(1);
margin-top: 0;
padding-right:20px;
}
.archive .block.faq {
display: flex;
flex-direction: column;
}
.archive section.block.faq .list {
max-width: unset;
width: unset;
}
.archive section.block.faq .list h2 {
text-align: left;
color: var(--blue);
font-weight: bold;
font-family: 'Fira Sans';
font-size: 35px;
margin-bottom: 20px;
}
.archive .block.faq .list [type="checkbox"]:not(:checked) + .question::after,
.archive .block.faq .list [type="checkbox"]:checked + .question::after {
content: ".";
background-size: contain;
background-repeat: no-repeat;
background-position: center;
color: transparent;
width: 36px;
height: 36px;
display: inline-block;
}
.archive .block.faq .list [type="checkbox"]:not(:checked) + .question::after {
content: ".";
color: transparent;
background-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/plus.png);
}
.archive .block.faq .list [type="checkbox"]:checked + .question::after {
content: ".";
color: transparent;
background-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/minus.png);
}
main[data-template="archive_faq"] { background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
main[data-template="archive_faq"] .container {
padding-top: 50px;
}
main[data-template="archive_faq"] .container .list {
width: 100% !important;
}.site-header{
display:none;
}
.benefit p,
.benefit li{
font-family:'Fira Sans';
font-weight: 300;
font-size: 20px;
line-height:1.2;
}
.benefit ul {
list-style-image: url(//workfromgreece.gr/wp-content/themes/work-from-greece/assets/images/arrow_right_small.png);list-style-position: inside;
margin:0;
padding-top: 20px;
}
.benefit li{
margin-bottom:10px;
}
.benefit h4{
font-family:'Fira Sans';
font-size:25px;
color:var(--blue);
font-weight:bold;
border-color: var(--blue);
border-width: 0 0 2px 0;
border-style: solid;
line-height:2;
}
.benefit table{
border:none;
margin-top:15px;
}
.benefit table tr td{
font-family:'Fira Sans';
font-weight:400;
padding:0;
border-width: 0;
line-height: 1.3;
}
section.benefit{
padding-bottom:40px;
}
section.benefit a {
font-family: unset;
color:var(--blue);
font-weight:400;
}
section.benefit a:hover {
color:black;
}
section.benefit .header {
display: flex;
flex-direction: row;
padding-bottom: 20px;
}
section.benefit .icon_wrapper {
width: 300px;
height: 300px;
background-color: var(--blue);
display: flex;
flex-direction: column;
}
section.benefit .icon_wrapper img {
width: 140px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 10px;
}
section.benefit .icon_wrapper .title {
width: 80%;
margin: auto;
color: white;
text-align: center;
font-family:'Fira Sans';
}
section.benefit .cover {
height: 300px;
flex: 1;
background-color: var(--blue);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
section.benefit h3 {
color: var(--blue);
font-weight: bold;
font-family: 'Fira Sans';
font-size: 35px;
}
section.benefit  p {
margin-bottom: 0;
}
section.benefit  div.wp-block-columns {
margin-top: 0em;
margin-bottom: 0em;
}
@media screen and (max-width: 767px) {
section.benefit .icon_wrapper .title{
font-size:18px!important;
}
.ast-separate-container #content .ast-container {
width: 100vw;
padding-left: 0;
padding-right: 0;
}
section.benefit .icon_wrapper img {
width: 33vw;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 2vw;
margin-bottom: 2vw;
}
section.benefit .cover {
width: 50vw;
height: 50vw !important;
background-position: center;
}
section.benefit .icon_wrapper {
height: 50vw;
width: 50vw;
object-position: center;
object-fit: cover;
}
section.benefit p {
width: 90vw;
margin: auto;
text-align: justify;
}
.benefit table,
.benefit h4,
.benefit h5,
.benefit h3,
.benefit ul {
width: 90vw;
margin: auto !important;
}
.benefit table tr {
display: flex;
flex-direction: column;
}
.benefit table tr td {
margin-bottom: 1rem;
}
.benefit table tr b {
display: block;
}
.benefit iframe {
margin-top: 3rem;
min-width: 100vw;
}
.benefit p iframe {
margin-left: -5vw;
}
main[data-template="archive"] .container,
body.single-location .container {
width: 100vw;
}
#splw-location-weather-673.splw-main-wrapper {
max-width: 90vw;
}
}.site-header{
display:none;
}body.single-location  .main_text {
font-size: 25px;
font-family: 'Fira Sans';
font-weight: 600;
}
@media screen and (max-width: 767px) {
body.single-location .main_text {
width: 90vw;
hyphens: auto;
font-size: 14pt;
}
}
 :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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.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(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.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(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.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(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.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(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.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,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.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,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.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(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.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(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.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(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.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(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.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(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.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(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.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(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.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(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.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(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.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(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.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(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.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(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.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(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.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(.9);transform:translate3d(20px,0,0) scaleX(.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(.9);transform:translate3d(20px,0,0) scaleX(.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(.9);transform:translate3d(-20px,0,0) scaleX(.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(.9);transform:translate3d(-20px,0,0) scaleX(.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(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.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(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.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(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.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(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.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(.1) rotate(30deg);transform:scale(.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(.1) rotate(30deg);transform:scale(.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.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(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.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(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.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(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.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}