/* Anton + Outfit are now loaded from Google Fonts CDN via the tag
in each HTML page's . Self-hosted versions removed in v56 to make
font delivery more reliable across CDNs and devices (esp. mobile). */
/* === reset.css === */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scrollbar-gutter: stable
}
*,
:after,
:before {
box-sizing: border-box
}
body {
background-color: #fff;
color: #333;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: inherit;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
margin-block-end: 1rem;
margin-block-start: .5rem
}
h1 {
font-size: 2.5rem
}
h2 {
font-size: 2rem
}
h3 {
font-size: 1.75rem
}
h4 {
font-size: 1.5rem
}
h5 {
font-size: 1.25rem
}
h6 {
font-size: 1rem
}
p {
margin-block-end: .9rem;
margin-block-start: 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em;
white-space: pre-wrap
}
a {
background-color: transparent;
color: #c36;
text-decoration: none
}
a:active,
a:hover {
color: #336
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
abbr[title] {
border-block-end: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none;
height: auto;
max-width: 100%
}
details {
display: block
}
summary {
display: list-item
}
figcaption {
color: #333;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 1.4
}
[hidden],
template {
display: none
}
@media print {
*,
:after,
:before {
background: transparent !important;
box-shadow: none !important;
color: #000 !important;
text-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
pre {
white-space: pre-wrap !important
}
blockquote,
pre {
-moz-column-break-inside: avoid;
border: 1px solid #ccc;
break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
-moz-column-break-inside: avoid;
break-inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
-moz-column-break-after: avoid;
break-after: avoid
}
}
label {
display: inline-block;
line-height: 1;
vertical-align: middle
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 1rem;
line-height: 1.5;
margin: 0
}
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
border: 1px solid #666;
border-radius: 3px;
padding: .5rem 1rem;
transition: all .3s;
width: 100%
}
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
border-color: #333
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;
width: auto
}
[type=button],
[type=submit],
button {
background-color: transparent;
border: 1px solid #c36;
border-radius: 3px;
color: #c36;
display: inline-block;
font-size: 1rem;
font-weight: 400;
padding: .5rem 1rem;
text-align: center;
transition: all .3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap
}
[type=button]:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
outline: none
}
[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
background-color: #c36;
color: #fff;
text-decoration: none
}
[type=button]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto;
resize: vertical
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
select {
display: block
}
table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
font-size: .9em;
margin-block-end: 15px;
width: 100%
}
table td,
table th {
border: 1px solid hsla(0, 0%, 50%, .502);
line-height: 1.5;
padding: 15px;
vertical-align: top
}
table th {
font-weight: 700
}
table tfoot th,
table thead th {
font-size: 1em
}
table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th {
border-block-start: 1px solid hsla(0, 0%, 50%, .502)
}
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
background-color: hsla(0, 0%, 50%, .071)
}
table tbody tr:hover>td,
table tbody tr:hover>th {
background-color: hsla(0, 0%, 50%, .102)
}
table tbody+tbody {
border-block-start: 2px solid hsla(0, 0%, 50%, .502)
}
@media(max-width:767px) {
table table {
font-size: .8em
}
table table td,
table table th {
line-height: 1.3;
padding: 7px
}
table table th {
font-weight: 400
}
}
dd,
dl,
dt,
li,
ol,
ul {
background: transparent;
border: 0;
font-size: 100%;
margin-block-end: 0;
margin-block-start: 0;
outline: 0;
vertical-align: baseline
}
/* === base-desktop.css === */
/* === theme.css === */
.pagination {
display: flex;
justify-content: space-between;
margin: 20px auto
}
.sticky {
display: block;
position: relative
}
.hide {
display: none !important
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #333;
display: block;
font-size: 1rem;
height: auto;
left: 5px;
line-height: normal;
padding: 12px 24px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
#comments .children {
list-style: none;
margin: 0;
padding-inline-start: 30px;
position: relative
}
#comments .children li:last-child {
padding-block-end: 0
}
@media(max-width:767px) {
#comments .children {
padding-inline-start: 20px
}
}
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
margin-inline-end: auto;
margin-inline-start: auto;
width: 100%
}
@media(max-width:575px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
padding-inline-end: 10px;
padding-inline-start: 10px
}
}
@media(min-width:576px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
max-width: 500px
}
}
@media(min-width:768px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
max-width: 600px
}
}
@media(min-width:992px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
max-width: 800px
}
}
@media(min-width:1200px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
max-width: 1140px
}
}
/* === header-footer.css === */
.site-footer {
padding-block-end: 1rem;
padding-block-start: 1rem;
position: relative
}
/* === general.min.css === */
.sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important
}
/* === frontend.min.css === */
:root {
--direction-multiplier: 1
}
body.rtl,
html[dir=rtl] {
--direction-multiplier: -1
}
.elementor-screen-only,
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
top: -10000em;
width: 1px;
clip: rect(0, 0, 0, 0);
border: 0
}
.elementor *,
.elementor :after,
.elementor :before {
box-sizing: border-box
}
.elementor a {
box-shadow: none;
text-decoration: none
}
.elementor hr {
background-color: transparent;
margin: 0
}
.elementor img {
border: none;
border-radius: 0;
box-shadow: none;
height: auto;
max-width: 100%
}
.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure {
margin: 0
}
.elementor embed,
.elementor iframe,
.elementor object,
.elementor video {
border: none;
line-height: 1;
margin: 0;
max-width: 100%;
width: 100%
}
.elementor-element {
--flex-direction: initial;
--flex-wrap: initial;
--justify-content: initial;
--align-items: initial;
--align-content: initial;
--gap: initial;
--flex-basis: initial;
--flex-grow: initial;
--flex-shrink: initial;
--order: initial;
--align-self: initial;
align-self: var(--align-self);
flex-basis: var(--flex-basis);
flex-grow: var(--flex-grow);
flex-shrink: var(--flex-shrink);
order: var(--order)
}
.elementor-element:where(.e-con-full, .elementor-widget) {
align-content: var(--align-content);
align-items: var(--align-items);
flex-direction: var(--flex-direction);
flex-wrap: var(--flex-wrap);
gap: var(--row-gap) var(--column-gap);
justify-content: var(--justify-content)
}
:root {
--page-title-display: block
}
@keyframes eicon-spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
.elementor-widget {
position: relative
}
.elementor-widget:not(:last-child) {
margin-block-end: var(--kit-widget-spacing, 20px)
}
.elementor-widget:not(:last-child).elementor-absolute,
.elementor-widget:not(:last-child).elementor-widget__width-auto,
.elementor-widget:not(:last-child).elementor-widget__width-initial {
margin-block-end: 0
}
@media (min-width:1025px) {
#elementor-device-mode:after {
content: "desktop"
}
}
@media (min-width:-1) {
#elementor-device-mode:after {
content: "widescreen"
}
}
@media (max-width:-1) {
#elementor-device-mode:after {
content: "laptop";
content: "tablet_extra"
}
}
@media (max-width:1024px) {
#elementor-device-mode:after {
content: "tablet"
}
}
@media (max-width:-1) {
#elementor-device-mode:after {
content: "mobile_extra"
}
}
@media (max-width:767px) {
#elementor-device-mode:after {
content: "mobile"
}
}
@media (prefers-reduced-motion:no-preference) {
html {
scroll-behavior: smooth
}
}
.e-con {
--border-radius: 0;
--border-top-width: 0px;
--border-right-width: 0px;
--border-bottom-width: 0px;
--border-left-width: 0px;
--border-style: initial;
--border-color: initial;
--container-widget-width: 100%;
--container-widget-height: initial;
--container-widget-flex-grow: 0;
--container-widget-align-self: initial;
--content-width: min(100%, var(--container-max-width, 1140px));
--width: 100%;
--min-height: initial;
--height: auto;
--text-align: initial;
--margin-top: 0px;
--margin-right: 0px;
--margin-bottom: 0px;
--margin-left: 0px;
--padding-top: var(--container-default-padding-top, 10px);
--padding-right: var(--container-default-padding-right, 10px);
--padding-bottom: var(--container-default-padding-bottom, 10px);
--padding-left: var(--container-default-padding-left, 10px);
--position: relative;
--z-index: revert;
--overflow: visible;
--gap: var(--widgets-spacing, 20px);
--row-gap: var(--widgets-spacing-row, 20px);
--column-gap: var(--widgets-spacing-column, 20px);
--overlay-mix-blend-mode: initial;
--overlay-opacity: 1;
--overlay-transition: 0.3s;
--e-con-grid-template-columns: repeat(3, 1fr);
--e-con-grid-template-rows: repeat(2, 1fr);
border-radius: var(--border-radius);
height: var(--height);
min-height: var(--min-height);
min-width: 0;
overflow: var(--overflow);
position: var(--position);
width: var(--width);
z-index: var(--z-index);
--flex-wrap-mobile: wrap
}
.e-con:where(:not(.e-div-block-base)) {
transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s)
}
.e-con {
--margin-block-start: var(--margin-top);
--margin-block-end: var(--margin-bottom);
--margin-inline-start: var(--margin-left);
--margin-inline-end: var(--margin-right);
--padding-inline-start: var(--padding-left);
--padding-inline-end: var(--padding-right);
--padding-block-start: var(--padding-top);
--padding-block-end: var(--padding-bottom);
--border-block-start-width: var(--border-top-width);
--border-block-end-width: var(--border-bottom-width);
--border-inline-start-width: var(--border-left-width);
--border-inline-end-width: var(--border-right-width)
}
body.rtl .e-con {
--padding-inline-start: var(--padding-right);
--padding-inline-end: var(--padding-left);
--margin-inline-start: var(--margin-right);
--margin-inline-end: var(--margin-left);
--border-inline-start-width: var(--border-right-width);
--border-inline-end-width: var(--border-left-width)
}
.e-con {
margin-block-end: var(--margin-block-end);
margin-block-start: var(--margin-block-start);
margin-inline-end: var(--margin-inline-end);
margin-inline-start: var(--margin-inline-start);
padding-inline-end: var(--padding-inline-end);
padding-inline-start: var(--padding-inline-start)
}
.e-con.e-flex {
--flex-direction: column;
--flex-basis: auto;
--flex-grow: 0;
--flex-shrink: 1;
flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis)
}
.e-con-full,
.e-con>.e-con-inner {
padding-block-end: var(--padding-block-end);
padding-block-start: var(--padding-block-start);
text-align: var(--text-align)
}
.e-con-full.e-flex,
.e-con.e-flex>.e-con-inner {
flex-direction: var(--flex-direction)
}
.e-con,
.e-con>.e-con-inner {
display: var(--display)
}
.e-con.e-grid {
--grid-justify-content: start;
--grid-align-content: start;
--grid-auto-flow: row
}
.e-con.e-grid,
.e-con.e-grid>.e-con-inner {
align-content: var(--grid-align-content);
align-items: var(--align-items);
grid-auto-flow: var(--grid-auto-flow);
grid-template-columns: var(--e-con-grid-template-columns);
grid-template-rows: var(--e-con-grid-template-rows);
justify-content: var(--grid-justify-content);
justify-items: var(--justify-items)
}
.e-con-boxed.e-flex {
align-content: normal;
align-items: normal;
flex-direction: column;
flex-wrap: nowrap;
justify-content: normal
}
.e-con-boxed.e-grid {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
justify-items: legacy
}
.e-con-boxed {
gap: initial;
text-align: initial
}
.e-con.e-flex>.e-con-inner {
align-content: var(--align-content);
align-items: var(--align-items);
align-self: auto;
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
flex-wrap: var(--flex-wrap);
justify-content: var(--justify-content)
}
.e-con.e-grid>.e-con-inner {
align-items: var(--align-items);
justify-items: var(--justify-items)
}
.e-con>.e-con-inner {
gap: var(--row-gap) var(--column-gap);
height: 100%;
margin: 0 auto;
max-width: var(--content-width);
padding-inline-end: 0;
padding-inline-start: 0;
width: 100%
}
:is(.elementor-section-wrap, [data-elementor-id])>.e-con {
--margin-left: auto;
--margin-right: auto;
max-width: min(100%, var(--width))
}
:is([data-widget_type="e-component.default"], [data-widget_type="e-component.default"]>.elementor-section-wrap)>.e-con {
--margin-right: 0px;
--margin-left: 0px
}
.e-con .elementor-widget.elementor-widget {
margin-block-end: 0
}
.e-con:before,
.e-con>.elementor-background-slideshow:before,
.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,
:is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container:before {
border-block-end-width: var(--border-block-end-width);
border-block-start-width: var(--border-block-start-width);
border-color: var(--border-color);
border-inline-end-width: var(--border-inline-end-width);
border-inline-start-width: var(--border-inline-start-width);
border-radius: var(--border-radius);
border-style: var(--border-style);
content: var(--background-overlay);
display: block;
height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%);
left: calc(0px - var(--border-left-width));
mix-blend-mode: var(--overlay-mix-blend-mode);
opacity: var(--overlay-opacity);
position: absolute;
top: calc(0px - var(--border-top-width));
transition: var(--overlay-transition, .3s);
width: max(100% + var(--border-left-width) + var(--border-right-width), 100%)
}
.e-con:before {
transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s)
}
.e-con>.elementor-background-slideshow,
:is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container {
border-block-end-width: var(--border-block-end-width);
border-block-start-width: var(--border-block-start-width);
border-color: var(--border-color);
border-inline-end-width: var(--border-inline-end-width);
border-inline-start-width: var(--border-inline-start-width);
border-radius: var(--border-radius);
border-style: var(--border-style);
height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%);
left: calc(0px - var(--border-left-width));
top: calc(0px - var(--border-top-width));
width: max(100% + var(--border-left-width) + var(--border-right-width), 100%)
}
@media (max-width:767px) {
:is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile {
display: none
}
}
:is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container:before {
z-index: 1
}
:is(.e-con, .e-con>.e-con-inner)>.elementor-background-slideshow:before {
z-index: 2
}
.e-con .elementor-widget {
min-width: 0
}
.e-con .elementor-widget-empty,
.e-con .elementor-widget-google_maps,
.e-con .elementor-widget-video,
.e-con .elementor-widget.e-widget-swiper {
width: 100%
}
.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,
.e-con>.elementor-widget>.elementor-widget-container {
height: 100%
}
.e-con.e-con>.e-con-inner>.elementor-widget,
.elementor.elementor .e-con>.elementor-widget {
max-width: 100%
}
.e-con .elementor-widget:not(:last-child) {
--kit-widget-spacing: 0px
}
@media (max-width:767px) {
.e-con.e-flex {
--width: 100%;
--flex-wrap: var(--flex-wrap-mobile)
}
}
.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,
.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)) {
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s)
}
.elementor-heading-title {
line-height: 1;
margin: 0;
padding: 0
}
.elementor-view-stacked .elementor-icon {
background-color: #69727d;
color: #fff;
fill: #fff;
padding: .5em
}
.elementor-icon {
color: #69727d;
display: inline-block;
font-size: 50px;
line-height: 1;
text-align: center;
transition: all .3s
}
.elementor-icon:hover {
color: #69727d
}
.elementor-icon i,
.elementor-icon svg {
display: block;
height: 1em;
position: relative;
width: 1em
}
.elementor-icon i:before,
.elementor-icon svg:before {
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.elementor-shape-circle .elementor-icon {
border-radius: 50%
}
.animated {
animation-duration: 1.25s
}
.animated.infinite {
animation-iteration-count: infinite
}
.animated.reverse {
animation-direction: reverse;
animation-fill-mode: forwards
}
@media (prefers-reduced-motion:reduce) {
.animated {
animation: none !important
}
html * {
transition-delay: 0s !important;
transition-duration: 0s !important
}
}
@media (max-width:767px) {
.elementor .elementor-hidden-mobile,
.elementor .elementor-hidden-phone {
display: none
}
}
@media (min-width:768px) and (max-width:1024px) {
.elementor .elementor-hidden-tablet {
display: none
}
}
@media (min-width:1025px) and (max-width:99999px) {
.elementor .elementor-hidden-desktop {
display: none
}
}
/* === elementor-icons.min.css === REMOVED: the eicons font files were never part
of this static export (no fonts/eicons.*), no markup or live JS uses .eicon-*
classes, so the glyph map was dead weight. */
/* === widget-styles.css === */
@charset "UTF-8";
.navmenu-wid-con .row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.navmenu-wid-con .col {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.navmenu-wid-con .col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%
}
.navmenu-wid-con .fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.navmenu-wid-con .fade.in {
opacity: 1
}
.navmenu-wid-con .collapse {
display: none
}
.navmenu-wid-con .collapse.in {
display: block
}
.navmenu-wid-con .clearfix::after,
.navmenu-wid-con .clearfix::before,
.navmenu-wid-con .nav::after,
.navmenu-wid-con .nav::before,
.navmenu-wid-con .row::after,
.navmenu-wid-con .row::before {
display: table;
content: " "
}
.navmenu-wid-con .clearfix::after,
.navmenu-wid-con .nav::after,
.navmenu-wid-con .row::after {
clear: both
}
.navmenu-wid-con .hide {
display: none !important
}
.navmenu-wid-con .show {
display: block !important
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
position: fixed;
outline: 0 !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container::before {
display: none
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close.navmenu-popup-close {
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-arrow,
.mfp-close.navmenu-popup-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
button.mfp-arrow,
button.mfp-close.navmenu-popup-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation
}
button.mfp-arrow:focus-visible,
button.mfp-close.navmenu-popup-close:focus-visible {
outline: -webkit-focus-ring-color auto 1px
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: .65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1
}
.mfp-arrow::after,
.mfp-arrow::before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow::after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow::before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left::after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left::before {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right::after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right::before {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure::after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.navmenu-menu-container {
z-index: 10000
}
.navmenu-navbar-nav>li>a .navmenu-menu-icon {
padding-right: 5px
}
.navmenu-dropdown li {
position: relative
}
.navmenu-navbar-nav-default .navmenu-navbar-nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
margin-left: 0
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>li {
position: relative
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>li>a {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>li>a:hover {
text-decoration: none
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>li>a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
text-transform: none;
font-weight: 500;
letter-spacing: normal
}
.navmenu-navbar-nav-default .navmenu-dropdown {
border-top: 1px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
background-color: #f4f4f4;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
padding-left: 0;
list-style: none;
opacity: 0;
visibility: hidden;
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease
}
.navmenu-navbar-nav-default .navmenu-dropdown>li>.navmenu-dropdown {
left: 100%;
top: 0
}
.navmenu-navbar-nav-default .navmenu-submenu-panel>li>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 15px;
padding-left: 10px;
padding-bottom: 15px;
padding-right: 10px;
color: #000;
font-weight: 400;
font-size: 14px;
-webkit-transition: all .3s;
transition: all .3s
}
.navmenu-navbar-nav-default .navmenu-navbar-nav.navmenu-dropdown li:hover>a,
.navmenu-navbar-nav-default .navmenu-navbar-nav>.navmenu-dropdown li>a:hover {
color: #1e73be;
background-color: #fff
}
.navmenu-navbar-nav-default .navmenu-submenu-panel>li:hover>a,
.navmenu-navbar-nav-default .navmenu-submenu-panel>li>a:hover {
color: #0d3a4f;
background-color: rgba(255, 255, 255, .5)
}
.navmenu-navbar-nav-default .navmenu-megamenu-panel {
width: 100%
}
.navmenu-navbar-nav-default .navmenu-nav-identity-panel {
display: none
}
.navmenu-navbar-nav-default button.navmenu-menu-close {
border: 1px solid rgba(0, 0, 0, .5);
color: rgba(51, 51, 51, .5);
float: right;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px
}
.navmenu-navbar-nav-default .navmenu-dropdown-has>a {
position: relative
}
.navmenu-navbar-nav-default .navmenu-dropdown-has>a .navmenu-submenu-indicator {
font-weight: 900;
font-style: normal;
margin-left: 6px;
display: block;
float: right;
cursor: pointer;
position: relative;
font-size: 11px
}
@media (max-width:1024px) {
.navmenu-navbar-nav-default .navmenu-dropdown-has>a .navmenu-submenu-indicator {
padding: 4px 15px
}
}
@media (max-width:1024px) {
.navmenu-navbar-nav-default .navmenu-dropdown-has>a svg.navmenu-submenu-indicator {
width: auto;
height: auto;
max-width: 42px;
max-height: 42px
}
}
.navmenu-navbar-nav-default.navmenu-menu-container {
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
position: relative;
height: 100px;
z-index: 90000
}
.navmenu-navbar-nav-default .navmenu-dropdown {
min-width: 250px;
margin-left: 0
}
.navmenu-navbar-nav-default .navmenu-navbar-nav {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>li>a {
font-size: 14px;
color: #000;
padding-left: 15px;
padding-right: 15px
}
.navmenu-navbar-nav-default .navmenu-navbar-nav.navmenu-menu-po-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width:1025px) {
.navmenu-navbar-nav-default .navmenu-dropdown {
-webkit-box-shadow: 0 10px 30px 0 rgba(45, 45, 45, .2);
box-shadow: 0 10px 30px 0 rgba(45, 45, 45, .2);
position: absolute;
top: 100%;
left: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
pointer-events: none;
max-height: none;
z-index: 999
}
.navmenu-navbar-nav-default .navmenu-megamenu-panel {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
pointer-events: none;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
transition: all .4s ease;
margin-left: 0;
position: absolute;
left: 0;
top: 100%;
display: block;
z-index: 999
}
}
@media (max-width:1024px) {
.ekit_menu_responsive_tablet>.navmenu-navbar-nav-default {
background-color: var(--brand-grey-50)
}
.navmenu-navbar-nav-default.navmenu-menu-offcanvas-elements {
width: 100%;
position: fixed;
top: 0;
left: -100vw;
height: 100%;
-webkit-box-shadow: 0 10px 30px 0 rgba(255, 165, 0, 0);
box-shadow: 0 10px 30px 0 rgba(255, 165, 0, 0);
overflow-y: auto;
overflow-x: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transition: left .6s cubic-bezier(.6, .1, .68, .53);
transition: left .6s cubic-bezier(.6, .1, .68, .53)
}
.navmenu-navbar-nav-default .navmenu-nav-identity-panel {
display: block;
position: relative;
z-index: 5;
width: 100%
}
.navmenu-navbar-nav-default .navmenu-nav-identity-panel button.navmenu-menu-close {
float: right
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>li>a {
color: #000;
font-size: 12px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 5px
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>li>a:hover {
color: #0d3a4f
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>li:hover>a {
color: #0d3a4f
}
.navmenu-navbar-nav-default .navmenu-submenu-panel>li>a {
color: #000;
font-size: 12px;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 7px
}
.navmenu-navbar-nav-default .navmenu-dropdown {
display: block;
border: 0;
margin-left: 0
}
.navmenu-navbar-nav-default .navmenu-megamenu-panel {
display: none
}
.navmenu-navbar-nav-default .navmenu-navbar-nav>.navmenu-dropdown-has>.navmenu-dropdown li a {
padding-left: 15px
}
}
@-webkit-keyframes ekit_ajax_spinner_rotation {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes ekit_ajax_spinner_rotation {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@media (min-width:1025px) {
.navmenu-nav-dropdown-hover .navmenu-dropdown-has .navmenu-dropdown {
-webkit-box-shadow: 0 10px 30px 0 rgba(45, 45, 45, .2);
box-shadow: 0 10px 30px 0 rgba(45, 45, 45, .2);
position: absolute;
top: 100%;
left: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
pointer-events: none;
max-height: none;
z-index: 999
}
.navmenu-nav-dropdown-hover .navmenu-dropdown-has:hover>.navmenu-dropdown {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
pointer-events: auto
}
}
@media only screen and (max-width:1023px) and (min-width:768px) {
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default.navmenu-nav-dropdown-hover .navmenu-dropdown-has:hover>.navmenu-dropdown,
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default.navmenu-nav-dropdown-hover .navmenu-dropdown-has:hover>.navmenu-megamenu-panel {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
pointer-events: auto
}
}
@media only screen and (max-width:1024px) and (min-width:766px) {
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-megamenu-panel.navmenu-dropdown-open {
display: block
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown {
display: none
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown~.navmenu-megamenu-panel {
display: none
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown.navmenu-dropdown-open {
display: block;
max-height: 2500px;
opacity: 1;
visibility: visible;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-navbar-nav {
overflow-y: auto
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown>li>.navmenu-dropdown {
left: 0
}
}
button.navmenu-menu-close,
button.navmenu-menu-hamburger {
display: none
}
button.navmenu-menu-hamburger {
color: #000
}
@media (max-width:1024px) {
.navmenu-menu-overlay {
display: block;
position: fixed;
z-index: 14;
top: 0;
left: -100%;
height: 100%;
width: 100%;
background-color: rgba(51, 51, 51, .5);
-webkit-transition: all .4s ease;
transition: all .4s ease;
opacity: 1;
visibility: visible;
-webkit-transition: all .6s cubic-bezier(.6, .1, .68, .53) .4s;
transition: all .6s cubic-bezier(.6, .1, .68, .53) .4s
}
button.navmenu-menu-hamburger {
border: 1px solid rgba(0, 0, 0, .2);
float: right
}
button.navmenu-menu-close,
button.navmenu-menu-hamburger {
padding: 8px;
background-color: transparent;
border-radius: .25rem;
position: relative;
z-index: 10;
cursor: pointer;
width: 45px;
-webkit-transition: all .4s ease-in;
transition: all .4s ease-in
}
}
.dropdown-item,
.navmenu-menu-nav-link {
position: relative
}
.dropdown-item span.navmenu-spinner,
.dropdown-item>i,
.dropdown-item>svg,
.navmenu-menu-nav-link span.navmenu-spinner,
.navmenu-menu-nav-link>i,
.navmenu-menu-nav-link>svg {
margin-right: 6px
}
@-webkit-keyframes xs-zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes xs-zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.navmenu-nav-logo {
display: inline-block
}
@media (max-width:1024px) {
.elementor-widget-navmenu-nav-menu {
-webkit-animation: none !important;
animation: none !important
}
.navmenu-wid-con:not(.ekit_menu_responsive_mobile) .navmenu-navbar-nav {
display: block
}
}
@media (max-width:1024px) {
button.navmenu-menu-close,
button.navmenu-menu-hamburger {
display: block
}
.navmenu-menu-container {
max-width: 95vw
}
.navmenu-menu-overlay.active {
left: 0;
-webkit-transition: all .6s cubic-bezier(.22, .61, .24, 1) 0s;
transition: all .6s cubic-bezier(.22, .61, .24, 1) 0s
}
.navmenu-menu-offcanvas-elements {
height: 100% !important;
padding-bottom: 10px
}
.navmenu-menu-offcanvas-elements.active {
left: 0
}
.navmenu-dropdown {
position: relative;
max-height: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: max-height .3s ease;
transition: max-height .3s ease
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown-has>a .navmenu-submenu-indicator {
margin-left: auto
}
.ekit_menu_responsive_tablet .navmenu-submenu-indicator {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
border: 1px solid;
border-radius: 30px
}
}
@media (max-width:767px) {
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-megamenu-panel.navmenu-dropdown-open {
display: block
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown {
display: none
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown~.navmenu-megamenu-panel {
display: none
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown.navmenu-dropdown-open {
display: block;
max-height: 2500px;
opacity: 1;
visibility: visible;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-navbar-nav {
overflow-y: auto
}
.ekit_menu_responsive_tablet .navmenu-navbar-nav-default .navmenu-dropdown>li>.navmenu-dropdown {
left: 0
}
}
.navmenu-navbar-nav .navmenu-submenu-panel>li:hover>a>i,
.navmenu-navbar-nav .navmenu-submenu-panel>li>a:hover>i {
color: inherit !important
}
@media (min-width:1025px) {
.ekit_menu_responsive_tablet .navmenu-nav-menu--overlay {
display: none
}
}
.navmenu-vertical-navbar-nav {
padding-left: 0;
list-style: none;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
background-color: #fff;
margin-left: 0;
margin-bottom: 0;
list-style: none
}
.navmenu-vertical-navbar-nav .navmenu-dropdown,
.navmenu-vertical-navbar-nav .navmenu-megamenu-panel {
margin-left: 0;
list-style: none;
margin-bottom: 0
}
.navmenu-vertical-navbar-nav>li:not(:last-child) {
border-bottom: 1px solid #ededed
}
.navmenu-vertical-navbar-nav>li>a {
font-size: 14px;
font-weight: 500;
color: #101010;
display: block;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navmenu-vertical-navbar-nav>li>a .navmenu-menu-icon {
margin-right: 7px;
padding-right: 0
}
.navmenu-vertical-navbar-nav>li>a:hover {
color: #4285f4
}
.navmenu-vertical-navbar-nav>li:hover>a {
color: #4285f4
}
.navmenu-vertical-navbar-nav li.navmenu-dropdown-has {
position: relative
}
@media (min-width:1025px) {
.navmenu-vertical-navbar-nav li.navmenu-dropdown-has:hover>.navmenu-dropdown {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: auto
}
}
@media (max-width:1024px) {
.navmenu-vertical-navbar-nav .navmenu-megamenu-panel {
display: none;
width: auto !important
}
.navmenu-vertical-navbar-nav .navmenu-mobile-builder-content .navmenu-megamenu-panel.navmenu-dropdown-open {
display: block
}
.navmenu-vertical-navbar-nav .navmenu-dropdown-has .navmenu-dropdown.navmenu-dropdown-open {
display: block
}
}
.navmenu-vertical-navbar-nav .navmenu-dropdown {
padding-left: 0;
list-style: none;
max-width: 220px;
width: 100%
}
@media (min-width:1025px) {
.navmenu-vertical-navbar-nav .navmenu-dropdown {
position: absolute;
left: 100%;
top: 0;
z-index: 100;
background-color: #fff;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s linear;
transition: all .3s linear;
pointer-events: none
}
}
@media (max-width:1024px) {
.navmenu-vertical-navbar-nav .navmenu-dropdown {
display: none;
max-height: none;
max-width: 100%;
padding: 10px 15px
}
}
@media (min-width:1025px) {
.navmenu-vertical-navbar-nav .navmenu-dropdown>li:not(:last-child) {
border-bottom: 1px solid #ededed
}
}
.navmenu-vertical-navbar-nav .navmenu-dropdown>li:first-child {
margin-top: 0
}
.navmenu-vertical-navbar-nav .navmenu-dropdown>li:last-child {
margin-bottom: 0
}
.navmenu-vertical-navbar-nav .navmenu-dropdown>li>a {
font-size: 14px;
font-weight: 500;
color: #101010;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:1025px) {
.navmenu-vertical-navbar-nav .navmenu-megamenu-panel {
position: absolute;
left: 100%;
top: 0;
z-index: 100;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s linear;
transition: all .3s linear;
pointer-events: none;
width: 100%
}
}
.navmenu-vertical-navbar-nav .navmenu-submenu-indicator {
display: block;
line-height: 1;
margin-left: auto;
position: relative;
font-weight: 900;
font-style: normal;
font-family: "Font Awesome 5 Free";
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.navmenu-vertical-navbar-nav .navmenu-submenu-indicator::before {
content: "\f105"
}
@keyframes dtb-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes dtb-spinner {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.navmenu-wid-con .select {
cursor: pointer;
display: block;
position: relative;
font-size: 16px;
color: #7b7b7b;
width: 220px;
height: 44px;
float: right
}
a:hover>.a:hover\:met_scalex--200:hover {
-webkit-transform: scaleX(2);
transform: scaleX(2)
}
a:hover>.a:hover\:met_scaley--200:hover {
-webkit-transform: scaleY(2);
transform: scaleY(2)
}
.navmenu-wid-con .ekit_social_media {
margin-left: 0;
padding-left: 0;
list-style: none
}
.navmenu-wid-con .ekit_social_media>li>a {
display: block;
cursor: pointer;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.navmenu-wid-con .ekit_social_media>li>a i {
vertical-align: middle;
display: inline-block
}
.navmenu-wid-con .ekit_social_media>li>a svg {
max-width: 16px;
height: auto;
vertical-align: middle
}
@media (max-width:1024px) {
.navmenu-wid-con .ekit_social_media>li {
margin-bottom: 20px
}
}
.navmenu-wid-con .nav {
margin: 0;
padding: 0;
list-style: none
}
.navmenu-wid-con .small {
font-size: 12px;
line-height: 20px
}
.navmenu-wid-con .muted {
color: #adadad
}
.navmenu-wid-con iframe {
border: none
}
.navmenu-wid-con a {
text-decoration: none
}
.navmenu-wid-con a,
.navmenu-wid-con b,
.navmenu-wid-con div,
.navmenu-wid-con li,
.navmenu-wid-con ul {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
outline: 0
}
.navmenu-wid-con a:active,
.navmenu-wid-con a:focus,
.navmenu-wid-con input,
.navmenu-wid-con input:active,
.navmenu-wid-con input:focus,
.navmenu-wid-con input:hover,
.navmenu-wid-con textarea,
.navmenu-wid-con textarea:active,
.navmenu-wid-con textarea:focus,
.navmenu-wid-con textarea:hover {
-moz-outline: none;
outline: 0
}
.navmenu-wid-con a:active,
.navmenu-wid-con a:focus,
.navmenu-wid-con a:hover,
.navmenu-wid-con a:visited {
outline: 0;
text-decoration: none
}
.navmenu-wid-con embed,
.navmenu-wid-con img:not([draggable]),
.navmenu-wid-con object,
.navmenu-wid-con video {
max-width: 100%;
height: auto
}
.navmenu-wid-con [type=button]:focus:not(:focus-visible),
.navmenu-wid-con [type=submit]:focus:not(:focus-visible),
.navmenu-wid-con button:focus:not(:focus-visible) {
outline: 0
}
.navmenu-wid-con a:focus-visible,
.navmenu-wid-con button:focus-visible,
.navmenu-wid-con input:focus-visible,
.navmenu-wid-con textarea:focus-visible {
outline: -webkit-focus-ring-color auto 1px
}
.navmenu-wid-con img {
border: none;
max-width: 100%
}
.navmenu-wid-con li,
.navmenu-wid-con ul {
margin: 0;
padding: 0
}
.navmenu-wid-con h4,
.navmenu-wid-con p {
margin-bottom: 10px
}
.navmenu-wid-con svg {
width: 1em;
height: 1em
}
.navmenu-wid-con .navmenu-navbar-nav-default.navmenu-menu-container {
z-index: 1000
}
.navmenu-wid-con .navmenu-navbar-nav-default .navmenu-navbar-nav>li>a:hover {
background-color: transparent
}
.navmenu-wid-con .media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
@media (max-width:1024px) {
.navmenu-wid-con .navmenu-vertical-navbar-nav .navmenu-submenu-indicator {
padding: 3px 10px;
border: 1px solid;
border-radius: 30px
}
}
.navmenu-wid-con .mfp-iframe-scaler iframe {
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0
}
.navmenu-wid-con img {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none
}
.navmenu-wid-con button {
cursor: pointer;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.navmenu-wid-con input {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.navmenu-wid-con [data-ajax-post-id]:not(.is--loaded):before {
content: "";
display: block;
width: 30px;
height: 30px;
margin: 20px auto;
border-style: solid;
border-width: 3px;
border-color: #acacac #ddd #ddd;
border-radius: 50%;
-webkit-animation: eicon-spin 1.5s infinite linear;
animation: eicon-spin 1.5s infinite linear
}
#wp-admin-bar-elementor_edit_page-default:empty {
display: none
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #333;
display: block;
font-size: 1rem;
height: auto;
left: 5px;
line-height: normal;
padding: 12px 24px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
.navmenu-template-content-footer,
.navmenu-template-content-header {
clear: both
}
.mfp-bg,
.mfp-container {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.mfp-ready .mfp-container {
opacity: 1
}
.mfp-ready.mfp-bg {
opacity: .8
}
.mfp-removing .mfp-container,
.mfp-removing.mfp-bg {
opacity: 0
}
.mfp-container.mfp-iframe-holder {
position: fixed
}
.mfp-removing {
-webkit-animation: close 1s;
animation: close 1s
}
@-webkit-keyframes bounceAnim {
0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-16px);
transform: translateY(-16px)
}
60% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
@keyframes bounceAnim {
0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-16px);
transform: translateY(-16px)
}
60% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
@-webkit-keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(.04) translateY(300%);
transform: scale(.04) translateY(300%)
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0);
-webkit-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0)
}
60% {
opacity: 1;
-webkit-transform: scale(.02) translateY(0);
transform: scale(.02) translateY(0)
}
61% {
opacity: 1;
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0)
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%
}
100% {
opacity: 1;
-webkit-transform: scale(2) translateY(0);
transform: scale(2) translateY(0);
height: 100%;
padding-bottom: 0;
border-radius: 0
}
}
@keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(.04) translateY(300%);
transform: scale(.04) translateY(300%)
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0);
-webkit-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0)
}
60% {
opacity: 1;
-webkit-transform: scale(.02) translateY(0);
transform: scale(.02) translateY(0)
}
61% {
opacity: 1;
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0)
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%
}
100% {
opacity: 1;
-webkit-transform: scale(2) translateY(0);
transform: scale(2) translateY(0);
height: 100%;
padding-bottom: 0;
border-radius: 0
}
}
@-webkit-keyframes show-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes show-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes hide-fadeout {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes hide-fadeout {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes show-animation {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes show-animation {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes hide-animation {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
}
@keyframes hide-animation {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@-webkit-keyframes button-ripple {
70% {
-webkit-box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
opacity: 0
}
100% {
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
opacity: 0
}
}
@keyframes button-ripple {
70% {
-webkit-box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
opacity: 0
}
100% {
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
opacity: 0
}
}
@-webkit-keyframes radio-wave {
0% {
opacity: .8;
border-width: 2px
}
70% {
opacity: .4
}
100% {
-webkit-transform: scale(var(--navmenu-radio-wave-scale));
transform: scale(var(--navmenu-radio-wave-scale));
opacity: 0;
border-width: 0
}
}
@keyframes radio-wave {
0% {
opacity: .8;
border-width: 2px
}
70% {
opacity: .4
}
100% {
-webkit-transform: scale(var(--navmenu-radio-wave-scale));
transform: scale(var(--navmenu-radio-wave-scale));
opacity: 0;
border-width: 0
}
}
@-webkit-keyframes open {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes open {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes close {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes close {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes galleryopen {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes galleryopen {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes location-indicator {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .2);
box-shadow: 0 0 0 0 rgba(12, 90, 219, .2)
}
70% {
-webkit-box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
box-shadow: 0 0 0 30px rgba(12, 90, 219, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
}
}
@keyframes location-indicator {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .2);
box-shadow: 0 0 0 0 rgba(12, 90, 219, .2)
}
70% {
-webkit-box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
box-shadow: 0 0 0 30px rgba(12, 90, 219, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
}
}
@-webkit-keyframes iconTranslateY {
49% {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
51% {
opacity: 1
}
}
@keyframes iconTranslateY {
49% {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
51% {
opacity: 1
}
}
@-webkit-keyframes RainDrop {
0%,
100%,
25%,
55%,
75%,
87%,
97% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
26%,
56%,
76% {
-webkit-transform: scaleX(1.3) scaleY(.8);
transform: scaleX(1.3) scaleY(.8)
}
31%,
61%,
81% {
-webkit-transform: scaleX(.8) scaleY(1.2);
transform: scaleX(.8) scaleY(1.2)
}
76%,
88% {
-webkit-transform: scaleX(1.2);
transform: scaleX(1.2)
}
98% {
-webkit-transform: scaleX(1.1);
transform: scaleX(1.1)
}
}
@keyframes RainDrop {
0%,
100%,
25%,
55%,
75%,
87%,
97% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
26%,
56%,
76% {
-webkit-transform: scaleX(1.3) scaleY(.8);
transform: scaleX(1.3) scaleY(.8)
}
31%,
61%,
81% {
-webkit-transform: scaleX(.8) scaleY(1.2);
transform: scaleX(.8) scaleY(1.2)
}
76%,
88% {
-webkit-transform: scaleX(1.2);
transform: scaleX(1.2)
}
98% {
-webkit-transform: scaleX(1.1);
transform: scaleX(1.1)
}
}
@-webkit-keyframes WaterWave {
50% {
-webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
transform: skewY(1deg) skewX(-1deg) scale(1.06)
}
}
@keyframes WaterWave {
50% {
-webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
transform: skewY(1deg) skewX(-1deg) scale(1.06)
}
}
@-webkit-keyframes lightning {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes lightning {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-webkit-keyframes JoltZoom {
10% {
font-size: 140%
}
40% {
font-size: 80%
}
100% {
font-size: 100%
}
}
@keyframes JoltZoom {
10% {
font-size: 140%
}
40% {
font-size: 80%
}
100% {
font-size: 100%
}
}
@-webkit-keyframes typing {
from {
width: 0
}
}
@keyframes typing {
from {
width: 0
}
}
@-webkit-keyframes cursor {
50% {
border-color: transparent
}
}
@keyframes cursor {
50% {
border-color: transparent
}
}
@-webkit-keyframes wipe {
to {
width: 0
}
}
@keyframes wipe {
to {
width: 0
}
}
@keyframes open {
from {
width: 0
}
}
@-webkit-keyframes Magnify {
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
letter-spacing: 26px
}
}
@keyframes Magnify {
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
letter-spacing: 26px
}
}
@-webkit-keyframes Beat {
14%,
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28%,
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes Beat {
14%,
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28%,
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes FadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes FadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes FadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes FadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes FadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes FadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes FadeInTop {
from {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1
}
}
@keyframes FadeInTop {
from {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1
}
}
@-webkit-keyframes FadeInBottom {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
opacity: 1
}
}
@keyframes FadeInBottom {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
opacity: 1
}
}
@-webkit-keyframes FadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes FadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes FadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes FadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@-webkit-keyframes FadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes FadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-webkit-keyframes FadeOutTop {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@keyframes FadeOutTop {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@-webkit-keyframes FadeOutBottom {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
@keyframes FadeOutBottom {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
@-webkit-keyframes MovingBackFromRight {
40% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
}
}
@keyframes MovingBackFromRight {
40% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
}
}
@-webkit-keyframes MovingBackFromLeft {
40% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
}
}
@keyframes MovingBackFromLeft {
40% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
}
}
@-webkit-keyframes KickOutFront {
40% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
}
}
@keyframes KickOutFront {
40% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
}
}
@-webkit-keyframes KickOutBehind {
40% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
}
}
@keyframes KickOutBehind {
40% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
}
}
@-webkit-keyframes ScaleXIn {
from {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
50% {
opacity: 1
}
}
@keyframes ScaleXIn {
from {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
50% {
opacity: 1
}
}
@-webkit-keyframes ScaleXOut {
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
from {
opacity: 1
}
}
@keyframes ScaleXOut {
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
from {
opacity: 1
}
}
@-webkit-keyframes ScaleYIn {
from {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
50% {
opacity: 1
}
}
@keyframes ScaleYIn {
from {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
50% {
opacity: 1
}
}
@-webkit-keyframes ScaleYOut {
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
from {
opacity: 1
}
}
@keyframes ScaleYOut {
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
from {
opacity: 1
}
}
@-webkit-keyframes Jump {
to {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@keyframes Jump {
to {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@-webkit-keyframes AboundTop {
50% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes AboundTop {
50% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes AboundBottom {
50% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes AboundBottom {
50% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes AboundLeft {
50% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes AboundLeft {
50% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes AboundRight {
50% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes AboundRight {
50% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes FlyInTop {
0% {
-webkit-transform: translate(0, -80px);
transform: translate(0, -80px);
opacity: 0
}
50% {
-webkit-transform: translate(10px, 50px);
transform: translate(10px, 50px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
}
@keyframes FlyInTop {
0% {
-webkit-transform: translate(0, -80px);
transform: translate(0, -80px);
opacity: 0
}
50% {
-webkit-transform: translate(10px, 50px);
transform: translate(10px, 50px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
}
@-webkit-keyframes FlyInLeft {
0% {
-webkit-transform: translate(-40px, 0);
transform: translate(-40px, 0);
opacity: 0
}
50% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0)
}
}
@keyframes FlyInLeft {
0% {
-webkit-transform: translate(-40px, 0);
transform: translate(-40px, 0);
opacity: 0
}
50% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0)
}
}
@-webkit-keyframes FlyInRight {
0% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
opacity: 0
}
50% {
-webkit-transform: translate(-40px, 0);
transform: translate(-40px, 0)
}
}
@keyframes FlyInRight {
0% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
opacity: 0
}
50% {
-webkit-transform: translate(-40px, 0);
transform: translate(-40px, 0)
}
}
@-webkit-keyframes FlyInBottom {
0% {
-webkit-transform: translate(0, 80px);
transform: translate(0, 80px);
opacity: 0
}
50% {
-webkit-transform: translate(10px, -50px);
transform: translate(10px, -50px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
}
@keyframes FlyInBottom {
0% {
-webkit-transform: translate(0, 80px);
transform: translate(0, 80px);
opacity: 0
}
50% {
-webkit-transform: translate(10px, -50px);
transform: translate(10px, -50px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
}
@-webkit-keyframes FlyOutTop {
50% {
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px)
}
to {
-webkit-transform: translate(0, -100px);
transform: translate(0, -100px);
opacity: 0
}
}
@keyframes FlyOutTop {
50% {
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px)
}
to {
-webkit-transform: translate(0, -100px);
transform: translate(0, -100px);
opacity: 0
}
}
@-webkit-keyframes FlyOutLeft {
50% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0)
}
to {
-webkit-transform: translate(-100px, 0);
transform: translate(-100px, 0);
opacity: 0
}
}
@keyframes FlyOutLeft {
50% {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0)
}
to {
-webkit-transform: translate(-100px, 0);
transform: translate(-100px, 0);
opacity: 0
}
}
@-webkit-keyframes FlyOutRight {
50% {
-webkit-transform: translate(-40px, 0);
transform: translate(-40px, 0)
}
to {
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
opacity: 0
}
}
@keyframes FlyOutRight {
50% {
-webkit-transform: translate(-40px, 0);
transform: translate(-40px, 0)
}
to {
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
opacity: 0
}
}
@-webkit-keyframes FlyOutBottom {
50% {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px)
}
to {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0
}
}
@keyframes FlyOutBottom {
50% {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px)
}
to {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0
}
}
@-webkit-keyframes DoorCloseLeft {
from,
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-transform-origin: left;
transform-origin: left
}
from {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes DoorCloseLeft {
from,
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-transform-origin: left;
transform-origin: left
}
from {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes DoorOpenRight {
from,
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-transform-origin: left;
transform-origin: left
}
to {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0
}
}
@keyframes DoorOpenRight {
from,
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-transform-origin: left;
transform-origin: left
}
to {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0
}
}
@-webkit-keyframes DoorCloseRight {
from,
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-transform-origin: right;
transform-origin: right
}
from {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes DoorCloseRight {
from,
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-transform-origin: right;
transform-origin: right
}
from {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes DoorOpenLeft {
from,
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-transform-origin: right;
transform-origin: right
}
to {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
opacity: 0
}
}
@keyframes DoorOpenLeft {
from,
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-transform-origin: right;
transform-origin: right
}
to {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
opacity: 0
}
}
@-webkit-keyframes HangAndDropLeft {
from {
-webkit-transform-origin: left;
transform-origin: left
}
50% {
-webkit-transform: rotate(100deg);
transform: rotate(100deg);
-webkit-transform-origin: left;
transform-origin: left
}
60% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: left;
transform-origin: left
}
to {
-webkit-transform: translateY(800px) rotate(70deg);
transform: translateY(800px) rotate(70deg);
-webkit-transform-origin: left;
transform-origin: left
}
}
@keyframes HangAndDropLeft {
from {
-webkit-transform-origin: left;
transform-origin: left
}
50% {
-webkit-transform: rotate(100deg);
transform: rotate(100deg);
-webkit-transform-origin: left;
transform-origin: left
}
60% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: left;
transform-origin: left
}
to {
-webkit-transform: translateY(800px) rotate(70deg);
transform: translateY(800px) rotate(70deg);
-webkit-transform-origin: left;
transform-origin: left
}
}
@-webkit-keyframes HangAndDropRight {
from {
-webkit-transform-origin: right;
transform-origin: right
}
50% {
-webkit-transform: rotate(-100deg);
transform: rotate(-100deg);
-webkit-transform-origin: right;
transform-origin: right
}
60% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: right;
transform-origin: right
}
to {
-webkit-transform: translateY(800px) rotate(-70deg);
transform: translateY(800px) rotate(-70deg);
-webkit-transform-origin: right;
transform-origin: right
}
}
@keyframes HangAndDropRight {
from {
-webkit-transform-origin: right;
transform-origin: right
}
50% {
-webkit-transform: rotate(-100deg);
transform: rotate(-100deg);
-webkit-transform-origin: right;
transform-origin: right
}
60% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: right;
transform-origin: right
}
to {
-webkit-transform: translateY(800px) rotate(-70deg);
transform: translateY(800px) rotate(-70deg);
-webkit-transform-origin: right;
transform-origin: right
}
}
@-webkit-keyframes PushReleaseFrom {
from {
-webkit-transform: scale(3, 3);
transform: scale(3, 3);
opacity: 0
}
50% {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5)
}
}
@keyframes PushReleaseFrom {
from {
-webkit-transform: scale(3, 3);
transform: scale(3, 3);
opacity: 0
}
50% {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5)
}
}
@-webkit-keyframes PushReleaseFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
30% {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
}
@keyframes PushReleaseFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
30% {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
}
@-webkit-keyframes PushReleaseFromTop {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
30% {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
}
@keyframes PushReleaseFromTop {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
30% {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
}
@-webkit-keyframes PushReleaseFromBottom {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
30% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}
}
@keyframes PushReleaseFromBottom {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
30% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}
}
@-webkit-keyframes PushReleaseTo {
30% {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5)
}
to {
-webkit-transform: scale(5, 5);
transform: scale(5, 5);
opacity: 0
}
}
@keyframes PushReleaseTo {
30% {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5)
}
to {
-webkit-transform: scale(5, 5);
transform: scale(5, 5);
opacity: 0
}
}
@-webkit-keyframes PushReleaseToTop {
30% {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
}
@keyframes PushReleaseToTop {
30% {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
}
@-webkit-keyframes PushReleaseToBottom {
30% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
}
@keyframes PushReleaseToBottom {
30% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
}
@-webkit-keyframes FlipInTop {
from {
-webkit-transform: perspective(600px);
transform: perspective(600px);
opacity: 0
}
30% {
-webkit-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: perspective(600px);
transform: perspective(600px)
}
}
@keyframes FlipInTop {
from {
-webkit-transform: perspective(600px);
transform: perspective(600px);
opacity: 0
}
30% {
-webkit-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: perspective(600px);
transform: perspective(600px)
}
}
@-webkit-keyframes FlipOutTop {
to {
-webkit-transform: perspective(600px);
transform: perspective(600px);
opacity: 0
}
70% {
-webkit-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: perspective(600px);
transform: perspective(600px)
}
}
@keyframes FlipOutTop {
to {
-webkit-transform: perspective(600px);
transform: perspective(600px);
opacity: 0
}
70% {
-webkit-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: perspective(600px);
transform: perspective(600px)
}
}
@-webkit-keyframes FlipInBottom {
from {
-webkit-transform: perspective(600px);
transform: perspective(600px);
opacity: 0
}
30% {
-webkit-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: perspective(600px);
transform: perspective(600px)
}
}
@keyframes FlipInBottom {
from {
-webkit-transform: perspective(600px);
transform: perspective(600px);
opacity: 0
}
30% {
-webkit-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: perspective(600px);
transform: perspective(600px)
}
}
@-webkit-keyframes FlipOutBottom {
to {
-webkit-transform: perspective(600px);
transform: perspective(600px);
opacity: 0
}
70% {
-webkit-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: perspective(600px);
transform: perspective(600px)
}
}
@keyframes FlipOutBottom {
to {
-webkit-transform: perspective(600px);
transform: perspective(600px);
opacity: 0
}
70% {
-webkit-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: perspective(600px);
transform: perspective(600px)
}
}
@-webkit-keyframes ElevateLeft {
from {
-webkit-transform: translateY(100%) rotate(-20deg);
transform: translateY(100%) rotate(-20deg);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 0
}
40% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-transform-origin: right;
transform-origin: right
}
65% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: right;
transform-origin: right
}
}
@keyframes ElevateLeft {
from {
-webkit-transform: translateY(100%) rotate(-20deg);
transform: translateY(100%) rotate(-20deg);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 0
}
40% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-transform-origin: right;
transform-origin: right
}
65% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: right;
transform-origin: right
}
}
@-webkit-keyframes ElevateRight {
from {
-webkit-transform: translateY(100%) rotate(20deg);
transform: translateY(100%) rotate(20deg);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 0
}
40% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-transform-origin: left;
transform-origin: left
}
65% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: left;
transform-origin: left
}
}
@keyframes ElevateRight {
from {
-webkit-transform: translateY(100%) rotate(20deg);
transform: translateY(100%) rotate(20deg);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 0
}
40% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-transform-origin: left;
transform-origin: left
}
65% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: left;
transform-origin: left
}
}
@-webkit-keyframes RollFromLeft {
from {
-webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
transform: translateX(-60px) perspective(600px) rotateY(180deg);
opacity: 0
}
}
@keyframes RollFromLeft {
from {
-webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
transform: translateX(-60px) perspective(600px) rotateY(180deg);
opacity: 0
}
}
@-webkit-keyframes RollFromRight {
from {
-webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
transform: translateX(60px) perspective(600px) rotateY(-180deg);
opacity: 0
}
}
@keyframes RollFromRight {
from {
-webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
transform: translateX(60px) perspective(600px) rotateY(-180deg);
opacity: 0
}
}
@-webkit-keyframes RollFromTop {
from {
-webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
transform: translateY(-60px) perspective(600px) rotateX(180deg);
opacity: 0
}
}
@keyframes RollFromTop {
from {
-webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
transform: translateY(-60px) perspective(600px) rotateX(180deg);
opacity: 0
}
}
@-webkit-keyframes RollFromBottom {
from {
-webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
transform: translateY(60px) perspective(600px) rotateX(-180deg);
opacity: 0
}
}
@keyframes RollFromBottom {
from {
-webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
transform: translateY(60px) perspective(600px) rotateX(-180deg);
opacity: 0
}
}
@-webkit-keyframes RollToLeft {
to {
-webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
transform: translateX(-60px) perspective(600px) rotateY(180deg);
opacity: 0
}
}
@keyframes RollToLeft {
to {
-webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
transform: translateX(-60px) perspective(600px) rotateY(180deg);
opacity: 0
}
}
@-webkit-keyframes RollToRight {
to {
-webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
transform: translateX(60px) perspective(600px) rotateY(-180deg);
opacity: 0
}
}
@keyframes RollToRight {
to {
-webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
transform: translateX(60px) perspective(600px) rotateY(-180deg);
opacity: 0
}
}
@-webkit-keyframes RollToTop {
to {
-webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
transform: translateY(-60px) perspective(600px) rotateX(180deg);
opacity: 0
}
}
@keyframes RollToTop {
to {
-webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
transform: translateY(-60px) perspective(600px) rotateX(180deg);
opacity: 0
}
}
@-webkit-keyframes RollToBottom {
to {
-webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
transform: translateY(60px) perspective(600px) rotateX(-180deg);
opacity: 0
}
}
@keyframes RollToBottom {
to {
-webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
transform: translateY(60px) perspective(600px) rotateX(-180deg);
opacity: 0
}
}
@-webkit-keyframes RotateSkateInRight {
from {
-webkit-transform: scaleX(.2) translateX(100px);
transform: scaleX(.2) translateX(100px);
opacity: 0
}
}
@keyframes RotateSkateInRight {
from {
-webkit-transform: scaleX(.2) translateX(100px);
transform: scaleX(.2) translateX(100px);
opacity: 0
}
}
@-webkit-keyframes RotateSkateInLeft {
from {
-webkit-transform: scaleX(.2) translateX(-100px);
transform: scaleX(.2) translateX(-100px);
opacity: 0
}
}
@keyframes RotateSkateInLeft {
from {
-webkit-transform: scaleX(.2) translateX(-100px);
transform: scaleX(.2) translateX(-100px);
opacity: 0
}
}
@-webkit-keyframes RotateSkateInTop {
from {
-webkit-transform: scaleY(.2) translateY(-100px);
transform: scaleY(.2) translateY(-100px);
opacity: 0
}
}
@keyframes RotateSkateInTop {
from {
-webkit-transform: scaleY(.2) translateY(-100px);
transform: scaleY(.2) translateY(-100px);
opacity: 0
}
}
@-webkit-keyframes RotateSkateInBottom {
from {
-webkit-transform: scaleY(.2) translateY(100px);
transform: scaleY(.2) translateY(100px);
opacity: 0
}
}
@keyframes RotateSkateInBottom {
from {
-webkit-transform: scaleY(.2) translateY(100px);
transform: scaleY(.2) translateY(100px);
opacity: 0
}
}
@-webkit-keyframes RotateSkateOutRight {
to {
-webkit-transform: scaleX(.2) translateX(100px);
transform: scaleX(.2) translateX(100px);
opacity: 0
}
}
@keyframes RotateSkateOutRight {
to {
-webkit-transform: scaleX(.2) translateX(100px);
transform: scaleX(.2) translateX(100px);
opacity: 0
}
}
@-webkit-keyframes RotateSkateOutLeft {
to {
-webkit-transform: scaleX(.2) translateX(-100px);
transform: scaleX(.2) translateX(-100px);
opacity: 0
}
}
@keyframes RotateSkateOutLeft {
to {
-webkit-transform: scaleX(.2) translateX(-100px);
transform: scaleX(.2) translateX(-100px);
opacity: 0
}
}
@-webkit-keyframes RotateSkateOutTop {
to {
-webkit-transform: scaleY(.2) translateY(-100px);
transform: scaleY(.2) translateY(-100px);
opacity: 0
}
}
@keyframes RotateSkateOutTop {
to {
-webkit-transform: scaleY(.2) translateY(-100px);
transform: scaleY(.2) translateY(-100px);
opacity: 0
}
}
@-webkit-keyframes RotateSkateOutBottom {
to {
-webkit-transform: scaleY(.2) translateY(100px);
transform: scaleY(.2) translateY(100px);
opacity: 0
}
}
@keyframes RotateSkateOutBottom {
to {
-webkit-transform: scaleY(.2) translateY(100px);
transform: scaleY(.2) translateY(100px);
opacity: 0
}
}
@-webkit-keyframes RotateXZoomIn {
from {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
opacity: 0
}
5% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
}
}
@keyframes RotateXZoomIn {
from {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
opacity: 0
}
5% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
}
}
@-webkit-keyframes RotateXZoomOut {
95% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
}
to {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
opacity: 0
}
}
@keyframes RotateXZoomOut {
95% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
}
to {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
opacity: 0
}
}
@-webkit-keyframes RotateYZoomIn {
from {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
opacity: 0
}
5% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
}
}
@keyframes RotateYZoomIn {
from {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
opacity: 0
}
5% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
}
}
@-webkit-keyframes RotateYZoomOut {
95% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
}
to {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
opacity: 0
}
}
@keyframes RotateYZoomOut {
95% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
}
to {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
opacity: 0
}
}
@-webkit-keyframes RotateIn {
from {
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes RotateIn {
from {
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@-webkit-keyframes RotateOut {
from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes RotateOut {
from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@-webkit-keyframes RotateInLeft {
from {
-webkit-transform: rotate(-180deg) translateX(150px);
transform: rotate(-180deg) translateX(150px);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes RotateInLeft {
from {
-webkit-transform: rotate(-180deg) translateX(150px);
transform: rotate(-180deg) translateX(150px);
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes RotateOutLeft {
from {
opacity: 1
}
to {
-webkit-transform: rotate(180deg) translateX(150px);
transform: rotate(180deg) translateX(150px);
opacity: 0
}
}
@keyframes RotateOutLeft {
from {
opacity: 1
}
to {
-webkit-transform: rotate(180deg) translateX(150px);
transform: rotate(180deg) translateX(150px);
opacity: 0
}
}
@-webkit-keyframes RotateInRight {
from {
-webkit-transform: rotate(-180deg) translateX(-150px);
transform: rotate(-180deg) translateX(-150px);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes RotateInRight {
from {
-webkit-transform: rotate(-180deg) translateX(-150px);
transform: rotate(-180deg) translateX(-150px);
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes RotateOutRight {
from {
opacity: 1
}
to {
-webkit-transform: rotate(180deg) translateX(-150px);
transform: rotate(180deg) translateX(-150px);
opacity: 0
}
}
@keyframes RotateOutRight {
from {
opacity: 1
}
to {
-webkit-transform: rotate(180deg) translateX(-150px);
transform: rotate(180deg) translateX(-150px);
opacity: 0
}
}
@-webkit-keyframes SpinInLeft {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
from {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes SpinInLeft {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
from {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-webkit-keyframes SpinInRight {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
from {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes SpinInRight {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
from {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-webkit-keyframes SpinOutLeft {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes SpinOutLeft {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-webkit-keyframes SpinOutRight {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes SpinOutRight {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-webkit-keyframes BlurIn {
from {
-webkit-transform: scaleX(.2);
transform: scaleX(.2);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurIn {
from {
-webkit-transform: scaleX(.2);
transform: scaleX(.2);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurInRight {
from {
-webkit-transform: scaleX(.2) translateX(100px);
transform: scaleX(.2) translateX(100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurInRight {
from {
-webkit-transform: scaleX(.2) translateX(100px);
transform: scaleX(.2) translateX(100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurInLeft {
from {
-webkit-transform: scaleX(.2) translateX(-100px);
transform: scaleX(.2) translateX(-100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurInLeft {
from {
-webkit-transform: scaleX(.2) translateX(-100px);
transform: scaleX(.2) translateX(-100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurInTop {
from {
-webkit-transform: scaleY(.2) translateY(-100px);
transform: scaleY(.2) translateY(-100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurInTop {
from {
-webkit-transform: scaleY(.2) translateY(-100px);
transform: scaleY(.2) translateY(-100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurInBottom {
from {
-webkit-transform: scaleY(.2) translateY(100px);
transform: scaleY(.2) translateY(100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurInBottom {
from {
-webkit-transform: scaleY(.2) translateY(100px);
transform: scaleY(.2) translateY(100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurOut {
to {
-webkit-transform: scaleX(.2);
transform: scaleX(.2);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurOut {
to {
-webkit-transform: scaleX(.2);
transform: scaleX(.2);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurOutRight {
to {
-webkit-transform: scaleX(.2) translateX(100px);
transform: scaleX(.2) translateX(100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurOutRight {
to {
-webkit-transform: scaleX(.2) translateX(100px);
transform: scaleX(.2) translateX(100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurOutLeft {
to {
-webkit-transform: scaleX(.2) translateX(-100px);
transform: scaleX(.2) translateX(-100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurOutLeft {
to {
-webkit-transform: scaleX(.2) translateX(-100px);
transform: scaleX(.2) translateX(-100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurOutTop {
to {
-webkit-transform: scaleY(.2) translateY(-100px);
transform: scaleY(.2) translateY(-100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurOutTop {
to {
-webkit-transform: scaleY(.2) translateY(-100px);
transform: scaleY(.2) translateY(-100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes BlurOutBottom {
to {
-webkit-transform: scaleY(.2) translateY(100px);
transform: scaleY(.2) translateY(100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes BlurOutBottom {
to {
-webkit-transform: scaleY(.2) translateY(100px);
transform: scaleY(.2) translateY(100px);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes PopUp {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@keyframes PopUp {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@-webkit-keyframes PopUpLeft {
50% {
-webkit-transform: translateX(-50px) scale(1.5);
transform: translateX(-50px) scale(1.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes PopUpLeft {
50% {
-webkit-transform: translateX(-50px) scale(1.5);
transform: translateX(-50px) scale(1.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes PopUpRight {
50% {
-webkit-transform: translateX(50px) scale(1.5);
transform: translateX(50px) scale(1.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes PopUpRight {
50% {
-webkit-transform: translateX(50px) scale(1.5);
transform: translateX(50px) scale(1.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes PopOut {
50% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
}
@keyframes PopOut {
50% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
}
@-webkit-keyframes PopOutLeft {
50% {
-webkit-transform: translateX(-50px) scale(.5);
transform: translateX(-50px) scale(.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes PopOutLeft {
50% {
-webkit-transform: translateX(-50px) scale(.5);
transform: translateX(-50px) scale(.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes PopOutRight {
50% {
-webkit-transform: translateX(50px) scale(.5);
transform: translateX(50px) scale(.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes PopOutRight {
50% {
-webkit-transform: translateX(50px) scale(.5);
transform: translateX(50px) scale(.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes BounceFromTop {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);
transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes BounceFromTop {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);
transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@-webkit-keyframes BounceFromDown {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
90% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0)
}
}
@keyframes BounceFromDown {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
90% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0)
}
}
@-webkit-keyframes BounceY {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1, 1.5, 1);
transform: scale3d(1, 1.5, 1)
}
90% {
-webkit-transform: scale3d(1, 1.1, 1);
transform: scale3d(1, 1.1, 1)
}
}
@keyframes BounceY {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1, 1.5, 1);
transform: scale3d(1, 1.5, 1)
}
90% {
-webkit-transform: scale3d(1, 1.1, 1);
transform: scale3d(1, 1.1, 1)
}
}
@-webkit-keyframes BounceZoomIn {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(1.7);
transform: scale(1.7)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(1.9);
transform: scale(1.9)
}
90% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@keyframes BounceZoomIn {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(1.7);
transform: scale(1.7)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(1.9);
transform: scale(1.9)
}
90% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@-webkit-keyframes BounceZoomOut {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(.5);
transform: scale(.5)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(.7);
transform: scale(.7)
}
90% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@keyframes BounceZoomOut {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(.5);
transform: scale(.5)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(.7);
transform: scale(.7)
}
90% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@-webkit-keyframes PerspectiveOutTop {
50% {
opacity: 1
}
to {
-webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
opacity: 0
}
}
@keyframes PerspectiveOutTop {
50% {
opacity: 1
}
to {
-webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
opacity: 0
}
}
@-webkit-keyframes PerspectiveOutBottom {
50% {
opacity: 1
}
to {
-webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
opacity: 0
}
}
@keyframes PerspectiveOutBottom {
50% {
opacity: 1
}
to {
-webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
opacity: 0
}
}
@-webkit-keyframes ZoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes ZoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@-webkit-keyframes ZoomInLeft {
from {
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 {
from {
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)
}
}
@-webkit-keyframes ZoomInRight {
from {
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 {
from {
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)
}
}
@-webkit-keyframes LetterZoomInTop {
from {
-webkit-transform: scale(10) translateY(-50%);
transform: scale(10) translateY(-50%);
opacity: 0
}
}
@keyframes LetterZoomInTop {
from {
-webkit-transform: scale(10) translateY(-50%);
transform: scale(10) translateY(-50%);
opacity: 0
}
}
@-webkit-keyframes ZoomInBottom {
from {
-webkit-transform: scale(10) translateY(50%);
transform: scale(10) translateY(50%);
opacity: 0
}
}
@keyframes ZoomInBottom {
from {
-webkit-transform: scale(10) translateY(50%);
transform: scale(10) translateY(50%);
opacity: 0
}
}
@-webkit-keyframes ZoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes ZoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@-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)
}
}
@-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)
}
}
@-webkit-keyframes ZoomOutTop {
to {
-webkit-transform: scale(10) translateY(-50%);
transform: scale(10) translateY(-50%);
opacity: 0
}
}
@keyframes ZoomOutTop {
to {
-webkit-transform: scale(10) translateY(-50%);
transform: scale(10) translateY(-50%);
opacity: 0
}
}
@-webkit-keyframes ZoomOutBottom {
to {
-webkit-transform: scale(10) translateY(50%);
transform: scale(10) translateY(50%);
opacity: 0
}
}
@keyframes ZoomOutBottom {
to {
-webkit-transform: scale(10) translateY(50%);
transform: scale(10) translateY(50%);
opacity: 0
}
}
@-webkit-keyframes oaoFadeInTop {
from {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
}
@keyframes oaoFadeInTop {
from {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
}
@-webkit-keyframes oaoFadeInBottom {
from {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
@keyframes oaoFadeInBottom {
from {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
@-webkit-keyframes oaoFadeOutop {
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
}
@keyframes oaoFadeOutop {
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
}
@-webkit-keyframes oaoFadeOutBottom {
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
}
@keyframes oaoFadeOutBottom {
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
}
@-webkit-keyframes oaoFlyInTop {
0% {
-webkit-transform: translateY(80px);
transform: translateY(80px);
opacity: 0
}
50% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@keyframes oaoFlyInTop {
0% {
-webkit-transform: translateY(80px);
transform: translateY(80px);
opacity: 0
}
50% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@-webkit-keyframes oaoFlyInBottom {
0% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
opacity: 0
}
50% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@keyframes oaoFlyInBottom {
0% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
opacity: 0
}
50% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@-webkit-keyframes oaoFlyOutTop {
30% {
-webkit-transform: translateY(80px);
transform: translateY(80px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
opacity: 0
}
}
@keyframes oaoFlyOutTop {
30% {
-webkit-transform: translateY(80px);
transform: translateY(80px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
opacity: 0
}
}
@-webkit-keyframes oaoFlyOutBottom {
30% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
opacity: 0
}
}
@keyframes oaoFlyOutBottom {
30% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
opacity: 0
}
}
@-webkit-keyframes oaoRotateInTop {
from {
-webkit-transform: translateY(-100px) rotate(360deg);
transform: translateY(-100px) rotate(360deg);
opacity: 0
}
}
@keyframes oaoRotateInTop {
from {
-webkit-transform: translateY(-100px) rotate(360deg);
transform: translateY(-100px) rotate(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateInBottom {
from {
-webkit-transform: translateY(100px) rotate(360deg);
transform: translateY(100px) rotate(360deg);
opacity: 0
}
}
@keyframes oaoRotateInBottom {
from {
-webkit-transform: translateY(100px) rotate(360deg);
transform: translateY(100px) rotate(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateOutTop {
to {
-webkit-transform: translateY(-100px) rotate(360deg);
transform: translateY(-100px) rotate(360deg);
opacity: 0
}
}
@keyframes oaoRotateOutTop {
to {
-webkit-transform: translateY(-100px) rotate(360deg);
transform: translateY(-100px) rotate(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateOutBottom {
to {
-webkit-transform: translateY(100px) rotate(360deg);
transform: translateY(100px) rotate(360deg);
opacity: 0
}
}
@keyframes oaoRotateOutBottom {
to {
-webkit-transform: translateY(100px) rotate(360deg);
transform: translateY(100px) rotate(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateXInTop {
from {
-webkit-transform: translateY(-100px) rotateX(360deg);
transform: translateY(-100px) rotateX(360deg);
opacity: 0
}
}
@keyframes oaoRotateXInTop {
from {
-webkit-transform: translateY(-100px) rotateX(360deg);
transform: translateY(-100px) rotateX(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateXInBottom {
from {
-webkit-transform: translateY(100px) rotateX(360deg);
transform: translateY(100px) rotateX(360deg);
opacity: 0
}
}
@keyframes oaoRotateXInBottom {
from {
-webkit-transform: translateY(100px) rotateX(360deg);
transform: translateY(100px) rotateX(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateXOutTop {
to {
-webkit-transform: translateY(-100px) rotateX(360deg);
transform: translateY(-100px) rotateX(360deg);
opacity: 0
}
}
@keyframes oaoRotateXOutTop {
to {
-webkit-transform: translateY(-100px) rotateX(360deg);
transform: translateY(-100px) rotateX(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateXOutBottom {
to {
-webkit-transform: translateY(100px) rotateX(360deg);
transform: translateY(100px) rotateX(360deg);
opacity: 0
}
}
@keyframes oaoRotateXOutBottom {
to {
-webkit-transform: translateY(100px) rotateX(360deg);
transform: translateY(100px) rotateX(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateYInTop {
from {
-webkit-transform: translateY(-100px) rotateY(360deg);
transform: translateY(-100px) rotateY(360deg);
opacity: 0
}
}
@keyframes oaoRotateYInTop {
from {
-webkit-transform: translateY(-100px) rotateY(360deg);
transform: translateY(-100px) rotateY(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateYInBottom {
from {
-webkit-transform: translateY(100px) rotateY(360deg);
transform: translateY(100px) rotateY(360deg);
opacity: 0
}
}
@keyframes oaoRotateYInBottom {
from {
-webkit-transform: translateY(100px) rotateY(360deg);
transform: translateY(100px) rotateY(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateYOutTop {
to {
-webkit-transform: translateY(-100px) rotateY(360deg);
transform: translateY(-100px) rotateY(360deg);
opacity: 0
}
}
@keyframes oaoRotateYOutTop {
to {
-webkit-transform: translateY(-100px) rotateY(360deg);
transform: translateY(-100px) rotateY(360deg);
opacity: 0
}
}
@-webkit-keyframes oaoRotateYOutBottom {
to {
-webkit-transform: translateY(100px) rotateY(360deg);
transform: translateY(100px) rotateY(360deg);
opacity: 0
}
}
@keyframes oaoRotateYOutBottom {
to {
-webkit-transform: translateY(100px) rotateY(360deg);
transform: translateY(100px) rotateY(360deg);
opacity: 0
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes fadeInTop {
from {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1
}
}
@keyframes fadeInTop {
from {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1
}
}
@-webkit-keyframes fadeInBottom {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
opacity: 1
}
}
@keyframes fadeInBottom {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-webkit-keyframes fadeOutTop {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@keyframes fadeOutTop {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@-webkit-keyframes fadeOutBottom {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
@keyframes fadeOutBottom {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform: translateX(-800px);
transform: translateX(-800px)
}
}
@keyframes moveFromLeft {
from {
-webkit-transform: translateX(-800px);
transform: translateX(-800px)
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform: translateX(800px);
transform: translateX(800px)
}
}
@keyframes moveFromRight {
from {
-webkit-transform: translateX(800px);
transform: translateX(800px)
}
}
@-webkit-keyframes moveFromTop {
from {
-webkit-transform: translateY(-800px);
transform: translateY(-800px)
}
}
@keyframes moveFromTop {
from {
-webkit-transform: translateY(-800px);
transform: translateY(-800px)
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform: translateY(800px);
transform: translateY(800px)
}
}
@keyframes moveFromBottom {
from {
-webkit-transform: translateY(800px);
transform: translateY(800px)
}
}
@-webkit-keyframes moveToLeft {
to {
-webkit-transform: translateX(-800px);
transform: translateX(-800px)
}
}
@keyframes moveToLeft {
to {
-webkit-transform: translateX(-800px);
transform: translateX(-800px)
}
}
@-webkit-keyframes moveToRight {
to {
-webkit-transform: translateX(800px);
transform: translateX(800px)
}
}
@keyframes moveToRight {
to {
-webkit-transform: translateX(800px);
transform: translateX(800px)
}
}
@-webkit-keyframes moveToTop {
to {
-webkit-transform: translateY(-800px);
transform: translateY(-800px)
}
}
@keyframes moveToTop {
to {
-webkit-transform: translateY(-800px);
transform: translateY(-800px)
}
}
@-webkit-keyframes moveToBottom {
to {
-webkit-transform: translateY(800px);
transform: translateY(800px)
}
}
@keyframes moveToBottom {
to {
-webkit-transform: translateY(800px);
transform: translateY(800px)
}
}
@-webkit-keyframes doorCloseFromLeft {
from {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 0
}
50%,
to {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1
}
}
@keyframes doorCloseFromLeft {
from {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 0
}
50%,
to {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1
}
}
@-webkit-keyframes doorOpenFromRight {
from {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1
}
50%,
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 0
}
}
@keyframes doorOpenFromRight {
from {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 1
}
50%,
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-transform-origin: left;
transform-origin: left;
opacity: 0
}
}
@-webkit-keyframes doorCloseFromRight {
from {
-webkit-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 0
}
50%,
to {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1
}
}
@keyframes doorCloseFromRight {
from {
-webkit-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 0
}
50%,
to {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1
}
}
@-webkit-keyframes doorOpenFromLeft {
from {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1
}
50%,
to {
-webkit-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 0
}
}
@keyframes doorOpenFromLeft {
from {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 1
}
50%,
to {
-webkit-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
-webkit-transform-origin: right;
transform-origin: right;
opacity: 0
}
}
@-webkit-keyframes pushReleaseFrom {
from {
-webkit-transform: scale(3, 3);
transform: scale(3, 3);
opacity: 0
}
30% {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5)
}
}
@keyframes pushReleaseFrom {
from {
-webkit-transform: scale(3, 3);
transform: scale(3, 3);
opacity: 0
}
30% {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5)
}
}
@-webkit-keyframes pushReleaseFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
30% {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
}
@keyframes pushReleaseFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
30% {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
}
@-webkit-keyframes pushReleaseFromRight {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
30% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
}
@keyframes pushReleaseFromRight {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
30% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
}
@-webkit-keyframes pushReleaseFromTop {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
30% {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
}
@keyframes pushReleaseFromTop {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
30% {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
}
@-webkit-keyframes pushReleaseFromBottom {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
30% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}
}
@keyframes pushReleaseFromBottom {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
30% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}
}
@-webkit-keyframes pushReleaseTo {
30% {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5)
}
to {
-webkit-transform: scale(5, 5);
transform: scale(5, 5);
opacity: 0
}
}
@keyframes pushReleaseTo {
30% {
-webkit-transform: scale(.5, .5);
transform: scale(.5, .5)
}
to {
-webkit-transform: scale(5, 5);
transform: scale(5, 5);
opacity: 0
}
}
@-webkit-keyframes pushReleaseToLeft {
30% {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
}
@keyframes pushReleaseToLeft {
30% {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
}
@-webkit-keyframes pushReleaseToRight {
30% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0
}
}
@keyframes pushReleaseToRight {
30% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0
}
}
@-webkit-keyframes pushReleaseToTop {
30% {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
}
@keyframes pushReleaseToTop {
30% {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
}
@-webkit-keyframes pushReleaseToBottom {
30% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
}
@keyframes pushReleaseToBottom {
30% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
}
@-webkit-keyframes flipX {
from {
-webkit-transform: perspective(600px) rotateX(-180deg);
transform: perspective(600px) rotateX(-180deg);
opacity: 0
}
to {
-webkit-transform: perspective(600px) rotateX(-360deg);
transform: perspective(600px) rotateX(-360deg)
}
}
@keyframes flipX {
from {
-webkit-transform: perspective(600px) rotateX(-180deg);
transform: perspective(600px) rotateX(-180deg);
opacity: 0
}
to {
-webkit-transform: perspective(600px) rotateX(-360deg);
transform: perspective(600px) rotateX(-360deg)
}
}
@-webkit-keyframes flipXZoomIn {
from {
-webkit-transform: perspective(600px) rotateX(0) scale(1);
transform: perspective(600px) rotateX(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(600px) rotateX(-180deg) scale(1.8);
transform: perspective(600px) rotateX(-180deg) scale(1.8);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: perspective(600px) rotateX(-360deg) scale(.7);
transform: perspective(600px) rotateX(-360deg) scale(.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes flipXZoomIn {
from {
-webkit-transform: perspective(600px) rotateX(0) scale(1);
transform: perspective(600px) rotateX(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(600px) rotateX(-180deg) scale(1.8);
transform: perspective(600px) rotateX(-180deg) scale(1.8);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: perspective(600px) rotateX(-360deg) scale(.7);
transform: perspective(600px) rotateX(-360deg) scale(.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes flipXZoomOut {
from {
-webkit-transform: perspective(600px) rotateX(0) scale(1);
transform: perspective(600px) rotateX(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(600px) rotateX(180deg) scale(1.8);
transform: perspective(600px) rotateX(180deg) scale(1.8);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: perspective(600px) rotateX(360deg) scale(.7);
transform: perspective(600px) rotateX(360deg) scale(.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes flipXZoomOut {
from {
-webkit-transform: perspective(600px) rotateX(0) scale(1);
transform: perspective(600px) rotateX(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(600px) rotateX(180deg) scale(1.8);
transform: perspective(600px) rotateX(180deg) scale(1.8);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: perspective(600px) rotateX(360deg) scale(.7);
transform: perspective(600px) rotateX(360deg) scale(.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes flipY {
from {
-webkit-transform: perspective(600px) rotateY(180deg);
transform: perspective(600px) rotateY(180deg);
opacity: 0
}
to {
-webkit-transform: perspective(600px) rotateY(360deg);
transform: perspective(600px) rotateY(360deg)
}
}
@keyframes flipY {
from {
-webkit-transform: perspective(600px) rotateY(180deg);
transform: perspective(600px) rotateY(180deg);
opacity: 0
}
to {
-webkit-transform: perspective(600px) rotateY(360deg);
transform: perspective(600px) rotateY(360deg)
}
}
@-webkit-keyframes flipYZoomIn {
from {
-webkit-transform: perspective(600px) rotateY(0) scale(1);
transform: perspective(600px) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(600px) rotateY(180deg) scale(1.6);
transform: perspective(600px) rotateY(180deg) scale(1.6);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: perspective(600px) rotateY(360deg) scale(.7);
transform: perspective(600px) rotateY(360deg) scale(.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes flipYZoomIn {
from {
-webkit-transform: perspective(600px) rotateY(0) scale(1);
transform: perspective(600px) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(600px) rotateY(180deg) scale(1.6);
transform: perspective(600px) rotateY(180deg) scale(1.6);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: perspective(600px) rotateY(360deg) scale(.7);
transform: perspective(600px) rotateY(360deg) scale(.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes flipYZoomOut {
from {
-webkit-transform: perspective(600px) rotateY(0) scale(1);
transform: perspective(600px) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(600px) rotateY(180deg) scale(.6);
transform: perspective(600px) rotateY(180deg) scale(.6);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: perspective(600px) rotateY(360deg) scale(1.8);
transform: perspective(600px) rotateY(360deg) scale(1.8);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes flipYZoomOut {
from {
-webkit-transform: perspective(600px) rotateY(0) scale(1);
transform: perspective(600px) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(600px) rotateY(180deg) scale(.6);
transform: perspective(600px) rotateY(180deg) scale(.6);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
80% {
-webkit-transform: perspective(600px) rotateY(360deg) scale(1.8);
transform: perspective(600px) rotateY(360deg) scale(1.8);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes skewLeft {
70% {
-webkit-transform: skewX(40deg);
transform: skewX(40deg)
}
}
@keyframes skewLeft {
70% {
-webkit-transform: skewX(40deg);
transform: skewX(40deg)
}
}
@-webkit-keyframes skewRight {
70% {
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg)
}
}
@keyframes skewRight {
70% {
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg)
}
}
@-webkit-keyframes skewInLeft {
from {
opacity: 0;
-webkit-transform: translateX(-100%) skewX(-40deg);
transform: translateX(-100%) skewX(-40deg)
}
70% {
-webkit-transform: skewX(-30deg);
transform: skewX(-30deg)
}
}
@keyframes skewInLeft {
from {
opacity: 0;
-webkit-transform: translateX(-100%) skewX(-40deg);
transform: translateX(-100%) skewX(-40deg)
}
70% {
-webkit-transform: skewX(-30deg);
transform: skewX(-30deg)
}
}
@-webkit-keyframes skewInRight {
from {
opacity: 0;
-webkit-transform: translateX(100%) skewX(40deg);
transform: translateX(100%) skewX(40deg)
}
70% {
-webkit-transform: skewX(30deg);
transform: skewX(30deg)
}
}
@keyframes skewInRight {
from {
opacity: 0;
-webkit-transform: translateX(100%) skewX(40deg);
transform: translateX(100%) skewX(40deg)
}
70% {
-webkit-transform: skewX(30deg);
transform: skewX(30deg)
}
}
@-webkit-keyframes skewOutLeft {
20% {
-webkit-transform: skewX(40deg);
transform: skewX(40deg)
}
to {
-webkit-transform: translateX(-100%) skewX(40deg);
transform: translateX(-100%) skewX(40deg);
opacity: 0
}
}
@keyframes skewOutLeft {
20% {
-webkit-transform: skewX(40deg);
transform: skewX(40deg)
}
to {
-webkit-transform: translateX(-100%) skewX(40deg);
transform: translateX(-100%) skewX(40deg);
opacity: 0
}
}
@-webkit-keyframes skewOutRight {
20% {
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg)
}
to {
-webkit-transform: translateX(100%) skewX(-40deg);
transform: translateX(100%) skewX(-40deg);
opacity: 0
}
}
@keyframes skewOutRight {
20% {
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg)
}
to {
-webkit-transform: translateX(100%) skewX(-40deg);
transform: translateX(100%) skewX(-40deg);
opacity: 0
}
}
@-webkit-keyframes pullRelease {
15% {
-webkit-transform: scale(1.8);
transform: scale(1.8)
}
}
@keyframes pullRelease {
15% {
-webkit-transform: scale(1.8);
transform: scale(1.8)
}
}
@-webkit-keyframes pushRelease {
15% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
}
@keyframes pushRelease {
15% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
}
@-webkit-keyframes swingInLeft {
from {
-webkit-transform: matrix(3, 0, 0, 3, -800, 0);
transform: matrix(3, 0, 0, 3, -800, 0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: matrix(1.3, 0, 0, 1.3, 20, 0);
transform: matrix(1.3, 0, 0, 1.3, 20, 0)
}
}
@keyframes swingInLeft {
from {
-webkit-transform: matrix(3, 0, 0, 3, -800, 0);
transform: matrix(3, 0, 0, 3, -800, 0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: matrix(1.3, 0, 0, 1.3, 20, 0);
transform: matrix(1.3, 0, 0, 1.3, 20, 0)
}
}
@-webkit-keyframes swingInRight {
from {
-webkit-transform: matrix(3, 0, 0, 3, 800, 0);
transform: matrix(3, 0, 0, 3, 800, 0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: matrix(1.3, 0, 0, 1.3, -20, 0);
transform: matrix(1.3, 0, 0, 1.3, -20, 0)
}
}
@keyframes swingInRight {
from {
-webkit-transform: matrix(3, 0, 0, 3, 800, 0);
transform: matrix(3, 0, 0, 3, 800, 0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: matrix(1.3, 0, 0, 1.3, -20, 0);
transform: matrix(1.3, 0, 0, 1.3, -20, 0)
}
}
@-webkit-keyframes swingInTop {
from {
-webkit-transform: matrix(3, 0, 0, 3, 0, -800);
transform: matrix(3, 0, 0, 3, 0, -800);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: matrix(1.3, 0, 0, 1.3, 0, 20);
transform: matrix(1.3, 0, 0, 1.3, 0, 20)
}
}
@keyframes swingInTop {
from {
-webkit-transform: matrix(3, 0, 0, 3, 0, -800);
transform: matrix(3, 0, 0, 3, 0, -800);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: matrix(1.3, 0, 0, 1.3, 0, 20);
transform: matrix(1.3, 0, 0, 1.3, 0, 20)
}
}
@-webkit-keyframes swingInBottom {
from {
-webkit-transform: matrix(3, 0, 0, 3, 0, 800);
transform: matrix(3, 0, 0, 3, 0, 800);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: matrix(1.3, 0, 0, 1.3, 0, -20);
transform: matrix(1.3, 0, 0, 1.3, 0, -20)
}
}
@keyframes swingInBottom {
from {
-webkit-transform: matrix(3, 0, 0, 3, 0, 800);
transform: matrix(3, 0, 0, 3, 0, 800);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: matrix(1.3, 0, 0, 1.3, 0, -20);
transform: matrix(1.3, 0, 0, 1.3, 0, -20)
}
}
@-webkit-keyframes elevateLeft {
from {
-webkit-transform: translateY(100%) rotate(-20deg);
transform: translateY(100%) rotate(-20deg);
-webkit-transform-origin: right;
transform-origin: right
}
40% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-transform-origin: right;
transform-origin: right
}
65% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: right;
transform-origin: right
}
}
@keyframes elevateLeft {
from {
-webkit-transform: translateY(100%) rotate(-20deg);
transform: translateY(100%) rotate(-20deg);
-webkit-transform-origin: right;
transform-origin: right
}
40% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-transform-origin: right;
transform-origin: right
}
65% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: right;
transform-origin: right
}
}
@-webkit-keyframes elevateRight {
from {
-webkit-transform: translateY(100%) rotate(20deg);
transform: translateY(100%) rotate(20deg);
-webkit-transform-origin: left;
transform-origin: left
}
40% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-transform-origin: left;
transform-origin: left
}
65% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: left;
transform-origin: left
}
}
@keyframes elevateRight {
from {
-webkit-transform: translateY(100%) rotate(20deg);
transform: translateY(100%) rotate(20deg);
-webkit-transform-origin: left;
transform-origin: left
}
40% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-transform-origin: left;
transform-origin: left
}
65% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: left;
transform-origin: left
}
}
@-webkit-keyframes rollFromLeft {
from {
-webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
transform: translateX(-100%) perspective(600px) rotateY(180deg);
opacity: 0
}
to {
-webkit-transform: translateX(0) perspective(600px) rotateY(0);
transform: translateX(0) perspective(600px) rotateY(0);
opacity: 1
}
}
@keyframes rollFromLeft {
from {
-webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
transform: translateX(-100%) perspective(600px) rotateY(180deg);
opacity: 0
}
to {
-webkit-transform: translateX(0) perspective(600px) rotateY(0);
transform: translateX(0) perspective(600px) rotateY(0);
opacity: 1
}
}
@-webkit-keyframes rollFromRight {
from {
-webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
transform: translateX(100%) perspective(600px) rotateY(-180deg);
opacity: 0
}
to {
-webkit-transform: translateX(0) perspective(600px) rotateY(0);
transform: translateX(0) perspective(600px) rotateY(0);
opacity: 1
}
}
@keyframes rollFromRight {
from {
-webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
transform: translateX(100%) perspective(600px) rotateY(-180deg);
opacity: 0
}
to {
-webkit-transform: translateX(0) perspective(600px) rotateY(0);
transform: translateX(0) perspective(600px) rotateY(0);
opacity: 1
}
}
@-webkit-keyframes rollFromTop {
from {
-webkit-transform: translateY(-100%) perspective(600px) rotateY(180deg);
transform: translateY(-100%) perspective(600px) rotateY(180deg);
opacity: 0
}
to {
-webkit-transform: translateY(0) perspective(600px) rotateY(0);
transform: translateY(0) perspective(600px) rotateY(0);
opacity: 1
}
}
@keyframes rollFromTop {
from {
-webkit-transform: translateY(-100%) perspective(600px) rotateY(180deg);
transform: translateY(-100%) perspective(600px) rotateY(180deg);
opacity: 0
}
to {
-webkit-transform: translateY(0) perspective(600px) rotateY(0);
transform: translateY(0) perspective(600px) rotateY(0);
opacity: 1
}
}
@-webkit-keyframes rollFromBottom {
from {
-webkit-transform: translateY(100%) perspective(600px) rotateY(-180deg);
transform: translateY(100%) perspective(600px) rotateY(-180deg);
opacity: 0
}
to {
-webkit-transform: translateY(0) perspective(600px) rotateY(0);
transform: translateY(0) perspective(600px) rotateY(0);
opacity: 1
}
}
@keyframes rollFromBottom {
from {
-webkit-transform: translateY(100%) perspective(600px) rotateY(-180deg);
transform: translateY(100%) perspective(600px) rotateY(-180deg);
opacity: 0
}
to {
-webkit-transform: translateY(0) perspective(600px) rotateY(0);
transform: translateY(0) perspective(600px) rotateY(0);
opacity: 1
}
}
@-webkit-keyframes rollToLeft {
from {
-webkit-transform: translateX(0) perspective(600px) rotateY(0);
transform: translateX(0) perspective(600px) rotateY(0);
opacity: 1
}
to {
-webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
transform: translateX(-100%) perspective(600px) rotateY(180deg);
opacity: 0
}
}
@keyframes rollToLeft {
from {
-webkit-transform: translateX(0) perspective(600px) rotateY(0);
transform: translateX(0) perspective(600px) rotateY(0);
opacity: 1
}
to {
-webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
transform: translateX(-100%) perspective(600px) rotateY(180deg);
opacity: 0
}
}
@-webkit-keyframes rollToRight {
from {
-webkit-transform: translateX(0) perspective(600px) rotateY(0);
transform: translateX(0) perspective(600px) rotateY(0);
opacity: 1
}
to {
-webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
transform: translateX(100%) perspective(600px) rotateY(-180deg);
opacity: 0
}
}
@keyframes rollToRight {
from {
-webkit-transform: translateX(0) perspective(600px) rotateY(0);
transform: translateX(0) perspective(600px) rotateY(0);
opacity: 1
}
to {
-webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
transform: translateX(100%) perspective(600px) rotateY(-180deg);
opacity: 0
}
}
@-webkit-keyframes rollToTop {
from {
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
opacity: 1
}
to {
-webkit-transform: translateY(-100%) perspective(600px) rotateX(180deg);
transform: translateY(-100%) perspective(600px) rotateX(180deg);
opacity: 0
}
}
@keyframes rollToTop {
from {
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
opacity: 1
}
to {
-webkit-transform: translateY(-100%) perspective(600px) rotateX(180deg);
transform: translateY(-100%) perspective(600px) rotateX(180deg);
opacity: 0
}
}
@-webkit-keyframes rollToBottom {
to {
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
opacity: 1
}
to {
-webkit-transform: translateY(100%) perspective(600px) rotateX(-180deg);
transform: translateY(100%) perspective(600px) rotateX(-180deg);
opacity: 0
}
}
@keyframes rollToBottom {
to {
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
opacity: 1
}
to {
-webkit-transform: translateY(100%) perspective(600px) rotateX(-180deg);
transform: translateY(100%) perspective(600px) rotateX(-180deg);
opacity: 0
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes rotateX {
from {
-webkit-transform: perspective(600px) rotateX(0);
transform: perspective(600px) rotateX(0)
}
to {
-webkit-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg)
}
}
@keyframes rotateX {
from {
-webkit-transform: perspective(600px) rotateX(0);
transform: perspective(600px) rotateX(0)
}
to {
-webkit-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg)
}
}
@-webkit-keyframes rotateXIn {
from {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
opacity: 0
}
5% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
}
}
@keyframes rotateXIn {
from {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
opacity: 0
}
5% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
}
}
@-webkit-keyframes rotateXOut {
95% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
}
to {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
opacity: 0
}
}
@keyframes rotateXOut {
95% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
}
to {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
opacity: 0
}
}
@-webkit-keyframes rotateY {
from {
-webkit-transform: perspective(600px) rotateY(0);
transform: perspective(600px) rotateY(0)
}
to {
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg)
}
}
@keyframes rotateY {
from {
-webkit-transform: perspective(600px) rotateY(0);
transform: perspective(600px) rotateY(0)
}
to {
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg)
}
}
@-webkit-keyframes rotateYIn {
from {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
opacity: 0
}
5% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
}
}
@keyframes rotateYIn {
from {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
opacity: 0
}
5% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
}
}
@-webkit-keyframes rotateYOut {
95% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
}
to {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
opacity: 0
}
}
@keyframes rotateYOut {
95% {
-webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
}
to {
-webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
opacity: 0
}
}
@-webkit-keyframes rotateInLeft {
from {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(0);
transform: translateX(-100%) rotate(0)
}
to {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
}
@keyframes rotateInLeft {
from {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(0);
transform: translateX(-100%) rotate(0)
}
to {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
}
@-webkit-keyframes rotateInRight {
from {
opacity: 0;
-webkit-transform: translateX(100%) rotate(0);
transform: translateX(100%) rotate(0)
}
to {
-webkit-transform: translateX(0) rotate(-360deg);
transform: translateX(0) rotate(-360deg)
}
}
@keyframes rotateInRight {
from {
opacity: 0;
-webkit-transform: translateX(100%) rotate(0);
transform: translateX(100%) rotate(0)
}
to {
-webkit-transform: translateX(0) rotate(-360deg);
transform: translateX(0) rotate(-360deg)
}
}
@-webkit-keyframes rotateInTop {
from {
opacity: 0;
-webkit-transform: translateY(-400%) rotate(0);
transform: translateY(-400%) rotate(0)
}
to {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
}
@keyframes rotateInTop {
from {
opacity: 0;
-webkit-transform: translateY(-400%) rotate(0);
transform: translateY(-400%) rotate(0)
}
to {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
}
@-webkit-keyframes rotateInBottom {
from {
opacity: 0;
-webkit-transform: translateY(400%) rotate(0);
transform: translateY(400%) rotate(0)
}
to {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
}
@keyframes rotateInBottom {
from {
opacity: 0;
-webkit-transform: translateY(400%) rotate(0);
transform: translateY(400%) rotate(0)
}
to {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
}
@-webkit-keyframes rotateOutLeft {
from {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
to {
-webkit-transform: translateX(-800px) rotate(0);
transform: translateX(-800px) rotate(0);
opacity: 0
}
}
@keyframes rotateOutLeft {
from {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
to {
-webkit-transform: translateX(-800px) rotate(0);
transform: translateX(-800px) rotate(0);
opacity: 0
}
}
@-webkit-keyframes rotateOutRight {
from {
-webkit-transform: translateX(0) rotate(-360deg);
transform: translateX(0) rotate(-360deg)
}
to {
-webkit-transform: translateX(800px) rotate(0);
transform: translateX(800px) rotate(0);
opacity: 0
}
}
@keyframes rotateOutRight {
from {
-webkit-transform: translateX(0) rotate(-360deg);
transform: translateX(0) rotate(-360deg)
}
to {
-webkit-transform: translateX(800px) rotate(0);
transform: translateX(800px) rotate(0);
opacity: 0
}
}
@-webkit-keyframes rotateOutTop {
from {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
to {
-webkit-transform: translateY(-800px) rotate(0);
transform: translateY(-800px) rotate(0);
opacity: 0
}
}
@keyframes rotateOutTop {
from {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
to {
-webkit-transform: translateY(-800px) rotate(0);
transform: translateY(-800px) rotate(0);
opacity: 0
}
}
@-webkit-keyframes rotateOutBottom {
from {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
to {
-webkit-transform: translateY(800px) rotate(0);
transform: translateY(800px) rotate(0);
opacity: 0
}
}
@keyframes rotateOutBottom {
from {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
to {
-webkit-transform: translateY(800px) rotate(0);
transform: translateY(800px) rotate(0);
opacity: 0
}
}
@-webkit-keyframes spinToLeft {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
from {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes spinToLeft {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
from {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-webkit-keyframes spinToRight {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
from {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes spinToRight {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
from {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-webkit-keyframes spinToTop {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
from {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes spinToTop {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
from {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-webkit-keyframes spinToBottom {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
from {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes spinToBottom {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
from {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-webkit-keyframes spinFromLeft {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes spinFromLeft {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-webkit-keyframes spinFromRight {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes spinFromRight {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-webkit-keyframes spinFromTop {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes spinFromTop {
from,
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-webkit-keyframes spinFromBottom {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes spinFromBottom {
from,
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-webkit-keyframes blurIn {
from {
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes blurIn {
from {
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes blurInLeft {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes blurInLeft {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes blurInRight {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes blurInRight {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes blurInTop {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes blurInTop {
from {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes blurInBottom {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@keyframes blurInBottom {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0
}
}
@-webkit-keyframes blurOut {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px)
}
to {
opacity: 0
}
}
@keyframes blurOut {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px)
}
to {
opacity: 0
}
}
@-webkit-keyframes blurOutLeft {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
to {
opacity: 0
}
}
@keyframes blurOutLeft {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
to {
opacity: 0
}
}
@-webkit-keyframes blurOutRight {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
to {
opacity: 0
}
}
@keyframes blurOutRight {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
to {
opacity: 0
}
}
@-webkit-keyframes blurOutTop {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
opacity: 0
}
}
@keyframes blurOutTop {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
opacity: 0
}
}
@-webkit-keyframes blurOutBottom {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 0
}
}
@keyframes blurOutBottom {
85%,
to {
-webkit-filter: blur(20px);
filter: blur(20px);
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 0
}
}
@-webkit-keyframes bounceFromTop {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);
transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounceFromTop {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);
transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@-webkit-keyframes bounceFromDown {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
90% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0)
}
}
@keyframes bounceFromDown {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
90% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0)
}
}
@-webkit-keyframes bounceX {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1.8, 1, 1);
transform: scale3d(1.8, 1, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1.5, 1, 1);
transform: scale3d(1.5, 1, 1)
}
90% {
-webkit-transform: scale3d(1.1, 1, 1);
transform: scale3d(1.1, 1, 1)
}
}
@keyframes bounceX {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1.8, 1, 1);
transform: scale3d(1.8, 1, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1.5, 1, 1);
transform: scale3d(1.5, 1, 1)
}
90% {
-webkit-transform: scale3d(1.1, 1, 1);
transform: scale3d(1.1, 1, 1)
}
}
@-webkit-keyframes bounceY {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1, 1.5, 1);
transform: scale3d(1, 1.5, 1)
}
90% {
-webkit-transform: scale3d(1, 1.1, 1);
transform: scale3d(1, 1.1, 1)
}
}
@keyframes bounceY {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale3d(1, 1.5, 1);
transform: scale3d(1, 1.5, 1)
}
90% {
-webkit-transform: scale3d(1, 1.1, 1);
transform: scale3d(1, 1.1, 1)
}
}
@-webkit-keyframes bounceZoomIn {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
90% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@keyframes bounceZoomIn {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
90% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@-webkit-keyframes bounceZoomOut {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(.3);
transform: scale(.3)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(.5);
transform: scale(.5)
}
90% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@keyframes bounceZoomOut {
0%,
100%,
25%,
55%,
85% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1)
}
41%,
44% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(.3);
transform: scale(.3)
}
70% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-transform: scale(.5);
transform: scale(.5)
}
90% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@-webkit-keyframes bounceInTop {
0% {
-webkit-transform: translate3d(0, -300%, 0);
transform: translate3d(0, -300%, 0)
}
58% {
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0)
}
73% {
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0)
}
88% {
-webkit-transform: translate3d(0, 7px, 0);
transform: translate3d(0, 7px, 0)
}
}
@keyframes bounceInTop {
0% {
-webkit-transform: translate3d(0, -300%, 0);
transform: translate3d(0, -300%, 0)
}
58% {
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0)
}
73% {
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0)
}
88% {
-webkit-transform: translate3d(0, 7px, 0);
transform: translate3d(0, 7px, 0)
}
}
@-webkit-keyframes bounceInBottom {
0% {
-webkit-transform: translate3d(0, 300%, 0);
transform: translate3d(0, 300%, 0)
}
58% {
-webkit-transform: translate3d(0, -27px, 0);
transform: translate3d(0, -27px, 0)
}
73% {
-webkit-transform: translate3d(0, 12px, 0);
transform: translate3d(0, 12px, 0)
}
88% {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0)
}
}
@keyframes bounceInBottom {
0% {
-webkit-transform: translate3d(0, 300%, 0);
transform: translate3d(0, 300%, 0)
}
58% {
-webkit-transform: translate3d(0, -27px, 0);
transform: translate3d(0, -27px, 0)
}
73% {
-webkit-transform: translate3d(0, 12px, 0);
transform: translate3d(0, 12px, 0)
}
88% {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0)
}
}
@-webkit-keyframes bounceInLeft {
60%,
75%,
90%,
from,
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInLeft {
60%,
75%,
90%,
from,
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes bounceOutTop {
18%,
33%,
48% {
opacity: 1
}
18% {
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0)
}
33% {
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0)
}
48% {
-webkit-transform: translate3d(0, 8px, 0);
transform: translate3d(0, 8px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -300%, 0);
transform: translate3d(0, -300%, 0)
}
}
@keyframes bounceOutTop {
18%,
33%,
48% {
opacity: 1
}
18% {
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0)
}
33% {
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0)
}
48% {
-webkit-transform: translate3d(0, 8px, 0);
transform: translate3d(0, 8px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -300%, 0);
transform: translate3d(0, -300%, 0)
}
}
@-webkit-keyframes bounceOutBottom {
18%,
33%,
48% {
opacity: 1
}
18% {
-webkit-transform: translate3d(0, -27px, 0);
transform: translate3d(0, -27px, 0)
}
33% {
-webkit-transform: translate3d(0, 12px, 0);
transform: translate3d(0, 12px, 0)
}
48% {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 300%, 0);
transform: translate3d(0, 300%, 0)
}
}
@keyframes bounceOutBottom {
18%,
33%,
48% {
opacity: 1
}
18% {
-webkit-transform: translate3d(0, -27px, 0);
transform: translate3d(0, -27px, 0)
}
33% {
-webkit-transform: translate3d(0, 12px, 0);
transform: translate3d(0, 12px, 0)
}
48% {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 300%, 0);
transform: translate3d(0, 300%, 0)
}
}
@-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)
}
}
@-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)
}
}
@-webkit-keyframes perspectiveToTop {
50% {
opacity: 1
}
to {
-webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
opacity: 0
}
}
@keyframes perspectiveToTop {
50% {
opacity: 1
}
to {
-webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
opacity: 0
}
}
@-webkit-keyframes perspectiveToBottom {
50% {
opacity: 1
}
to {
-webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
opacity: 0
}
}
@keyframes perspectiveToBottom {
50% {
opacity: 1
}
to {
-webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
opacity: 0
}
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@-webkit-keyframes zoomInLeft {
from {
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 {
from {
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)
}
}
@-webkit-keyframes zoomInRight {
from {
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 {
from {
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)
}
}
@-webkit-keyframes zoomInTop {
from {
-webkit-transform: scale(10) translateY(-50%);
transform: scale(10) translateY(-50%);
opacity: 0
}
}
@keyframes zoomInTop {
from {
-webkit-transform: scale(10) translateY(-50%);
transform: scale(10) translateY(-50%);
opacity: 0
}
}
@-webkit-keyframes zoomInBottom {
from {
-webkit-transform: scale(10) translateY(50%);
transform: scale(10) translateY(50%);
opacity: 0
}
}
@keyframes zoomInBottom {
from {
-webkit-transform: scale(10) translateY(50%);
transform: scale(10) translateY(50%);
opacity: 0
}
}
@-webkit-keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@-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)
}
}
@-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)
}
}
@-webkit-keyframes zoomOutTop {
to {
-webkit-transform: scale(10) translateY(-50%);
transform: scale(10) translateY(-50%);
opacity: 0
}
}
@keyframes zoomOutTop {
to {
-webkit-transform: scale(10) translateY(-50%);
transform: scale(10) translateY(-50%);
opacity: 0
}
}
@-webkit-keyframes zoomOutBottom {
to {
-webkit-transform: scale(10) translateY(50%);
transform: scale(10) translateY(50%);
opacity: 0
}
}
@keyframes zoomOutBottom {
to {
-webkit-transform: scale(10) translateY(50%);
transform: scale(10) translateY(50%);
opacity: 0
}
}
@-webkit-keyframes ekitRevealInTop {
form {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
}
@keyframes ekitRevealInTop {
form {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
}
@-webkit-keyframes ekitRevealInBottom {
form {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
}
@keyframes ekitRevealInBottom {
form {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
}
@-webkit-keyframes ekitRevealInLeft {
form {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
}
@keyframes ekitRevealInLeft {
form {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
}
@-webkit-keyframes ekitRevealInRight {
form {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
}
@keyframes ekitRevealInRight {
form {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.navmenu-wid-con .number::before {
counter-increment: myNumber;
content: counter(myNumber) "."
}
.navmenu-wid-con .path {
fill: #fff;
stroke: #2575fc;
stroke-miterlimit: 0
}
.navmenu-wid-con .swiper-pagination {
line-height: 1
}
.navmenu-wid-con .swiper-pagination span {
background-color: #ededed;
padding: 0
}
@-webkit-keyframes navmenu-hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
75% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@keyframes navmenu-hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
75% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@-webkit-keyframes navmenu-hvr-push {
50% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes navmenu-hvr-push {
50% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes navmenu-hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@keyframes navmenu-hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@-webkit-keyframes navmenu-hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes navmenu-hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes navmenu-hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes navmenu-hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes navmenu-hover-glow-out {
0% {
opacity: .3
}
40% {
opacity: .5;
-webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, .1), 0 0 10px 10px #333, 0 0 0 10px rgba(51, 51, 51, .5);
box-shadow: 0 0 0 2px rgba(51, 51, 51, .1), 0 0 10px 10px #333, 0 0 0 10px rgba(51, 51, 51, .5)
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, .1), 0 0 10px 10px #333, 0 0 0 10px rgba(51, 51, 51, .5);
box-shadow: 0 0 0 2px rgba(51, 51, 51, .1), 0 0 10px 10px #333, 0 0 0 10px rgba(51, 51, 51, .5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0
}
}
@keyframes navmenu-hover-glow-out {
0% {
opacity: .3
}
40% {
opacity: .5;
-webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, .1), 0 0 10px 10px #333, 0 0 0 10px rgba(51, 51, 51, .5);
box-shadow: 0 0 0 2px rgba(51, 51, 51, .1), 0 0 10px 10px #333, 0 0 0 10px rgba(51, 51, 51, .5)
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, .1), 0 0 10px 10px #333, 0 0 0 10px rgba(51, 51, 51, .5);
box-shadow: 0 0 0 2px rgba(51, 51, 51, .1), 0 0 10px 10px #333, 0 0 0 10px rgba(51, 51, 51, .5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0
}
}
@-webkit-keyframes navmenu-hover-spined {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes navmenu-hover-spined {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes navmenu-btt-fadein {
from {
opacity: 0;
-webkit-transform: translateY(80px);
transform: translateY(80px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes navmenu-btt-fadein {
from {
opacity: 0;
-webkit-transform: translateY(80px);
transform: translateY(80px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes navmenu-btt-fadeOut {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(80px);
transform: translateY(80px)
}
}
@keyframes navmenu-btt-fadeOut {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(80px);
transform: translateY(80px)
}
}
/* === widget-spacer.min.css === */
.e-con {
--container-widget-width: 100%
}
.e-con-inner>.elementor-widget-spacer,
.e-con>.elementor-widget-spacer {
width: var(--container-widget-width, var(--spacer-size));
--align-self: var(--container-widget-align-self, initial);
--flex-shrink: 0
}
.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,
.e-con>.elementor-widget-spacer>.elementor-widget-container {
height: 100%;
width: 100%
}
.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,
.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer {
height: 100%
}
.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,
.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner {
height: var(--container-widget-height, var(--spacer-size))
}
.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,
.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer {
height: 100%
}
.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,
.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner {
height: var(--container-widget-height, var(--spacer-size))
}
/* === widget-floating-bars-base.min.css === */
.e-floating-bars {
--e-floating-bars-announcement-bg-color: #467ff7;
--e-floating-bars-announcement-text-color: #fff;
--e-floating-bars-announcement-icon-color: #fff;
--e-floating-bars-cta-button-text-color: #fff;
--e-floating-bars-cta-button-text-color-hover: #467ff7;
--e-floating-bars-cta-button-bg-color: #1c2448;
--e-floating-bars-cta-button-bg-color-hover: #fff;
--e-floating-bars-cta-button-border-color: #1c2448;
--e-floating-bars-cta-button-border-color-hover: #1c2448;
--e-floating-bars-close-button-color: #fff;
--e-floating-bars-announcement-icon-size: 20px;
--e-floating-bars-elements-padding-block-end: 12px;
--e-floating-bars-elements-padding-block-start: 12px;
--e-floating-bars-elements-padding-inline-end: 16px;
--e-floating-bars-elements-padding-inline-start: 16px;
--e-floating-bars-elements-gap: 16px;
--e-floating-bars-cta-corners: 50px;
--e-floating-bars-cta-button-border-width: 2px;
--e-floating-bars-cta-button-padding-block-end: 8px;
--e-floating-bars-cta-button-padding-block-start: 8px;
--e-floating-bars-cta-button-padding-inline-end: 20px;
--e-floating-bars-cta-button-padding-inline-start: 20px;
--e-floating-bars-cta-button-icon-gap: 5px;
--e-floating-bars-cta-button-animation-delay: 500ms;
--e-floating-bars-cta-button-animation-duration: 1000ms;
--e-floating-bars-background-overlay-opacity: 0.5;
--e-floating-bars-close-icon-size: 24px;
align-items: center;
background-color: var(--e-floating-bars-announcement-bg-color);
color: var(--e-floating-bars-announcement-text-color);
display: flex;
gap: var(--e-floating-bars-elements-gap);
padding-block-end: var(--e-floating-bars-elements-padding-block-end);
padding-block-start: var(--e-floating-bars-elements-padding-block-start);
padding-inline-end: var(--e-floating-bars-elements-padding-inline-end);
padding-inline-start: var(--e-floating-bars-elements-padding-inline-start);
position: relative;
width: 100%;
z-index: 10000
}
@media (max-width:767px) {
.e-floating-bars {
align-items: flex-start;
display: grid;
gap: var(--e-floating-bars-elements-gap);
grid-template-columns: auto auto;
grid-template-rows: auto auto;
row-gap: 16px
}
}
.e-floating-bars:focus {
outline: none
}
.e-floating-bars.has-vertical-position-bottom {
inset-block-end: 0
}
.e-floating-bars.is-sticky {
inset-inline-end: 0;
inset-inline-start: 0;
position: fixed
}
.e-floating-bars.is-hidden {
display: none
}
.e-floating-bars.has-close-button {
padding-inline-end: calc(var(--e-floating-bars-elements-padding-inline-end) + 20px);
padding-inline-start: calc(var(--e-floating-bars-elements-padding-inline-start) + 20px)
}
.e-floating-bars .has-corners-round {
--e-floating-bars-corners: 50px
}
.e-floating-bars__cta-icon {
color: var(--e-floating-bars-cta-button-text-color);
display: inline-flex;
transition: all .3s
}
.e-floating-bars__cta-icon svg {
fill: var(--e-floating-bars-cta-button-text-color);
height: 1em;
transition: all .3s;
width: 1em
}
.e-floating-bars__cta-button-container {
order: 3
}
@media (max-width:767px) {
.e-floating-bars__cta-button-container {
display: flex;
grid-column: span 2/span 2;
grid-row-start: 2
}
}
.e-floating-bars .e-floating-bars__cta-button,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]) {
align-items: center;
color: var(--e-floating-bars-cta-button-text-color);
display: inline-flex;
font-size: 16px;
font-weight: 700;
gap: var(--e-floating-bars-cta-button-icon-gap);
position: relative;
transition: all .3s;
white-space: nowrap
}
.e-floating-bars .e-floating-bars__cta-button.animated,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).animated {
animation-delay: var(--e-floating-bars-cta-button-animation-delay);
animation-duration: var(--e-floating-bars-cta-button-animation-duration);
animation-iteration-count: 1
}
.e-floating-bars .e-floating-bars__cta-button.visible,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).visible {
opacity: 1
}
.e-floating-bars .e-floating-bars__cta-button:focus,
.e-floating-bars .e-floating-bars__cta-button:focus .e-floating-bars__cta-icon,
.e-floating-bars .e-floating-bars__cta-button:hover,
.e-floating-bars .e-floating-bars__cta-button:hover .e-floating-bars__cta-icon,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):focus,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):focus .e-floating-bars__cta-icon,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):hover,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):hover .e-floating-bars__cta-icon {
color: var(--e-floating-bars-cta-button-text-color-hover);
transition: all .3s
}
.e-floating-bars .e-floating-bars__cta-button:focus .e-floating-bars__cta-icon svg,
.e-floating-bars .e-floating-bars__cta-button:hover .e-floating-bars__cta-icon svg,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):focus .e-floating-bars__cta-icon svg,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]):hover .e-floating-bars__cta-icon svg {
fill: var(--e-floating-bars-cta-button-text-color-hover);
transition: all .3s
}
.e-floating-bars .e-floating-bars__cta-button.has-border,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).has-border {
border-color: var(--e-floating-bars-cta-button-border-color);
border-style: solid;
border-width: var(--e-floating-bars-cta-button-border-width)
}
.e-floating-bars .e-floating-bars__cta-button.has-border:focus,
.e-floating-bars .e-floating-bars__cta-button.has-border:hover,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).has-border:focus,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).has-border:hover {
border-color: var(--e-floating-bars-cta-button-border-color-hover)
}
.e-floating-bars .e-floating-bars__cta-button.is-type-button,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).is-type-button {
background-color: var(--e-floating-bars-cta-button-bg-color);
border-radius: var(--e-floating-bars-corners);
padding-block-end: var(--e-floating-bars-cta-button-padding-block-end);
padding-block-start: var(--e-floating-bars-cta-button-padding-block-start);
padding-inline-end: var(--e-floating-bars-cta-button-padding-inline-end);
padding-inline-start: var(--e-floating-bars-cta-button-padding-inline-start)
}
.e-floating-bars .e-floating-bars__cta-button.is-type-button:focus,
.e-floating-bars .e-floating-bars__cta-button.is-type-button:hover,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).is-type-button:focus,
.e-floating-bars .e-floating-bars__cta-button:not([href]):not([tabindex]).is-type-button:hover {
background-color: var(--e-floating-bars-cta-button-bg-color-hover)
}
.e-floating-bars__close-button,
.e-floating-bars__close-button[type=button] {
align-items: center;
display: flex;
position: absolute
}
.e-floating-bars__close-button i,
.e-floating-bars__close-button[type=button] i {
font-size: var(--e-floating-bars-close-icon-size)
}
@media (max-width:767px) {
.e-floating-bars__close-button,
.e-floating-bars__close-button[type=button] {
top: 50%;
transform: translateY(calc(-50% + 3px))
}
}
.e-floating-bars__close-button,
.e-floating-bars__close-button:focus,
.e-floating-bars__close-button:hover,
.e-floating-bars__close-button[type=button],
.e-floating-bars__close-button[type=button]:focus,
.e-floating-bars__close-button[type=button]:hover {
background-color: transparent;
border: 0;
color: var(--e-floating-bars-close-button-color);
padding: 0
}
.e-floating-bars__close-button i,
.e-floating-bars__close-button:focus i,
.e-floating-bars__close-button:hover i,
.e-floating-bars__close-button[type=button] i,
.e-floating-bars__close-button[type=button]:focus i,
.e-floating-bars__close-button[type=button]:hover i {
color: var(--e-floating-bars-close-button-color)
}
.e-floating-bars__overlay {
background-position: 50%;
background-size: cover;
height: 100%;
inset-block-end: 0;
inset-block-start: 0;
inset-inline-end: 0;
inset-inline-start: 0;
opacity: var(--e-floating-bars-background-overlay-opacity);
position: absolute;
width: 100%;
z-index: -1
}
.e-con.e-con--floating-bars,
.e-con:has(.e-floating-bars) {
padding: 0
}
.e-con.e-con--floating-bars>.e-con-inner,
.e-con.e-con--floating-bars>.e-con-inner.e-con-inner--floating-bars,
.e-con:has(.e-floating-bars)>.e-con-inner,
.e-con:has(.e-floating-bars)>.e-con-inner.e-con-inner--floating-bars {
max-width: unset;
padding-block-end: 0;
padding-block-start: 0
}
/* === mesh-column-structure.css === */
/* === mesh-flex-hero.css === */
.section-flex-hero {
--flex-hero-content-alignment-showcase: center;
--flex-hero-content-alignment-storytelling: start;
--flex-hero-content-position: flex-start;
--flex-hero-content-width: 648px;
--flex-hero-buttons-space-between: 16px;
--flex-hero-gap: 60px;
--flex-hero-element-spacing: 40px;
--flex-hero-intro-color: #7a7a7a;
--flex-hero-heading-color: #54595f;
--flex-hero-subheading-color: #54595f;
--flex-hero-button-primary-icon-spacing: 10px;
--flex-hero-button-primary-text-color: #fff;
--flex-hero-button-primary-text-color-hover: #7a7a7a;
--flex-hero-button-primary-border-width: 0;
--flex-hero-button-primary-border-color: transparent;
--flex-hero-button-primary-border-radius-block-end: 8px;
--flex-hero-button-primary-border-radius-block-start: 8px;
--flex-hero-button-primary-border-radius-inline-end: 8px;
--flex-hero-button-primary-border-radius-inline-start: 8px;
--flex-hero-button-secondary-icon-spacing: 10px;
--flex-hero-button-secondary-text-color: #54595f;
--flex-hero-button-secondary-text-color-hover: #54595f;
--flex-hero-button-secondary-border-width: 2px;
--flex-hero-button-secondary-border-color: #54595f;
--flex-hero-box-border-color: #54595f;
--flex-hero-box-border-width: 1px;
display: flex;
flex-direction: column;
gap: var(--flex-hero-gap);
height: 100%;
min-height: var(--flex-hero-box-height);
min-height: var(--section-box-height);
overflow: hidden;
padding-block-end: var(--flex-hero-box-padding-block-end);
padding-block-start: var(--flex-hero-box-padding-block-start);
padding-inline-end: var(--flex-hero-box-padding-inline-end);
padding-inline-start: var(--flex-hero-box-padding-inline-start);
position: relative
}
@supports(height:100dvh) {
.section-flex-hero.is-full-height-mobile {
--section-box-full-height: 100dvh
}
}
@supports(height:100dvh) {
.section-flex-hero.is-full-height-mobile_extra {
--section-box-full-height: 100dvh
}
}
@supports(height:100dvh) {
.section-flex-hero.is-full-height-tablet {
--section-box-full-height: 100dvh
}
}
@supports(height:100dvh) {
.section-flex-hero.is-full-height-tablet_extra {
--section-box-full-height: 100dvh
}
}
@supports(height:100dvh) {
.section-flex-hero.is-full-height-laptop {
--section-box-full-height: 100dvh
}
}
@supports(height:100dvh) {
.section-flex-hero.is-full-height-desktop {
--section-box-full-height: 100dvh
}
}
@supports(height:100dvh) {
.section-flex-hero.is-full-height-desktop.is-full-height-widescreen {
--section-box-full-height: 100dvh
}
}
@supports(height:100dvh) {
.section-flex-hero.is-full-height-widescreen {
--section-box-full-height: 100dvh
}
}
.section-flex-hero a.section-button,
.section-flex-hero a.section-button:not([href]):not([tabindex]) {
--section-button-primary-icon-spacing: var(--flex-hero-button-primary-icon-spacing);
--section-button-primary-text-color: var(--flex-hero-button-primary-text-color);
--section-button-primary-text-color-hover: var(--flex-hero-button-primary-text-color-hover);
--section-button-primary-border-width: var(--flex-hero-button-primary-border-width);
--section-button-primary-border-color: var(--flex-hero-button-primary-border-color);
--section-button-primary-padding-block-end: var(--flex-hero-button-primary-padding-block-end);
--section-button-primary-padding-block-start: var(--flex-hero-button-primary-padding-block-start);
--section-button-primary-padding-inline-end: var(--flex-hero-button-primary-padding-inline-end);
--section-button-primary-padding-inline-start: var(--flex-hero-button-primary-padding-inline-start);
--section-button-primary-border-radius-block-end: var(--flex-hero-button-primary-border-radius-block-end);
--section-button-primary-border-radius-block-start: var(--flex-hero-button-primary-border-radius-block-start);
--section-button-primary-border-radius-inline-end: var(--flex-hero-button-primary-border-radius-inline-end);
--section-button-primary-border-radius-inline-start: var(--flex-hero-button-primary-border-radius-inline-start);
--section-button-secondary-icon-spacing: var(--flex-hero-button-secondary-icon-spacing);
--section-button-secondary-text-color: var(--flex-hero-button-secondary-text-color);
--section-button-secondary-text-color-hover: var(--flex-hero-button-secondary-text-color-hover);
--section-button-secondary-border-width: var(--flex-hero-button-secondary-border-width);
--section-button-secondary-border-color: var(--flex-hero-button-secondary-border-color);
--section-button-secondary-padding-block-end: var(--flex-hero-button-secondary-padding-block-end);
--section-button-secondary-padding-block-start: var(--flex-hero-button-secondary-padding-block-start);
--section-button-secondary-padding-inline-end: var(--flex-hero-button-secondary-padding-inline-end);
--section-button-secondary-padding-inline-start: var(--flex-hero-button-secondary-padding-inline-start);
--section-button-secondary-border-radius-block-end: var(--flex-hero-button-secondary-border-radius-block-end);
--section-button-secondary-border-radius-block-start: var(--flex-hero-button-secondary-border-radius-block-start);
--section-button-secondary-border-radius-inline-end: var(--flex-hero-button-secondary-border-radius-inline-end);
--section-button-secondary-border-radius-inline-start: var(--flex-hero-button-secondary-border-radius-inline-start)
}
.section-flex-hero .section-image {
--section-image-height: var(--flex-hero-image-height);
--section-image-min-height: var(--flex-hero-image-min-height);
--section-image-position: var(--flex-hero-image-position);
--section-image-width: var(--flex-hero-image-width);
--section-image-border-color: var(--flex-hero-image-border-color);
--section-image-border-width: var(--flex-hero-image-border-width);
--section-image-border-radius-block-end: var(--flex-hero-image-border-radius-block-end);
--section-image-border-radius-block-start: var(--flex-hero-image-border-radius-block-start);
--section-image-border-radius-inline-end: var(--flex-hero-image-border-radius-inline-end);
--section-image-border-radius-inline-start: var(--flex-hero-image-border-radius-inline-start)
}
.section-flex-hero.has-border {
border-color: var(--flex-hero-box-border-color);
border-style: solid;
border-width: var(--flex-hero-box-border-width)
}
.section-flex-hero.has-layout-preset-storytelling .section-flex-hero__content-container {
align-items: var(--flex-hero-content-alignment-storytelling);
align-self: var(--flex-hero-content-position);
max-width: var(--flex-hero-content-width);
text-align: var(--flex-hero-content-alignment-storytelling);
width: 100%
}
.section-flex-hero__content-container {
display: flex;
flex-direction: column;
gap: var(--flex-hero-element-spacing);
z-index: 2
}
.section-flex-hero__intro {
color: var(--flex-hero-intro-color);
margin: 0
}
.section-flex-hero__heading {
color: var(--flex-hero-heading-color);
margin: 0;
word-break: break-word
}
.section-flex-hero__subheading {
color: var(--flex-hero-subheading-color);
margin: 0
}
.section-flex-hero__ctas-container {
display: flex;
gap: var(--flex-hero-buttons-space-between)
}
@media screen and (max-width:520px) {
.section-flex-hero__ctas-container {
flex-direction: column
}
}
.section-flex-hero__image-wrapper {
z-index: 1
}
.section-flex-hero__overlay {
height: 100%;
left: 0;
opacity: var(--flex-hero-overlay-opacity);
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
/* === mesh-button.css === */
a.section-button,
a.section-button:not([href]):not([tabindex]) {
--section-button-primary-icon-spacing: 10px;
--section-button-primary-text-color: #fff;
--section-button-primary-text-color-hover: #555963;
--section-button-primary-border-width: 0;
--section-button-primary-border-color: transparent;
--section-button-primary-padding-block-end: 8px;
--section-button-primary-padding-block-start: 8px;
--section-button-primary-padding-inline-end: 16px;
--section-button-primary-padding-inline-start: 16px;
--section-button-primary-border-radius-block-end: 8px;
--section-button-primary-border-radius-block-start: 8px;
--section-button-primary-border-radius-inline-end: 8px;
--section-button-primary-border-radius-inline-start: 8px;
--section-button-secondary-icon-spacing: 10px;
--section-button-secondary-text-color: #555963;
--section-button-secondary-text-color-hover: #555963;
--section-button-secondary-border-width: 2px;
--section-button-secondary-border-color: #555963;
--section-button-secondary-padding-block-end: 8px;
--section-button-secondary-padding-block-start: 8px;
--section-button-secondary-padding-inline-end: 16px;
--section-button-secondary-padding-inline-start: 16px;
--section-button-text-color: var(--section-button-primary-text-color);
--section-button-text-color-hover: var(--section-button-primary-text-color-hover);
--section-button-border-color: var(--section-button-primary-border-color);
--section-button-padding-block-end: var(--section-button-primary-padding-block-end);
--section-button-padding-block-start: var(--section-button-primary-padding-block-start);
--section-button-padding-inline-end: var(--section-button-primary-padding-inline-end);
--section-button-padding-inline-start: var(--section-button-primary-padding-inline-start);
--section-button-border-width: var(--section-button-primary-border-width);
--section-button-icon-spacing: var(--section-button-primary-icon-spacing);
--section-button-border-radius-block-end: var(--section-button-primary-border-radius-block-end);
--section-button-border-radius-block-start: var(--section-button-primary-border-radius-block-start);
--section-button-border-radius-inline-end: var(--section-button-primary-border-radius-inline-end);
--section-button-border-radius-inline-start: var(--section-button-primary-border-radius-inline-start);
align-items: center;
display: flex;
gap: var(--section-button-icon-spacing);
justify-content: center;
text-decoration: none;
transition: all .3s
}
a.section-button:focus,
a.section-button:hover,
a.section-button:not([href]):not([tabindex]):focus,
a.section-button:not([href]):not([tabindex]):hover {
transition: all .3s
}
a.section-button.has-border,
a.section-button:not([href]):not([tabindex]).has-border {
border-color: var(--section-button-border-color);
border-style: solid;
border-width: var(--section-button-border-width)
}
a.section-button.is-type-button,
a.section-button:not([href]):not([tabindex]).is-type-button {
padding-block-end: var(--section-button-padding-block-end);
padding-block-start: var(--section-button-padding-block-start);
padding-inline-end: var(--section-button-padding-inline-end);
padding-inline-start: var(--section-button-padding-inline-start);
text-decoration: none
}
a.section-button.is-type-button,
a.section-button.is-type-button:not([href]):not([tabindex]),
a.section-button.is-type-link,
a.section-button.is-type-link:not([href]):not([tabindex]),
a.section-button:not([href]):not([tabindex]).is-type-button,
a.section-button:not([href]):not([tabindex]).is-type-button:not([href]):not([tabindex]),
a.section-button:not([href]):not([tabindex]).is-type-link,
a.section-button:not([href]):not([tabindex]).is-type-link:not([href]):not([tabindex]) {
color: var(--section-button-text-color)
}
a.section-button.is-type-button:focus,
a.section-button.is-type-button:hover,
a.section-button.is-type-button:not([href]):not([tabindex]):focus,
a.section-button.is-type-button:not([href]):not([tabindex]):hover,
a.section-button.is-type-link:focus,
a.section-button.is-type-link:hover,
a.section-button.is-type-link:not([href]):not([tabindex]):focus,
a.section-button.is-type-link:not([href]):not([tabindex]):hover,
a.section-button:not([href]):not([tabindex]).is-type-button:focus,
a.section-button:not([href]):not([tabindex]).is-type-button:hover,
a.section-button:not([href]):not([tabindex]).is-type-button:not([href]):not([tabindex]):focus,
a.section-button:not([href]):not([tabindex]).is-type-button:not([href]):not([tabindex]):hover,
a.section-button:not([href]):not([tabindex]).is-type-link:focus,
a.section-button:not([href]):not([tabindex]).is-type-link:hover,
a.section-button:not([href]):not([tabindex]).is-type-link:not([href]):not([tabindex]):focus,
a.section-button:not([href]):not([tabindex]).is-type-link:not([href]):not([tabindex]):hover {
color: var(--section-button-text-color-hover)
}
a.section-button i,
a.section-button:not([href]):not([tabindex]) i {
color: currentColor
}
a.section-button svg,
a.section-button:not([href]):not([tabindex]) svg {
fill: currentColor;
height: 1em;
width: 1em
}
a.section-button--secondary,
a.section-button--secondary:not([href]):not([tabindex]) {
--section-button-text-color: var(--section-button-secondary-text-color);
--section-button-text-color-hover: var(--section-button-secondary-text-color-hover);
--section-button-border-color: var(--section-button-secondary-border-color);
--section-button-padding-block-end: var(--section-button-secondary-padding-block-end);
--section-button-padding-block-start: var(--section-button-secondary-padding-block-start);
--section-button-padding-inline-end: var(--section-button-secondary-padding-inline-end);
--section-button-padding-inline-start: var(--section-button-secondary-padding-inline-start);
--section-button-border-width: var(--section-button-secondary-border-width);
--section-button-icon-spacing: var(--section-button-secondary-icon-spacing);
--section-button-border-radius-block-end: var(--section-button-secondary-border-radius-block-end);
--section-button-border-radius-block-start: var(--section-button-secondary-border-radius-block-start);
--section-button-border-radius-inline-end: var(--section-button-secondary-border-radius-inline-end);
--section-button-border-radius-inline-start: var(--section-button-secondary-border-radius-inline-start)
}
/* === mesh-image.css === */
.section-image {
--section-image-height: 100%;
--section-image-min-height: 0;
--section-image-position: center;
--section-image-width: 100%;
--section-image-border-color: #54595f;
--section-image-border-width: 0;
--section-image-border-radius-block-end: 8px;
--section-image-border-radius-block-start: 8px;
--section-image-border-radius-inline-end: 8px;
--section-image-border-radius-inline-start: 8px;
align-items: center;
display: flex;
justify-content: center;
z-index: 2
}
.elementor .section-image img {
height: var(--section-image-height);
min-height: var(--section-image-min-height);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: var(--section-image-position);
object-position: var(--section-image-position);
width: var(--section-image-width)
}
.elementor .section-image img.has-border {
border-color: var(--section-image-border-color);
border-style: solid;
border-width: var(--section-image-border-width)
}
/* === mesh-shapes.css === */
.elementor img.has-shape-sharp,
.has-shape-sharp {
--section-shapes-border-radius-sharp: 0;
border-radius: var(--section-shapes-border-radius-sharp)
}
.elementor img.has-shape-rounded,
.has-shape-rounded {
--section-shapes-border-radius-rounded: 12px;
border-radius: var(--section-shapes-border-radius-rounded)
}
.elementor img.has-shape-round,
.has-shape-round {
--section-shapes-border-radius-round: 32px;
border-radius: var(--section-shapes-border-radius-round)
}
.elementor img.has-shape-default,
.has-shape-default {
--section-shapes-border-radius-default: 8px;
border-radius: var(--section-shapes-border-radius-default)
}
@media screen and (max-width:767px) {
.elementor img.has-shape-sm-rounded,
.has-shape-sm-rounded {
--section-shapes-border-radius-rounded: 12px;
border-radius: var(--section-shapes-border-radius-rounded)
}
}
/* === responsive.css === */
/* --- Static-build form confirmation message (added with form-handler.js) --- */
.form-response-message.form-success {
display: block;
margin: 0 0 1rem;
padding: 14px 18px;
border-radius: 8px;
background: #e8f6ec;
border: 1px solid #b7e0c2;
color: #1c6b34;
font-size: 14px;
line-height: 1.5;
}
.form-response-message.form-error {
display: block;
margin: 0 0 1rem;
padding: 14px 18px;
border-radius: 8px;
background: #fdecee;
border: 1px solid #f4c2c8;
color: #a12330;
font-size: 14px;
line-height: 1.5;
}
/* Logo link: hug the image exactly so its width is identical on every page
(prevents a few-px horizontal shift of the logo on the home page, where the
inline-block link was rendering slightly wider than the image). */
.elementor-widget-image a:has(> img),
.elementor-widget-image > a {
display: inline-flex;
justify-content: flex-start;
align-items: center;
width: -moz-fit-content;
width: fit-content;
line-height: 0;
font-size: 0;
}
.elementor-widget-image > a > img {
margin: 0;
}
/* Social-media icon links (e.g. LinkedIn) center their SVG with flexbox rather
than line-height/vertical-align. The line-height approach made the icon's
vertical position depend on the row's baseline, so it drifted out of line with
the neighbouring phone/WhatsApp/mail icons between pages. Flex centering keeps
it aligned everywhere, in both header and footer.
(Selector scoped through .navmenu-wid-con to override the original rule.) */
.navmenu-wid-con .ekit_social_media > li > a {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
}
.navmenu-wid-con .ekit_social_media > li > a > svg {
vertical-align: middle;
display: block;
}
/* Header contact-icon boxes (phone / WhatsApp / mail) render their wrapper as
flex on the home page but block on other pages, shifting the icon ~2px. Pin
them to flex centering so every page matches. Scoped to the header only so
footer / body icon-boxes are not affected. */
.navmenu-template-content-markup .elementor-icon-box-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
/* The mobile sidebar hamburger and close (cross) buttons are