@charset "UTF-8";
#cookie-law-info-bar {
font-size: 15px;
margin: 0 auto;
padding: 12px 10px;
position: absolute;
text-align: center;
box-sizing: border-box;
width:100%;
z-index: 9999; display: none;
left:0px;
font-weight:300;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding:5px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
box-shadow: #161616 2px 2px 5px 2px;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
display: inline-block;
padding: 9px 12px;
color: #fff;
text-decoration: none;
position: relative;
cursor: pointer;
margin-left: 5px;
text-decoration: none;
}
.cli-plugin-main-link {
margin-left:0px;
font-weight: 550; text-decoration: underline;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
text-decoration: none;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 13px;
font-weight: 400;
line-height: 1;
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}
.cli-plugin-button{ margin-top:5px; }
.cli-bar-popup{
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
padding:20px;
}
.cli-powered_by_p{width:100% !important; display:block !important; color:#333; clear:both; font-style:italic !important; font-size:12px !important; margin-top:15px !important; }
.cli-powered_by_a{color:#333; font-weight:600 !important; font-size:12px !important;} .cli-plugin-main-link.cli-plugin-button {
text-decoration: none;
}
.cli-plugin-main-link.cli-plugin-button {
margin-left: 5px;
}.gdpr-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.gdpr-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gdpr-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.gdpr-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.gdpr-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.gdpr-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.gdpr-px-0 {
padding-left: 0;
padding-right: 0;
}
.modal-backdrop.show {
opacity: .8;
}
.modal-open {
overflow: hidden
}
.modal-open .gdpr-modal {
overflow-x: hidden;
overflow-y: auto
}
.gdpr-modal.fade .gdpr-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.gdpr-modal.show .gdpr-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1039;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.gdpr-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.gdpr-modal a {
text-decoration: none;
}
.gdpr-modal .gdpr-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.gdpr-modal .gdpr-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2));
}
}
@media (min-width: 992px) {
.gdpr-modal .gdpr-modal-dialog {
max-width: 900px;
}
}
.gdpr-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.gdpr-modal .row {
margin: 0 -15px;
}
.gdpr-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gdpr-modal .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.gdpr-modal .close:focus {
outline: 0;
}
.gdpr-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.gdpr-switch input[type="checkbox"] {
display:none;
}
.gdpr-switch .gdpr-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.gdpr-switch .gdpr-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.gdpr-switch input:checked + .gdpr-slider {
background-color:rgb(99, 179, 95);
}
.gdpr-switch input:checked + .gdpr-slider:before {
transform: translateX(26px);
}
.gdpr-switch .gdpr-slider {
border-radius: 34px;
}
.gdpr-switch .gdpr-slider:before {
border-radius: 50%;
}
.gdpr-tab-content>.gdpr-tab-pane {
display: none;
}
.gdpr-tab-content>.active {
display: block;
}
.gdpr-fade {
transition: opacity .15s linear;
}
.gdpr-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column !important;
flex-direction: column !important;
align-items: stretch !important;
-ms-align-items: stretch !important;
}
.nav.gdpr-nav-pills, .gdpr-tab-content {
width: 100%;
padding: 30px;
}
.nav.gdpr-nav-pills {
background: #f3f3f3;
}
.nav.gdpr-nav-pills .gdpr-nav-link {
border: 1px solid #0070ad;
margin-bottom: 10px;
color: #0070ad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link {
background-color: #0070ad;
border: 1px solid #0070ad;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active {
color: #ffffff;
}
.gdpr-tab-content .gdpr-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.gdpr-tab-content .gdpr-button-wrapper .btn-gdpr {
background-color: #0070ad;
border-color: #0070ad;
color: #ffffff;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gdpr-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.gdpr-tab-content h4 {
font-size: 20px;
margin-bottom: .5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
.cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
display: none;
}
.cli-modal-backdrop.cli-fade {
opacity: 0
}
.cli-modal-backdrop.cli-show {
opacity: .5;
display: block;
}
.cli-modal.cli-show {
display: block;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 900px;
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .3rem;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent !important;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.cli-switch input:checked + .cli-slider {
background-color: #00acad
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(26px);
}
.cli-switch .cli-slider {
border-radius: 34px;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-tab-content>.cli-active {
display: block;
}
.cli-fade {
transition: opacity .15s linear;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding: 30px;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #f3f3f3;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #00acad;
margin-bottom: 10px;
color: #00acad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #00acad;
border: 1px solid #00acad;
}
.cli-nav-pills .cli-nav-link.cli-active {
color: #ffffff;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} .cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
flex-direction: column;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
-webkit-transform:scale(0);
transform:scale(0);
transition: opacity ease-in-out 0.5s;
}
.cli-modal-backdrop.cli-fade {
opacity: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .5;
-webkit-transform:scale(1);
transform:scale(1);
}
.cli-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
transform: scale(0);
overflow: hidden;
outline: 0;
display: none;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .2rem;
box-sizing: border-box;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 38px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 20px;
width: 38px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 15px;
left: 3px;
position: absolute;
transition: .4s;
width: 15px;
}
.cli-switch input:checked + .cli-slider {
background-color: #61a229;
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(18px);
}
.cli-switch .cli-slider {
border-radius: 34px;
font-size:0;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding:5px 30px 5px 5px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #fff;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #cccccc;
margin-bottom: 10px;
color:#2a2a2a;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #f6f6f9;
border: 1px solid #cccccc;
}
.cli-nav-pills .cli-nav-link.cli-active {
color:#2a2a2a;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} #cookie-law-info-bar .cli-nav-pills,#cookie-law-info-bar .cli-tab-content,#cookie-law-info-bar .cli-nav-pills .cli-show>.cli-nav-link,#cookie-law-info-bar a.cli-nav-link.cli-active{
background: transparent;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link.cli-active,#cookie-law-info-bar  .cli-nav-link,#cookie-law-info-bar .cli-tab-container p,#cookie-law-info-bar span.cli-necessary-caption,#cookie-law-info-bar .cli-switch .cli-slider:after
{
color:inherit;
}
#cookie-law-info-bar .cli-tab-header a:before
{
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
#cookie-law-info-bar .cli-row
{
margin-top:20px;
}
#cookie-law-info-bar .cli-col-4
{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#cookie-law-info-bar .cli-col-8
{
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.cli-wrapper {
max-width: 90%;
float: none;
margin: 0 auto;
}
#cookie-law-info-bar .cli-tab-content h4
{
margin-bottom:0.5rem;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link
{
padding: .2rem 0.5rem;
}
#cookie-law-info-bar .cli-tab-container
{
display:none;
text-align:left;
} .cli-tab-footer .cli-btn {
background-color: #00acad;
padding: 10px 15px;
text-decoration:none;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #61a229;
color: #ffffff;
border-radius: 0;
}
.cli-tab-footer {
width:100%;
text-align:right;
padding: 20px 0;
} .cli-col-12
{
width:100%;
}
.cli-tab-header
{
display: flex;
justify-content: space-between;
}
.cli-tab-header a:before {
width: 10px;
height: 2px;
left: 0;
top: calc(50% - 1px);
}
.cli-tab-header a:after {
width: 2px;
height: 10px;
left: 4px;
top: calc(50% - 5px);
-webkit-transform: none;
transform: none;
}
.cli-tab-header a:before {
width: 7px;
height: 7px;
border-right: 1px solid #4a6e78;
border-bottom: 1px solid #4a6e78;
content: " ";
transform: rotate(-45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right:10px;
}
.cli-tab-header a.cli-nav-link  {
position: relative;
display: flex;
align-items: center;
font-size:14px;
color:#000;
text-transform: capitalize;
}
.cli-tab-header.cli-tab-active .cli-nav-link:before
{
transform: rotate(45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cli-tab-header {
border-radius: 5px;
padding: 12px 15px;
cursor: pointer;
transition: background-color 0.2s ease-out 0.3s, color 0.2s ease-out 0s;
background-color:#f2f2f2;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-appearance: none;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
padding: 10px;
background: transparent;
border:none;
min-width: 40px;
}
.cli-tab-container h4,.cli-tab-container h1 {
font-family: inherit;
font-size: 16px;
margin-bottom: 15px;
margin:10px 0;
}
#cliSettingsPopup .cli-tab-section-container {
padding-top: 12px;
}
.cli-tab-container p ,.cli-privacy-content-text{
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}
.wt-cli-privacy
{
display:none;
}
.cli-tab-content
{
display:none;
}
.cli-tab-section .cli-tab-content
{
padding: 10px 20px 5px 20px;
}
.cli-tab-section
{
margin-top:5px;
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 645px;
}
}
.cli-switch .cli-slider:after{
content: attr(data-cli-disable);
position: absolute;
right: 50px;
color: #000;
font-size:12px;
text-align:right;
min-width: 80px;
}
.cli-switch input:checked + .cli-slider:after
{
content: attr(data-cli-enable);
}
.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
max-height: 60px;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
a.cli-privacy-readmore {
font-size: 12px;
margin-top: 12px;
display: inline-block;
padding-bottom: 0;
cursor: pointer;
color:#000;
text-decoration: underline;
}
.cli-modal-footer {
position: relative;
}
a.cli-privacy-readmore:before {
content: attr(data-readmore-text);
}
.cli-collapsed a.cli-privacy-readmore:before {
content: attr(data-readless-text);
}
.cli-collapsed .cli-privacy-content
{
transition: max-height 0.25s ease-in;
}
.cli-privacy-content p
{
margin-bottom:0;
}
.cli-modal-close svg {
fill: #000;
}
span.cli-necessary-caption {
color: #000;
font-size: 12px;
}
.cli-tab-section.cli-privacy-tab {
display: none;
}
#cookie-law-info-bar .cli-tab-section.cli-privacy-tab {
display: block;
}
#cookie-law-info-bar .cli-privacy-overview {
display: none;
}
.cli-tab-container .cli-row
{
max-height: 500px;
overflow-y: auto;
}
.cli-modal.cli-blowup.cli-out {
z-index: -1;
}
.cli-modal.cli-blowup {
z-index: 999999;
transform: scale(1);
}
.cli-modal.cli-blowup .cli-modal-dialog {
animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.cli-modal.cli-blowup.cli-out .cli-modal-dialog
{
animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1;
}
99.9% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(0);
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(0);
opacity: 0;
}
}
.cli-tab-section .cookielawinfo-row-cat-table td, .cli-tab-section .cookielawinfo-row-cat-table th {
font-size: 12px;
}
.cli_settings_button
{
cursor: pointer;
} .wt-cli-sr-only
{
display: none;
font-size:16px;
} a.wt-cli-element.cli_cookie_close_button {
text-decoration: none;
color: #333333;
font-size: 22px;
line-height: 22px;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
} .cli-bar-container{
float: none;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cli-bar-btn_container {
margin-left: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: nowrap;
}
.cli-style-v2 a
{
cursor: pointer;
}
.cli-bar-btn_container a {
white-space: nowrap;
}
.cli-style-v2 .cli-plugin-main-link
{
font-weight:inherit;
}
.cli-style-v2
{
font-size: 11pt;
line-height: 18px;
font-weight:normal;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-container{
display: block;
}
.cli-style-v2 .cli-bar-message {
width: 70%;
text-align: left;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message
{
width:100%;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
flex-wrap: wrap;
} #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head{
text-align: left; margin-bottom: 5px;
margin-top: 0px;
font-size: 16px;
} .cli-style-v2 .cli-bar-message .wt-cli-ccpa-element,.cli-style-v2 .cli-bar-message .wt-cli-ccpa-checkbox {
margin-top: 5px;
}
.cli-style-v2 .cli-bar-btn_container .cli_action_button ,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link,
.cli-style-v2 .cli-bar-btn_container .cli_settings_button
{
margin-left: 5px;
}
.wt-cli-ccpa-checkbox label {
font-size: inherit;
cursor: pointer;
margin: 0px 0px 0px 5px;
} #cookie-law-info-bar[data-cli-style="cli-style-v2"]
{
padding: 14px 25px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"]
{
padding:32px 30px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
padding: 32px 45px;
}
.cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button),.cli-style-v2 .cli_action_button:not(.cli-plugin-button){
text-decoration: underline;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
margin-top: 5px;
margin-bottom: 5px;
}
a.wt-cli-ccpa-opt-out {
white-space: nowrap;
text-decoration: underline;
}
.wt-cli-necessary-checkbox {
display: none !important;
}
@media (max-width: 985px) {
.cli-style-v2 .cli-bar-message
{
width:100%;
}
.cli-style-v2.cli-bar-container
{
justify-content:left;
flex-wrap: wrap;
}
.cli-style-v2 .cli-bar-btn_container {
margin-left:0px;
margin-top: 10px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]
{
padding: 25px 25px;
}
} .wt-cli-ckyes-brand-logo {
display: flex;
align-items: center;
font-size: 9px;
color: #111111;
font-weight: normal;
}
.wt-cli-ckyes-brand-logo img{
width: 65px;
margin-left: 2px;
}
.wt-cli-privacy-overview-actions {
padding-bottom:0;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.cli-style-v2 .cli-bar-btn_container {
flex-wrap: wrap;
}
} .wt-cli-cookie-description {
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}
 :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
animation-iteration-count: calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
animation-iteration-count: calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay)*2);
animation-delay: calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay)*3);
animation-delay: calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay)*4);
animation-delay: calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay)*5);
animation-delay: calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/2);
animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration)*0.8);
animation-duration: calc(var(--animate-duration)*0.8)
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration)*3);
animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce), print {
.animate__animated {
-webkit-animation-duration: 1ms!important;
animation-duration: 1ms!important;
-webkit-transition-duration: 1ms!important;
transition-duration: 1ms!important;
-webkit-animation-iteration-count: 1!important;
animation-iteration-count: 1!important
}
.animate__animated[class*=Out] {
opacity: 0
}
}
@-webkit-keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
@keyframes flash {
0%, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shakeX {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration)*1.3);
animation-duration: calc(var(--animate-duration)*1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.animate__bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
@keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
@keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
@keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.animate__flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.animate__flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}.dnxte_popup_pro_animation.active {
animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
.active.dnxte_popup_pro_popup_load {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_popup_load;
}
.active.dnxte_popup_pro_zoom_center {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_center;
}
.active.dnxte_popup_pro_zoom_left {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_left;
}
.active.dnxte_popup_pro_zoom_left_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_left_rev;
}
.active.dnxte_popup_pro_zoom_center_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_center_rev;
}
.active.dnxte_popup_pro_zoom_right {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_right;
}
.active.dnxte_popup_pro_zoom_right_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_right_rev;
}
.active.dnxte_popup_pro_slide_left {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_left;
}
.active.dnxte_popup_pro_slide_left_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_left_rev;
}
.active.dnxte_popup_pro_slide_up {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_up;
}
.active.dnxte_popup_pro_slide_up_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_up_rev;
}
.active.dnxte_popup_pro_slide_down {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_down;
}
.active.dnxte_popup_pro_slide_down_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_down_rev;
}
.active.dnxte_popup_pro_popup_close {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_popup_close;
}
.active.dnxte_popup_pro_slide_right {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_right;
}
.active.dnxte_popup_pro_slide_right_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_right_rev;
}
.active.dnxte_popup_pro_fade_in {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_fade_in;
}
.active.dnxte_popup_pro_fade_in_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_fade_in_rev;
} .active.dnxte_popup_pro_animate_bounce {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounce;
}
.active.dnxte_popup_pro_animate_pulse {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_pulse;
}
.active.dnxte_popup_pro_animate_shakeX {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_shakeX;
}
.active.dnxte_popup_pro_animate_shakeY {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_shakeY;
}
.active.dnxte_popup_pro_animate_headShake {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_headShake;
}
.active.dnxte_popup_pro_animate_heartBeat {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_heartBeat;
}
.active.dnxte_popup_pro_animate_bounceIn {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceIn;
}
.active.dnxte_popup_pro_animate_bounceInDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInDown;
}
.active.dnxte_popup_pro_animate_bounceInLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInLeft;
}
.active.dnxte_popup_pro_animate_bounceInRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInRight;
}
.active.dnxte_popup_pro_animate_bounceInUp {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInUp;
}
.active.dnxte_popup_pro_animate_fadeIn {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeIn;
}
.active.dnxte_popup_pro_animate_fadeInDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInDown;
}
.active.dnxte_popup_pro_animate_fadeInDownBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInDownBig;
}
.active.dnxte_popup_pro_animate_fadeInLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeft;
}
.active.dnxte_popup_pro_animate_fadeInLeftBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeftBig;
}
.active.dnxte_popup_pro_animate_fadeInRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInRight;
}
.active.dnxte_popup_pro_animate_fadeInLeftBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeftBig;
}
.active.dnxte_popup_pro_animate_fadeInRightBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInRightBig;
}
.active.dnxte_popup_pro_animate_fadeInUp {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInUp;
}
.active.dnxte_popup_pro_animate_fadeInUpBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInUpBig;
}
.active.dnxte_popup_pro_animate_fadeOut {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOut;
}
.active.dnxte_popup_pro_animate_fadeOutDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutDown;
}
.active.dnxte_popup_pro_animate_fadeOutLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutLeft;
}
.active.dnxte_popup_pro_animate_fadeOutRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutRight;
}
.active.dnxte_popup_pro_animate_fadeOutUp {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutUp;
}
.active.dnxte_popup_pro_animate_flipInX {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_flipInX;
}
.active.dnxte_popup_pro_animate_flipInY {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_flipInY;
}
.active.dnxte_popup_pro_animate_lightSpeedInRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedInRight;
}
.active.dnxte_popup_pro_animate_lightSpeedInLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedInLeft;
}
.active.dnxte_popup_pro_animate_lightSpeedOutRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedOutRight;
}
.active.dnxte_popup_pro_animate_lightSpeedOutLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedOutLeft;
}
.active.dnxte_popup_pro_animate_zoomIn {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomIn;
}
.active.dnxte_popup_pro_animate_zoomInDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomInDown;
}
.active.dnxte_popup_pro_animate_zoomOut {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomOut;
}
.active.dnxte_popup_pro_animate_zoomOutDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomOutDown;
} @keyframes dnxte_popup_pro_animate_bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes dnxte_popup_pro_animate_pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes dnxte_popup_pro_animate_shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes dnxte_popup_pro_animate_shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes dnxte_popup_pro_animate_headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes dnxte_popup_pro_animate_heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes dnxte_popup_pro_animate_bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes dnxte_popup_pro_animate_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes dnxte_popup_pro_animate_fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes dnxte_popup_pro_animate_fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes dnxte_popup_pro_animate_fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes dnxte_popup_pro_animate_fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes dnxte_popup_pro_animate_flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes dnxte_popup_pro_animate_flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes dnxte_popup_pro_animate_lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes dnxte_popup_pro_animate_lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
@keyframes dnxte_popup_pro_animate_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes dnxte_popup_pro_animate_zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes dnxte_popup_pro_animate_zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes dnxte_popup_pro_animate_zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
} @keyframes dnxte_popup_pro_popup_load {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes dnxte_popup_pro_popup_close {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes dnxte_popup_pro_slide_left {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes dnxte_popup_pro_slide_left_rev {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes dnxte_popup_pro_slide_right {
0% {
transform: translateX(100%) translateY(0px);
}
100% {
transform: translateX(0) translateY(0px);
}
}
@keyframes dnxte_popup_pro_slide_right_rev {
0% {
transform: translateX(0) translateY(0px);
}
0.1% {
transform: translateX(0) translateY(9px);
}
100% {
transform: translateX(100%) translateY(0);
}
}
@keyframes dnxte_popup_pro_slide_up {
0% {
transform: translateY(100%);
}
100% {
transform: none;
}
}
@keyframes dnxte_popup_pro_slide_up_rev {
0% {
transform: none;
}
100% {
transform: translateY(100%);
}
}
@keyframes dnxte_popup_pro_slide_down {
0% {
transform: translateY(-100%);
}
100% {
transform: none;
}
}
@keyframes dnxte_popup_pro_slide_down_rev {
0% {
transform: none;
}
100% {
transform: translateY(-100%);
}
}
@keyframes dnxte_popup_pro_fade_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes dnxte_popup_pro_fade_in_rev {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes dnxte_popup_pro_zoom_left {
0% {
transform: scale(1.4) translateX(-100%);
}
100% {
transform: none;
}
}
@keyframes dnxte_popup_pro_zoom_left_rev {
0% {
transform: none;
}
100% {
transform: scale(3) translateX(-100%);
}
}
@keyframes dnxte_popup_pro_zoom_center {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes dnxte_popup_pro_zoom_center_rev {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes dnxte_popup_pro_zoom_right {
0% {
transform: scale(1.5) translateX(100%);
}
100% {
transform: none;
}
}
@keyframes dnxte_popup_pro_zoom_right_rev {
0% {
transform: none;
}
100% {
transform: scale(1.5) translateX(100%);
}
}.dnxt-hover-grow {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dnxt-hover-grow:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .dnxt-hover-shrink { vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-shrink:hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
} .dnxt-hover-pulse {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse:hover {
-webkit-animation-name: dnxt-hover-pulse;
animation-name: dnxt-hover-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes dnxt-hover-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes dnxt-hover-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} .dnxt-hover-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse-grow:hover {
-webkit-animation-name: dnxt-hover-pulse-grow;
animation-name: dnxt-hover-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes dnxt-hover-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes dnxt-hover-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
} .dnxt-hover-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse-shrink:hover {
-webkit-animation-name: dnxt-hover-pulse-shrink;
animation-name: dnxt-hover-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes dnxt-hover-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes dnxt-hover-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} @-webkit-keyframes dnxt-hover-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes dnxt-hover-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.dnxt-hover-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-push:hover {
-webkit-animation-name: dnxt-hover-push;
animation-name: dnxt-hover-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes dnxt-hover-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.dnxt-hover-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-pop:hover {
-webkit-animation-name: dnxt-hover-pop;
animation-name: dnxt-hover-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-in:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-out:hover {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-rotate:hover {
-webkit-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
} .dnxt-hover-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-grow-rotate:hover {
-webkit-transform: scale(1.1) rotate(4deg);
-ms-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
} .dnxt-hover-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-float:hover {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
} .dnxt-hover-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sink:hover {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes dnxt-hover-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes dnxt-hover-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes dnxt-hover-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes dnxt-hover-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.dnxt-hover-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-bob:hover {
-webkit-animation-name: dnxt-hover-bob-float, dnxt-hover-bob;
animation-name: dnxt-hover-bob-float, dnxt-hover-bob;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes dnxt-hover-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes dnxt-hover-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes dnxt-hover-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes dnxt-hover-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.dnxt-hover-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-hang:hover {
-webkit-animation-name: dnxt-hover-hang-sink, dnxt-hover-hang;
animation-name: dnxt-hover-hang-sink, dnxt-hover-hang;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-skew:hover {
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
} .dnxt-hover-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-skew-forward:hover {
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
} .dnxt-hover-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-skew-backward:hover {
-webkit-transform: skew(10deg);
-ms-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-horizontal:hover {
-webkit-animation-name: dnxt-hover-wobble-horizontal;
animation-name: dnxt-hover-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-vertical:hover {
-webkit-animation-name: dnxt-hover-wobble-vertical;
animation-name: dnxt-hover-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes dnxt-hover-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.dnxt-hover-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-to-bottom-right:hover {
-webkit-animation-name: dnxt-hover-wobble-to-bottom-right;
animation-name: dnxt-hover-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes dnxt-hover-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.dnxt-hover-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-to-top-right:hover {
-webkit-animation-name: dnxt-hover-wobble-to-top-right;
animation-name: dnxt-hover-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes dnxt-hover-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.dnxt-hover-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-wobble-top:hover {
-webkit-animation-name: dnxt-hover-wobble-top;
animation-name: dnxt-hover-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes dnxt-hover-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.dnxt-hover-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.dnxt-hover-wobble-bottom:hover {
-webkit-animation-name: dnxt-hover-wobble-bottom;
animation-name: dnxt-hover-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes dnxt-hover-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.dnxt-hover-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-skew:hover {
-webkit-animation-name: dnxt-hover-wobble-skew;
animation-name: dnxt-hover-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes dnxt-hover-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.dnxt-hover-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-buzz:hover {
-webkit-animation-name: dnxt-hover-buzz;
animation-name: dnxt-hover-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes dnxt-hover-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes dnxt-hover-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.dnxt-hover-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-buzz-out:hover {
-webkit-animation-name: dnxt-hover-buzz-out;
animation-name: dnxt-hover-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-forward:hover {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
} .dnxt-hover-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-backward:hover {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
}  .dnxt-hover-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
overflow: hidden;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-fade:hover {
background: #2098d1;
color: white;
} .dnxt-hover-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-right:hover {
color: white;
}
.dnxt-hover-sweep-to-right:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-left:hover {
color: white;
}
.dnxt-hover-sweep-to-left:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-bottom:hover {
color: white;
}
.dnxt-hover-sweep-to-bottom:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
} .dnxt-hover-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-top:hover {
color: white;
}
.dnxt-hover-sweep-to-top:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
} .dnxt-hover-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-right:hover {
color: white;
}
.dnxt-hover-bounce-to-right:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-left:hover {
color: white;
}
.dnxt-hover-bounce-to-left:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-bottom:hover {
color: white;
}
.dnxt-hover-bounce-to-bottom:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-top:hover {
color: white;
}
.dnxt-hover-bounce-to-top:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
border-radius: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-radial-out:hover {
color: white;
}
.dnxt-hover-radial-out:hover:before {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
} .dnxt-hover-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-radial-in:hover {
color: white;
}
.dnxt-hover-radial-in:hover:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
} .dnxt-hover-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-rectangle-in:hover {
color: white;
}
.dnxt-hover-rectangle-in:hover:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
} .dnxt-hover-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-rectangle-out:hover {
color: white;
}
.dnxt-hover-rectangle-out:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .dnxt-hover-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-in-horizontal:hover {
color: white;
}
.dnxt-hover-shutter-in-horizontal:hover:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
} .dnxt-hover-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-out-horizontal:hover {
color: white;
}
.dnxt-hover-shutter-out-horizontal:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-in-vertical:hover {
color: white;
}
.dnxt-hover-shutter-in-vertical:hover:before {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
} .dnxt-hover-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-out-vertical:hover {
color: white;
}
.dnxt-hover-shutter-out-vertical:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}  .dnxt-hover-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-trim:before {
content: "";
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.dnxt-hover-trim:hover:before {
opacity: 1;
} @-webkit-keyframes dnxt-hover-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes dnxt-hover-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.dnxt-hover-ripple-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-ripple-out:before {
content: "";
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.dnxt-hover-ripple-out:hover:before {
-webkit-animation-name: dnxt-hover-ripple-out;
animation-name: dnxt-hover-ripple-out;
} @-webkit-keyframes dnxt-hover-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes dnxt-hover-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.dnxt-hover-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-ripple-in:before {
content: "";
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.dnxt-hover-ripple-in:hover:before {
-webkit-animation-name: dnxt-hover-ripple-in;
animation-name: dnxt-hover-ripple-in;
} .dnxt-hover-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: right;
-o-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-left:hover:before {
right: 0;
} .dnxt-hover-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-center:hover:before {
left: 0;
right: 0;
} .dnxt-hover-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left;
-o-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-right:hover:before {
left: 0;
} .dnxt-hover-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: right;
-o-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-left:hover:before {
right: 0;
} .dnxt-hover-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-center:hover:before {
left: 0;
right: 0;
} .dnxt-hover-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left;
-o-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-right:hover:before {
left: 0;
} .dnxt-hover-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098d1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
-o-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
} .dnxt-hover-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .dnxt-hover-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}  .dnxt-hover-icon-back i {
font-weight: 900;
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
text-rendering: auto;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-back:hover i {
-webkit-transform: translateX(-4px);
-ms-transform: translateX(-4px);
transform: translateX(-4px);
} .dnxt-hover-icon-forward i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-forward:hover i:before {
-webkit-transform: translateX(4px);
-ms-transform: translateX(4px);
transform: translateX(4px);
} .dnxt-hover-icon-down i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.dnxt-hover-icon-down:hover i {
-webkit-animation-name: dnxt-hover-icon-down;
animation-name: dnxt-hover-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-up i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.dnxt-hover-icon-up:hover i {
-webkit-animation-name: dnxt-hover-icon-up;
animation-name: dnxt-hover-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-drop i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes dnxt-hover-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
.dnxt-hover-icon-drop:hover i {
opacity: 0;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: dnxt-hover-icon-drop;
animation-name: dnxt-hover-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-icon-float-away i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes dnxt-hover-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes dnxt-hover-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
.dnxt-hover-icon-float-away:hover i {
-webkit-animation-name: dnxt-hover-icon-float-away;
animation-name: dnxt-hover-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-sink-away i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes dnxt-hover-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes dnxt-hover-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
.dnxt-hover-icon-sink-away:hover i:before {
-webkit-animation-name: dnxt-hover-icon-sink-away;
animation-name: dnxt-hover-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-grow i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-grow:hover i {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
} .dnxt-hover-icon-shrink i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-shrink:hover i {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
} .dnxt-hover-icon-pulse i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-pulse:hover i {
-webkit-animation-name: dnxt-hover-icon-pulse;
animation-name: dnxt-hover-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} .dnxt-hover-icon-pulse-grow i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes dnxt-hover-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
.dnxt-hover-icon-pulse-grow:hover i {
-webkit-animation-name: dnxt-hover-icon-pulse-grow;
animation-name: dnxt-hover-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} .dnxt-hover-icon-pulse-shrink i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-pulse-shrink:hover i {
-webkit-animation-name: dnxt-hover-icon-pulse-shrink;
animation-name: dnxt-hover-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} .dnxt-hover-icon-push i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-push {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-push {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-push:hover i {
-webkit-animation-name: dnxt-hover-icon-push;
animation-name: dnxt-hover-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-pop i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes dnxt-hover-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.dnxt-hover-icon-pop:hover i:before {
-webkit-animation-name: dnxt-hover-icon-pop;
animation-name: dnxt-hover-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-bounce i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-bounce:hover i {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-icon-rotate i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-rotate:hover i {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
} .dnxt-hover-icon-grow-rotate i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-grow-rotate:hover i {
-webkit-transform: scale(1.5) rotate(12deg);
-ms-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
} .dnxt-hover-icon-float i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-float:hover i {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
} .dnxt-hover-icon-sink i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-sink:hover i {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
} .dnxt-hover-icon-bob i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes dnxt-hover-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.dnxt-hover-icon-bob:hover i {
-webkit-animation-name: dnxt-hover-icon-bob-float, dnxt-hover-icon-bob;
animation-name: dnxt-hover-icon-bob-float, dnxt-hover-icon-bob;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-icon-hang i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes dnxt-hover-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.dnxt-hover-icon-hang:hover i:before {
-webkit-animation-name: dnxt-hover-icon-hang-sink, dnxt-hover-icon-hang;
animation-name: dnxt-hover-icon-hang-sink, dnxt-hover-icon-hang;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-icon-wobble-horizontal i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
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 dnxt-hover-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
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);
}
}
.dnxt-hover-icon-wobble-horizontal:hover i:before {
-webkit-animation-name: dnxt-hover-icon-wobble-horizontal;
animation-name: dnxt-hover-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-wobble-vertical i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
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 dnxt-hover-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
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);
}
}
.dnxt-hover-icon-wobble-vertical:hover i:before {
-webkit-animation-name: dnxt-hover-icon-wobble-vertical;
animation-name: dnxt-hover-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-buzz i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes dnxt-hover-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.dnxt-hover-icon-buzz:hover i:before {
-webkit-animation-name: dnxt-hover-icon-buzz;
animation-name: dnxt-hover-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} .dnxt-hover-icon-buzz-out i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes dnxt-hover-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.dnxt-hover-icon-buzz-out:hover i {
-webkit-animation-name: dnxt-hover-icon-buzz-out;
animation-name: dnxt-hover-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}.dnxtePopup_wrap {
position: relative;
background: #fff;
padding: 20px;
display: grid;
max-width: 1000px;
width: 100%;
margin: 0 auto;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.dnxtePopupcontent {
font-size: 16px;
line-height: 25px;
}
.dnxte_popup_btn {
font-size: 16px;
color: #fff;
background: #5425cd;
padding: 12px 18px;
font-family: "Helvetica", Arial, Lucida, sans-serif;
line-height: 1;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
transition: all 0.5s;
border-radius: 50px;
}
.dnxte_popup_btn:hover {
background: #f6724c;
color: #fff;
} .dnxte_popup_custom button.dnxte_popup-close {
background: #5425cd;
color: #fff;
opacity: 1;
font-size: 40px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
padding: 10px 20px;
} .dnxte_popup_overlay.dnxte_popup_custom.animate__animated.dnxte_popup-ready {
background: rgba(0, 0, 0, 0.25);
} .et-waypoint:not(.et_pb_counters) {
opacity: 1 !important;
}
.dnxte_popup-removing {
animation: close 1s;
}
@keyframes open {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes close {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .dnxte_popup_pro_top_left_close {
position: absolute;
left: 0;
top: 0 !important;
text-align: center;
} .dnxte_popup_pro_top_center_close {
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: center;
} .dnxte_popup_pro_top_right_close {
position: absolute;
left: auto;
right: 0;
top: 0;
text-align: center;
} .dnxte_popup_pro_bottom_left_close,
.dnxte_popup_pro_bottom_left_close:active {
position: absolute;
left: 0;
top: auto !important;
transform: translateY(-100%);
text-align: center;
} .dnxte_popup_pro_bottom_center_close,
.dnxte_popup_pro_bottom_center_close:active {
position: absolute;
left: 50%;
top: auto !important;
bottom: 0;
transform: translateX(-50%);
} .dnxte_popup_pro_bottom_right_close,
.dnxte_popup_pro_bottom_right_close:active {
position: absolute;
left: auto;
top: auto !important;
transform: translateY(-100%);
text-align: center;
} .dnxte_popup_pro_position_top_left {
position: fixed;
left: 0;
top: 0;
}
.dnxte_popup_pro_position_top_center {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.dnxte_popup_pro_position_top_right {
position: fixed;
left: auto;
top: 0;
right: 0;
} .dnxte_popup_pro_position_center_left {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.dnxte_popup_pro_position_center_center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.dnxte_popup_pro_position_center_right {
position: absolute;
left: auto;
top: 50%;
right: 0;
transform: translateY(-50%);
} .dnxte_popup_pro_position_bottom_left {
position: fixed;
left: 0;
bottom: 0;
}
.dnxte_popup_pro_position_bottom_center {
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.dnxte_popup_pro_position_bottom_right {
position: fixed;
left: auto;
right: 0;
bottom: 0;
}
.dnxte_popup_overlay.dnxte_popup_custom {
z-index: 999991;
background: rgba(0, 0, 0, 0.25);
}
.dnxte_popup_wrap.dnxte_popup_custom {
z-index: 99999214748;
top: 0 !important;
position: fixed !important;
}
.dnxte-clickable-under-overlay.dnxte_popup_overlay,
.dnxte-clickable-under-overlay.dnxte_popup_wrap {
pointer-events: none !important;
}
.dnxte-clickable-under-overlay .dnxte_popup-content,
.dnxte-clickable-under-overlay .dnxte_popup-close {
pointer-events: all !important;
}
.dnxte_popup_wrap.dnxte_popup_custom.dnxte-prevent-scrolling {
position: fixed !important;
}
.dnxte_popup_pro_layout_full_width {
position: relative;
top: 0;
left: 0;
bottom: 0;
transform: translate(0, 0);
}
.et_fixed_nav.et_show_nav .dnxte_popup_custom #page-container {
padding-top: 0;
}
.dnxte_popup_content {
pointer-events: all;
}
input,
textarea,
select,
button,
a {
pointer-events: all !important;
}
.clr-both {
clear: both;
} .dnxte_popups_counting .gform_wrapper,
.dnxte_popups_counting iframe {
display: block !important;
}   .dnxte_popup_overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.dnxte_popup_wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.dnxte_popup_container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
}
.dnxte_popup_container:before {
content: '';
display: none; }
.dnxte_popup-align-top .dnxte_popup_container:before {
display: none;
}
.dnxte_popup-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
width: 100%;
}
.dnxte_popup-inline-holder .dnxte_popup-content,
.dnxte_popup-ajax-holder .dnxte_popup-content {
width: 100%;
cursor: auto;
}
.dnxte_popup-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
z-index: 999992;
cursor: pointer;
border: none;
}
.dnxte_popup-close:hover,
.dnxte_popup-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.dnxte_popup-close:active {
top: 1px;
}
.dnxte_popup-close-btn-in .dnxte_popup-close {
color: #333;
} body.dnxte-popup-open {
overflow: hidden;
} .close-btn-tooltip::after {
content: attr(data-tooltip);
position: absolute;
top: 100%;
right: 100%; background: #000;
color: #fff;
padding: 6px 10px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
font-size: 14px;
}
.close-btn-tooltip:hover::after {
opacity: 1;
} .et_block_row:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
width: 0;
}:root { --spotlight-color: 210, 100%, 60%; --spotlight-gradient-1: 210, 100%, 60%;
--spotlight-gradient-2: 280, 100%, 60%;
--spotlight-gradient-3: none;
--spotlight-gradient-4: none;
--spotlight-gradient-5: none;
--spotlight-gradient-count: 2; --spotlight-card-bg: rgba(15, 15, 15, 0.9);
--spotlight-card-border: rgba(255, 255, 255, 0.1);
--spotlight-card-radius: 16px; --spotlight-size: 350px;
--spotlight-opacity: 0.15;
--spotlight-border-opacity: 0.5; --spotlight-transition: opacity 0.3s ease;
} .spotlight-card {
position: relative;
overflow: hidden;
isolation: isolate;
} .spotlight-card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
var(--spotlight-size) var(--spotlight-size) at var(--mouse-x, 50%)
var(--mouse-y, 50%),
hsla(var(--spotlight-color), var(--spotlight-opacity)),
transparent 100%
);
opacity: 0;
transition: var(--spotlight-transition);
pointer-events: none;
z-index: 1;
border-radius: inherit;
} .spotlight-card::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
calc(var(--spotlight-size) * 0.8) calc(var(--spotlight-size) * 0.8) at
var(--mouse-x, 50%) var(--mouse-y, 50%),
hsla(var(--spotlight-color), var(--spotlight-border-opacity)),
transparent 100%
);
border-radius: inherit;
opacity: 0;
transition: var(--spotlight-transition);
pointer-events: none;
z-index: 0; -webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
padding: 2px;
} .spotlight-card:hover::before,
.spotlight-card:hover::after {
opacity: 1;
} .spotlight-card-content {
position: relative;
z-index: 2;
padding: 24px;
height: 100%;
} .spotlight-card[data-variant="border"],
.spotlight-card--border {
--spotlight-opacity: 0;
}
.spotlight-card[data-variant="border"]::before,
.spotlight-card--border::before {
display: none;
}
.spotlight-card[data-variant="border"]::after,
.spotlight-card--border::after {
--spotlight-border-opacity: 0.8;
padding: 2px;
} .spotlight-card[data-variant="gradient"]::before,
.spotlight-card--gradient::before {
background: radial-gradient(
var(--spotlight-size) var(--spotlight-size) at var(--mouse-x, 50%)
var(--mouse-y, 50%),
hsla(var(--spotlight-gradient-1), var(--spotlight-opacity)),
hsla(var(--spotlight-gradient-2), calc(var(--spotlight-opacity) * 0.5)),
transparent 100%
);
}
.spotlight-card[data-variant="gradient"]::after,
.spotlight-card--gradient::after {
background: radial-gradient(
calc(var(--spotlight-size) * 0.8) calc(var(--spotlight-size) * 0.8) at
var(--mouse-x, 50%) var(--mouse-y, 50%),
hsla(var(--spotlight-gradient-1), var(--spotlight-border-opacity)),
hsla(
var(--spotlight-gradient-2),
calc(var(--spotlight-border-opacity) * 0.7)
),
transparent 100%
);
} .spotlight-card[data-variant="gradient-border"]::before,
.spotlight-card--gradient-border::before {
display: none;
}
.spotlight-card[data-variant="gradient-border"]::after,
.spotlight-card--gradient-border::after {
background: radial-gradient(
calc(var(--spotlight-size) * 0.8) calc(var(--spotlight-size) * 0.8) at
var(--mouse-x, 50%) var(--mouse-y, 50%),
hsla(var(--spotlight-gradient-1), 0.9),
hsla(var(--spotlight-gradient-2), 0.7),
transparent 100%
);
padding: 2px;
} .spotlight-card[data-size="sm"] {
--spotlight-size: 200px;
}
.spotlight-card[data-size="md"] {
--spotlight-size: 350px;
}
.spotlight-card[data-size="lg"] {
--spotlight-size: 500px;
}
.spotlight-card[data-size="xl"] {
--spotlight-size: 700px;
} .spotlight-card[data-intensity="low"] {
--spotlight-opacity: 0.08;
--spotlight-border-opacity: 0.25;
}
.spotlight-card[data-intensity="medium"] {
--spotlight-opacity: 0.15;
--spotlight-border-opacity: 0.5;
}
.spotlight-card[data-intensity="high"] {
--spotlight-opacity: 0.25;
--spotlight-border-opacity: 0.75;
} .spotlight-card[data-autoplay="true"],
.spotlight-card--autoplay {
--mouse-x: 50%;
--mouse-y: 50%;
}
.spotlight-card[data-autoplay="true"]::before,
.spotlight-card[data-autoplay="true"]::after,
.spotlight-card--autoplay::before,
.spotlight-card--autoplay::after {
opacity: 1;
} .spotlight-card[data-mode="proximity"]::before,
.spotlight-card[data-mode="proximity"]::after,
.spotlight-card--proximity::before,
.spotlight-card--proximity::after {
opacity: 1;
} .spotlight-card-grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
} .spotlight-card[data-disabled="true"]::before,
.spotlight-card[data-disabled="true"]::after,
.spotlight-card--disabled::before,
.spotlight-card--disabled::after {
display: none;
} .spotlight-card:focus-visible {
outline: 2px solid hsla(var(--spotlight-color), 0.8);
outline-offset: 2px;
}
.spotlight-card:focus-visible::before,
.spotlight-card:focus-visible::after {
opacity: 1;
} @media (prefers-reduced-motion: reduce) {
.spotlight-card::before,
.spotlight-card::after {
transition: none;
}
.spotlight-card[data-autoplay="true"]::before,
.spotlight-card[data-autoplay="true"]::after,
.spotlight-card--autoplay::before,
.spotlight-card--autoplay::after {
animation: none;
opacity: 1;
--mouse-x: 50%;
--mouse-y: 50%;
}
}:root { --effect-card-color: #5227ff;
--effect-card-color-alt: #ff9ffc; --effect-card-bg: rgba(15, 15, 15, 0.9);
--effect-card-border: rgba(255, 255, 255, 0.1);
--effect-card-radius: 16px; --effect-card-transition: all 0.3s ease;
} .effect-card {
position: relative;
overflow: visible;
isolation: isolate;
} .effect-card-canvas {
display: block;
}
.effect-card-canvas.effect-card-electric-border {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 2;
}
.effect-card-canvas.effect-card-webgl {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
border-radius: inherit;
} .effect-card-content {
position: relative;
z-index: 10;
padding: 24px;
height: 100%;
} .effect-card[data-effect-type="electric-border"] {
--electric-border-color: var(--effect-card-color);
}
.effect-card[data-effect-type="electric-border"]::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: 0;
border: 2px solid var(--electric-border-color);
opacity: 0.6;
filter: blur(1px);
}
.effect-card[data-effect-type="electric-border"]::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: 0;
border: 2px solid var(--electric-border-color);
filter: blur(4px);
} .effect-card[data-effect-type="electric-border"] .effect-card-glow {
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: -1;
transform: scale(1.1);
opacity: 0.3;
filter: blur(32px);
background: linear-gradient(
-30deg,
var(--electric-border-color),
transparent,
var(--electric-border-color)
);
} .effect-card[data-effect-type="lightning"] {
background: #000;
}
.effect-card[data-effect-type="lightning"] .effect-card-canvas {
mix-blend-mode: screen;
} .effect-card[data-effect-type="light-pillar"] {
background: transparent;
}
.effect-card[data-effect-type="light-pillar"] .effect-card-canvas {
mix-blend-mode: screen;
} .effect-card[data-effect-type="floating-lines"] {
background: #000;
}
.effect-card[data-effect-type="floating-lines"] .effect-card-canvas {
mix-blend-mode: screen;
} .effect-card[data-effect-disabled="true"] .effect-card-canvas {
display: none;
}
.effect-card[data-effect-disabled="true"]::before,
.effect-card[data-effect-disabled="true"]::after {
display: none;
} .effect-card:focus-visible {
outline: 2px solid var(--effect-card-color);
outline-offset: 2px;
} @media (prefers-reduced-motion: reduce) {
.effect-card-canvas {
animation: none !important;
}
.effect-card::before,
.effect-card::after {
transition: none;
}
} .effect-card-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
} .effect-card--no-bg {
background: transparent;
border: none;
}
.effect-card--dark {
--effect-card-bg: rgba(0, 0, 0, 0.95);
--effect-card-border: rgba(255, 255, 255, 0.05);
}
.effect-card--glass {
--effect-card-bg: rgba(255, 255, 255, 0.05);
--effect-card-border: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
} .effect-card--blend-screen .effect-card-canvas {
mix-blend-mode: screen;
}
.effect-card--blend-add .effect-card-canvas {
mix-blend-mode: plus-lighter;
}
.effect-card--blend-overlay .effect-card-canvas {
mix-blend-mode: overlay;
}
.effect-card--blend-normal .effect-card-canvas {
mix-blend-mode: normal;
}[class*=et_pb_section_dap_]{width:100%}#et-boc .area-outer-wrap{max-height:100vh;max-width:100vw;pointer-events:none;position:fixed;z-index:100}#et-boc .area-outer-wrap.entry-content{padding:0}#et-boc .area-outer-wrap[data-da-type=popup]{min-width:320px;padding:10px}@media screen and (min-width:981px){#et-boc .area-outer-wrap[data-da-type=popup]{width:90%}}@media screen and (max-width:980px){#et-boc .area-outer-wrap[data-da-type=popup]{width:100%}}@media (min-width:981px){#et-boc .area-outer-wrap .et_pb_row.et_pb_equal_columns,#et-boc .area-outer-wrap .et_pb_row_inner.et_pb_equal_columns,#et-boc .area-outer-wrap .et_pb_section.et_pb_equal_columns>.et_pb_row{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}}#et-boc .area-outer-wrap[data-da-type=inline]{bottom:unset;height:unset;left:unset;max-height:unset;max-width:unset;position:relative;right:unset;top:unset;-webkit-transform:unset;transform:unset;width:unset}#et-boc .area-outer-wrap>[data-da-area]{-ms-scroll-chaining:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:block!important;-ms-flex-direction:column;flex-direction:column;height:100%;margin:auto;overscroll-behavior:contain;pointer-events:all;position:relative}#et-boc .area-outer-wrap>[data-da-area]>.et_pb_section{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}#et-boc .area-outer-wrap>[data-da-area] .clearfix:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_row:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_row_inner:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_slides:after{content:""}#et-boc .area-outer-wrap.full-height[data-da-overflow=full_height]>[data-da-area],#et-boc .area-outer-wrap[data-da-overflow=clip]>[data-da-area]{overflow:auto}#et-boc .area-outer-wrap[data-da-overflow=show]>[data-da-area]{overflow:visible}#et-boc .area-outer-wrap[data-da-type=flyin].full-height,#et-boc .area-outer-wrap[data-da-type=popup].full-height{bottom:0!important;height:auto!important;margin-top:0!important;top:0!important}#et-boc .area-outer-wrap[data-da-type=flyin].full-height [data-da-area],#et-boc .area-outer-wrap[data-da-type=popup].full-height [data-da-area]{max-height:100%}#et-boc .area-outer-wrap[data-da-type=flyin].full-height[data-da-size=auto] .da-close-wrap,#et-boc .area-outer-wrap[data-da-type=popup].full-height[data-da-size=auto] .da-close-wrap{height:calc(100% - 20px)!important}#et-boc .area-outer-wrap[data-da-type=flyin].full-height:not([data-da-size=auto]) .da-close-wrap,#et-boc .area-outer-wrap[data-da-type=popup].full-height:not([data-da-size=auto]) .da-close-wrap{height:100%!important}#et-boc .area-outer-wrap[data-da-size=full_screen],#et-boc .area-outer-wrap[data-da-size=full_width]{max-width:100vw;min-width:100vw;padding-left:0;padding-right:0;width:100vw}#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-v=bottom],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-v=top],#et-boc .area-outer-wrap[data-da-size=full_width][data-da-position-v=bottom],#et-boc .area-outer-wrap[data-da-size=full_width][data-da-position-v=top]{padding-bottom:0;padding-top:0}#et-boc .area-outer-wrap[data-da-size=full_screen] .et_pb_section,#et-boc .area-outer-wrap[data-da-size=full_width] .et_pb_section{max-width:none;min-width:100%;width:100%}#et-boc .area-outer-wrap[data-da-size=full_height],#et-boc .area-outer-wrap[data-da-size=full_screen]{height:100vh;max-height:100vh;min-height:100vh;padding-bottom:0;padding-top:0}#et-boc .area-outer-wrap[data-da-size=full_height][data-da-position-h=left],#et-boc .area-outer-wrap[data-da-size=full_height][data-da-position-h=right],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-h=left],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-h=right]{padding-left:0;padding-right:0}#et-boc .area-outer-wrap .da-close-wrap{display:block;left:50%;overflow:visible;pointer-events:none;position:absolute;text-align:right;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .6s .3s;-o-transition:opacity .6s .3s;transition:opacity .6s .3s;z-index:100}#et-boc .area-outer-wrap .da-close{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:20px;font-weight:700;height:30px;line-height:30px;opacity:.7;pointer-events:all;position:absolute;right:0;text-align:center;text-decoration:none;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:30px}#et-boc .area-outer-wrap .da-close:focus,#et-boc .area-outer-wrap .da-close:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}#et-boc .area-outer-wrap[data-da-close-btn=no] .da-close-wrap{display:none!important}#et-boc .area-outer-wrap[data-da-close-btn=yes] .da-close-wrap{display:block}#et-boc .area-outer-wrap[data-da-color=light] .da-close{background:#fff2;-webkit-box-shadow:0 0 3px 1px #00000008;box-shadow:0 0 3px 1px #00000008;color:#333}#et-boc .area-outer-wrap[data-da-color=light] .da-close:focus,#et-boc .area-outer-wrap[data-da-color=light] .da-close:hover{background:#fff;-webkit-box-shadow:0 0 4px 0 #0002,0 0 3px 1px #0001;box-shadow:0 0 4px 0 #0002,0 0 3px 1px #0001;color:#000}#et-boc .area-outer-wrap[data-da-color=dark] .da-close{background:#0002;-webkit-box-shadow:0 0 0 1px #ffffff08;box-shadow:0 0 0 1px #ffffff08;color:#eee;text-shadow:0 0 1px #000,0 0 3px #000a}#et-boc .area-outer-wrap[data-da-color=dark] .da-close:focus,#et-boc .area-outer-wrap[data-da-color=dark] .da-close:hover{background:#2b2b2b;-webkit-box-shadow:0 0 1px 1px #fff3;box-shadow:0 0 1px 1px #fff3;color:#fff}#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close,#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:focus,#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:hover{background:transparent;-webkit-box-shadow:none;box-shadow:none}#et-boc .area-outer-wrap[data-da-loader=yes] [data-da-area]{background-image:url(//www.maestriparrucchieri.com/wp-content/plugins/popups-for-divi/images/spin.gif),-o-radial-gradient(center,circle,#fff 65%,#fff0 66%)!important;background-image:url(//www.maestriparrucchieri.com/wp-content/plugins/popups-for-divi/images/spin.gif),radial-gradient(circle at center,#fff 65%,#fff0 66%)!important;background-position:50%;background-repeat:no-repeat;background-size:32px 32px,48px 48px!important}#et-boc .area-outer-wrap[data-da-shadow=yes] [data-da-area]{-webkit-box-shadow:0 3px 10px -1px rgba(0,0,0,.3),0 2px 50px 2px rgba(0,0,0,.2);box-shadow:0 3px 10px -1px rgba(0,0,0,.3),0 2px 50px 2px rgba(0,0,0,.2)}#et-boc .area-outer-wrap[data-da-shadow=no] [data-da-area]{-webkit-box-shadow:none;box-shadow:none}.area-outer-wrap [data-da-area]{display:block;pointer-events:all}.da-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.55);bottom:0;left:0;position:fixed;right:0;top:0;transition:-webkit-backdrop-filter 1s 1s,backdrop-filter 1s 1s;z-index:99}.da-overlay-visible{overflow:hidden}.da-overlay-visible .da-overlay{backdrop-filter:saturate(180%) blur(5px);-webkit-backdrop-filter:saturate(180%) blur(5px)}[data-area-hook]{display:none!important;visibility:hidden!important}.da-flyin-visible .mfp-bg,.da-hover-visible .mfp-bg,.da-popup-visible .mfp-bg{z-index:20000000}.da-flyin-visible .mfp-wrap,.da-hover-visible .mfp-wrap,.da-popup-visible .mfp-wrap{z-index:20000001}