- Scan ID:
- 429f5c39-8b18-4083-bf5d-60b9ff6915f5Finished
- Submitted URL:
- https://www.leavitttraining.com/Redirected
- Report Finished:
Links · 7 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| http://www.leavittmachinery.com/ | |
| https://www.leavittmachinery.com/training/class-calendar#pr=8 | BC Class Calendar |
| https://www.leavittmachinery.com/training/class-calendar#pr=7 | AB Class Calendar |
| https://www.leavittmachinery.com/training/class-calendar#pr=9 | SK Class Calendar |
| https://www.leavittmachinery.com/training/class-calendar#pr=11 | ON Class Calendar |
| https://www.leavittmachinery.com/subscription-update/contact-classification-pg1 | Email Offers |
| http://www.wikihow.com/Enable-Cookies-in-Your-Internet-Web-Browser | Click here |
JavaScript Variables · 71 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| gtag | string |
| dataLayer | string |
| google_tag_manager | string |
| google_tag_data | string |
| onYouTubeIframeAPIReady | string |
| GoogleAnalyticsObject | string |
| ga | string |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| warning | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml" class=" csscalc"><head>
<title>eLearning System</title>
<meta http-equiv="Content-Type" content="text/html; charset = UTF-8">
<meta name="description" content="BIS Safety Software offers Learning and Compliance Software Solutions to the Safety Industry with thousands of advanced safety programs, and hundreds of options in the safety software to help organizations keep their work force safe..">
<meta name="keywords" content="safety management system, learning management system, incident management software, training record management software, classroom management software, equipment management software, compliance software, online orientations">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="content-language" content="en">
<meta name="robots" content="index,follow">
<meta name="revisit-after" content="30">
<meta name="distribution" content="global">
<meta name="rating" content="general">
<meta name="Author" content="BIS Safety Software">
<meta name="Classification" content="Business Consulting">
<meta name="copyright" content="BIS Safety Software">
<meta name="verify-v1" content="kjCvwgVe58PXVpV9fhXSJiK1Na5HWQiwScLBmktfF64=">
<meta name="google-site-verification" content="AE2pSopuBQVnLlx-2Li-2aB_eej_De8lQz0gb0UGUqo">
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-8GNZBCLTQ0&l=dataLayer&cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=UA-55625019-1&l=dataLayer&cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-JVX6GKR9QH&l=dataLayer&cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-KRQSZ1RMED&l=dataLayer&cx=c"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-12015304-16"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-55625019-1'); // Adding the global code here.
</script>
<style>
#headerRow {
background-color: #febc26;
color: #000;
box-shadow: none!important;
}
#this-header {
background-color: #252829;
color: #ffffff;
}
#this-header .header_icons_ul li a,
#this-header .header_icons_ul li .prof_img {
color: #ffffff;
border-color: #ffffff;
}
#this-header .header_icons_ul li .prof_img_icon{
color: #ffffff;
border-color: #ffffff;
}
#this-header .header_icons_ul li a:hover,
#this-header .header_icons_ul li a i:hover,
#this-header .header_icons_ul li .prof_img:hover {
color: #febc26;
border-color: #febc26;
}
#this-header .header_icons_ul li .prof_img_icon:hover {
color: #febc26;
border-color: #febc26;
}
.horizontal_menu .menu_bis, .horizontal_menu .menu_bis .menu_wrapper{
background-color: #f8f8f8;
}
.horizontal_menu .menu_bis ul li a {
color: #000000!important;
}
.horizontal_menu .menu_bis ul li a:hover {
background-color: #febc26!important;
color: #000000!important;
}
#this-header .header_icons_ul li .head_ico_prof {
background-color: #252829;}
#vert_menu {
display: none;
}
.btn-remoteDesktop, .btn.btn-remoteDesktop {
color: white;
background-color: #af64ba;
border-color: #af64ba;
border-radius: 6px;
}
.remoteDesktopSession{
margin-top: 40px;
margin-bottom: 10px;
}
.remoteDesktopSessionSystemRequirement{
margin-top: 20px;
margin-bottom: 10px;
}
.remoteDesktopSessionTitle{
font-weight: 500;
}
.remoteDesktopSessionTitleBox{
padding-left: 30px;
}
.btn-remoteDesktop:hover{
color:white !important;
opacity: 0.5;
}
.btn-remoteDesktop:active {
color:white !important;
}
.btn-remoteDesktop:focus {
color:white !important;
}
</style>
<link rel="stylesheet" href="/v1/assets/fontawesome-pro-5.10.2-web/css/all.min.css" type="text/css">
<link rel="stylesheet" href="/v1/assets/fontawesome-pro-5.10.2-web/css/v4-shims.min.css" type="text/css">
<link rel="stylesheet" type="text/css" href="/v1/assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/v1/assets/css/bootstrap-toggle.css">
<link rel="stylesheet" type="text/css" href="/v1/assets/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/v1/assets/css/bis.css?version=20240613135327">
<link rel="stylesheet" type="text/css" href="/v1/assets/css/custom.css?version=20240613135327">
<link rel="stylesheet" type="text/css" href="/v1/assets/css/dashboardLayout.css?version=20240613135327">
<link rel="stylesheet" type="text/css" href="/v1/assets/css/default_settings_layout.css?version=20240613135327">
<link rel="stylesheet" type="text/css" href="https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/344/theme.css?20240725160418">
<link rel="stylesheet" type="text/css" href="https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/344/custom.css?20240725160412">
<link rel="shortcut icon" type="image/png" href="https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/344/uploads/Leavitt-Training.png?20220104151438">
<link rel="apple-touch-icon image_src" href="https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/344/uploads/Leavitt-Training.png?20220104151438">
<style>
#layout-wrapper{
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
}
</style>
<style>@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.6.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/
.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;
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
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 {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.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 {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.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 {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-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;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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 {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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 {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
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 {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(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: rotate(80deg);
transform: rotate(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: rotate(60deg);
transform: rotate(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: rotate(80deg);
transform: rotate(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: rotate(60deg);
transform: rotate(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-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
</style><style>#reactRootAdvanceDocumentation {
display: flex;
flex-direction: row-reverse;
width: 0px;
transition: 0.3s;
}
#reactRootAdvanceDocumentation.fullscreen {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%!important;
z-index: 99999;
}
#reactRootAdvanceDocumentation.show-advance-documentation {
width: 30%;
flex-shrink: 0;
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.44);
}
#reactRootAdvanceDocumentation .advdoc-inner-wrapper {
display: flex;
flex-direction: column;
width: 100%;
background-color: #fff;
line-height: 150%;
}
#reactRootAdvanceDocumentation .advdoc-inner-wrapper .blueText {
color: #b9cdb2 !important;
}
#reactRootAdvanceDocumentation .advdoc-title {
padding: 10px;
font-size: 1.6rem;
display: flex;
height: 55px;
border-bottom: 1px solid #31708f;
}
#reactRootAdvanceDocumentation .advdoc-body {
flex-grow: 1;
overflow-y: auto;
}
#reactRootAdvanceDocumentation .advdoc-body .advdoc-main-content {
padding: 15px !important;
margin: 0px !important;
}
.technical-details-title {
padding: 15px;
border-bottom: 5px solid #000;
}
.field-level-header {
padding: 15px;
border-bottom: 5px solid #000;
}
.technical-details-body {
margin: 15px;
border-top: 1px solid #ddd;
}
#reactRootAdvanceDocumentation .advdoc-title h3 {
flex-grow: 1;
margin: auto;
}
#reactRootAdvanceDocumentation .advdoc-title a {
padding: 0px 5px;
color: inherit;
font-size: 2rem;
margin: auto;
}
.field-wrapper {
padding: 10px;
}
.field-wrapper h3 {
padding: 5px 0px;
border-bottom: 2px solid #ddd;
font-weight: bold;
}
.field-wrapper span {
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
}
#reactRootAdvanceDocumentation {
font-family: Helvetica !important;
font-weight: 300;
}
.advdoc-title .close-documentation {
display: flex;
width: 25px;
height: 25px;
flex-shrink: 0;
margin: auto;
cursor: pointer;
transition: 0.5s;
}
.advdoc-title .close-documentation:hover {
background-color: rgba(233, 22, 22, 0.849);
color: #fff;
}
.advdoc-title .close-documentation span {
margin: auto;
font-size: 22px;
padding: 0px;
}
#reactRootAdvanceDocumentation.fullscreen .close-documentation {
display: none;
}
.advdoc-title .fs-documentation {
display: flex;
width: 25px;
height: 25px;
flex-shrink: 0;
margin: auto;
cursor: pointer;
transition: 0.5s;
margin-right: 10px;
}
.advdoc-title .fs-documentation:hover {
background-color: rgba(7, 73, 253, 0.849);
color: #fff;
}
.advdoc-title .fs-documentation span {
margin: auto;
font-size: 18px;
padding: 0px;
}
#reactRootAdvanceDocumentation.fullscreen .fs-documentation {
display: none;
}
.advdoc-title .efs-documentation {
display: none;
width: 25px;
height: 25px;
flex-shrink: 0;
margin: auto;
cursor: pointer;
transition: 0.5s;
margin-right: 10px;
}
.advdoc-title .efs-documentation:hover {
background-color: rgba(7, 73, 253, 0.849);
color: #fff;
}
.advdoc-title .efs-documentation span {
margin: auto;
font-size: 18px;
padding: 0px;
}
#reactRootAdvanceDocumentation.fullscreen .efs-documentation {
display: flex;
}
#reactRootAdvanceDocumentation .well {
background: #fff !important;
color: #000 !important;
box-shadow: none!important;
border: none!important;
}
#reactRootAdvanceDocumentation .title-bar {
color: #000 !important;
background: #fff !important;
font-size: 18px !important;
line-height: 24px !important;
}
#reactRootAdvanceDocumentation > div > div:first-of-type .title-bar {
margin-top: 0px !important;
}
#reactRootAdvanceDocumentation p,
#reactRootAdvanceDocumentation li {
color: #555 !important;
}
.advdoc-action-wrapper {
display: inline-block;
padding-left: 10px;
}
.advdoc-main-content-wrapper,
.technical-details-body-wrapper,
.field-functional-documentation-wrapper,
.field-technical-documentation-wrapper {
position: relative;
}
.field-functional-documentation-wrapper,
.field-technical-documentation-wrapper {
padding-bottom: 10px;
padding-left: 0px;
}
.field-title {
padding-bottom: 10px;
display: inline-block;
position: relative;
padding-right: 30px;
}
.advdoc-main-content-wrapper:hover .advdoc-action-wrapper,
.technical-details-body-wrapper:hover .advdoc-action-wrapper,
.field-functional-documentation-wrapper:hover .advdoc-action-wrapper,
.field-technical-documentation-wrapper:hover .advdoc-action-wrapper {
display: inline-block;
}
.advdoc-action-wrapper .advdoc-action-edit,
.advdoc-main-action-wrapper .advdoc-action-edit,
.advdoc-technical-action-wrapper .advdoc-action-edit {
color: #009acc;
cursor: pointer;
}
.advdoc-action-wrapper .advdoc-action-edit span,
.advdoc-main-action-wrapper .advdoc-action-edit span,
.advdoc-technical-action-wrapper .advdoc-action-edit span {
transition: 0.5s;
}
.advdoc-action-wrapper .advdoc-action-edit:hover span,
.advdoc-main-action-wrapper .advdoc-action-edit:hover span,
.advdoc-technical-action-wrapper .advdoc-action-edit:hover span {
transform: scale(1.5);
}
.advdoc-field-delete {
display: inline-block;
color: #fff;
background-color: #d43f3a;
width: 25px;
text-align: center;
cursor: pointer;
transition: 0.5s;
position: absolute;
top: 5px;
right: 0px;
}
.advdoc-field-delete:hover {
background-color: #000;
}
.field-title-value {
font-size: 16px;
font-weight: bold;
}
.field-title-label {
font-size: 12px;
padding-left: 5px;
}
.field-wrapper.row0 {
background-color: #f7f7f7;
}
.field-functional-documentation,
.field-technical-documentation {
display: inline-block;
}
.advdoc-main-action-wrapper,
.advdoc-technical-action-wrapper {
padding: 15px;
}
@media only screen and (max-width: 1400px) {
#reactRootAdvanceDocumentation.show-advance-documentation {
width: 35%;
}
}
@media only screen and (max-width: 1024px) {
#reactRootAdvanceDocumentation.show-advance-documentation {
width: 40%;
}
}
</style><style>@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.6.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/
.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;
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
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 {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.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 {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.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 {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
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: translateZ(0);
transform: translateZ(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-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;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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 {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.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 {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
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 {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(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: rotate(80deg);
transform: rotate(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: rotate(60deg);
transform: rotate(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: rotate(80deg);
transform: rotate(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: rotate(60deg);
transform: rotate(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-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
</style><style>ul.filter-menu {
list-style-type: none;
display: inline-block;
}
ul.filter-menu li span:first-child {
padding: 9px 8px 8px 8px;
}
ul.filter-menu li span {
display: block;
padding: 2px 16px;
text-decoration: none;
}
.filter-menu li {
float: left;
cursor: pointer;
margin: 0 10px 0 0;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.filter-menu li:hover i {
color: white;
}
.load-more-bar {
background-color: #5577B4;
text-align: center;
padding: 10px;
color: white;
cursor: pointer;
}
.checkbox-column input {
width: 25px;
height: 25px;
display: block;
}
.product-list-table .product-price,
.product-list-table .product-name {
font-size: 15px;
}
.breadcrumb.store-breadcrumb {
border-bottom: 1px solid #dee2e6;
border-radius: 0px;
}
.store-breadcrumb .breadcrumb-buttons {
margin-left: 10px;
}
.store-breadcrumb .breadcrumb-buttons:before {
content: '';
}
.product-filters {
padding: 2px 15px;
margin-bottom: 0px;
list-style: none;
background-color: #f5f5f5;
border-bottom: 1px solid #dee2e6;
border-radius: 0px;
}
.product-filters > li {
display: inline-block;
}
.cart-page.row > .col-xs-12 {
padding-left: 0px;
padding-right: 0px;
}
@media (max-width: 1024px) {
.address-form.row .form-group {
padding-left: 25px;
padding-right: 25px;
}
.row.headerBar .col-xs-12 {
padding-left: 40px;
padding-right: 40px;
}
.row.cart-page > .col-xs-12 {
padding-left: 10px;
padding-right: 10px;
}
}
.d-flex {
display: flex;
}
.align-items-center {
align-items: center;
}
.justify-content-end {
justify-content: end;
}
@media (min-width: 768px) {
.cart-page .cart-product-list .cart-product-list-item .main-row,
.cart-page .cart-product-list .cart-product-list-item .upgrade-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.cart-product-list-item .product-price-quantity > div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
font-size: 18px;
}
}
.cart-page .cart-product-list .cart-product-list-item .quantity .form-group {
width: 135px;
margin: 0 auto;
}
.cart-product-list-item {
position: relative;
}
/*.cart-product-list-item .product-price-quantity .removeButton{
position: absolute;
bottom: 0px;
right: 0px;
padding-top: 20px;
}*/
@media (max-width: 767px) {
.cart-product-list-item .product-price-quantity > div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
font-size: 18px;
padding: 10px;
}
.cart-product-list-item .product-price-quantity > div .final-price {
text-align: right;
}
.product-breadcrumb {
display: flex !important;
align-items: center;
justify-content: center;
}
.product-category {
display: flex;
align-items: center;
justify-content: center;
}
}
.cart-page .cart-product-list .cart-product-list-item {
border-bottom: 1px solid #ddd;
border-radius: 3px;
}
.cart-page .cart-product-list .cart-product-list-item:last-of-type {
border-bottom: none;
}
.cart-page .cart-product-list .cart-product-list-item.no-border {
border: none;
}
.cart-product-list-item .product-image-container {
flex: 1;
}
.cart-product-list-item .product-description {
flex: 3;
}
.cart-product-list-item.no-border .product-description {
flex: 5;
}
.cart-product-list-item .product-price-quantity {
flex: 5;
}
.cart-product-list-item .product-price-quantity > div .form-group {
padding: 0px;
}
.cart-product-list-item .product-price-quantity > div .unit-price {
flex: 1;
}
.cart-product-list-item .product-price-quantity > div .quantity {
flex: 2;
font-size: 0.9em;
}
.cart-product-list-item .product-price-quantity > div .final-price {
flex: 1;
}
.cart-product-list-item .product-price-quantity > div button {
flex: 1;
}
.form-toggle-field {
display: table;
}
.form-toggle-field > label {
display: table-cell;
width: 40px;
}
.form-toggle-field > real-label {
display: table-cell;
}
.react-datepicker {
font-size: 1.3rem !important;
}
.react-datepicker__current-month {
font-size: 1.5rem !important;
}
.react-datepicker__header {
padding-top: 6px !important;
}
.react-datepicker__navigation {
top: 13px !important;
}
.react-datepicker__day-name,
.react-datepicker__day {
margin: 0.5rem !important;
}
.react-datepicker-wrapper,
.react-datepicker__input-container {
width: 100%;
}
ul.plain-list {
list-style-type: none;
}
.username-red {
font-size: 16px;
color: #d50000;
}
.store-subheading {
font-size: 16px;
color: white;
background-color: #5577b4;
}
.product-list-item {
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
}
.numberedlist {
padding-left: 20px;
line-height: 26px;
}
.course-code-list {
list-style: none;
padding: 20px 20px 10px;
}
.course-code-list li label {
font-weight: normal;
}
.course-code-list li b {
padding-left: 20px;
}
.select-assignee-div {
position: relative;
}
.select-assignee-div .icon {
position: absolute;
top: 45%;
left: 40%;
}
.fontsize-45 {
font-size: 45px;
}
button.btn.update-cart-button {
width: 110px;
}
.input-group.apply-promocode {
width: 100%;
}
.input-group-addon.apply-promocode-button {
width: 85px;
}
.text-align-right {
text-align: right;
}
.clickable-item {
cursor: pointer;
}
.breadcrumb > li + li:before {
content: "/";
}
input[type="checkbox"].bis-switch + label {
padding: 15px 0px 0 60px;
}
#storeLanguage {
margin-right: 5px;
}
#storeSearch {
margin-right: 5px;
width: 40%;
}
@media (max-width: 991px) {
#storeLanguage {
margin-right: 0px;
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
}
#storeSearch {
margin-right: 0px;
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
}
}
@media (min-width: 991px) {
.search-criteria {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#storeSearch {
flex: 1;
}
}
.store-title-bar.title-bar {
padding-top: 5px;
padding-bottom: 5px;
}
.store-title-bar.title-bar a {
width: auto;
}
.table-holder thead {
visibility: collapse;
}
.table-holder {
padding-bottom: 20px;
max-height: 70vh;
}
.tableHead-holder table {
margin-bottom: 0px;
}
.tableHead-holder,
.table-holder {
/*overflow-y: scroll;*/
}
.button-height-30 {
height: 30px;
}
.store-title-bar.title-bar a {
width: auto;
color: #333 !important;
}
.store-title-bar.title-bar i {
color: #333 !important;
}
.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.badge-count {
font-size: 10px;
background: #ff0000;
color: #fff;
padding: 1px 3px;
vertical-align: top;
margin-left: -10px;
}
.cart-link-icon {
font-size: 16px;
}
.has-error .cke {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.autoRenew {
font-size: 14px;
padding-right: 20px;
}
.assign-codes-option1 .btn.print-button {
background-color: #c383f5;
color: #fff;
}
.no-email {
background-color: #c383f5;
color: #fff !important;
}
.w-100 {
width: 100%;
}
.w-35 {
width: 35%;
}
.paymentWrapper {
margin-left: 15px;
margin-right: 15px;
padding-left: 15px;
padding-right: 15px;
}
.paymentWrapper #tokenFrame {
height: 112px;
}
@media (max-width: 767px) {
.paymentWrapper #tokenFrame {
height: 250px;
}
}
</style><style>.virtual-proctor-modal .modal-header {
color: white;
}
.virtual-proctor-modal .modal-header span {
font-size: 1.5rem;
}
.virtual-proctor-modal .modal-body {
padding: 0 !important;
}
.virtual-proctor-modal .modal-body {
padding: 0 !important;
}
.virtual-proctor-modal .img-container {
flex-basis: 100%;
position: relative;
}
.virtual-proctor-modal .content-container {
flex-basis: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
}
.virtual-proctor-modal .content-container .header {
font-size: 2.5rem;
margin-bottom: 20px;
}
.virtual-proctor-modal .content-container .subtext {
font-size: 1.6rem;
padding: 0 6rem;
margin-bottom: 20px;
}
.virtual-proctor-modal .content-container .sub-cta-container {
padding: 5px 10px;
display: flex;
justify-content: space-between;
}
.virtual-proctor-modal .content-container .button {
padding: 0.875rem;
color: white;
margin: 5px 10px;
}
.virtual-proctor-modal .content-container .button i {
margin-right: 5px;
}
.virtual-proctor-modal .img-bg {
background: url('/v1/assets/img/vproctor_modal.jpg') no-repeat center center / cover;
padding: 20rem 10rem;
}
.virtual-proctor-modal .m-container {
flex-direction: column;
}
.virtual-proctor-modal .m-container p {
text-align: center;
margin-bottom: 20px;
}
.virtual-proctor-modal .price-tag {
background: #fff;
display: inline-block;
position: absolute;
bottom: 10%;
right: 0;
height: 70px;
width: 150px;
padding-left: 1rem;
border-bottom-left-radius: 90px;
border-top-left-radius: 90px;
}
.virtual-proctor-modal .price-tag .text-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
padding-bottom: 5px;
}
.virtual-proctor-modal .price-tag .price-text {
font-size: 3.2rem;
margin: 0;
}
.virtual-proctor-modal .price-tag .conditions-text {
font-size: 0.8rem;
text-align: center;
}
.full-modal-style .modal-header {
color: white !important;
}
.success-modal-style .success-icon-color {
color: #51b943;
}
.success-modal-style .visibility-hidden-style {
visibility: hidden;
}
.success-modal-style .success-icon-font-size {
font-size: 55px;
}
.success-modal-style .success-message-font-style {
font-weight: 500;
font-size: 30px;
}
.success-modal-style .margin-left-30 {
margin-left: 30px !important;
}
@media only screen and (min-width: 1200px) {
.virtual-proctor-modal {
width: 60vw;
margin: 25vh auto;
}
.virtual-proctor-modal .m-container {
flex-direction: row;
}
.virtual-proctor-modal .img-container {
flex-basis: 50%;
}
.virtual-proctor-modal .content-container {
flex-basis: 50%;
}
}
.font-16 {
font-size: 1.6rem;
}
</style><style>#signUp-borderDiv {
height: 150px;
border-left: 1px solid #eee;
}
</style><style>.ReactCrop {
position: relative;
display: inline-block;
cursor: crosshair;
overflow: hidden;
max-width: 100%;
}
.ReactCrop:focus {
outline: none;
}
.ReactCrop--disabled,
.ReactCrop--locked {
cursor: inherit;
}
.ReactCrop__image {
display: block;
max-width: 100%;
touch-action: none;
}
.ReactCrop__crop-selection {
position: absolute;
top: 0;
left: 0;
transform: translate3d(0, 0, 0);
box-sizing: border-box;
cursor: move;
box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
touch-action: none;
border: 1px solid;
border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
border-image-slice: 1;
border-image-repeat: repeat;
}
.ReactCrop--disabled .ReactCrop__crop-selection {
cursor: inherit;
}
.ReactCrop--circular-crop .ReactCrop__crop-selection {
border-radius: 50%;
box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5);
}
.ReactCrop--invisible-crop .ReactCrop__crop-selection {
display: none;
}
.ReactCrop__rule-of-thirds-vt::before,
.ReactCrop__rule-of-thirds-vt::after,
.ReactCrop__rule-of-thirds-hz::before,
.ReactCrop__rule-of-thirds-hz::after {
content: "";
display: block;
position: absolute;
background-color: rgba(255, 255, 255, 0.4);
}
.ReactCrop__rule-of-thirds-vt::before,
.ReactCrop__rule-of-thirds-vt::after {
width: 1px;
height: 100%;
}
.ReactCrop__rule-of-thirds-vt::before {
left: 33.3333%;
left: calc(100% / 3);
}
.ReactCrop__rule-of-thirds-vt::after {
left: 66.6666%;
left: calc(100% / 3 * 2);
}
.ReactCrop__rule-of-thirds-hz::before,
.ReactCrop__rule-of-thirds-hz::after {
width: 100%;
height: 1px;
}
.ReactCrop__rule-of-thirds-hz::before {
top: 33.3333%;
top: calc(100% / 3);
}
.ReactCrop__rule-of-thirds-hz::after {
top: 66.6666%;
top: calc(100% / 3 * 2);
}
.ReactCrop__drag-handle {
position: absolute;
}
.ReactCrop__drag-handle::after {
position: absolute;
content: "";
display: block;
width: 10px;
height: 10px;
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.7);
box-sizing: border-box;
outline: 1px solid transparent;
}
.ReactCrop .ord-nw {
top: 0;
left: 0;
margin-top: -5px;
margin-left: -5px;
cursor: nw-resize;
}
.ReactCrop .ord-nw::after {
top: 0;
left: 0;
}
.ReactCrop .ord-n {
top: 0;
left: 50%;
margin-top: -5px;
margin-left: -5px;
cursor: n-resize;
}
.ReactCrop .ord-n::after {
top: 0;
}
.ReactCrop .ord-ne {
top: 0;
right: 0;
margin-top: -5px;
margin-right: -5px;
cursor: ne-resize;
}
.ReactCrop .ord-ne::after {
top: 0;
right: 0;
}
.ReactCrop .ord-e {
top: 50%;
right: 0;
margin-top: -5px;
margin-right: -5px;
cursor: e-resize;
}
.ReactCrop .ord-e::after {
right: 0;
}
.ReactCrop .ord-se {
bottom: 0;
right: 0;
margin-bottom: -5px;
margin-right: -5px;
cursor: se-resize;
}
.ReactCrop .ord-se::after {
bottom: 0;
right: 0;
}
.ReactCrop .ord-s {
bottom: 0;
left: 50%;
margin-bottom: -5px;
margin-left: -5px;
cursor: s-resize;
}
.ReactCrop .ord-s::after {
bottom: 0;
}
.ReactCrop .ord-sw {
bottom: 0;
left: 0;
margin-bottom: -5px;
margin-left: -5px;
cursor: sw-resize;
}
.ReactCrop .ord-sw::after {
bottom: 0;
left: 0;
}
.ReactCrop .ord-w {
top: 50%;
left: 0;
margin-top: -5px;
margin-left: -5px;
cursor: w-resize;
}
.ReactCrop .ord-w::after {
left: 0;
}
.ReactCrop__disabled .ReactCrop__drag-handle {
cursor: inherit;
}
.ReactCrop__drag-bar {
position: absolute;
}
.ReactCrop__drag-bar.ord-n {
top: 0;
left: 0;
width: 100%;
height: 6px;
margin-top: -3px;
}
.ReactCrop__drag-bar.ord-e {
right: 0;
top: 0;
width: 6px;
height: 100%;
margin-right: -3px;
}
.ReactCrop__drag-bar.ord-s {
bottom: 0;
left: 0;
width: 100%;
height: 6px;
margin-bottom: -3px;
}
.ReactCrop__drag-bar.ord-w {
top: 0;
left: 0;
width: 6px;
height: 100%;
margin-left: -3px;
}
.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
display: none;
}
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
display: none;
}
@media (pointer: coarse) {
.ReactCrop .ord-n,
.ReactCrop .ord-e,
.ReactCrop .ord-s,
.ReactCrop .ord-w {
display: none;
}
.ReactCrop__drag-handle {
width: 24px;
height: 24px;
}
}
</style><style>.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
margin-left: -8px;
position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
box-sizing: content-box;
position: absolute;
border: 8px solid transparent;
height: 0;
width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
content: "";
z-index: -1;
border-width: 8px;
left: -8px;
border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
top: 0;
margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
border-top: none;
border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
top: -1px;
border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
bottom: 0;
margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
border-bottom: none;
border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
bottom: -1px;
border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
display: inline-block;
}
.react-datepicker {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8rem;
background-color: #fff;
color: #000;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline-block;
position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time {
border-radius: 0.3rem;
}
.react-datepicker--time-only .react-datepicker__time-box {
border-radius: 0.3rem;
}
.react-datepicker__triangle {
position: absolute;
left: 50px;
}
.react-datepicker-popper {
z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
margin-top: 10px;
}
.react-datepicker-popper[data-placement^="top"] {
margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
left: auto;
right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
left: 42px;
right: auto;
}
.react-datepicker__header {
text-align: center;
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
padding-top: 8px;
position: relative;
}
.react-datepicker__header--time {
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
display: inline-block;
margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header {
margin-top: 0;
color: #000;
font-weight: bold;
font-size: 0.944rem;
}
.react-datepicker-time__header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.react-datepicker__navigation {
background: none;
line-height: 1.7rem;
text-align: center;
cursor: pointer;
position: absolute;
top: 10px;
width: 0;
padding: 0;
border: 0.45rem solid transparent;
z-index: 1;
height: 10px;
width: 10px;
text-indent: -999em;
overflow: hidden;
}
.react-datepicker__navigation--previous {
left: 10px;
border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3;
}
.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default;
}
.react-datepicker__navigation--next {
right: 10px;
border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 80px;
}
.react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3;
}
.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default;
}
.react-datepicker__navigation--years {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.react-datepicker__navigation--years-previous {
top: 4px;
border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
top: -4px;
border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
border-bottom-color: #b3b3b3;
}
.react-datepicker__month-container {
float: left;
}
.react-datepicker__month {
margin: 0.4rem;
text-align: center;
}
.react-datepicker__time-container {
float: right;
border-left: 1px solid #aeaeae;
width: 70px;
}
.react-datepicker__time-container--with-today-button {
display: inline;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
position: absolute;
right: -72px;
top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
position: relative;
background: white;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
width: 70px;
overflow-x: hidden;
margin: 0 auto;
text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
list-style: none;
margin: 0;
height: calc(195px + (1.7rem / 2));
overflow-y: scroll;
padding-right: 0px;
padding-left: 0px;
width: 100%;
box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
height: 30px;
padding: 5px 10px;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
cursor: pointer;
background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
background-color: #216ba5;
color: white;
font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
cursor: default;
background-color: transparent;
}
.react-datepicker__week-number {
color: #ccc;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
border-radius: 0.3rem;
background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
color: #000;
display: inline-block;
width: 1.7rem;
line-height: 1.7rem;
text-align: center;
margin: 0.166rem;
}
.react-datepicker__day {
cursor: pointer;
}
.react-datepicker__day:hover {
border-radius: 0.3rem;
background-color: #f0f0f0;
}
.react-datepicker__day--today {
font-weight: bold;
}
.react-datepicker__day--highlighted {
border-radius: 0.3rem;
background-color: #3dcc4a;
color: #fff;
}
.react-datepicker__day--highlighted:hover {
background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1 {
color: magenta;
}
.react-datepicker__day--highlighted-custom-2 {
color: green;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
border-radius: 0.3rem;
background-color: #216ba5;
color: #fff;
}
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected {
border-radius: 0.3rem;
background-color: #2a87d0;
color: #fff;
}
.react-datepicker__day--keyboard-selected:hover {
background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
background-color: #f0f0f0;
color: #000;
}
.react-datepicker__day--disabled {
cursor: default;
color: #ccc;
}
.react-datepicker__day--disabled:hover {
background-color: transparent;
}
.react-datepicker__input-container {
position: relative;
display: inline-block;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
border: 1px solid transparent;
border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
border-top-color: #ccc;
float: right;
margin-left: 20px;
top: 8px;
position: relative;
border-width: 0.45rem;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
background-color: #f0f0f0;
position: absolute;
width: 50%;
left: 25%;
top: 30px;
z-index: 1;
text-align: center;
border-radius: 0.3rem;
border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
height: 150px;
overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
line-height: 20px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
position: absolute;
left: 15px;
}
.react-datepicker__close-icon {
background-color: transparent;
border: 0;
cursor: pointer;
outline: 0;
padding: 0;
vertical-align: middle;
position: absolute;
height: 16px;
width: 16px;
top: 25%;
right: 7px;
}
.react-datepicker__close-icon::after {
background-color: #216ba5;
border-radius: 50%;
bottom: 0;
box-sizing: border-box;
color: #fff;
content: "\D7";
cursor: pointer;
font-size: 12px;
height: 16px;
width: 16px;
line-height: 1;
margin: -8px auto 0;
padding: 2px;
position: absolute;
right: 0px;
text-align: center;
}
.react-datepicker__today-button {
background: #f0f0f0;
border-top: 1px solid #aeaeae;
cursor: pointer;
text-align: center;
font-weight: bold;
padding: 5px 0;
clear: left;
}
.react-datepicker__portal {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
justify-content: center;
align-items: center;
display: flex;
z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
width: 3rem;
line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
width: 2rem;
line-height: 2rem;
}
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
font-size: 1.44rem;
}
.react-datepicker__portal .react-datepicker__navigation {
border: 0.81rem solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default;
}
</style><style>.rbt {
outline: none;
}
.rbt-menu {
margin-bottom: 2px;
}
.rbt-menu > li a {
overflow: hidden;
text-overflow: ellipsis;
}
.rbt-menu > li a:focus {
outline: none;
}
.rbt-menu-pagination-option {
text-align: center;
}
.rbt .rbt-input-main::-ms-clear {
display: none;
}
.rbt-input-multi {
cursor: text;
overflow: hidden;
position: relative;
height: auto;
}
.rbt-input-multi.focus {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
border-color: #66afe9;
outline: 0;
}
.rbt-input-multi.form-control[disabled] {
background-color: #e9ecef;
opacity: 1;
}
.rbt-input-multi input::-moz-placeholder {
color: #999;
opacity: 1;
}
.rbt-input-multi input:-ms-input-placeholder {
color: #999;
}
.rbt-input-multi input::-webkit-input-placeholder {
color: #999;
}
.rbt-input-multi .rbt-input-wrapper {
margin-bottom: -4px;
margin-top: -1px;
overflow: hidden;
}
.rbt-input-multi .rbt-input-main {
height: 20px;
margin: 1px 0 4px;
}
.rbt-input-multi .rbt-input-hint-container {
display: inline-block;
}
.rbt-input-multi.input-lg .rbt-input-main,
.rbt-input-multi.form-control-lg .rbt-input-main {
height: 24px;
}
.rbt-input-multi.input-sm .rbt-input-main,
.rbt-input-multi.form-control-sm .rbt-input-main {
height: 18px;
}
.rbt-close {
z-index: 1;
}
.rbt-close-lg {
font-size: 24px;
}
.rbt-token {
background-color: #e7f4ff;
border: 0;
border-radius: 2px;
color: #1f8dd6;
display: inline-block;
line-height: 1em;
margin: 0 3px 3px 0;
padding: 4px 7px;
position: relative;
}
.rbt-token-disabled {
background-color: #ddd;
color: #888;
pointer-events: none;
}
.rbt-token-removeable {
cursor: pointer;
padding-right: 21px;
}
.rbt-token-active {
background-color: #1f8dd6;
color: #fff;
outline: none;
text-decoration: none;
}
.rbt-token .rbt-token-remove-button {
bottom: 0;
color: inherit;
font-size: inherit;
font-weight: normal;
opacity: 1;
outline: none;
padding: 3px 7px;
position: absolute;
right: 0;
text-shadow: none;
top: -2px;
}
.rbt-loader {
-webkit-animation: loader-animation 600ms infinite linear;
-o-animation: loader-animation 600ms infinite linear;
animation: loader-animation 600ms infinite linear;
border: 1px solid #d5d5d5;
border-radius: 50%;
border-top-color: #1f8dd6;
display: block;
height: 16px;
width: 16px;
}
.rbt-loader-lg {
height: 20px;
width: 20px;
}
.rbt-aux {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
bottom: 0;
justify-content: center;
pointer-events: none;
/* Don't block clicks on the input */
position: absolute;
right: 0;
top: 0;
width: 34px;
}
.rbt-aux-lg {
width: 46px;
}
.rbt-aux .rbt-close {
margin-top: -4px;
pointer-events: auto;
/* Override pointer-events: none; above */
}
.has-aux .rbt-input {
padding-right: 34px;
}
.rbt-highlight-text {
background-color: inherit;
color: inherit;
font-weight: bold;
padding: 0;
}
/* Input Groups */
.input-group > .rbt {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.input-group > .rbt .rbt-input-hint-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.input-group > .rbt .rbt-aux,
.input-group > .rbt .rbt-input-hint {
z-index: 5;
}
.input-group > .rbt:not(:first-child) .form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .rbt:not(:last-child) .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* Validation States */
.has-error .rbt-input-multi.focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-warning .rbt-input-multi.focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-success .rbt-input-multi.focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
@keyframes loader-animation {
to {
transform: rotate(1turn);
}
}
@-webkit-keyframes loader-animation {
to {
-webkit-transform: rotate(1turn);
}
}
</style><style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}.swal2-container{display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:rgba(0,0,0,0) !important}.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none !important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled:focus{outline:none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:rgba(0,0,0,0);color:#f27474}.swal2-close:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em 2em 3px}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em 2em 3px;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}</style><style>/*
Name : v1/views/store/src/containers/css/StoreSignUp.lessjs
Date : November 19, 2020
Author : AP
*/
.multiSelectCustomProfileField {
height: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
.multiSelectCustomProfileFieldOption li:hover,
.multiSelectCustomProfileFieldOptionActive {
background-color: #08c;
color: white !important;
cursor: pointer;
}
.multiSelectCustomProfileFieldOption {
padding-top: 2px;
padding-bottom: 2px;
width: 100%;
border-radius: 4px;
font-weight: normal;
transition: 0.2s;
-webkit-user-select: none;
-ms-user-select: none;
}
.multiSelectCustomProfileFieldOption li {
border-bottom: 1px #eee solid;
padding: 2px 0px;
}
.multiple-wrapper {
height: 100px;
overflow-x: hidden;
overflow-y: scroll;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding: 6px 12px;
}
.disable {
pointer-events: none;
background: rgba(224, 224, 224, 0.5);
}
.border-error {
border: 1px #a94442 solid;
}
.text-color {
color: black !important;
}
.validation-message {
line-height: 0;
padding-bottom: 17px;
}
@media only screen and (min-width: 767px) and (max-width: 878px) {
.text-overflow {
overflow-wrap: break-word;
line-height: 1;
}
}
@media only screen and (max-width: 574px) {
.text-overflow {
overflow-wrap: break-word;
line-height: 1;
}
}
#userImage {
max-width: 100px;
max-height: 150px;
height: 150px;
border: 2px solid #626467;
margin-right: 2rem;
}
.fa.fa-user {
font-size: 8em;
}
#previewArea {
height: 350px;
}
.fa-question-circle {
color: green;
}
.icon-absolute {
display: block;
vertical-align: top;
}
#userProfileImage {
display: inline-block;
vertical-align: top;
}
.row-signup {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.panel-body-upload {
display: flex;
justify-content: center;
margin-bottom: 1em;
}
.profileimage {
color: #0089c1;
margin-right: 2rem;
}
.required-profile-image {
border: 1px solid #a94442;
}
.profileImageRequired {
color: #a94442;
font-weight: bold;
margin-left: 0.25rem;
}
.font-red {
color: #ce1515;
}
.input-file {
display: none;
}
.image-crop-body-row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.uploaded-image {
width: 100%;
height: 100%;
object-fit: cover;
margin-right: 2rem;
}
#mainNav {
padding-right: 0px !important;
}
.fullWidth,
.modal-open {
padding-right: 0px !important;
}
.ReactCrop__image {
width: 100% !important;
}
.ml-2 {
margin-left: 1rem;
}
h4.subheader {
font-size: 16px;
}
.subheader {
font-weight: normal;
}
#acceptTermsModalHeader {
color: #ffffff;
}
</style><style>.bis-checkbox-wrapper {
position: relative;
}
.bis-checkbox-wrapper input[type="checkbox"] {
opacity: 0;
position: absolute;
z-index: 100;
}
</style><style>.border-success {
border: 3px solid #28a745;
}
.width {
width: 98%;
}
.rounded {
border-radius: 0.5rem;
}
.padding-3 {
padding: 3px;
}
.bg-success {
background-color: #28a745;
}
.bg-white {
background-color: #fff;
}
.text-success {
color: #28a745 !important;
}
.mlt-15 {
margin-left: 15px;
margin-top: 15px;
}
.bg-p-grey {
background-color: #eeeeee;
padding: 8px;
}
.text-secondary {
color: gray;
}
</style><style>/*.center-flex {*/
.infinite-scroll-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.infinite-scroll-container .product {
display: flex;
flex: 1 1 0;
flex-direction: column;
justify-content: space-between;
align-items: left;
min-width: 300px;
max-width: 400px;
background: #fff;
padding: 5px;
margin: 5px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
box-shadow: 1px 1px rgba(0, 0, 0, 0.05);
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
}
.infinite-scroll-container .product .product-image-container-grid {
height: 200px;
border-radius: 2px;
text-align: center;
position: relative;
}
.infinite-scroll-container .product .product-image-container-grid img {
width: 100%;
max-height: 200px;
min-height: 200px;
max-width: 350px;
}
.infinite-scroll-container .product .product-image-container-grid .icon-fav {
position: absolute;
display: inline-block;
right: 10%;
bottom: -15px;
width: 40px;
height: 40px;
border-radius: 100%;
font-size: 22px;
padding: 5px;
}
.infinite-scroll-container .product .product-image-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.infinite-scroll-container .product .grid-body {
padding: 5px;
flex-grow: 1;
}
.infinite-scroll-container .product .grid-body .grid-title {
overflow: hidden;
/*height: 60px;*/
}
.infinite-scroll-container .product .grid-body .grid-text {
overflow: hidden;
/*height: 175px;*/
}
.infinite-scroll-container .product .grid-body .text {
display: inline;
width: 100%;
}
.infinite-scroll-container .product .grid-body .read-or-hide {
color: #337ab7;
cursor: pointer;
}
.infinite-scroll-container .product .grid-footer {
padding: 0.75rem 1.25rem;
}
.infinite-scroll-container .product .grid-footer .btn {
width: 100%;
}
.infinite-scroll-container .product .grid-footer h3.text-danger {
text-align: right;
}
.infinite-scroll-container .product .grid-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.infinite-scroll-container .product .rating-stars ul > li.star {
display: inline-block;
}
.infinite-scroll-container .product .stars-outer {
position: relative;
display: inline-block;
top: 0;
left: 0;
white-space: nowrap;
}
.infinite-scroll-container .product .stars-inner {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
width: 0;
}
.infinite-scroll-container .product .stars-outer::before {
content: "\F005 \F005 \F005 \F005 \F005";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
color: #ccc;
}
.infinite-scroll-container .product .stars-inner::before {
content: "\F005 \F005 \F005 \F005 \F005";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
color: #f8ce0b;
}
.infinite-scroll-container .product .rating-text div {
display: inline-block;
}
/*}*/
@media (max-width: 1700px) {
/*.center-flex {
.product {
max-width: 300px;
.product-image-container-grid img{
width: 300px;
}
}
}*/
}
@media (max-width: 659px) {
.center-flex .product {
max-width: 100% !important;
}
.center-flex .product .grid-body .grid-text {
height: auto !important;
}
}
.ratings {
display: -webkit-flex;
/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;
/* NEW, Spec - Firefox, Chrome, Opera */
}
#gridContent {
/*padding-top: 15px;
padding-bottom: 15px;*/
}
.d-flex {
display: flex;
}
.justify-content-end {
justify-content: flex-end;
}
.vproctor-store .vproctor-container {
cursor: pointer;
}
.vproctor-store .vproctor-container .vproctor-tag-container {
padding: 5px 10px;
border: 1px solid #337ab7;
border-radius: 5px;
justify-content: center;
}
.vproctor-store .vproctor-container .vproctor-tag-container .text-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.vproctor-store .vproctor-container .vproctor-tag-container .text {
font-size: 1.1rem;
}
.vproctor-store .vproctor-container .vproctor-tag-container .icon-container {
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.vproctor-store .vproctor-container .vproctor-tag-container .icon {
font-size: 2rem;
}
.vproctor-store .vproctor-container .subtitle {
margin-top: 5px;
font-size: 1.2rem;
}
</style><style>table.product-list-table tbody tr td {
padding: 2px 5px;
}
.product-image-container {
height: 50px;
width: 100px;
border-radius: 2px;
}
.product-image-container img {
width: 100%;
max-height: 50px;
}
.product-image-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
td.product-name {
text-align: justify;
}
.product_name {
display: inline-block;
width: 600px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: left;
}
#addQuantityBtn {
color: #FFFFFF;
background-color: #BAE4B4;
}
.virtual-proctor .vproctor-container {
display: inline-block;
}
.virtual-proctor .vproctor-container .vproctor-tag-container {
padding: 5px 10px;
border: 1px solid #337ab7;
border-radius: 5px;
justify-content: center;
cursor: pointer;
}
.virtual-proctor .vproctor-container .vproctor-tag-container .icon-container {
display: flex;
justify-content: center;
align-items: center;
}
.virtual-proctor .vproctor-container .vproctor-tag-container .icon {
font-size: 1.8rem;
}
.alertStyle {
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;
}
.list-padding-b0 {
padding-bottom: 0px!important;
}
@media (max-width: 1200px) {
.product_name {
width: 400px;
}
}
@media (max-width: 800px) {
.product_name {
width: 300px;
}
}
@media (max-width: 550px) {
.product_name {
width: 200px;
}
}
.favourite-icon {
cursor: pointer;
}
.favourite-icon:focus,
.favourite-icon:hover,
.favourite-icon:active {
color: #a94442;
}
</style><style>.product-banner-image {
padding: 0;
height: 320px;
overflow: hidden;
background-repeat: no-repeat;
}
.justify-content-between {
justify-content: space-between;
}
.w-100 {
width: 100%;
}
.text-light {
color: #e2e2e2;
}
.pull-right.contentPicture {
margin-top: -250px;
height: 510px;
}
@media (max-width: 768px) {
.pull-right.contentPicture {
height: auto;
margin-top: 0px;
}
}
.image-container {
height: 200px;
}
.image-container img {
width: 100%;
max-height: 170px;
max-width: 320px;
}
.default-image-container img {
width: 100%;
margin-top: 20px;
}
.product-image-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.contentPicture .bg-custom {
background-color: #F8F8F8;
}
#purchaseMultipleCourses .modal-content {
box-shadow: none;
border: none;
border-radius: 0px;
-webkit-box-shadow: none;
}
#purchaseMultipleCourses .modal-content,
#purchaseMultipleCourses .modal-header,
#purchaseMultipleCourses .bg-default {
background-color: transparent;
}
#purchaseMultipleCourses .modal-header {
border-bottom: none;
}
iframe {
border-radius: 5px;
}
.strike-through-old-price {
color: #666666;
text-decoration: line-through;
font-size: 0.9em;
}
@media screen and (max-width: 750px) {
iframe {
max-width: 100% !important;
}
}
.buynow-container {
display: flex;
align-items: stretch;
justify-content: space-around;
}
.product-heading {
font-size: 30px;
}
.contentPicture .buynow-container .input-group-addon {
padding: 6px 5px;
}
.stars-outer {
position: relative;
display: inline-block;
top: 0;
left: 0;
white-space: nowrap;
}
.stars-inner {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
width: 0;
}
.stars-outer::before {
content: "\F005 \F005 \F005 \F005 \F005";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
color: #ccc;
}
.stars-inner::before {
content: "\F005 \F005 \F005 \F005 \F005";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
color: #f8ce0b;
}
.contentPicture .ratings {
display: block;
}
.d-flex {
display: flex;
}
.justify-content-end {
justify-content: flex-end;
}
.vproctor-product-details .vproctor-container {
cursor: pointer;
width: 150px;
}
.vproctor-product-details .vproctor-container .vproctor-tag-container {
padding: 5px 10px;
border: 1px solid #337ab7;
border-radius: 5px;
justify-content: center;
}
.vproctor-product-details .vproctor-container .vproctor-tag-container .text-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.vproctor-product-details .vproctor-container .vproctor-tag-container .text {
font-size: 1.1rem;
}
.vproctor-product-details .vproctor-container .vproctor-tag-container .icon-container {
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.vproctor-product-details .vproctor-container .vproctor-tag-container .icon {
font-size: 2rem;
}
.vproctor-product-details .vproctor-container .subtitle {
margin-top: 5px;
font-size: 1.2rem;
}
.mb-2 {
margin-bottom: 1rem;
}
.mt-2 {
margin-top: 1rem;
}
.font-size-small {
font-size: 1.2rem;
}
.info-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.info-section .left-info-section {
min-height: 115px;
}
.p-1 {
padding: 0.5rem;
}
.p-y-1 {
padding: 0.5rem 0rem;
}
@media (min-width: 1200px) {
.mt-lg-0 {
margin-top: 0px;
}
}
.elastic-result-grey-color {
color: #b5b5b5;
}
.elastic-result-light-color {
color: #28a8d1;
}
@media (min-width: 991px) {
.elastic-search-criteria {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
.search-container {
position: relative;
width: 100%;
display: flex;
}
.search-icon {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
color: #939393 !important;
}
.elastic-search-width {
width: 100% !important;
}
@media (max-width: 991px) {
.elastic-search-icon {
z-index: 1000;
}
}
.elastic-content-small-screen {
display: none;
}
@media (max-width: 1010px) {
.elastic-content-small-screen {
display: block;
text-align: left;
margin: 5px 0px;
}
}
.store-title-bar.title-bar i.elastic-icon {
color: #939393 !important;
}
</style><style>#cart-page-content {
margin: 0px;
padding-top: 15px;
padding-bottom: 15px;
min-height: initial;
}
#cart-page-content.adjust-height {
min-height: 63.7vh;
}
.product-image {
height: 50px;
width: 100px;
border-radius: 2px;
overflow: hidden;
}
.product-image img {
width: 100%;
max-height: 50px;
}
.product-image-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.dollar-amount-total small {
color: white;
}
button.btn.removeButton:focus {
opacity: 0.7;
}
.taxDisclaimerTag {
padding: 35px 0px 0px 0px;
font-weight: bold;
margin: 0;
}
.swal-custom-popup {
width: auto !important;
font-size: 1.5rem;
max-width: 800px;
}
.discountTypeCheckBox input[type=radio] {
height: 30px;
width: 30px;
accent-color: #059f05;
}
.discountTypeContainer {
border: 1px solid #bfc1bf;
border-radius: 3px;
padding: 10px 5px;
}
.discountTypeContainer .text-warning {
color: #ecd08d !important;
}
.discountTypeLabel {
font-weight: 500;
font-size: 15px;
}
.discountTypeModal .modal-header {
background-color: #51b943;
color: white;
}
.discountTypeModal .modal-footer {
background-color: transparent !important;
border-top: none !important;
margin-top: 5px !important;
}
.discountTypeModal .text-warning {
color: #e0b13d !important;
}
@media (min-width: 700px) {
.discountTypeModal .modal-dialog {
width: 700px !important;
}
}
.discountTypeContainer :not(:first-child) {
border-left: 1px solid #bfc1bf;
}
</style><style>.virtualProctoringUpgradeInfo {
font-size: 20px;
color: #337ab7;
vertical-align: bottom;
margin-left: 5px;
margin-bottom: 2px;
cursor: pointer;
}
.vproctor-cart {
flex: 4;
margin: 0 10px;
}
.vproctor-cart .vproctor-container {
display: inline-block;
}
.vproctor-cart .vproctor-container .vproctor-tag-container {
padding: 5px 10px;
border: 1px solid #337ab7;
border-radius: 5px;
justify-content: center;
cursor: pointer;
}
.vproctor-cart .vproctor-container .vproctor-tag-container .text-container {
display: flex;
justify-content: center;
align-items: center;
}
.vproctor-cart .vproctor-container .vproctor-tag-container .text {
font-size: 1.1rem;
margin-right: 2px;
}
.vproctor-cart .vproctor-container .vproctor-tag-container .icon-container {
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.vproctor-cart .vproctor-container .vproctor-tag-container .icon {
font-size: 1.8rem;
}
.vproctor-cart .vproctor-container .vproctor-tag-container input[type="checkbox"] {
margin-left: 10px;
margin-top: 0;
}
.vproctor-cart .vproctor-container .vproctor-tag-container .spinner {
margin-left: 10px;
}
.vproctor-cart .vproctor-container .subtitle-container {
margin-top: 5px;
text-align: right;
}
.vproctor-cart .vproctor-container .subtitle-container .subtitle {
font-size: 1.2rem;
cursor: pointer;
}
.vproctor-cart .vproctor-container .subtitle-container .icon {
font-size: 1.5rem;
margin-right: 5px;
color: #337ab7;
vertical-align: bottom;
cursor: pointer;
}
.vproctor-cart-row {
background-color: #dff0d8 !important;
color: inherit !important;
}
.cartSecondFullDiv {
display: flex;
flex-direction: column;
}
.scheduleDateDiv {
display: flex;
flex-direction: column;
min-width: 273px;
margin: 0 10px;
}
.scheduleDateValueDiv {
background-color: #cfeef8;
color: #18a4d1;
margin: 3px 0px;
border-radius: 9px;
padding: 1px 10px;
font-size: 11px;
width: -moz-fit-content;
font-weight: 700;
}
@media (max-width: 1200px) and (min-width: 768px) {
.vproctor-cart .vproctor-container .vproctor-tag-container {
flex-direction: column;
}
.vproctor-cart .vproctor-container .vproctor-tag-container .text-container {
display: flex;
flex-direction: column;
}
.vproctor-cart .vproctor-container .vproctor-tag-container input[type="checkbox"] {
margin-left: 0;
margin-top: 0;
}
}
.multiRegWarningDiv {
color: #baba84;
font-size: 11px;
margin-bottom: 5px;
width: -moz-fit-content;
font-weight: 700;
}
.poweredByBIS {
color: #d0d0d0;
font-weight: 500 !important;
padding: 2px 10px;
}
</style><style>.product-image-container {
height: 50px;
width: 100px;
border-radius: 2px;
}
.product-image-container img {
width: 100%;
max-height: 50px;
}
.product-image-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
@media (min-width: 992px) {
#takeTraining {
margin-top: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
#takeTrainingOption {
margin-top: 30px;
}
#takeTrainingArrow {
margin-top: 100px;
}
}
.disable-new-user-modal .modal-header {
background-color: #f0ad4e !important;
color: white !important;
}
.assign-seats-danger-bg {
background-color: #efd5d6 !important;
}
.assign-seats-danger-bg .form-control {
background-color: transparent !important;
}
.assign-seats-danger-bg input:-webkit-autofill,
.assign-seats-danger-bg input:-webkit-autofill:hover,
.assign-seats-danger-bg input:-webkit-autofill:focus,
.assign-seats-danger-bg select:-webkit-autofill,
.assign-seats-danger-bg select:-webkit-autofill:hover,
.assign-seats-danger-bg select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 30px #efd5d6 inset !important;
border-radius: 4px;
border: 1px solid #ccc;
}
.assign-seats-danger-bg td:nth-child(2) .form-control,
.assign-seats-danger-bg td:nth-child(3) .form-control {
color: red !important;
}
.assign-seats-danger-bg td:nth-child(2) input:-webkit-autofill,
.assign-seats-danger-bg td:nth-child(3) input:-webkit-autofill,
.assign-seats-danger-bg td:nth-child(2) input:-webkit-autofill:hover,
.assign-seats-danger-bg td:nth-child(3) input:-webkit-autofill:hover,
.assign-seats-danger-bg td:nth-child(2) input:-webkit-autofill:focus,
.assign-seats-danger-bg td:nth-child(3) input:-webkit-autofill:focus,
.assign-seats-danger-bg td:nth-child(2) select:-webkit-autofill,
.assign-seats-danger-bg td:nth-child(3) select:-webkit-autofill,
.assign-seats-danger-bg td:nth-child(2) select:-webkit-autofill:hover,
.assign-seats-danger-bg td:nth-child(3) select:-webkit-autofill:hover,
.assign-seats-danger-bg td:nth-child(2) select:-webkit-autofill:focus,
.assign-seats-danger-bg td:nth-child(3) select:-webkit-autofill:focus {
-webkit-text-fill-color: red !important;
}
.modal-title-color {
color: #ffffff;
}
</style><style>table.product-list-table tbody tr td {
padding: 2px 5px;
}
.product-image-container {
height: 50px;
width: 100px;
border-radius: 2px;
}
.product-image-container img {
width: 100%;
max-height: 50px;
}
.product-image-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.assign-option-buttons {
display: flex;
}
.assign-option-buttons > .btn {
flex-basis: 100%;
}
.assign-option-buttons > .btn:first-child {
margin-right: 1.5em;
}
</style></head>
<body>
<div id="loaderOverlay" style="display: none;">
<span id="icon-wait">
<div class="lds-grid">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</span>
</div>
<div id="layout-wrapper">
<div id="mainNav" class="bis_header">
<div id="this-header" class="navbar-custom page-header-custom">
<div class="left_side_wrapper">
<div class="hd_t_lft_ico">
<ul class="header_icons_ul">
<li class="mob_bars_shw"><a class="widget-sidebar-toggler" href="javascript:void(0);"><i class="fa fa-bars"></i></a></li>
</ul>
</div>
<a id="horiz-logo-show" class="navbar-brand-custom no-tooltip" href="http://www.leavittmachinery.com/" title="">
<div id="logo-container" style="background-image: url('https://bis-branding-cdn.s3.ca-central-1.amazonaws.com/344/uploads/LeavittTraininglogover32.jpg?20240725160410')"></div>
</a>
</div>
<div class="right_side_wrapper">
<div class="hd_t_rght">
<ul class="header_icons_ul">
<li class="contact_icon" id="contact_button">
<a class="questionsize" href="/v1/index.cfm?action=learner.help">?</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="layout-wrapper-sub" class="horizontal_menu">
<div class="menu_bis ">
<div class="menu_wrapper">
<div class="menu_bis_logo_section">
<a class="navbar-bars widget-sidebar-toggler" id="widget-sidebar-toggler" href="javascript:void(0);">
<i class="fad fa-bars"></i>
</a>
<a class="navbar-bars widget-sidebar-toggler" id="sidebar-close-mob" href="javascript:void(0);">
<i class="fad fa-times"></i>
</a>
</div>
<ul class="stroke">
<li>
<a href="https://www.leavittmachinery.com/training/class-calendar#pr=8" target="_self">
<i class="fad fa-star" aria-hidden="true"></i>
<span class="text_bis">BC Class Calendar</span>
</a>
</li>
<li>
<a href="https://www.leavittmachinery.com/training/class-calendar#pr=7" target="_self">
<i class="fad fa-star" aria-hidden="true"></i>
<span class="text_bis">AB Class Calendar</span>
</a>
</li>
<li>
<a href="https://www.leavittmachinery.com/training/class-calendar#pr=9" target="_self">
<i class="fad fa-star" aria-hidden="true"></i>
<span class="text_bis">SK Class Calendar</span>
</a>
</li>
<li>
<a href="https://www.leavittmachinery.com/training/class-calendar#pr=11" target="_self">
<i class="fad fa-star" aria-hidden="true"></i>
<span class="text_bis">ON Class Calendar</span>
</a>
</li>
<li>
<a href="https://www.leavittmachinery.com/subscription-update/contact-classification-pg1" target="_self">
<i class="fad fa-star" aria-hidden="true"></i>
<span class="text_bis">Email Offers</span>
</a>
</li>
<li>
<a href="https://www.leavitttraining.com/index.cfm?action=home.loginForm&companyid=344" target="_self">
<i class="fad fa-star" aria-hidden="true"></i>
<span class="text_bis">Login</span>
</a>
</li>
<li class="vertical-help-wrapper">
<a href="#" id="menu-help" onclick="fnShowAdvanceDocumentation()">
<i class="fad fa-info" aria-hidden="true"></i>
<span class="text_bis">Help</span>
</a>
</li>
<div class="horizontal-help-wrapper">
<a id="menu-help" onclick="fnShowAdvanceDocumentation()">
<i class="fad fa-info help-icon-1" aria-hidden="true"></i>
<span class="text_bis">Help</span>
</a>
</div>
</ul>
</div>
</div>
<div class="content modify-row">
<div class="content_wrapper">
<div id="reactRoot"><div class="animated fadeIn flex-set flex-grow-1 overflowy flex--column" style="animation-delay: 0ms; animation-duration: 1000ms; pointer-events: all;"><div class="store-title-bar title-bar bg-primary padding-lr15"><div class="margin-lr0 padding-r20 row"><form class="hidden-xs hidden-sm form-inline"><div class="elastic-search-criteria text-right text-center-xs padding-lr3 col-md-5 col-sm-7 col-xs-12"><select name="language" id="storeLanguage" class="form-control input-sm"><option value="en">English</option><option value="fr">Français</option><option value="de">Deutsch</option><option value="es">Español</option><option value="pt">Português</option></select><div class="search-container"><i class="fal fa-search fa-xs search-icon elastic-icon"></i><input name="keyword" placeholder="Search" type="text" id="storeSearch" class="elastic-search-width form-control input-sm" value=""></div><button type="button" class="margin-lr3 btn btn-warning">Reset <i class="fal fa-redo"></i></button></div><div class="text-right text-center-xs text-center-sm padding-lr3 hidden-xs hidden-sm col-md-7 col-sm-5 col-xs-12"><button type="button" class="margin-r3 pull-left button-height-30 btn btn-info"><span class="hidden-xs hidden-sm">Filters <i class="fal fa-filter"></i></span><span class="visible-xs visible-sm"><i class="fal fa-filter"></i></span></button></div></form><form class="visible-xs visible-sm"><div class="search-criteria text-center padding-lr3 padding-tb15 col-sm-12 col-xs-12"><div class="input-group input-group-sm"><div class="search-container"><i class="fal fa-search fa-xs search-icon elastic-search-icon elastic-icon"></i><input name="keyword" placeholder="Search" type="text" class="input-sm form-control input-sm" value=""></div><div class="input-group-btn padding-lr3"></div><div class="input-group-btn w-35"><select name="language" class="input-sm form-control input-sm"><option value="en">English</option><option value="fr">Français</option><option value="de">Deutsch</option><option value="es">Español</option><option value="pt">Português</option></select></div><div class="input-group-btn padding-l4"><button type="button" class="margin-lr3 btn btn-warning"><i class="fad fa-times fa-sm"></i></button></div></div></div></form></div></div><div class="hidden-xs hidden-sm"><ol class="breadcrumb margin-b0 store-breadcrumb hidden-sm hidden-xs"><li><a class="btn btn-link" href="/store/leavitt-training-store/home?language=en">Store</a></li><li class="active"><span class="btn btn-disabled">All</span></li><div class="pull-right breadcrumb-buttons"><a class="btn btn-warning pull-right" href="/store/leavitt-training-store/viewall?language=en">List View<i class="fal fa-list"></i></a></div><li class="pull-right breadcrumb-buttons"><a class="btn btn-link btn-block" href="/store/leavitt-training-store/cart">View Cart<span class="cart-link-icon"><i class="fal fa-shopping-cart"></i><strong class="badge badge-count">0</strong></span></a></li><li class="pull-right breadcrumb-buttons"><a href="#" class="btn btn-link"><div class="hidden-xs hidden-sm"><i class="fal fa-info-circle"></i> How to make a purchase</div><div class="visible-xs visible-sm"><i class="fab fa-youtube text-danger fa-2x"></i></div></a></li><li class="pull-right breadcrumb-buttons"><span></span></li><div style="clear: both;"></div></ol><div class="breadcrumb margin-b0 visible-xs-block visible-sm-block store-breadcrumb"><li class="pull-left breadcrumb-buttons"><span></span></li><div class="pull-right breadcrumb-buttons"><a href="#" class="btn btn-link"><div class="hidden-xs hidden-sm"><i class="fal fa-info-circle"></i> How to make a purchase</div><div class="visible-xs visible-sm"><i class="fab fa-youtube text-danger fa-2x"></i></div></a></div><div class="pull-right breadcrumb-buttons"><a class="btn btn-warning pull-right" href="/store/leavitt-training-store/viewall?language=en">List View<i class="fal fa-list"></i></a></div><div class="pull-right breadcrumb-buttons"><a class="btn btn-link btn-block" href="/store/leavitt-training-store/cart"><span class="cart-link-icon"><i class="fal fa-shopping-cart"></i><strong class="badge badge-count">0</strong></span></a></div><div style="clear: both;"></div></div></div><div class="product-filters category-select-list category-list align-items-center"><div class="d-flex align-items-center row"><div xl="11" class="margin-t5 product-category col-lg-10 col-md-12"><div class="hidden-xs hidden-sm"><span class="margin-10">Categories</span><button data-seo="" type="button" class="filter-buttons margin-3 btn-primary btn btn-default">View All</button><button data-seo="awareness" type="button" class="filter-buttons margin-3 btn btn-default btn btn-default">Awareness</button><button data-seo="driver" type="button" class="filter-buttons margin-3 btn btn-default btn btn-default">Driver</button><button data-seo="electrical" type="button" class="filter-buttons margin-3 btn btn-default btn btn-default">Electrical</button><button data-seo="equipment" type="button" class="filter-buttons margin-3 btn btn-default btn btn-default">Equipment</button><button data-seo="products" type="button" class="filter-buttons margin-3 btn btn-default btn btn-default">Products</button><button data-seo="safety" type="button" class="filter-buttons margin-3 btn btn-default btn btn-default">Safety</button><button data-seo="soft-skills" type="button" class="filter-buttons margin-3 btn btn-default btn btn-default">Soft skills</button><button data-seo="virtual-reality-(vr)" type="button" class="filter-buttons margin-3 btn btn-default btn btn-default">Virtual Reality (VR)</button></div></div><div xl="1" class="text-right col-lg-2 col-md-12"><div class="d-flex pull-right margin-3 form-group"><label class="col-xs-auto margin-t5 control-label">Sort by:</label> <div class=""><select name="sortBy" id="sortBy" class="form-control input-sm"><option value="Course Name">Course Name</option><option value="Price">Price</option></select></div></div></div></div><div class="visible-xs visible-sm d-flex align-items-center row"><div class="margin-t5 product-category col-sm-6 col-xs-12"><div class="d-flex align-items-center row"><span class="margin-10">Categories</span><div class="col-xs-9"><div class="visible-xs visible-sm"><select class="form-control"><option value="category_all">View All</option><option value="awareness">Awareness</option><option value="driver">Driver</option><option value="electrical">Electrical</option><option value="equipment">Equipment</option><option value="products">Products</option><option value="safety">Safety</option><option value="soft-skills">Soft skills</option><option value="virtual-reality-(vr)">Virtual Reality (VR)</option></select></div></div><div class="col-xs-3"><button type="button" class="button-height-30 visible-xs visible-sm btn btn-info"><span class="hidden-xs hidden-sm">Filters <i class="fal fa-filter"></i></span><span class="visible-xs visible-sm"><i class="fal fa-filter"></i></span></button></div></div></div><div class="text-center-xs text-center-sm col-sm-6 col-xs-12"><div class="pull-right visible-xs visible-sm w-100 product-breadcrumb"><ol class="breadcrumb margin-b0 store-breadcrumb hidden-sm hidden-xs"><li><a class="btn btn-link" href="/store/leavitt-training-store/home?language=en">Store</a></li><li class="active"><span class="btn btn-disabled">All</span></li><div class="pull-right breadcrumb-buttons"><a class="btn btn-warning pull-right" href="/store/leavitt-training-store/viewall?language=en">List View<i class="fal fa-list"></i></a></div><li class="pull-right breadcrumb-buttons"><a class="btn btn-link btn-block" href="/store/leavitt-training-store/cart">View Cart<span class="cart-link-icon"><i class="fal fa-shopping-cart"></i><strong class="badge badge-count">0</strong></span></a></li><li class="pull-right breadcrumb-buttons"><a href="#" class="btn btn-link"><div class="hidden-xs hidden-sm"><i class="fal fa-info-circle"></i> How to make a purchase</div><div class="visible-xs visible-sm"><i class="fab fa-youtube text-danger fa-2x"></i></div></a></li><li class="pull-right breadcrumb-buttons"><span></span></li><div style="clear: both;"></div></ol><div class="breadcrumb margin-b0 visible-xs-block visible-sm-block "><li class="pull-left breadcrumb-buttons"><span></span></li><div class="pull-right breadcrumb-buttons"><a class="btn btn-warning pull-right" href="/store/leavitt-training-store/viewall?language=en">List View<i class="fal fa-list"></i></a></div><div class="pull-right breadcrumb-buttons"><a class="btn btn-link btn-block" href="/store/leavitt-training-store/cart"><span class="cart-link-icon"><i class="fal fa-shopping-cart"></i><strong class="badge badge-count">0</strong></span></a></div><div class="pull-right breadcrumb-buttons"><a href="#" class="btn btn-link"><div class="hidden-xs hidden-sm"><i class="fal fa-info-circle"></i> How to make a purchase</div><div class="visible-xs visible-sm"><i class="fab fa-youtube text-danger fa-2x"></i></div></a></div><div style="clear: both;"></div></div></div></div></div></div><div id="gridContent" class="flex-set flex-grow-1 overflowy" style="height: 700px; overflow: auto;"><div class="infinite-scroll-container"><section class="product margin-b20"><div class="product-image-container-grid" id="product_12-steps-to-establishing-leadership-presence-fuel-navigate-drive"><a href="/store/leavitt-training-store/productdetails/12-steps-to-establishing-leadership-presence-fuel-navigate-drive"><span class="product-image-helper"></span><img class="grid-img-top" alt="12 Steps to Establishing Leadership Presence" src="/assets/store/product/portrait/6DA62B74E73F5AA77A83289BDA6770B2.png"></a></div><div class="grid-body"><h4 class="grid-title"><a title="12 Steps to Establishing Leadership Presence" href="/store/leavitt-training-store/productdetails/12-steps-to-establishing-leadership-presence-fuel-navigate-drive">12 Steps to Establishing Leadership Presence</a></h4><p class="text">How are you going to be recognized as a leader in your field, your company, or your organization? The 12 Steps to establishing Leadership Presence can show you how to project and demonstrate the leadership presence needed to gain influence and to positively impact your workplace.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>213</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 84%;"></div></div><div> 4.2/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$49.95</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/12-steps-to-establishing-leadership-presence-fuel-navigate-drive">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_absences-from-the-workplace"><a href="/store/leavitt-training-store/productdetails/absences-from-the-workplace"><span class="product-image-helper"></span><img class="grid-img-top" alt="Absences from the Workplace" src="/assets/store/product/portrait/6A8F93FF14B9B381370455EAC3488F36.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Absences from the Workplace" href="/store/leavitt-training-store/productdetails/absences-from-the-workplace">Absences from the Workplace</a></h4><p class="text">The goal of this lesson is to introduce employees to the federal laws that cover absences from the workplace for jury duty leave, military leave, and family and medical leave.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>3</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 100%;"></div></div><div> 5/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$69.95</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/absences-from-the-workplace">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_accident-investigation-marcom"><a href="/store/leavitt-training-store/productdetails/accident-investigation-marcom"><span class="product-image-helper"></span><img class="grid-img-top" alt="Accident Investigation" src="/assets/store/product/portrait/AB63243D415513C2307A6FF350832D10.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Accident Investigation" href="/store/leavitt-training-store/productdetails/accident-investigation-marcom">Accident Investigation</a></h4><p class="text">When accidents happen, it's important to know why. Even when the reason seems obvious, the real cause may be more complicated. That's where accident investigation comes in. It examines the incident systematically to determine its true root causes. This information can then be used to update policies, procedures or equipment to h<span class="read-or-hide"> ... <u> More </u></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>305</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 90%;"></div></div><div> 4.5/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$49.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/accident-investigation-marcom">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_accident-procedures-driver-training-series"><a href="/store/leavitt-training-store/productdetails/accident-procedures-driver-training-series"><span class="product-image-helper"></span><img class="grid-img-top" alt="Accident Procedures: Driver Training Series" src="/assets/store/product/portrait/3E9F0FC9B2F89E043BC6233994DFCF76.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Accident Procedures: Driver Training Series" href="/store/leavitt-training-store/productdetails/accident-procedures-driver-training-series">Accident Procedures: Driver Training Series</a></h4><p class="text"> This online Accident Procedures: Driver Training Series course is designed to help drivers understand what to do after being involved in (or witnessing) an accident. Specifically, it covers the procedures drivers should follow in order to safely and legally deal with the situation in a short period of time.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$59.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/accident-procedures-driver-training-series">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_accidental-release-measures-spill-cleanup-procedures"><a href="/store/leavitt-training-store/productdetails/accidental-release-measures-spill-cleanup-procedures"><span class="product-image-helper"></span><img class="grid-img-top" alt="Accidental Release Measures & Spill Cleanup Procedures" src="/assets/store/product/portrait/CC5F81C3330B253376B5A8B989ED967D.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Accidental Release Measures & Spill Cleanup Procedures" href="/store/leavitt-training-store/productdetails/accidental-release-measures-spill-cleanup-procedures">Accidental Release Measures & Spill Cleanup Procedures</a></h4><p class="text">Accidental Release Measures & Spill Cleanup Procedures is designed to help facilities comply with OSHA's HAZWOPER regulation (29 CFR 1910.120). As part of these regulations, there are varying requirements for employee training, depending on an employee's specific level of involvement with hazardous materials.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>260</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 84%;"></div></div><div> 4.2/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$49.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/accidental-release-measures-spill-cleanup-procedures">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_active-shooter-myth-vs-reality"><a href="/store/leavitt-training-store/productdetails/active-shooter-myth-vs-reality"><span class="product-image-helper"></span><img class="grid-img-top" alt="Active Shooter Myth vs Reality" src="/assets/store/product/portrait/10EF53CC7B761466D851D05DDA6B82E3.jpeg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Active Shooter Myth vs Reality" href="/store/leavitt-training-store/productdetails/active-shooter-myth-vs-reality">Active Shooter Myth vs Reality</a></h4><p class="text">A no-nonsense approach to planning and preparing for the unthinkable. Active Shooter Myth vs Reality blends in learnings from the latest FBI research to enhance the Run-Hide-Fight strategy promoted by US Homeland Security.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$29.95</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/active-shooter-myth-vs-reality">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_active-shooter-law-enforcement"><a href="/store/leavitt-training-store/productdetails/active-shooter-law-enforcement"><span class="product-image-helper"></span><img class="grid-img-top" alt="Active Shooter: Preparation & Response (Bundle)" src="/assets/store/product/portrait/B6C487141C1B061B0EF9C76187AC09F9.jpeg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="PS5-30011" href="/store/leavitt-training-store/productdetails/active-shooter-law-enforcement">Active Shooter: Preparation & Response (Bundle)</a></h4><p class="text">Sadly, we have all seen news reports about people who have entered a place of business or school and started shooting others. Do you know the signs that someone may become violent? Do you have a plan in case there is a shooting at your workplace? Take this course to learn how to prevent and prepare for active shooters. This cour<span class="read-or-hide"> ... <u> More </u></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>11</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 88%;"></div></div><div> 4.4/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$94.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/active-shooter-law-enforcement">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_active-shooter-surviving-an-attack"><a href="/store/leavitt-training-store/productdetails/active-shooter-surviving-an-attack"><span class="product-image-helper"></span><img class="grid-img-top" alt="Active Shooter: Surviving an Attack" src="/assets/store/product/portrait/B3C00C7F3639FE3D7952183622AE1FB7.jpeg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Active Shooter: Surviving an Attack" href="/store/leavitt-training-store/productdetails/active-shooter-surviving-an-attack">Active Shooter: Surviving an Attack</a></h4><p class="text">Active Shooter: Surviving an Attack provides step-by-step explanations of the survival techniques that law enforcement agencies recommend to help people get through an active shooter incident safely.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>329</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 92%;"></div></div><div> 4.6/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$49.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/active-shooter-surviving-an-attack">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_active-shooter-active-threat-how-to-survive"><a href="/store/leavitt-training-store/productdetails/active-shooter-active-threat-how-to-survive"><span class="product-image-helper"></span><img class="grid-img-top" alt="Active Shooter/Active Threat: How to Survive" src="/assets/store/product/portrait/0F0A46923FE371945D00AFF58B3E218A.jpeg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Active Shooter/Active Threat: How to Survive" href="/store/leavitt-training-store/productdetails/active-shooter-active-threat-how-to-survive">Active Shooter/Active Threat: How to Survive</a></h4><p class="text">This active shooter training course is designed to help learners anticipate and recognize an active shooter/active threat situation and react appropriately if they are ever faced with one. Specifically, it covers the warning signs of workplace violence, how to recognize the presence of an active threat, the best course of action<span class="read-or-hide"> ... <u> More </u></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>146</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 92%;"></div></div><div> 4.6/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$49.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/active-shooter-active-threat-how-to-survive">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_active-shooter-active-threat-organizational-preparedness-recovery"><a href="/store/leavitt-training-store/productdetails/active-shooter-active-threat-organizational-preparedness-recovery"><span class="product-image-helper"></span><img class="grid-img-top" alt="Active Shooter/Active Threat: Organizational Preparedness & Recovery" src="/assets/store/product/portrait/B11D5D8F18D1298D694929DCBFEA8BDE.jpeg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Active Shooter/Active Threat: Organizational Preparedness & Recovery" href="/store/leavitt-training-store/productdetails/active-shooter-active-threat-organizational-preparedness-recovery">Active Shooter/Active Threat: Organizational Preparedness & Recovery</a></h4><p class="text">To help prevent loss of human life in a workplace shooting incident, companies and individual employees must take steps to plan and prepare for these types of events. This active shooter training course helps members of management and Human Resources (HR) prepare employees for a potential threat incident. It also provides guidan<span class="read-or-hide"> ... <u> More </u></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>164</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 88%;"></div></div><div> 4.4/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$49.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/active-shooter-active-threat-organizational-preparedness-recovery">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_aed-cpr-awareness-course"><a href="/store/leavitt-training-store/productdetails/aed-cpr-awareness-course"><span class="product-image-helper"></span><img class="grid-img-top" alt="AED/CPR Training Program" src="/assets/store/product/portrait/20F07591C6FCB220FFE637CDA29BB3F6.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="AED/CPR Training Program" href="/store/leavitt-training-store/productdetails/aed-cpr-awareness-course">AED/CPR Training Program</a></h4><p class="text">This online course provides automated external defibrillation (AED) and cardiopulmonary resuscitation (CPR) skills review and practice using realistic scenarios.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>146</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 92%;"></div></div><div> 4.6/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$39.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/aed-cpr-awareness-course">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_aerial-boom-scissor-lift-pre-shift-inspections"><a href="/store/leavitt-training-store/productdetails/aerial-boom-scissor-lift-pre-shift-inspections"><span class="product-image-helper"></span><img class="grid-img-top" alt="Aerial Boom & Scissor Lift Pre-Shift Inspections" src="/assets/store/product/portrait/CDC5E026071F9A75326FA4E6C2D5FF19.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Mobile Equipment Pre-Shift Inspection Series" href="/store/leavitt-training-store/productdetails/aerial-boom-scissor-lift-pre-shift-inspections">Aerial Boom & Scissor Lift Pre-Shift Inspections</a></h4><p class="text">This micro-learning module covers the basics of pre-shift inspections for aerial platforms.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>2330</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 94%;"></div></div><div> 4.7/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">FREE</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/aerial-boom-scissor-lift-pre-shift-inspections">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_aerial-platform-boom-scissor"><a href="/store/leavitt-training-store/productdetails/aerial-platform-boom-scissor"><span class="product-image-helper"></span><img class="grid-img-top" alt="Aerial Platform – Boom & Scissor" src="/assets/store/product/portrait/2FCAC87BE864706BDC67C7EAFE94B87E.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Aerial Platform – Boom & Scissor" href="/store/leavitt-training-store/productdetails/aerial-platform-boom-scissor">Aerial Platform – Boom & Scissor</a></h4><p class="text">This online Aerial Platform – Boom &amp; Scissor course aims to reduce the risks related to straight telescoping boom, articulating boom, and scissor lift type mobile elevated work platforms (MEWPs) by teaching you the fundamentals of safe operating procedures.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"><div class="vproctor-container"><div class="d-flex vproctor-tag-container"><div class="icon-container"><i class="fa fa-fingerprint text-success icon"></i></div><div class="text-container"><div class="text text-primary">Virtual Proctoring</div><div class="text text-primary">Upgrade Available</div></div></div><div class="subtitle text-primary">What is Virtual Proctoring?</div></div></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>12687</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 94%;"></div></div><div> 4.7/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$99.95</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/aerial-platform-boom-scissor">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_aggregate-hauling"><a href="/store/leavitt-training-store/productdetails/aggregate-hauling"><span class="product-image-helper"></span><img class="grid-img-top" alt="Aggregate Hauling" src="/assets/store/product/portrait/C3708BE08654590AB0A806991C909125.png"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Aggregate Hauling" href="/store/leavitt-training-store/productdetails/aggregate-hauling">Aggregate Hauling</a></h4><p class="text">This online Aggregate Hauling Equipment Training course is designed to introduce learners to the different types of aggregate hauling equipment and safety practices for operating, loading, and unloading.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>490</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 92%;"></div></div><div> 4.6/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">FREE</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/aggregate-hauling">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_agricultural-machinery-safeguarding"><a href="/store/leavitt-training-store/productdetails/agricultural-machinery-safeguarding"><span class="product-image-helper"></span><img class="grid-img-top" alt="Agricultural Machinery Safeguarding" src="/assets/store/product/portrait/D759175DE8EA5B1D9A2660E45554894F.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Agricultural Machinery Safeguarding" href="/store/leavitt-training-store/productdetails/agricultural-machinery-safeguarding">Agricultural Machinery Safeguarding</a></h4><p class="text">The training program for safeguarding agricultural machinery for protecting the health and safety of agricultural workers includes elements that will guide farm owners, managers and their workers on understanding the importance and design of machine guarding.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$44.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/agricultural-machinery-safeguarding">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_air-brake-refresher-program-49147"><a href="/store/leavitt-training-store/productdetails/air-brake-refresher-program-49147"><span class="product-image-helper"></span><img class="grid-img-top" alt="Air Brake Refresher Program" src="/assets/store/product/portrait/30A5F24299F2AA84EB057FA28B6EEDAC.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Air Brake Refresher Program" href="/store/leavitt-training-store/productdetails/air-brake-refresher-program-49147">Air Brake Refresher Program</a></h4><p class="text">This program teaches the Airbrake concepts detail. The program comes in 3 sections: Sections 1 & 2 represents the full Alberta Curriculum and Section 3 is a set of interactive activities to enhance the learner experience.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>112</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 72%;"></div></div><div> 3.6/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$49.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/air-brake-refresher-program-49147">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_air-emissions-management"><a href="/store/leavitt-training-store/productdetails/air-emissions-management"><span class="product-image-helper"></span><img class="grid-img-top" alt="Air Emissions Management" src="/assets/store/product/portrait/FCCB60FB512D13DF5083790D64C4D5DD.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Air Emissions Management" href="/store/leavitt-training-store/productdetails/air-emissions-management">Air Emissions Management</a></h4><p class="text">Upon completion of this lesson, the student will be able to identify the purpose and goals of the Clean Air Act Amendments of 1990, define key terms associated with National Ambient Air Quality Standards of Title I, and identify the requirements for limiting Hazardous Air Pollutants as defined in Title III.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$69.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/air-emissions-management">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_airborne-diseases-tb-flu"><a href="/store/leavitt-training-store/productdetails/airborne-diseases-tb-flu"><span class="product-image-helper"></span><img class="grid-img-top" alt="Airborne Diseases: TB & FLU" src="/assets/store/product/portrait/69A69BA200BB3F5D6BC6A1D49AC4340D.png"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Airborne Diseases: TB & FLU" href="/store/leavitt-training-store/productdetails/airborne-diseases-tb-flu">Airborne Diseases: TB & FLU</a></h4><p class="text">Safety when dealing with exposure to blood-borne or airborne pathogens is paramount in keeping your employees healthy. In this curriculum, you will learn to identify the airborne diseases TB & Flu.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$29.95</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/airborne-diseases-tb-flu">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_airborne-diseases-you-need-to-know"><a href="/store/leavitt-training-store/productdetails/airborne-diseases-you-need-to-know"><span class="product-image-helper"></span><img class="grid-img-top" alt="Airborne Diseases: You Need to Know" src="/assets/store/product/portrait/76C49B73DEE9309F1B85644DA2FC09BB.png"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Airborne Diseases: You Need to Know" href="/store/leavitt-training-store/productdetails/airborne-diseases-you-need-to-know">Airborne Diseases: You Need to Know</a></h4><p class="text">Safety when dealing with exposure to blood-borne or airborne pathogens is paramount in keeping your employees healthy. In this curriculum, you will learn to identify blood-borne and airborne pathogen hazards, describe exposure controls, and list actions to take if an exposure incident occurs.<span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$29.95</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/airborne-diseases-you-need-to-know">More Information</a></div></section><section class="product margin-b20"><div class="product-image-container-grid" id="product_alberta-provincial-hours-of-service-school-bus-and-passenger-bus-van"><a href="/store/leavitt-training-store/productdetails/alberta-provincial-hours-of-service-school-bus-and-passenger-bus-van"><span class="product-image-helper"></span><img class="grid-img-top" alt="Alberta Provincial Hours of Service (School Bus and Passenger Bus/Van)" src="/assets/store/product/portrait/62063D6C153E908F5D7802B35DB496C1.jpg"></a></div><div class="grid-body"><h4 class="grid-title"><a title="Alberta Provincial Hours of Service (School Bus and Passenger Bus/Van)" href="/store/leavitt-training-store/productdetails/alberta-provincial-hours-of-service-school-bus-and-passenger-bus-van">Alberta Provincial Hours of Service (School Bus and Passenger Bus/Van)</a></h4><p class="text">This course outlines the regulations a driver must follow when operating under the Alberta provincial hours of service rules. These regulations are in place to help combat fatigue; they not only protect those involved in commercial transportation, but the public travelling on the road as well. <span class="read-or-hide"></span></p></div><div class="grid-footer"><div class="row"><div class="col-xs-6 col-md-12 d-flex justify-content-end vproctor-store"></div><div class="col-xs-6 col-md-6"><div><div><div class="rating-text">Average rating</div><div>(<small><strong>167</strong></small> Reviews)</div></div><div class="ratings"><div class="stars-outer"><div class="stars-inner" style="width: 88%;"></div></div><div> 4.4/5</div></div></div></div><div class="col-xs-6 col-md-6" style="padding-left: 2px;"><h3 class="text-danger">$44.99</h3></div></div><div class="margin-b5"><button type="button" class="btn btn-success btn-add-to-cart btn btn-default">Add to Cart <i class="fal fa-cart-arrow-down"></i></button></div><a class="btn btn-info btn-product-more-info" href="/store/leavitt-training-store/productdetails/alberta-provincial-hours-of-service-school-bus-and-passenger-bus-van">More Information</a></div></section><div class="text-center padding-tb20 infinite-loader col-xs-12"><i class="fa fa-cog fa-spin fa-3x"></i></div></div></div></div></div>
<div class="modal fade modal-warning" id="modal-showAlert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 9000;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"></h4>
</div>
<div class="modal-body"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default ok" data-dismiss="modal">OK</button>
<button type="button" class="btn btn-default no" data-dismiss="modal"> No</button>
<button type="button" class="btn btn-success yes" data-dismiss="modal"> Yes</button>
</div>
</div>
</div>
</div>
<div class="modal fade modal-warning" id="cookieAlert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Warning</h4>
</div>
<div class="modal-body">
<p>Your current web browser setting is blocking cookies, which are required to use this online learning system. Please update your web browser to allow cookies in order to access the full functionality of this site.</p><br>
<p><a href="http://www.wikihow.com/Enable-Cookies-in-Your-Internet-Web-Browser" target="_blank">Click here</a> for information on how to update your browser or contact technical support at 1-866-416-1660.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<div class="modal fade modal-danger" id="sessionExpired" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content text-center" style="padding:20px;">
<div class="modal-body">
<i aria-hidden="true" style="display:block;padding:10px;" class="fal fa-4x fa-exclamation-circle text-warning"></i>
<strong>Your session expired. Please log in again.</strong><br>
<div class="expiredMessage" style="padding:10px;"></div>
</div>
<a class="btn btn-success" href="/index.cfm?action=home.loginForm">
OK
</a>
</div>
</div>
</div>
<div class="modal fade" id="no-internet-dialog" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header headerBar">
<h4 class="modal-title">
No Internet Connection
</h4>
</div>
<div class="modal-body">It seems like you are offline. Please check your internet connection and log in again.</div>
<div class="modal-footer">
<a class="btn btn-success" href="/index.cfm?action=home.loginForm">Log In</a>
</div>
</div>
</div>
</div>
</div>
<div id="reactRootAdvanceDocumentation"></div>
</div>
</div>
<footer>
<span>
Copyright
<i class="fad fa-copyright" aria-hidden="true"></i>
2024
</span>
<span>
<a href="/v1/index.cfm?action=home.termsandconditions&privacy=1">
<i class="fad fa-file-search" aria-hidden="true"></i>
Privacy Policy
</a>
</span>
<span>
<a href="/v1/index.cfm?action=home.termsandconditions&terms=1">
<i class="fad fa-file-contract" aria-hidden="true"></i>
Terms and Conditions
</a>
</span>
<span>
<a href="/v1/index.cfm?action=home.systemrequirements&companyid=344">
<i class="fad fa-phone-laptop" aria-hidden="true"></i>
System Requirements
</a>
</span>
<span>
<a href="/pay-online">
<i class="fad fa-money-check-alt" aria-hidden="true"></i>
Pay Online
</a>
</span>
<span>
<a href="/v1/index.cfm?action=store.ticketverification">
<i class="fad fa-file-certificate" aria-hidden="true"></i>
Certificate Verification
</a>
</span>
<span>
<a href="/receipt-search">
<i class="fad fa-receipt" aria-hidden="true"></i>
Credit Card Receipt Lookup
</a>
</span>
</footer>
</div>
<script type="text/javascript">
var readMoreLinkLabel = "read more..";
</script>
<script type="text/javascript" src="/v1/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="/v1/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/v1/assets/js/modernizr.js"></script>
<script type="text/javascript" src="/v1/assets/js/bootstrap-toggle.js"></script>
<script type="text/javascript" src="/v1/assets/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/v1/assets/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="/v1/assets/js/ng-scrollbars/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="/v1/assets/js/custom.js?version=20240613135328"></script>
<script type="text/javascript" src="/v1/assets/js/customJquery.js?version=20240613135328"></script>
<script type="text/javascript" src="/v1/assets/js/dashboardLayout.js?version=20240613135328"></script>
<script type="text/javascript">
var saveBrowserDetailsURL = '/v1/index.cfm?action=ajax.SaveUserBrowserDetails';
$(".no-loading").bind("click", function(){
$(window).unbind("beforeunload");
setTimeout(function(){
$(window).bind("beforeunload", function(){
//startWaiting();
});
}, 5000);
});
$(window).bind("beforeunload", function(){
//startWaiting();
});
</script>
<script type="text/javascript">
var rcad = {};
rcad.getADContentUrl = '/v1/index.cfm?action=advancedocumentation.content';
</script>
<script type="text/javascript" src="/v1/packages/advancedocumentation/bundle.advancedocumentation.min.js?version=20240613015332" async="async"></script>
<script type="text/javascript">
var productLoading=0;
var rc = {"path":{"portrait":"/assets/store/product/portrait/","large":"/assets/store/product/large/","expanded":"/assets/store/product/expanded/","thumbnail":"/assets/store/product/thumbnail/"},"sessionClearUrl":"/v1/index.cfm?action=ajaxstore.sessionClearFromCart","GAEnabled":true,"getBundlesUrl":"/v1/index.cfm?action=ajaxstore.getbundles","getStoreLanguagesURL":"/v1/index.cfm?action=ajaxstore.getlanguagesforstore","getEmployerListUrl":"/v1/index.cfm?action=ajaxcommon.getemployerlist","useHTCardConnect":false,"language":{},"userLoginURL":"/v1/index.cfm?action=ajaxstore.userlogin","getCartDetailsURL":"/v1/index.cfm?action=ajaxstore.getcartdetails","getSimpleLocationTreeUrl":"/v1/index.cfm?action=ajaxbisadmin.getLocationsScalablesetup","markFailedTokenAttemptUrl":"/v1/index.cfm?action=ajaxstore.markFailedTokenAttempt","productImagePath":"","showUpgrade":false,"forgotPasswordUrl":"/v1/index.cfm?action=ajaxhome.sendpassword","setSessionLanguageURL":"/v1/index.cfm?action=ajaxstore.setsessionlanguagefromstore","getCoursePrerequistieUrl":"/v1/index.cfm?action=ajaxlearner.getOnlineCoursePrerequisitesData","allowSuggest":false,"storeCourseRequestUrl":"/v1/index.cfm?action=ajaxstore.storecourserequest","getUserProfileInformationURL":"/v1/index.cfm?action=ajaxstore.getuserprofileinformation","isSuperAdmin":false,"updateFavouriteUrl":"/v1/index.cfm?action=ajaxstore.updateFavourite","blockPaymentObj":{"success":true,"block":false,"attempts":0,"error":false},"calendarUrl":"/index.cfm?action=classroom.home&company=344","memberMessage":"","updateCartDetailsURL":"/v1/index.cfm?action=ajaxstore.updatecartdetails","getFavouriteProductsUrl":"/v1/index.cfm?action=ajaxstore.getFavouriteProducts","getPOOrderVoucherDetailsURL":"/v1/index.cfm?action=ajaxstore.getpoordervoucherdetails","locationAscompany":0,"commonGACode":"UA-12015304-16","currentLanguage":"en","getCartItemListURL":"/v1/index.cfm?action=ajaxstore.getcartitemlist","getLanguageContentUrl":"/v1/index.cfm?action=ajaxmanager.getlanguagecontent","GATagManagerID":"","removeItemFromCartURL":"/v1/index.cfm?action=ajaxstore.removeitemfromcart","pageMode":"home","getEmailOrderVouchersURL":"/v1/index.cfm?action=ajaxstore.getemailordervouchers","getOrderDetailsURL":"/v1/index.cfm?action=ajaxstore.getorderdetails","promotionalcode":"","assignPermissionToBuyerURL":"/v1/index.cfm?action=ajaxstore.assignpermissiontobuyer","isDemoTypeCompanyAccount":0.0,"isLoggedIn":false,"getSystemProvincesURL":"/v1/index.cfm?action=ajaxstore.getstoreprovinces","toggleCartItemUpgradeURL":"/v1/index.cfm?action=ajaxstore.togglecartitemupgrade","checkProfileImageRequiredUrl":"/v1/index.cfm?action=ajaxstore.checkprofileimagerequired","getOrderVoucherDetailsURL":"/v1/index.cfm?action=ajaxstore.getordervoucherdetails","getLocationFormattedUrl":"/v1/index.cfm?action=ajaxcommon.getlocationformatted","sysLanguages":[],"IDUpgradeFee":"$14.95","printInvoiceURL":"/v1/index.cfm?action=store.printInvoice","controller":"home","HTAPIURL":"https://www3.moneris.com/HPPtoken/index.php","addStoreBundleUrl":"/v1/index.cfm?action=ajaxstore.addstorebundle","storeIdentifier":"leavitt-training-store","updateStoreBundleUrl":"/v1/index.cfm?action=ajaxstore.updatestorebundle","getDisableMessageUrl":"/ajax/userservice.cfc?method=DisableManagerPopupForAUser","getLearnersForOrderURL":"/v1/index.cfm?action=ajaxstore.getlearnersfororder","termsAndConditionsLink":"/v1/index.cfm?action=home.termsandconditions","getLanguageForStoreUrl":"/v1/index.cfm?action=ajaxstore.getlanguageforstore","addAndGetZipCodeDetailsUrl":"/v1/index.cfm?action=ajax.addAndGetZipCodeDetails","HTToken":"htS2JHKZT1C7MO9","getSystemCountriesURL":"/v1/index.cfm?action=ajaxstore.getstorecountries","checkValidPostalUrl":"/v1/index.cfm?action=ajaxstore.checkValidPostal","gateway":1,"storeCompanyName":"Leavitt Training","addItemToCartURL":"/v1/index.cfm?action=ajaxstore.additemtocart","lblUploadProfilePictureModalSentence":"Please upload a profile picture.","isTestAccount":0,"removePromocodeURL":"/v1/index.cfm?action=ajaxstore.removePromocode","getStoreConfigURL":"/v1/index.cfm?action=ajax.getstoreconfig","GATagManagerEnabled":false,"getSystemProductCategoriesURL":"/v1/index.cfm?action=ajaxbisadmin.getsystemproductcategories","printCodeRedemptionUrl":"/v1/index.cfm?action=store.printCodeRedemption","isAdmin":false,"classroomEventTrainingSuccessUrl":"/index.cfm?action=classroom.home&requestsuccess=1","userSignUpURL":"/v1/index.cfm?action=ajaxstore.usersignup","googleRecaptchaSiteKey":"6LcssJcUAAAAAKse39JzJ2GN10H_kaCt_4Ai0nuH","lblCommonErrorHeader":"Unexpected Error Has Occurred","setUploadUserProfileImageUrl":"/v1/index.cfm?action=ajaxstore.setuploaduserprofileimage","getPurchaseEmailLogsUrl":"/v1/index.cfm?action=manager.emaillogs","getLanguageMultipleActionsUrl":"/v1/index.cfm?action=ajaxstore.getlanguagemultipleactions","getLocationUrl":"/v1/index.cfm?action=ajaxcommon.getlocation","companyId":344.0,"calendarHomePageUrl":"/v1/index.cfm?action=classroom.home","applyPromocodeURL":"/v1/index.cfm?action=ajaxstore.applypromocode","getUserListForAssignUrl":"/v1/index.cfm?action=ajaxstore.getuserlistforassign","getProductDetailsURL":"/v1/index.cfm?action=ajaxstore.getproductdetails","checkAuthStatusURL":"/ajax/userservice.cfc?method=checkloggedin","registerUsersUrl":"/v1/index.cfm?action=ajaxstore.registerusers","getSystemProductFiltersURL":"/v1/index.cfm?action=ajaxbisadmin.getsystemproductfilters","GAEcommerceEnabled":false,"getCustomLanguageUrl":"/v1/index.cfm?action=ajax.getCustomizableLanguageData","userProfileFieldsURL":"/v1/index.cfm?action=ajaxstore.userprofilefields","lblCommonErrorSentence":"We're sorry about this technical issue. Please try again. If this issue persists, please contact our customer support for further assistance.","placeOrderURL":"/v1/index.cfm?action=ajaxstore.placeorder","commonLanguage":{},"showBISLogo":false,"getProductListURL":"/v1/index.cfm?action=ajaxstore.getstorecourses","action":"store.home","toggleProductUpgradeURL":"/v1/index.cfm?action=ajaxstore.removePromocode","useHTMoneris":true,"deleteStoreBundleUrl":"/v1/index.cfm?action=ajaxstore.deletestorebundle","getVoucherOrderDetailsURL":"/v1/index.cfm?action=ajaxstore.getvoucherorderdetails","sendGhostVerificationByEmailUrl":"/v1/index.cfm?action=ajaxstore.sendghostverificationbyemail","blockPayment":false,"homeUrl":"/v1/index.cfm?action=learner.home","lblMissingInformationHeader":"Missing Information"};
rc.load=false;
</script>
<script type="text/javascript" src="/v1/packages/store/bundle.store.min.js?version=20240830141020" async="async"></script>
</body></html>