@charset "UTF-8";
a, a:visited {
text-decoration: underline;
}
*, ::after, ::before {
box-sizing: border-box;
}
a {
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
.htb-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width:576px) {
.htb-container {
max-width: 540px;
}
}
@media (min-width:768px) {
.htb-container {
max-width: 720px;
}
}@media (min-width:992px) {
.htb-container {
max-width: 960px;
}
}@media (min-width:1200px) {
.htb-container {
max-width: 1200px;
}
}.htb-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.htb-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.htb-col, .htb-col-1, .htb-col-10, .htb-col-11, .htb-col-12, .htb-col-2, .htb-col-3, .htb-col-4, .htb-col-5, .htb-col-6, .htb-col-7, .htb-col-8, .htb-col-9, .htb-col-auto, .htb-col-lg, .htb-col-lg-1, .htb-col-lg-10, .htb-col-lg-11, .htb-col-lg-12, .htb-col-lg-2, .htb-col-lg-3, .htb-col-lg-4, .htb-col-lg-5, .htb-col-lg-6, .htb-col-lg-7, .htb-col-lg-8, .htb-col-lg-9, .htb-col-lg-auto, .htb-col-md, .htb-col-md-1, .htb-col-md-10, .htb-col-md-11, .htb-col-md-12, .htb-col-md-2, .htb-col-md-3, .htb-col-md-4, .htb-col-md-5, .htb-col-md-6, .htb-col-md-7, .htb-col-md-8, .htb-col-md-9, .htb-col-md-auto, .htb-col-sm, .htb-col-sm-1, .htb-col-sm-10, .htb-col-sm-11, .htb-col-sm-12, .htb-col-sm-2, .htb-col-sm-3, .htb-col-sm-4, .htb-col-sm-5, .htb-col-sm-6, .htb-col-sm-7, .htb-col-sm-8, .htb-col-sm-9, .htb-col-sm-auto, .htb-col-xl, .htb-col-xl-1, .htb-col-xl-10, .htb-col-xl-11, .htb-col-xl-12, .htb-col-xl-2, .htb-col-xl-3, .htb-col-xl-4, .htb-col-xl-5, .htb-col-xl-6, .htb-col-xl-7, .htb-col-xl-8, .htb-col-xl-9, .htb-col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.htb-col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-1 {
margin-left: 8.333333%;
}
.htb-offset-2 {
margin-left: 16.666667%;
}
.htb-offset-3 {
margin-left: 25%;
}
.htb-offset-4 {
margin-left: 33.333333%;
}
.htb-offset-5 {
margin-left: 41.666667%;
}
.htb-offset-6 {
margin-left: 50%;
}
.htb-offset-7 {
margin-left: 58.333333%;
}
.htb-offset-8 {
margin-left: 66.666667%;
}
.htb-offset-9 {
margin-left: 75%;
}
.htb-offset-10 {
margin-left: 83.333333%;
}
.htb-offset-11 {
margin-left: 91.666667%;
}
@media (min-width:576px) {
.htb-col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-sm-0 {
margin-left: 0;
}
.htb-offset-sm-1 {
margin-left: 8.333333%;
}
.htb-offset-sm-2 {
margin-left: 16.666667%;
}
.htb-offset-sm-3 {
margin-left: 25%;
}
.htb-offset-sm-4 {
margin-left: 33.333333%;
}
.htb-offset-sm-5 {
margin-left: 41.666667%;
}
.htb-offset-sm-6 {
margin-left: 50%;
}
.htb-offset-sm-7 {
margin-left: 58.333333%;
}
.htb-offset-sm-8 {
margin-left: 66.666667%;
}
.htb-offset-sm-9 {
margin-left: 75%;
}
.htb-offset-sm-10 {
margin-left: 83.333333%;
}
.htb-offset-sm-11 {
margin-left: 91.666667%;
}
}@media (min-width:768px) {
.htb-col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-md-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-md-0 {
margin-left: 0;
}
.htb-offset-md-1 {
margin-left: 8.333333%;
}
.htb-offset-md-2 {
margin-left: 16.666667%;
}
.htb-offset-md-3 {
margin-left: 25%;
}
.htb-offset-md-4 {
margin-left: 33.333333%;
}
.htb-offset-md-5 {
margin-left: 41.666667%;
}
.htb-offset-md-6 {
margin-left: 50%;
}
.htb-offset-md-7 {
margin-left: 58.333333%;
}
.htb-offset-md-8 {
margin-left: 66.666667%;
}
.htb-offset-md-9 {
margin-left: 75%;
}
.htb-offset-md-10 {
margin-left: 83.333333%;
}
.htb-offset-md-11 {
margin-left: 91.666667%;
}
}@media (min-width:992px) {
.htb-col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-lg-0 {
margin-left: 0;
}
.htb-offset-lg-1 {
margin-left: 8.333333%;
}
.htb-offset-lg-2 {
margin-left: 16.666667%;
}
.htb-offset-lg-3 {
margin-left: 25%;
}
.htb-offset-lg-4 {
margin-left: 33.333333%;
}
.htb-offset-lg-5 {
margin-left: 41.666667%;
}
.htb-offset-lg-6 {
margin-left: 50%;
}
.htb-offset-lg-7 {
margin-left: 58.333333%;
}
.htb-offset-lg-8 {
margin-left: 66.666667%;
}
.htb-offset-lg-9 {
margin-left: 75%;
}
.htb-offset-lg-10 {
margin-left: 83.333333%;
}
.htb-offset-lg-11 {
margin-left: 91.666667%;
}
}@media (min-width:1200px) {
.htb-col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.htb-col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.htb-col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.htb-col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.htb-col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.htb-col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.htb-col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.htb-col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.htb-col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.htb-col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.htb-col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.htb-col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.htb-col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.htb-col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.htb-order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.htb-order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.htb-order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.htb-order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.htb-order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.htb-order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.htb-order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.htb-order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.htb-order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.htb-order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.htb-order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.htb-order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.htb-order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.htb-offset-xl-0 {
margin-left: 0;
}
.htb-offset-xl-1 {
margin-left: 8.333333%;
}
.htb-offset-xl-2 {
margin-left: 16.666667%;
}
.htb-offset-xl-3 {
margin-left: 25%;
}
.htb-offset-xl-4 {
margin-left: 33.333333%;
}
.htb-offset-xl-5 {
margin-left: 41.666667%;
}
.htb-offset-xl-6 {
margin-left: 50%;
}
.htb-offset-xl-7 {
margin-left: 58.333333%;
}
.htb-offset-xl-8 {
margin-left: 66.666667%;
}
.htb-offset-xl-9 {
margin-left: 75%;
}
.htb-offset-xl-10 {
margin-left: 83.333333%;
}
.htb-offset-xl-11 {
margin-left: 91.666667%;
}
}.htb-table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.htb-table td, .htb-table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #e9ecef;
}
.htb-table thead th {
vertical-align: bottom;
border-bottom: 2px solid #e9ecef;
}
.htb-table tbody+tbody {
border-top: 2px solid #e9ecef;
}
.htb-table .htb-table {
background-color: #fff;
}
.htb-table-sm td, .htb-table-sm th {
padding: .3rem;
}
.htb-table-bordered {
border: 1px solid #e9ecef;
}
.htb-table-bordered td, .htb-table-bordered th {
border: 1px solid #e9ecef;
}
.htb-table-bordered thead td, .htb-table-bordered thead th {
border-bottom-width: 2px;
}
.htb-table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05);
}
.htb-table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, .075);
}
.htb-table-primary, .htb-table-primary>td, .htb-table-primary>th {
background-color: #b8daff;
}
.htb-table-hover .htb-table-primary:hover {
background-color: #9fcdff;
}
.htb-table-hover .htb-table-primary:hover>td, .htb-table-hover .htb-table-primary:hover>th {
background-color: #9fcdff;
}
.htb-table-secondary, .htb-table-secondary>td, .htb-table-secondary>th {
background-color: #dddfe2;
}
.htb-table-hover .htb-table-secondary:hover {
background-color: #cfd2d6;
}
.htb-table-hover .htb-table-secondary:hover>td, .htb-table-hover .htb-table-secondary:hover>th {
background-color: #cfd2d6;
}
.htb-table-success, .htb-table-success>td, .htb-table-success>th {
background-color: #c3e6cb;
}
.htb-table-hover .htb-table-success:hover {
background-color: #b1dfbb;
}
.htb-table-hover .htb-table-success:hover>td, .htb-table-hover .htb-table-success:hover>th {
background-color: #b1dfbb;
}
.htb-table-info, .htb-table-info>td, .htb-table-info>th {
background-color: #bee5eb;
}
.htb-table-hover .htb-table-info:hover {
background-color: #abdde5;
}
.htb-table-hover .htb-table-info:hover>td, .htb-table-hover .htb-table-info:hover>th {
background-color: #abdde5;
}
.htb-table-warning, .htb-table-warning>td, .htb-table-warning>th {
background-color: #ffeeba;
}
.htb-table-hover .htb-table-warning:hover {
background-color: #ffe8a1;
}
.htb-table-hover .htb-table-warning:hover>td, .htb-table-hover .htb-table-warning:hover>th {
background-color: #ffe8a1;
}
.htb-table-danger, .htb-table-danger>td, .htb-table-danger>th {
background-color: #f5c6cb;
}
.htb-table-hover .htb-table-danger:hover {
background-color: #f1b0b7;
}
.htb-table-hover .htb-table-danger:hover>td, .htb-table-hover .htb-table-danger:hover>th {
background-color: #f1b0b7;
}
.htb-table-light, .htb-table-light>td, .htb-table-light>th {
background-color: #fdfdfe;
}
.htb-table-hover .htb-table-light:hover {
background-color: #ececf6;
}
.htb-table-hover .htb-table-light:hover>td, .htb-table-hover .htb-table-light:hover>th {
background-color: #ececf6;
}
.htb-table-dark, .htb-table-dark>td, .htb-table-dark>th {
background-color: #c6c8ca;
}
.htb-table-hover .htb-table-dark:hover {
background-color: #b9bbbe;
}
.htb-table-hover .htb-table-dark:hover>td, .htb-table-hover .htb-table-dark:hover>th {
background-color: #b9bbbe;
}
.htb-table-active, .htb-table-active>td, .htb-table-active>th {
background-color: rgba(0, 0, 0, .075);
}
.htb-table-hover .htb-table-active:hover {
background-color: rgba(0, 0, 0, .075);
}
.htb-table-hover .htb-table-active:hover>td, .htb-table-hover .htb-table-active:hover>th {
background-color: rgba(0, 0, 0, .075);
}
.htb-table .htb-thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e;
}
.htb-table .htb-thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #e9ecef;
}
.htb-table-dark {
color: #fff;
background-color: #212529;
}
.htb-table-dark td, .htb-table-dark th, .htb-table-dark thead th {
border-color: #32383e;
}
.htb-table-dark.htb-table-bordered {
border: 0;
}
.htb-table-dark.htb-table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, .05);
}
.htb-table-dark.htb-table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, .075);
}
@media (max-width:575px) {
.htb-table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-sm.htb-table-bordered {
border: 0;
}
}@media (max-width:767px) {
.htb-table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-md.htb-table-bordered {
border: 0;
}
}@media (max-width:991px) {
.htb-table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-lg.htb-table-bordered {
border: 0;
}
}@media (max-width:1199px) {
.htb-table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-xl.htb-table-bordered {
border: 0;
}
}.htb-table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive.htb-table-bordered {
border: 0;
}
.htb-form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.htb-form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.htb-form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.htb-form-control::-webkit-input-placeholder {
color: #868e96;
opacity: 1;
}
.htb-form-control:-ms-input-placeholder {
color: #868e96;
opacity: 1;
}
.htb-form-control::-ms-input-placeholder {
color: #868e96;
opacity: 1;
}
.htb-form-control::placeholder {
color: #868e96;
opacity: 1;
}
.htb-form-control:disabled, .htb-form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.htb-form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
select.htb-form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.htb-form-control-file, .htb-form-control-range {
display: block;
}
.htb-col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
line-height: 1.5;
}
.htb-col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
}
.htb-col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5;
}
.htb-form-group {
margin-bottom: 1rem;
}
.htb-form-text {
display: block;
margin-top: .25rem;
}
.htb-form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.htb-form-row>.htb-col, .htb-form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.htb-btn {
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: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.htb-btn:focus, .htb-btn:hover {
text-decoration: none;
}
.htb-btn.htb-focus, .htb-btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.htb-btn.disabled, .htb-btn:disabled {
opacity: .65;
}
.htb-btn:not([disabled]):not(.disabled).htb-active, .htb-btn:not([disabled]):not(.htb-disabled):active {
background-image: none;
}
a.htb-btn.htb-disabled, fieldset[disabled] a.htb-htb-btn {
pointer-events: none;
}
.htb-btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.htb-btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.htb-btn-primary.htb-focus, .htb-btn-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-primary.htb-disabled, .htb-btn-primary:disabled {
background-color: #007bff;
border-color: #007bff;
}
.htb-btn-primary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-primary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-primary.htb-dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-secondary {
color: #fff;
background-color: #868e96;
border-color: #868e96;
}
.htb-btn-secondary:hover {
color: #fff;
background-color: #727b84;
border-color: #6c757d;
}
.htb-btn-secondary.htb-focus, .htb-btn-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-secondary.htb-disabled, .htb-btn-secondary:disabled {
background-color: #868e96;
border-color: #868e96;
}
.htb-btn-secondary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-secondary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-secondary.htb-dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #666e76;
box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.htb-btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.htb-btn-success.htb-focus, .htb-btn-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-success.htb-disabled, .htb-btn-success:disabled {
background-color: #28a745;
border-color: #28a745;
}
.htb-btn-success:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-success:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-success.htb-dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.htb-btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.htb-btn-info.focus, .htb-btn-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-info.disabled, .htb-btn-info:disabled {
background-color: #17a2b8;
border-color: #17a2b8;
}
.htb-btn-info:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-info:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-info.htb-dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-warning {
color: #111;
background-color: #ffc107;
border-color: #ffc107;
}
.htb-btn-warning:hover {
color: #111;
background-color: #e0a800;
border-color: #d39e00;
}
.htb-btn-warning.focus, .htb-btn-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-warning.disabled, .htb-btn-warning:disabled {
background-color: #ffc107;
border-color: #ffc107;
}
.htb-btn-warning:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-warning:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-warning.htb-dropdown-toggle {
color: #111;
background-color: #d39e00;
border-color: #c69500;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.htb-btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.htb-btn-danger.focus, .htb-btn-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-btn-danger.disabled, .htb-btn-danger:disabled {
background-color: #dc3545;
border-color: #dc3545;
}
.htb-btn-danger:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-danger:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-danger.htb-dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-fade {
opacity: 0;
transition: opacity .15s linear;
}
.htb-modal.htb-fade {
display: none;
}
.htb-modal.htb-fade.htb-show {
display: block;
}
.htb-fade.htb-show {
opacity: 1;
}
.htb-collapse {
display: none;
}
.htb-collapse.htb-show {
display: block;
}
.htb-collapsing{
position:relative;
height:0;
overflow:hidden;
transition:height .35s ease;
}
tr.htb-collapse.htb-show {
display: table-row;
}
tbody.htb-collapse.htb-show {
display: table-row-group;
}
[data-toggle=buttons]>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn input[type=radio], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.htb-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.htb-nav-link {
display: block;
padding: .5rem 1rem;
}
.htb-nav-link:focus, .htb-nav-link:hover {
text-decoration: none;
}
.htb-nav-link.htb-disabled {
color: #868e96;
}
.htb-nav-tabs {
border-bottom: 1px solid #ddd;
}
.htb-nav-tabs .htb-nav-item {
margin-bottom: -1px;
}
.htb-nav-tabs .htb-nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.htb-nav-tabs .htb-nav-link:focus, .htb-nav-tabs .htb-nav-link:hover {
border-color: #e9ecef #e9ecef #ddd;
}
.htb-nav-tabs .htb-nav-link.htb-disabled {
color: #868e96;
background-color: transparent;
border-color: transparent;
}
.htb-nav-tabs .htb-nav-item.show .htb-nav-link, .htb-nav-tabs .htb-nav-link.htb-active {
color: #495057;
background-color: #fff;
border-color: #ddd #ddd #fff;
}
.htb-nav-pills .htb-nav-link {
border-radius: .25rem;
}
.htb-nav-pills .htb-nav-link.htb-active, .htb-nav-pills .show>.htb-nav-link {
color: #fff;
background-color: #007bff;
}
.htb-nav-fill .htb-nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.htb-nav-justified .htb-nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
.htb-tab-content>.htb-tab-pane {
display: none;
}
.htb-tab-content>.htb-active {
display: block;
}
@media (min-width:576px) {
.htb-pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem;
}
.htb-alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.htb-progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}
.htb-progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background-color: #007bff;
}
.htb-progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.htb-progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.htb-media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
}@media (min-width:320px) {
.htb-progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}
.htb-progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background-color: #007bff;
}
.htb-progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.htb-progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}    
.htb-close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.htb-close:focus, .htb-close:hover {
color: #000;
text-decoration: none;
opacity: .75;
}
button.htb-close {
padding: 0;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.htb-modal-open {
overflow: hidden;
}
.htb-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
.htb-modal.htb-fade .htb-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%);
}
.htb-modal.htb-show .htb-modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.htb-modal-open .htb-modal {
overflow-x: hidden;
overflow-y: auto;
}
.htb-modal-dialog {
position: relative;
width: auto;
margin: 10px;
pointer-events: none;
}
.htb-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0;
}
.htb-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.htb-modal-backdrop.htb-fade {
opacity: 0;
}
.htb-modal-backdrop.htb-show {
opacity: .5;
}
.htb-modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem;
}
.htb-modal-header .htb-close {
padding: 15px;
margin: -15px -15px -15px auto;
}
.htb-modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.htb-modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px;
}
.htb-modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 15px;
border-top: 1px solid #e9ecef;
}
.htb-modal-footer>:not(:first-child) {
margin-left: .25rem;
}
.htb-modal-footer>:not(:last-child) {
margin-right: .25rem;
}
.htb-modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.htb-modal-dialog {
max-width: 500px;
margin: 30px auto;
}
.htb-modal-sm {
max-width: 300px;
}
}@media (min-width:992px) {
.htb-modal-lg {
max-width: 800px;
}
}.htb-tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0;
}
.htb-tooltip.htb-show {
opacity: .9;
}
.htb-tooltip .htb-arrow {
position: absolute;
display: block;
width: 5px;
height: 5px;
}
.htb-tooltip .htb-arrow::before {
position: absolute;
border-color: transparent;
border-style: solid;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top], .htb-tooltip.bs-tooltip-top {
padding: 5px 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow, .htb-tooltip.bs-tooltip-top .htb-arrow {
bottom: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow::before, .htb-tooltip.bs-tooltip-top .htb-arrow::before {
margin-left: -3px;
content: "";
border-width: 5px 5px 0;
border-top-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right], .htb-tooltip.bs-tooltip-right {
padding: 0 5px;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow, .htb-tooltip.bs-tooltip-right .htb-arrow {
left: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow::before, .htb-tooltip.bs-tooltip-right .htb-arrow::before {
margin-top: -3px;
content: "";
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom], .htb-tooltip.bs-tooltip-bottom {
padding: 5px 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow, .htb-tooltip.bs-tooltip-bottom .htb-arrow {
top: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow::before, .htb-tooltip.bs-tooltip-bottom .htb-arrow::before {
margin-left: -3px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left], .htb-tooltip.bs-tooltip-left {
padding: 0 5px;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow, .htb-tooltip.bs-tooltip-left .htb-arrow {
right: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow::before, .htb-tooltip.bs-tooltip-left .htb-arrow::before {
right: 0;
margin-top: -3px;
content: "";
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.htb-tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
}
.htb-popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
}
.htb-popover .htb-arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem;
}
.htb-popover .htb-arrow::after, .htb-popover .htb-arrow::before {
position: absolute;
display: block;
border-color: transparent;
border-style: solid;
}
.htb-popover .htb-arrow::before {
content: "";
border-width: .8rem;
}
.htb-popover .htb-arrow::after {
content: "";
border-width: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top], .htb-popover.htb-bs-popover-top {
margin-bottom: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow, .htb-popover.htb-bs-popover-top .htb-arrow {
bottom: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::before {
border-bottom-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::before {
bottom: -.8rem;
margin-left: -.8rem;
border-top-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::after {
bottom: calc((.8rem - 1px) * -1);
margin-left: -.8rem;
border-top-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right], .htb-popover.htb-bs-popover-right {
margin-left: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow, .htb-popover.htb-bs-popover-right .htb-arrow {
left: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::before {
margin-top: -.8rem;
border-left-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::before {
left: -.8rem;
border-right-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::after {
left: calc((.8rem - 1px) * -1);
border-right-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom], .htb-popover.htb-bs-popover-bottom {
margin-top: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow, .htb-popover.htb-bs-popover-bottom .htb-arrow {
top: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
margin-left: -.8rem;
border-top-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
top: -.8rem;
border-bottom-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::after {
top: calc((.8rem - 1px) * -1);
border-bottom-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-popover-header::before, .htb-popover.htb-bs-popover-bottom .htb-popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 20px;
margin-left: -10px;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left], .htb-popover.htb-bs-popover-left {
margin-right: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow, .htb-popover.htb-bs-popover-left .htb-arrow {
right: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::before {
margin-top: -.8rem;
border-right-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::before {
right: -.8rem;
border-left-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::after {
right: calc((.8rem - 1px) * -1);
border-left-color: #fff;
}
.htb-popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}
.htb-popover-header:empty {
display: none;
}
.htb-popover-body {
padding: .5rem .75rem;
color: #212529;
}
.htb-float-left {
float: left!important;
}
.htb-float-right {
float: right!important;
}
.htb-float-none {
float: none!important;
}
.htb-visible {
visibility: visible!important;
}
.htb-fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.htb-fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.htb-sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.htb-justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.htb-justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.htb-justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.htb-justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.htb-justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.htb-align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.htb-align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.htb-align-items-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.htb-align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.htb-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.htb-align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.htb-align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.htb-align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.htb-align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.htb-align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.htb-align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.htb-align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important;
}
.htb-align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.htb-align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.htb-align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important;
}
.htb-align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.htb-align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important;
}
.htb-btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff;
}
.htb-btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.htb-btn-outline-primary.focus,
.htb-btn-outline-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-outline-primary.disabled,
.htb-btn-outline-primary:disabled {
color: #007bff;
background-color: transparent;
}
.htb-btn-outline-primary:not([disabled]):not(.disabled).active,
.htb-btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-outline-secondary {
color: #868e96;
background-color: transparent;
background-image: none;
border-color: #868e96;
}
.htb-btn-outline-secondary:hover {
color: #fff;
background-color: #868e96;
border-color: #868e96;
}
.htb-btn-outline-secondary.focus,
.htb-btn-outline-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-outline-secondary.disabled,
.htb-btn-outline-secondary:disabled {
color: #868e96;
background-color: transparent;
}
.htb-btn-outline-secondary:not([disabled]):not(.disabled).active,
.htb-btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #868e96;
border-color: #868e96;
box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745;
}
.htb-btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.htb-btn-outline-success.focus,
.htb-btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-outline-success.disabled,
.htb-btn-outline-success:disabled {
color: #28a745;
background-color: transparent;
}
.htb-btn-outline-success:not([disabled]):not(.disabled).active,
.htb-btn-outline-success:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8;
}
.htb-btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.htb-btn-outline-info.focus,
.htb-btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-outline-info.disabled,
.htb-btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
}
.htb-btn-outline-info:not([disabled]):not(.disabled).active,
.htb-btn-outline-info:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107;
}
.htb-btn-outline-warning:hover {
color: #fff;
background-color: #ffc107;
border-color: #ffc107;
}
.htb-btn-outline-warning.focus,
.htb-btn-outline-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-outline-warning.disabled,
.htb-btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
}
.htb-btn-outline-warning:not([disabled]):not(.disabled).active,
.htb-btn-outline-warning:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-warning.dropdown-toggle {
color: #fff;
background-color: #ffc107;
border-color: #ffc107;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545;
}
.htb-btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.htb-btn-outline-danger.focus,
.htb-btn-outline-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-btn-outline-danger.disabled,
.htb-btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent;
}
.htb-btn-outline-danger:not([disabled]):not(.disabled).active,
.htb-btn-outline-danger:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa;
}
.htb-btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.htb-btn-outline-light.focus,
.htb-btn-outline-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.htb-btn-outline-light.disabled,
.htb-btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.htb-btn-outline-light:not([disabled]):not(.disabled).active,
.htb-btn-outline-light:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.htb-btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
}
.htb-btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.htb-btn-outline-dark.focus,
.htb-btn-outline-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.htb-btn-outline-dark.disabled,
.htb-btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.htb-btn-outline-dark:not([disabled]):not(.disabled).htb-active,
.htb-btn-outline-dark:not([disabled]):not(.disabled):active,
.htb-show>.htb-btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.htb-alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.htb-alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.htb-alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-duration: 2s;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
animation-duration: 2s;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
animation-duration: 2s;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
animation-duration: 2s;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
animation-duration: 2s;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
animation-duration: 2s;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-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);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-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);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-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-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-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;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-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);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-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);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}@-webkit-keyframes np-btn--1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes np-btn--1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes np-btn--2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes np-btn--2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} @-webkit-keyframes np-hvr-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 np-hvr-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} @-webkit-keyframes hvr-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 hvr-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 bounceY {
0% {
transform: translateY(-205px);
}
40% {
transform: translateY(-100px);
}
65% {
transform: translateY(-52px);
}
82% {
transform: translateY(-25px);
}
92% {
transform: translateY(-12px);
}
55%,
75%,
87%,
97%,
100% {
transform: translateY(0px);
}
}
@-moz-keyframes bounceY {
0% {
-moz-transform: translateY(-205px);
}
40% {
-moz-transform: translateY(-100px);
}
65% {
-moz-transform: translateY(-52px);
}
82% {
-moz-transform: translateY(-25px);
}
92% {
-moz-transform: translateY(-12px);
}
55%,
75%,
87%,
97%,
100% {
-moz-transform: translateY(0px);
}
}
@-webkit-keyframes bounceY {
0% {
-webkit-transform: translateY(-205px);
}
40% {
-webkit-transform: translateY(-100px);
}
65% {
-webkit-transform: translateY(-52px);
}
82% {
-webkit-transform: translateY(-25px);
}
92% {
-webkit-transform: translateY(-12px);
}
55%,
75%,
87%,
97%,
100% {
-webkit-transform: translateY(0px);
}
}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block;min-width:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--global-gray-400: #CBD5E0;--global-gray-500: #A0AEC0;--global-xs-spacing: 1em;--global-sm-spacing: 1.5rem;--global-md-spacing: 2rem;--global-lg-spacing: 2.5em;--global-xl-spacing: 3.5em;--global-xxl-spacing: 5rem;--global-edge-spacing: 1.5rem;--global-boxed-spacing: 2rem}h1,h2,h3,h4,h5,h6{padding:0;margin:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}dfn,cite,em,i{font-style:italic}blockquote,q{quotes:'“' '”'}blockquote{padding-left:1em;border-left:4px solid var(--global-palette4)}.entry-content blockquote{margin:0 0 var(--global-md-spacing)}blockquote cite,blockquote .wp-block-pullquote__citation{color:var(--global-palette5);font-size:13px;margin-top:1em;position:relative;font-style:normal;display:block}address{margin:0 0 1.5em}pre{background:var(--global-palette7);font-family:"Courier 10 Pitch", Courier, monospace;font-size:0.9375rem;line-height:1.6;max-width:100%;overflow:auto;padding:1.5em;white-space:pre-wrap}code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:0.8rem}abbr,acronym{border-bottom:1px dotted var(--global-palette4);cursor:help}mark,ins{text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}hr{height:0;border:0;border-bottom:2px solid var(--global-gray-400)}ul,ol{margin:0 0 1.5em 1.5em;padding:0}ul.aligncenter,ol.aligncenter{list-style:none}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{display:block;height:auto;max-width:100%}figure{margin:0.5em 0}table{margin:0 0 1.5em;width:100%}a{color:var(--global-palette-highlight);transition:all .1s linear}a:hover,a:focus,a:active{color:var(--global-palette-highlight-alt)}a:hover,a:active{outline:0}.inner-link-style-plain a:not(.button),.widget-area.inner-link-style-plain a:not(.button){text-decoration:none}.inner-link-style-normal a:not(.button),.widget-area.inner-link-style-normal a:not(.button){text-decoration:underline}.link-style-no-underline .entry-content p>a,.link-style-no-underline .entry-content strong>a,.link-style-no-underline .entry-content em>a,.link-style-no-underline .entry-content>ul a,.link-style-no-underline .entry-content a{text-decoration:none}.link-style-no-underline .entry-content p>a:hover,.link-style-no-underline .entry-content strong>a:hover,.link-style-no-underline .entry-content em>a:hover,.link-style-no-underline .entry-content>ul a:hover,.link-style-no-underline .entry-content a:hover{text-decoration:none}.link-style-color-underline .entry-content p a,.link-style-color-underline .entry-content strong>a,.link-style-color-underline .entry-content em>a,.link-style-color-underline .entry-content>ul a,.link-style-color-underline .entry-content>ol a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--global-palette-highlight);text-decoration-color:var(--global-palette-highlight)}.link-style-color-underline .entry-content p a:hover,.link-style-color-underline .entry-content strong>a:hover,.link-style-color-underline .entry-content em>a:hover,.link-style-color-underline .entry-content>ul a:hover,.link-style-color-underline .entry-content>ol a:hover{color:var(--global-palette-highlight)}.link-style-hover-background .entry-content p a,.link-style-hover-background .entry-content strong>a,.link-style-hover-background .entry-content em>a,.link-style-hover-background .entry-content>ul a,.link-style-hover-background .entry-content>ol a{color:var(--global-palette-highlight);text-decoration:none;background-image:linear-gradient(var(--global-palette-highlight), var(--global-palette-highlight));background-position:0% 100%;background-repeat:no-repeat;background-size:100% 1px}.link-style-hover-background .entry-content p a:hover,.link-style-hover-background .entry-content strong>a:hover,.link-style-hover-background .entry-content em>a:hover,.link-style-hover-background .entry-content>ul a:hover,.link-style-hover-background .entry-content>ol a:hover{color:var(--global-palette-highlight-alt2);text-decoration:none;background-size:100% 100%}.link-style-offset-background .entry-content p a,.link-style-offset-background .entry-content strong>a,.link-style-offset-background .entry-content em>a,.link-style-offset-background .entry-content>ul a,.link-style-offset-background .entry-content>ol a{color:inherit;text-decoration:none;background-image:linear-gradient(var(--global-palette-highlight-alt2), var(--global-palette-highlight));background-repeat:no-repeat;background-position:4px bottom;background-size:100% 10px}.link-style-offset-background .entry-content p a:hover,.link-style-offset-background .entry-content strong>a:hover,.link-style-offset-background .entry-content em>a:hover,.link-style-offset-background .entry-content>ul a:hover,.link-style-offset-background .entry-content>ol a:hover{color:inherit;text-decoration:none;background-image:linear-gradient(var(--global-palette-highlight-alt2), var(--global-palette-highlight-alt))}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:0.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.hide-focus-outline *:focus{outline:0}#primary[tabindex="-1"]:focus{outline:0}textarea{width:100%}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{-webkit-appearance:none;color:var(--global-palette5);border:1px solid var(--global-gray-400);border-radius:3px;padding:0.4em 0.5em;max-width:100%;background:var(--global-palette9);box-shadow:0px 0px 0px -7px rgba(0,0,0,0)}::-webkit-input-placeholder{color:var(--global-palette6)}::-moz-placeholder{color:var(--global-palette6);opacity:1}:-ms-input-placeholder{color:var(--global-palette6)}::placeholder{color:var(--global-palette6)}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:var(--global-palette3);border-color:var(--global-palette6);outline:0;box-shadow:0px 5px 15px -7px rgba(0,0,0,0.1)}select{border:1px solid var(--global-gray-400);background-size:16px 100%;padding:0.2em 35px 0.2em 0.5em;background:var(--global-palette9) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat 98% 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;outline:0;box-shadow:0px 0px 0px -7px rgba(0,0,0,0)}select::-ms-expand{display:none}select:focus{color:var(--global-palette3);border-color:var(--global-palette6);background-color:var(--global-palette9);box-shadow:0px 5px 15px -7px rgba(0,0,0,0.1);outline:0}select:focus option{color:#333}.elementor-select-wrapper select{background-image:none}.search-form{position:relative}.search-form input[type="search"],.search-form input.search-field{padding-right:60px;width:100%}.search-form .search-submit[type="submit"]{top:0;right:0;bottom:0;position:absolute;color:transparent;background:transparent;z-index:2;width:50px;border:0;padding:8px 12px 7px;border-radius:0;box-shadow:none;overflow:hidden}.search-form .search-submit[type="submit"]:hover,.search-form .search-submit[type="submit"]:focus{color:transparent;background:transparent;box-shadow:none}.search-form .kadence-search-icon-wrap{position:absolute;right:0;top:0;height:100%;width:50px;padding:0;text-align:center;background:0 0;z-index:3;cursor:pointer;pointer-events:none;color:var(--global-palette6);text-shadow:none;display:flex;align-items:center;justify-content:center}.search-form .search-submit[type="submit"]:hover~.kadence-search-icon-wrap{color:var(--global-palette4)}body.rtl .search-form .button[type="submit"],body.rtl .search-form .kadence-search-icon-wrap{left:0;right:auto}body.rtl .search-form input[type="search"],body.rtl .search-form input.search-field{padding-right:0.5em;padding-left:60px}fieldset{padding:0.625em 1.425em 0.625em;border:1px solid var(--global-gray-500);margin-top:1.2em;margin-bottom:1.2em}.affwp-form fieldset{padding:0}legend{font-weight:bold}button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"]{border-radius:3px;background:var(--global-palette-btn-bg);color:var(--global-palette-btn);padding:0.4em 1em;border:0;line-height:1.6;display:inline-block;font-family:inherit;cursor:pointer;text-decoration:none;transition:all 0.2s ease;box-shadow:0px 0px 0px -7px rgba(0,0,0,0)}button:visited,.button:visited,.wp-block-button__link:visited,input[type="button"]:visited,input[type="reset"]:visited,input[type="submit"]:visited{background:var(--global-palette-btn-bg);color:var(--global-palette-btn)}button:hover,button:focus,button:active,.button:hover,.button:focus,.button:active,.wp-block-button__link:hover,.wp-block-button__link:focus,.wp-block-button__link:active,input[type="button"]:hover,input[type="button"]:focus,input[type="button"]:active,input[type="reset"]:hover,input[type="reset"]:focus,input[type="reset"]:active,input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"]:active{color:var(--global-palette-btn-hover);background:var(--global-palette-btn-bg-hover);box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1)}button:disabled,button.disabled,.button:disabled,.button.disabled,.wp-block-button__link:disabled,.wp-block-button__link.disabled,input[type="button"]:disabled,input[type="button"].disabled,input[type="reset"]:disabled,input[type="reset"].disabled,input[type="submit"]:disabled,input[type="submit"].disabled{cursor:not-allowed;opacity:0.5}.elementor-button-wrapper .elementor-button{background-color:var(--global-palette-btn-bg);color:var(--global-palette-btn)}.elementor-button-wrapper .elementor-button:hover,.elementor-button-wrapper .elementor-button:focus,.elementor-button-wrapper .elementor-button:active{color:var(--global-palette-btn-hover);background-color:var(--global-palette-btn-bg-hover);box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1)}.button.button-size-small{font-size:80%;padding:0.3em .7em}.button.button-size-large{font-size:110%;padding:0.6em 1.2em}.wp-block-button.is-style-outline .wp-block-button__link{padding:0.4em 1em}.button.button-style-outline,.wp-block-button.is-style-outline .wp-block-button__link{border:2px solid currentColor;background:transparent}.button.button-style-outline:hover,.button.button-style-outline:focus,.button.button-style-outline:active,.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-button.is-style-outline .wp-block-button__link:active{background:transparent;border:2px solid currentColor;box-shadow:0px 0px 0px -7px rgba(0,0,0,0)}.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),.button.button-style-outline:not(.has-text-color){color:var(--global-palette-btn-bg)}.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus,.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active,.button.button-style-outline:not(.has-text-color):hover,.button.button-style-outline:not(.has-text-color):focus,.button.button-style-outline:not(.has-text-color):active{color:var(--global-palette-btn-bg-hover)}.kadence-svg-iconset{display:inline-flex;align-self:center}.kadence-svg-iconset svg{height:1em;width:1em}.kadence-svg-iconset.svg-baseline svg{top:.125em;position:relative}body.social-brand-colors .social-show-brand-until .social-button:not(:hover):not(.skip):not(.ignore),body.social-brand-colors .social-show-brand-hover .social-button:not(.ignore-brand):not(.skip):not(.ignore):hover,body.social-brand-colors .social-show-brand-always .social-button:not(.ignore-brand):not(.skip):not(.ignore){color:white}body.social-brand-colors .social-show-brand-until.social-style-outline .social-button:not(:hover):not(.skip):not(.ignore),body.social-brand-colors .social-show-brand-hover.social-style-outline .social-button:not(.ignore-brand):not(.skip):not(.ignore):hover,body.social-brand-colors .social-show-brand-always.social-style-outline .social-button:not(.ignore-brand):not(.skip):not(.ignore){border-color:currentColor}.kt-clear{*zoom:1}.kt-clear::before,.kt-clear::after{content:' ';display:table}.kt-clear::after{clear:both}#wpadminbar{position:fixed !important}.content-area{margin:var(--global-xxl-spacing) 0}.entry-content{word-break:break-word}.entry-content table{word-break:normal}.body{overflow-x:hidden}.scroll a *,a.scroll *{pointer-events:none}.content-width-fullwidth .content-container.site-container{max-width:none;padding:0}.content-width-fullwidth .content-area,.content-vertical-padding-hide .content-area{margin-top:0;margin-bottom:0}.content-vertical-padding-top .content-area{margin-bottom:0}.content-vertical-padding-bottom .content-area{margin-top:0}.site-container,.site-header-row-layout-contained,.site-footer-row-layout-contained,.entry-hero-layout-contained,.alignfull>.wp-block-cover__inner-container,.alignwide>.wp-block-cover__inner-container{margin:0 auto;padding:0 var(--global-content-edge-padding)}.kt-row-layout-inner>.kb-theme-content-width,.kt-row-layout-inner.kt-row-has-bg>.kb-theme-content-width{padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding)}.content-bg{background:white}.content-style-unboxed .entry:not(.loop-entry)>.entry-content-wrap{padding:0}.content-style-unboxed .content-bg:not(.loop-entry){background:transparent}.content-style-unboxed .entry:not(.loop-entry){box-shadow:none;border-radius:0}@media screen and (min-width: 1025px){.has-sidebar .content-container{display:grid;grid-template-columns:5fr 2fr;grid-gap:var(--global-xl-spacing);justify-content:center}#secondary{grid-column:2;grid-row:1;min-width:0}.has-left-sidebar .content-container{grid-template-columns:2fr 5fr}.has-left-sidebar #main{grid-column:2;grid-row:1}.has-left-sidebar #secondary{grid-column:1;grid-row:1}.has-sidebar .wp-site-blocks .content-container .alignwide,.has-sidebar .wp-site-blocks .content-container .alignfull{width:unset;max-width:unset;margin-left:0;margin-right:0}.has-sidebar .content-container .kadence-thumbnail-position-behind.alignwide{margin-left:-10px;margin-right:-10px}}#kt-scroll-up-reader,#kt-scroll-up{position:fixed;-webkit-transform:translateY(40px);transform:translateY(40px);transition:all 0.2s ease;opacity:0;z-index:1000;display:flex;cursor:pointer}#kt-scroll-up-reader *,#kt-scroll-up *{pointer-events:none}#kt-scroll-up-reader.scroll-up-style-outline,#kt-scroll-up.scroll-up-style-outline{background:transparent}.scroll-up-style-filled{color:var(--global-palette9);background:var(--global-palette4)}.scroll-up-style-filled:hover{color:var(--global-palette9)}.scroll-up-style-outline,.scroll-up-wrap.scroll-up-style-outline{border-width:2px;border-style:solid;border-color:currentColor;color:var(--global-palette4)}.scroll-up-style-outline:hover{color:var(--global-palette5)}#kt-scroll-up.scroll-visible{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}#kt-scroll-up-reader{-webkit-transform:translateY(0px);transform:translateY(0px);transition:all 0s ease}#kt-scroll-up-reader:not(:focus){clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;overflow:hidden;word-wrap:normal !important}#kt-scroll-up-reader:focus{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;box-shadow:none;z-index:1001}@media screen and (max-width: 719px){.vs-sm-false{display:none !important}}@media screen and (min-width: 720px) and (max-width: 1024px){.vs-md-false{display:none !important}}@media screen and (min-width: 1025px){.vs-lg-false{display:none !important}}body.logged-in .vs-logged-in-false{display:none !important}body:not(.logged-in) .vs-logged-out-false{display:none !important}.infinite-scroll .posts-navigation,.infinite-scroll .pagination,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}#wrapper{overflow:hidden;overflow:clip}.kadence-scrollbar-fixer{margin-right:var(--scrollbar-offset, unset)}.kadence-scrollbar-fixer .item-is-fixed{right:var(--scrollbar-offset, 0)}.alignleft{float:left;margin-right:var(--global-md-spacing)}.alignright{float:right;margin-left:var(--global-md-spacing)}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;text-align:center}body.footer-on-bottom #wrapper{min-height:100vh;display:flex;flex-direction:column}body.footer-on-bottom.admin-bar #wrapper{min-height:calc( 100vh - 32px)}body.footer-on-bottom #inner-wrap{flex:1 0 auto}.kadence-pro-fixed-item>.kadence-element-wrap>p:first-child:last-child,.kadence-pro-fixed-item>p:first-child:last-child{margin:0}