@font-face{
    font-display: swap;
    font-family: 'DMSans-Regular';
    src: url('fonts/DMSans-Regular.eot');
    src: url('fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/DMSans-Regular.woff') format('woff'),
    url('fonts/DMSans-Regular.ttf') format('truetype'),
    url('fonts/DMSans-Regular.svg#DMSans-Regular') format('svg');font-weight: normal;font-style: normal;}

@font-face{
    font-display: swap;
    font-family: 'DMSans-Medium';
    src: url('fonts/DMSans-Medium.eot');
    src: url('fonts/DMSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/DMSans-Medium.woff') format('woff'),
    url('fonts/DMSans-Medium.ttf') format('truetype'),
    url('fonts/DMSans-Medium.svg#DMSans-Medium') format('svg');font-weight: normal;font-style: normal;}

@font-face{
    font-display: swap;
    font-family: 'DMSans-SemiBold';
    src: url('fonts/DMSans-SemiBold.eot');
    src: url('fonts/DMSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/DMSans-SemiBold.woff') format('woff'),
    url('fonts/DMSans-SemiBold.ttf') format('truetype'),
    url('fonts/DMSans-SemiBold.svg#DMSans-SemiBold') format('svg');font-weight: normal;font-style: normal;}

@font-face{
    font-display: swap;
    font-family: 'FontAwesome6Brands-Regular';
    src: url('fonts/FontAwesome6Brands-Regular.eot');
    src: url('fonts/FontAwesome6Brands-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/FontAwesome6Brands-Regular.woff') format('woff'),
    url('fonts/FontAwesome6Brands-Regular.ttf') format('truetype'),
    url('fonts/FontAwesome6Brands-Regular.svg#FontAwesome6Brands-Regular') format('svg');font-weight: normal;font-style: normal;}

@font-face{
    font-display: swap;
    font-family: 'FontAwesome6Free-Regular';
    src: url('fonts/FontAwesome6Free-Regular.eot');
    src: url('fonts/FontAwesome6Free-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/FontAwesome6Free-Regular.woff') format('woff'),
    url('fonts/FontAwesome6Free-Regular.ttf') format('truetype'),
    url('fonts/FontAwesome6Free-Regular.svg#FontAwesome6Free-Regular') format('svg');font-weight: normal;font-style: normal;}

@font-face{
    font-display: swap;
    font-family: 'FontAwesome6Free-Solid';
    src: url('fonts/FontAwesome6Free-Solid.eot');
    src: url('fonts/FontAwesome6Free-Solid.eot?#iefix') format('embedded-opentype'),
    url('fonts/FontAwesome6Free-Solid.woff') format('woff'),
    url('fonts/FontAwesome6Free-Solid.ttf') format('truetype'),
    url('fonts/FontAwesome6Free-Solid.svg#FontAwesome6Free-Solid') format('svg');font-weight: normal;font-style: normal;}

/*--------------------------*/

html{margin-top: 0 !important;}
#wpadminbar{display: none !important;}
.lightboxOverlay{z-index: 9999999 !important;}
.lightbox{z-index: 99999999 !important;}
.lb-nav a.lb-prev,.lb-nav a.lb-next{opacity:1 !important;}
.home-h1{position: absolute;left: -9999px;color: transparent;margin:0;}

/*header*/
.pre-header{padding: 5px 0;background-color: #030762;}
.pre-header-left{padding: 0;line-height:30px;height:30px;}
.header-telefono{display: inline-block;padding-right: 10px;border-right: 1px solid #868686;margin-right: 10px;}
.header-telefono a{position: relative;font-size: 12px;padding-left: 25px;color: white;height:16px;display: inline-block;}
.header-telefono a:hover{color: #ffa500;transition: ease all 0.4s;text-decoration: none;} 
.header-telefono p{margin: 0;}
.header-telefono i{position: absolute;font-size: 16px;left: -2px;color: #ffa500;}
.header-orari{font-size: 12px;padding-left: 20px;display: inline-block;color: white;position: relative;}
.header-orari i{position: absolute;left: -5px;font-size: 16px;color: #ffa500;}
.header-orari p{margin: 0;}
.header-orari p br{display: none;}
.pre-header-right{height: 30px;padding:0 6px 0 0;line-height: 23px;text-align: right;}
.header-icon{margin-left:10px;display: inline-block;}
.header-icon:hover i,.header-icon:focus i{color: #ffa500;transition: ease all 0.4s;}
.header-icon:before{color: white;width: 16px;height: 16px;}
.fa{font-family: 'FontAwesome6Free-Regular';font-style: normal;}
.fa-brands{font-family: 'FontAwesome6Brands-Regular';font-style: normal;}
.fa-solid{font-family: 'FontAwesome6Free-Solid';font-style: normal;}
.header-icon i{left: 3px;top: 5px;color: white;width: 1em;height: 1em;position: relative;display: block;font-size: 16px;line-height: 16px;z-index: 5;}
.header-icon i.fa-envelope,.header-icon i.fa-facebook-f{left: 2px;}
.fa-facebook-f:before{content: "\f39e"; }
.fa-instagram:before{content: "\f16d"; }
.fa-whatsapp:before{content: "\f232"; }
.fa-envelope:before{content: "\f0e0"; }
.fa-location-dot::before{content: "\f3c5"; }
.fa-phone-volume::before{content: "\f2a0"; }
.fa-clock:before{content: "\f017"; }
.fa-at:before{content: "\40"; }
.fa-check:before{content: "\f00c";}
.fa-angle-up:before{content: "\f106";};
.fa-square-facebook:before{content: "\f082";}
.fa-square-instagram:before{content: "\e055";}
.fa-square-whatsapp:before{content: "\f40c";}
.fa-rectangle-xmark:before{content:  "\f410";}
.fa-mobile-screen-button:before{content:  "\f3cd";}



.row-header{background: white;height: 90px;padding:0;z-index: 9999999;}
.header-left{padding: 32px 0 0 0;}
.header-left img{height: 30px;margin-left: -9px;}
.header-center{padding: 0;text-align: center;}
.header-right{padding:20px 0 0 0;text-align: right;}
.header-right a{position: relative;border-radius: 5px;font-weight: bold;padding: 13px 25px 10px 50px;display: inline-block;height: 50px;background-color: #ffa500;color: white;}
.header-right a:hover,.header-right a:focus{background-color: #c3830d;transition: ease all 0.4s;text-decoration: none;}
.header-right a i{font-weight: 400;font-size: 25px;position: absolute;line-height: 16px;left: 18px;top: 18px;}
.header-center ul{padding: 0;margin: 0;height: 90px;}
.header-center ul li:first-child{margin-left: 0;}
.header-center ul li{list-style: none;margin-left: 50px;display: inline-block;height: 90px;}
.header-center ul li a{text-transform: uppercase;overflow: hidden;color: #030762;font-weight: bold;height: 100%;display:block;padding-top: 30px;position: relative;}
.header-center ul li a:hover,.header-center ul li a:focus,.header-center ul li.current-menu-item a{color: #ffa500;text-decoration: none;}
.header-center ul li a::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height:3px;background-color: #ffa500;opacity: 0;transition: opacity 300ms, transform 300ms;}
.header-center ul li a:hover::after,.header-center ul li a:focus::after{opacity: 1;transform: translate3d(0, 0.2em, 0);}
.header-center ul li a::after {opacity 1;transform: translate3d(-100%, 0, 0);}
.header-center ul li a:hover::after,.header-center ul li a:focus::after{transform: translate3d(0, 0, 0);}
.header-center ul li.current-menu-item a::after{transform: translate3d(0, 0, 0);opacity: 1;}
.ztl-icon{background-color: #31359d;position: relative;text-align: center;width: 20px !important;height: 26px !important;border-radius: 25%;display: inline-block;}
.ztl-icon:before{transform: rotate(60deg);}
.ztl-icon:after{transform: rotate(-60deg);}
.ztl-icon:before,.ztl-icon:after{position: absolute;width: inherit;height: inherit;border-radius: inherit;background: inherit;top: 0px;left: 0px;content: '';}

 /* immagine top */
.header-image{text-align: center;padding: 90px 0 110px 0;background-repeat: no-repeat;background-position: center center;background-size: cover;color: #fff;position: relative;}
.header-image-glass{position: absolute;width: 100%;height: 100%;background-color: rgba(3,7,98,0.5);z-index: 2;top: 0;}
.header-image-text{position: relative;z-index: 5;}
.titolo-principale{font-family: 'DMSans-Medium';font-weight: bold;color: white;font-size: 64px;}
.breadcrumb-box{color: white;}
.breadcrumb-box a{color: white;}
.breadcrumb-box a:hover{color: #ffa500;text-decoration: none;transition: all 0.4s;}

/* footer */
.footer-fluid{background-color: rgba(3,7,98,1);background: linear-gradient(0deg, rgba(3,7,98,1) 50%, rgba(49,53,157,1) 100%);padding-top: 60px;padding-bottom: 60px;}
.footer-left{padding-left: 0;}
.footer-left img{height: 30px;margin-bottom: 50px;margin-left: -9px}
.footer-left .frase-footer{color: white;max-width: 235px;padding: 2px 0 15px 0;}
.footer-left .footer-social-box{margin-left: -5px;}
.footer-center ul{padding: 0;margin: 0;}
.footer-center ul li{list-style: none;}
.footer-center ul li a{color: white;}
.footer-center ul li a:hover,.footer-center ul li a:focus,.footer-center ul li.current-menu-item a{color: #ffa500;text-decoration: none;}
.footer-center-left{padding-left: 0;}
.footer-center-right{padding-right: 0;text-align: right;}
.menu-privacy-container{text-align: left;display: inline-block;}
.footer-right{padding-right: 0;text-align: right;}
.footer-right-inside{display: inline-block;text-align: left;}
.footer-center h2,.footer-right h2{margin: 0 0 50px 0;font-size: 24px;color: white;font-weight: bold;line-height: 30px;}
.contatti-footer-indirizzo{position: relative;margin-bottom: 20px;display: inline-block;padding-left: 25px;color: white;line-height: 30px;height: 60px;}
.contatti-footer-indirizzo i{position: absolute;font-size: 18px;left: 0;top: 2px;color: #ffa500;}
.contatti-footer-indirizzo p{margin: 0;}
.contatti-footer a:hover,.contatti-footer a:focus{color: #ffa500;text-decoration: none;transition: all 0.4s;}
.contatti-footer-telefono{position: relative;margin-bottom: 20px;display: inline-block;padding-left: 25px;color: white;line-height: 30px;height: 30px;}
.contatti-footer-telefono i{position: absolute;font-size: 16px;left: 0;top: 1px;color: #ffa500;}
.contatti-footer-telefono p{margin: 0;}
.contatti-footer-cellulare{position: relative;margin-bottom: 20px;display: inline-block;padding-left: 25px;color: white;line-height: 30px;height: 30px;}
.contatti-footer-cellulare i{position: absolute;font-size: 16px;left: 2px;top: 1px;color: #ffa500;}
.contatti-footer-cellulare p{margin: 0;}
.contatti-footer-email{position: relative;display: inline-block;padding-left: 25px;color: white;line-height: 30px;height: 30px;}
.contatti-footer-email i{position: absolute;font-size: 16px;left: 0;top: 2px;color: #ffa500;}
.contatti-footer-email p{margin: 0;}
.copyright{background-color: #030762;color:white;text-align:center;font-size:12px;padding:15px 0;}

/* generale  */
/*body{font-family:'DMSans-Regular';font-size:18px;line-height:30px;color: #596277;letter-spacing: 1px;}*/
body{font-family:'DMSans-Regular';font-size:16px;line-height:24px;color: #596277;letter-spacing: 1px;}
.block-inside{max-width: 1350px;margin: auto;padding: 0 30px;}
.pagina{max-width: 1350px;margin:auto;padding: 90px 30px;}
strong{font-family: 'DMSans-Medium';}

.sticky-img{display: none;}
.stickyf {transition: all ease 0.4s;position: fixed;background-color: rgba(3,7,98,0.9);width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center top;top: 0;height: 70px;}
.stickyf .header-center ul li a{color: white;transition: all ease 0.4s;}
.stickyf .no-sticky-img{display: none;transition: all ease 0.4s;}
.stickyf .sticky-img{display: block;transition: all ease 0.4s;}
.stickyf .header-left{padding: 22px 0 0 0;transition: all ease 0.4s;}
.stickyf .header-center ul,.stickyf .header-center ul li{height: 70px;transition: all ease 0.4s;}
.stickyf .header-center ul li a{padding-top: 20px;transition: all ease 0.4s;}
.stickyf .header-center ul li a:hover, .stickyf .header-center ul li a:focus, .stickyf .header-center ul li.current-menu-item a {color: #ffa500;text-decoration: none;}
.stickyf .header-right a{padding: 5px 15px 5px 30px;height: 30px;font-size: 12px;line-height: 20px;transition: all ease 0.4s;}
.stickyf .header-right a i {font-size: 18px;line-height: 16px;left: 9px;top: 7px;}
.animation{opacity:0;}
#scrollup-button{z-index: 999999;display: none;position: fixed;width: 40px;background-color: #ffa500;border: none;bottom: 20px;right: 20px;border-radius:5px;height: 40px;}
#scrollup-button i{position: absolute;z-index: 2;color: white;font-size:22px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#scrollup-button:hover,#scrollup-button:focus{background-color:#030762;transition: all ease 0.4s;}

/* CONTATTI */
.mappa{height:400px;}
.mappa iframe{width:100%;height:400px;}
.contatti-box{width: 100%;display: flex;margin-bottom: 60px;}
.contatti-box-left{background-color:#030762;background: linear-gradient(0deg, rgba(3,7,98,1) 50%, rgba(49,53,157,1) 100%);padding: 45px;margin: 0 45px 0 0;position: relative;min-height: 1px;}
.contatti-box-right{padding: 45px 15px;background-color:#f1f3f4;position: relative;min-height: 1px;}
.contatti-box-left form{margin: 0 -15px;}
.contatti-box-left .messaggio-form{color: white;margin-bottom: 30px;}
.contatti-box-left h2{font-family: 'DMSans-Medium';color: white;font-weight: bold;font-size: 36px;margin: 0 0 30px 0;}
.contatti-box-left .screen-reader-response{display: none !important;}
.contatti-box-left .wpcf7-not-valid-tip{color: #ffa500;font-size: 12px;}
.contatti-box-left .wpcf7-response-output{display: none !Important;}
.contatti-box-left form .input-contatti-box{margin-bottom: 30px;}
.contatti-box-left form .input-contatti-box p{margin-bottom: 0;}
.contatti-box-left form input[type="text"]{border-radius: 5px;width: 100%;height: 50px;padding: 15px 30px;border: none;}
.contatti-box-left form input[type="email"]{border-radius: 5px;width: 100%;height: 50px;padding: 15px 30px;border: none;}
.contatti-box-left form textarea{border-radius: 5px;width: 100%;height: 150px;padding: 15px 30px;border: none;}
.contatti-box-left form input[type="checkbox"]{}
.contatti-box-left form input[type="submit"]{border: none;background-color: #ffa500;color: white;font-weight: bold;border-radius: 5px;padding: 13px 30px;height: 50px;}
.contatti-box-left form input[type="submit"]:disabled{background-color: #c3830d;}
.contatti-box-left form .privacy-label{font-size: 12px;color: white;padding-left: 30px;margin-top: 4px;display: inline-block;}
.contatti-box-left form .privacy-label a{color: #ffa500;}
.contatti-box-left form #check_privacy{position: absolute;clip: rect(1px, 1px, 1px, 1px);}
.contatti-box-left form #check_privacy+label{cursor: pointer;padding: 0 0 0 35px;margin: 0;float: left;position: relative;display: inline;}
.contatti-box-left form #check_privacy+label:before {content: "";width: 25px;height: 25px;background-color: white;margin-top: 0;cursor: pointer;position: absolute;top: 0;left: 0;border: 2px solid white;border-radius: 5px;}
.contatti-box-left form #check_privacy:checked+label:after{content: "";display: block;position: absolute;top: 0;left: 0;border: 2px solid white;background-color: #fcb606;margin: 0 auto 0 auto;color: white;font-size: 13px;background-size: 25px 25px;width: 25px;height: 25px;border-radius: 5px;}
.contatti-singolo{margin-bottom: 65px;position: relative;padding: 0;text-align: center;}
/*.contatti-singolo.contatti-singolo-telefono .ztl-icon i{top: 16px;}
.contatti-singolo.contatti-singolo-email .ztl-icon i{top: 16px;}
.contatti-singolo.contatti-singolo-indirizzo .ztl-icon i{top: 16px;}*/
.contatti-singolo.contatti-singolo-email p{margin-bottom: 35px;}
.contatti-singolo .ztl-icon{background-color: #030762;position: relative;width: 45px !important;height: 60px !important;}
.contatti-singolo .ztl-icon i{z-index: 5;position: absolute;left: 10px;font-size: 25px;color: #ffa500;top: 20px;}
.contatti-singolo .ztl-icon i.fa-clock{/*top: 16px;*/}
.contatti-singolo .ztl-icon i.fa-location-dot{left: 14px;}
.contatti-singolo h3{margin: 0;font-family: 'DMSans-Medium';font-weight: bold;color: #030762;line-height: 30px;}
.contatti-singolo a{color: #596267;display: inline-block;width: 100%;font-size: 14px;line-height: 20px;text-decoration: none;}
.contatti-singolo a:hover div.ztl-icon,.contatti-singolo a:focus div.ztl-icon{background-color: #ffa500;transition: all ease 0.4s;}
.contatti-singolo a:hover div.ztl-icon i,.contatti-singolo a:focus div.ztl-icon i{color: #030762;transition: all ease 0.4s;}
.contatti-singolo a:hover h3,.contatti-singolo a:focus h3,
.contatti-singolo a:focus p,.contatti-singolo a:hover p{color: #ffa500;transition: all ease 0.4s;}
.contatti-singolo p{color: #596267;font-size: 14px;line-height: 20px;margin-bottom: 0;}
.contatti-singolo.contatti-singolo-indirizzo a{width: 160px;margin: auto;display: block;}
.contatti-social{text-align: center;}
.contatti-social h3{margin: 20px 0 10px 0;font-family: 'DMSans-Medium';font-weight: bold;color: #030762;line-height: 30px;}
.contatti-social a{color: white;font-size: 18px;text-decoration:none;display: inline-block;width: 30px;height: 30px;margin: 0 10px;}
.contatti-social a i{position: absolute;left: 50%;transform: translateX(-50%);z-index: 5;}
.contatti-social .ztl-icon{background-color: #ffa500;width: 23px !important;height: 31px !important;line-height:31px;}
.contatti-social a:focus,.contatti-social a:hover{color:#030762;transition:all ease 0.4s; }
.pum-title{font-family: 'DMSans-Medium' !important;text-align: center !important;}
.pum-content{text-align: center !important;}
.pum-close{border-radius: 0 5px 0 0 !important;}
.pum-close:hover{background-color: #ffa500 !important;transition:all ease 0.4s !important;}


/* chi siamo */
.chi-siamo-box{width: 100%;display: flex;margin-bottom: 60px;}
.chi-siamo-left{padding-left: 0;}
.chi-siamo-left h2{font-family: 'DMSans-Medium';color: rgba(3,7,98,1);margin: 0 0 20px 0;font-weight: bold;}
.chi-siamo-left ul{padding: 0;}
.chi-siamo-left ul li{list-style: none;position: relative;padding-left: 30px;width:50%;float:left;line-height:30px;}
.chi-siamo-left ul li p{margin-bottom: 15px;font-size:16px;}
.chi-siamo-left ul li .ztl-icon{position: absolute;left: 5px;background-color: #ffa500;width: 16px !important;height: 22px !important;top: 4px;}
.chi-siamo-left ul li .ztl-icon i {left: 2px;top: -3px;color: rgba(3,7,98,1);position: absolute;font-size: 14px;z-index: 5;}
.chi-siamo-left ul li a{color: rgba(3,7,98);font-weight: bold;}
.chi-siamo-left ul li a:focus,.chi-siamo-left ul li a:hover{color: #ffa500;transition: all ease 0.4s;}
.chi-siamo-right{padding-right: 0;}
.chi-siamo-right img{width: 100%;height: auto;margin-bottom: 20px;}
.chi-siamo-icon{}
.chi-siamo-icon-single{text-align: center;}
.chi-siamo-icon-single .ztl-icon{width: 80px !important;height: 104px !important;}
.chi-siamo-icon-single .chi-siamo-icon-single-image{background-repeat: no-repeat;width: 50px;height: 50px;background-size: 50px 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 5;} 
.chi-siamo-icon-single h3{font-family: 'DMSans-Medium';font-weight: bold;color: rgba(3,7,98,1);}
.chi-siamo-icon-single .icon-progettazioni{background-image: url('img/icon-progettazione.png');}
.chi-siamo-icon-single .icon-allestimenti{background-image: url('img/icon-allestimenti.png');}
.chi-siamo-icon-single .icon-trasformazioni{background-image: url('img/icon-trasformazioni.png');}
.chi-siamo-icon-single .icon-riparazioni{background-image: url('img/icon-riparazioni.png');}
.chi-siamo-icon-single .icon-progettazioni-white{background-image: url('img/icon-progettazioni-white.png');}
.chi-siamo-icon-single .icon-allestimenti-white{background-image: url('img/icon-allestimenti-white.png');}
.chi-siamo-icon-single .icon-trasformazioni-white{background-image: url('img/icon-trasformazioni-white.png');}
.chi-siamo-icon-single .icon-riparazioni-white{background-image: url('img/icon-riparazioni-white.png');}
.chi-siamo-icon-text{text-align: left;max-width: 230px;margin: auto;font-size: 14px;line-height: 26px;}

/* allestimenti */
body.tax-allestimenti .header-center ul li#menu-item-31 a{color: #ffa500;text-decoration: none;}
body.tax-allestimenti .header-center ul li#menu-item-31 a::after{transform: translate3d(0, 0, 0);opacity: 1;}
.pagina.pagina-allestimenti{padding-bottom: 0;display: flex;width: 100%}
.pagina-allestimenti-left{padding: 0;margin: 0 45px 0 0;}
.pagina-allestimenti-right{padding: 0;}
.lista-allestimenti{padding: 20px 0 0 0;background-color: #f1f3f4;margin-bottom: 30px;}
.lista-allestimenti ul{margin: 0 auto;padding: 0;text-align: center;display: flex;flex-wrap: wrap;}
.lista-allestimenti ul li{border-radius: 5px;list-style: none;width: 100%;margin: 0 20px 20px 20px;height: 40px;background: #b2b2b2;display: flex;align-items: center;justify-content: center;}
.lista-allestimenti ul li a{font-size: 15px;text-transform: uppercase;position: relative;text-decoration: none;color:#f1f3f4;line-height: 15px;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 5px 20px;}
.lista-allestimenti ul li:focus,.lista-allestimenti ul li:hover{background-color: rgba(3,7,98);transition: all ease 0.4s;}
.lista-allestimenti ul li:focus a,.lista-allestimenti ul li:hover a{color: white;transition: all ease 0.4s;}
.lista-allestimenti ul li.main{background-color:#ffa500;}
.lista-allestimenti ul li.main a{color: white;}
.lista-allestimenti ul li.main:focus a,.lista-allestimenti ul li.main:hover a{transition: all ease 0.4s;background-color:#ffa500;color: white;}


.anteprime-allestimenti{padding: 0 0 60px 0;width: 100%;}
.anteprime-allestimenti .row{margin: 0 -15px;}
.allestimento-box{margin: 0 0 30px 0;text-align: center;}
.allestimento-box a{display: inline-block;text-decoration: none;}
.allestimento-box-inside{border-radius: 20px;width: 210px;height: 210px;text-align: center;background-repeat: no-repeat;background-position: center center;background-size: cover;color: #fff;position: relative;}


.allestimento-glass{border-radius: 20px;position: absolute;width: 100%;height: 100%;background-color: rgba(3,7,98,0.5);z-index: 2;top: 0;}
.allestimento-nome{padding: 0 12px;font-weight: bold;position: relative;z-index: 5;    transform: translate(-50%,-50%);top: 50%;left: 50%;font-family: 'DMSans-Medium';font-size: 23px;line-height:26px;} 
.allestimenti-text{padding: 0;margin-bottom: 60px;}
.allestimenti-text a{color: rgba(3, 7, 98, 1);}
.allestimenti-text a:hover,.allestimenti-text a:focus{color: #ffa500;transition: all ease 0.4s;}
.allestimento-box-inside:hover .allestimento-glass{border-radius: 20px 20px 0 0;height: 60px;transition: all ease 0.4s;}
.allestimento-box-inside:hover .allestimento-nome{top: 30px;transition: all ease 0.4s;}
.pagina.pagina-singolo-allestimento{padding-bottom: 60px;display: flex;width: 100%;}
.categoria-galleria{padding: 0;width: 100%;}
.categoria-galleria .row{margin: 0 -15px;}
.categoria-testo{margin-bottom: 60px;}
.categoria-galleria-singola{text-align: center;margin-bottom: 30px;}
.categoria-galleria-singola-link{display: inline-block;}
.categoria-galleria-singola-immagine{filter: brightness(1.2) contrast(0.9);border-radius: 20px;width: 210px;height: 210px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.lightbox .lb-image {filter: brightness(1.2) contrast(0.9);}
.lightboxOverlay{background-color: rgba(3,7,98) !important;}
.lb-data .lb-number{margin-left: 5px;}
span.brand-image img{width: 170px;}

/* home  */

.home-chi-siamo{padding: 0;width: 1290px;}
.home-chi-siamo h2{font-size: 50px;font-family: 'DMSans-Medium';font-weight: bold;color: rgba(3,7,98,1);text-align: center;margin: 0 0 20px 0;}
.home-chi-siamo .home-chi-siamo-riassunto{margin-bottom: 45px;}
.home-chi-siamo .home-chi-siamo-link{text-align: center;}
.home-chi-siamo .home-chi-siamo-link a{display: inline-block;border: none;background-color: #ffa500;color: white;font-weight: bold;border-radius: 5px;padding: 13px 30px;height: 50px;}
.home-chi-siamo .home-chi-siamo-link a:hover,.home-chi-siamo .home-chi-siamo-link a:focus{background-color: #c3830d;transition: ease all 0.4s;text-decoration: none;}
.home-chi-siamo-fluid{background-color: rgba(3,7,98,1);padding: 0;background: linear-gradient(0deg, rgba(3,7,98,1) 0%, rgba(49,53,157,1) 100%);}
.home-chi-siamo-fluid-inside{padding: 0;width: 1290px;}

.home-chi-siamo-fluid-inside .chi-siamo-icon-single h3{color: #ffa500;}
.home-chi-siamo-fluid-inside .chi-siamo-icon-text{color: white;}
.home-chi-siamo-fluid-inside .chi-siamo-icon-single .ztl-icon{background-color: #ffa500;}
.home-allestimenti h2 {font-size: 50px;font-family: 'DMSans-Medium';font-weight: bold;color: rgba(3,7,98,1);text-align: center;margin: 0 0 20px 0;}
.home-allestimenti .allestimenti-text{width: 1290px;}
.home-allestimenti .anteprime-allestimenti{max-width: 1002px;margin: 0 auto;}
.home-allestimenti .allestimento-box-inside{width: 220px;height: 220px;}
.home-allestimenti .home-allestimenti-link{text-align: center;}
.home-allestimenti .home-allestimenti-link a{display: inline-block;border: none;background-color: #ffa500;color: white;font-weight: bold;border-radius: 5px;padding: 13px 30px;height: 50px;}
.home-allestimenti .home-allestimenti-link a:hover,.home-allestimenti .home-allestimenti-link a:focus{background-color: #c3830d;transition: ease all 0.4s;text-decoration: none;}

.home-contatti-fluid{background-color: rgba(3,7,98,1);padding: 0;background: linear-gradient(0deg, rgba(49,53,157,1) 0%, rgba(3,7,98,1) 100%);}
.home-contatti-inside{padding: 0;width: 1290px;}
.home-contatti-inside h2{font-size: 50px;font-family: 'DMSans-Medium';font-weight: bold;color: #ffa500;text-align: center;margin: 0 0 20px 0;}
.home-contatti-inside .wpcf7{max-width: 1002px;margin:auto;}
.home-contatti-inside .messaggio-form{color: white;padding: 0;margin:  0 0 45px 0;}
.home-contatti-inside .screen-reader-response{display: none !important;}
.home-contatti-inside .wpcf7-not-valid-tip{color: #ffa500;font-size: 12px;}
.home-contatti-inside .wpcf7-response-output{display: none !Important;}
.home-contatti-inside form .input-contatti-box{margin-bottom: 30px;}
.home-contatti-inside form .input-contatti-box p{margin-bottom: 0;}
.home-contatti-inside form input[type="text"]{border-radius: 5px;width: 100%;height: 50px;padding: 15px 30px;border: none;}
.home-contatti-inside form input[type="email"]{border-radius: 5px;width: 100%;height: 50px;padding: 15px 30px;border: none;}
.home-contatti-inside form textarea{border-radius: 5px;width: 100%;height: 150px;padding: 15px 30px;border: none;}
.home-contatti-inside form input[type="checkbox"]{}
.home-contatti-inside form input[type="submit"]{border: none;background-color: #ffa500;color: white;font-weight: bold;border-radius: 5px;padding: 13px 30px;height: 50px;}
.home-contatti-inside form input[type="submit"]:disabled{background-color: #c3830d;}
.home-contatti-inside form .privacy-label{font-size: 12px;color: white;padding-left: 30px;margin-top: 4px;display: inline-block;}
.home-contatti-inside form .privacy-label a{color: #ffa500;}
.home-contatti-inside form #check_privacy{position: absolute;clip: rect(1px, 1px, 1px, 1px);}
.home-contatti-inside form #check_privacy+label{cursor: pointer;padding: 0 0 0 35px;margin: 0;float: left;position: relative;display: inline;}
.home-contatti-inside form #check_privacy+label:before {content: "";width: 25px;height: 25px;background-color: white;margin-top: 0;cursor: pointer;position: absolute;top: 0;left: 0;border: 2px solid white;border-radius: 5px;}
.home-contatti-inside form #check_privacy:checked+label:after{content: "";display: block;position: absolute;top: 0;left: 0;border: 2px solid white;background-color: #fcb606;margin: 0 auto 0 auto;color: white;font-size: 13px;background-size: 25px 25px;width: 25px;height: 25px;border-radius: 5px;}
.home-contatti-mappa{padding: 90px 0;width: 1290px;}
.home-contatti-mappa iframe{width: 100%;}


.slider-desktop{padding-left:0;padding-right:0;height:600px;position:relative;overflow:hidden;}
.header-slider-inside .cycle-slideshow {height: 600px;}
.header-slider-inside ul{padding: 0;margin: 0;}
.header-slider-inside li{opacity: 0;transition: opacity 0.8s ease-in-out;overflow: hidden;width: 100%;list-style: none;height: 600px;position: absolute;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.header-slider-inside li:first-child{opacity: 1;}
.header-slider-inside li h2{font-family: 'DMSans-Medium';font-weight: bold;color: white;font-size: 64px;}
.header-slider-inside li .slider-text{font-size:30px;line-height:40px;margin:0 0 30px 0;}
.header-slider-inside li .slider-link{display: inline-block;border: none;background-color: #ffa500;color: white;font-weight: bold;border-radius: 5px;padding: 13px 30px;height: 50px;}
.header-slider-inside li .slider-link:hover,.header-slider-inside li .slider-link:focus{background-color: #c3830d;transition: ease all 0.4s;text-decoration: none;}
.overlay{position: absolute;background-color:rgba(3,7,98,0.5);height: 100%;width: 100%;z-index: 10;top: 0;}
.slider-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 20;color: white;width: 1002px;padding: 0 15px;}
.cycle-pager {height: 40px;width: 260px;position: absolute;z-index: 995;text-align: center;-ms-transform: rotate(90deg);transform: translateX(-50%);bottom: 100px;left: 50%;}
.cycle-pager span{box-shadow: black 7px 5px 10px 0px;margin: 0 10px;background-color: #31359d;position: relative;text-align: center;width: 15px !important;height: 21px !important;border-radius: 25%;display: inline-block;}
.cycle-pager span:before, .cycle-pager span:after {position: absolute;width: inherit;height: inherit;border-radius: inherit;background: inherit;top: 0px;left: 0px;content: '';}
.cycle-pager span:before {transform: rotate(60deg);}
.cycle-pager span:after {transform: rotate(-60deg);}
.cycle-pager span.cycle-pager-active{background: #ffa500;}
/*.cycle-slide:not(.cycle-slide-active) .slider-box{opacity: 0;transition: opacity 2s; transform: translate(-50%, -50%) translateY(20px);}
.cycle-slide.cycle-slide-active .slider-box{opacity: 1;transition: opacity 2s,transform 2s;}
.li-2 .slider-box{text-align: right;}
*/
.pager {
    position: absolute;
    z-index: 50;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pager-dot {
    cursor: pointer;
    box-shadow: black 7px 5px 10px 0px;margin: 0 10px;background-color: #31359d;position: relative;
    text-align: center;
    width: 15px !important;
    height: 21px !important;
    border-radius: 25%;
    display: inline-block;
}
.pager-dot:before, .pager-dot:after {position: absolute;width: inherit;height: inherit;border-radius: inherit;background: inherit;top: 0px;left: 0px;content: '';}
.pager-dot:before {transform: rotate(60deg);}
.pager-dot:after {transform: rotate(-60deg);}
.pager-dot.active {
    background: #ffa500;
}

/* PRIVACY */
.pagina-default{word-wrap: break-word;}
.pagina-default h1{font-size: 50px;text-align: center;font-family: 'DMSans-Medium';color: rgba(3,7,98,1);margin: 0 0 20px 0;font-weight: bold;}
.pagina-default h2{font-family: 'DMSans-Medium';color: rgba(3,7,98,1);margin: 0 0 20px 0;font-weight: bold;}
.header-mobile-chiama{padding-left: 0;}
.header-mobile-chiama a:hover, .header-mobile-chiama a:focus {background-color: #c3830d;transition: ease all 0.4s;text-decoration: none;}
.header-mobile-chiama a{line-height:30px;position: relative;border-radius: 5px;text-transform: uppercase;font-weight: bold;padding: 10px;display: inline-block;height: 40px;background-color: #ffa500;color: white;}
.header-mobile-chiama a i{position: relative;top: -5px;}
.header-menu-mobile{padding-right: 0;text-align: right;}
#rmp_menu_trigger-349{z-index: 99999999;display: inline-block !important; position: relative;top: 0;right: -7px;initial;margin: 0 !important;background-color: transparent !important;height: 40px !important;width: 40px !Important;}
#rmp_menu_trigger-349 .responsive-menu-pro-inner,
#rmp_menu_trigger-349 .responsive-menu-pro-inner:before,
#rmp_menu_trigger-349 .responsive-menu-pro-inner:after{background-color: #030762 !important;}
#rmp_menu_trigger-349.is-active{position: fixed;top: 10px;right: 10px;}
#rmp_menu_trigger-349.is-active .responsive-menu-pro-inner,
#rmp_menu_trigger-349.is-active .responsive-menu-pro-inner:before,
#rmp_menu_trigger-349.is-active .responsive-menu-pro-inner:after{background-color: white !important;}
.stickyf #rmp_menu_trigger-349 .responsive-menu-pro-inner,
.stickyf #rmp_menu_trigger-349 .responsive-menu-pro-inner:before,
.stickyf #rmp_menu_trigger-349 .responsive-menu-pro-inner:after{background-color: white !important;}
#rmp_menu_trigger-349 .responsive-menu-pro-inner::before{top: 8px;}
#rmp_menu_trigger-349 .responsive-menu-pro-inner::after{bottom: 8px;}
#rmp-menu-additional-content-349,#rmp-search-box-349{display: none !important;}
#rmp-container-349{background-color: rgba(3,7,98,0.9) !important;}
#rmp-menu-wrap-349 .rmp-menu-current-item > .rmp-menu-item-link,
#rmp-menu-wrap-349 .rmp-menu-item-link:hover,
#rmp-menu-wrap-349 .current-menu-ancestor > .rmp-menu-item-link{background-color: transparent !important;color: #ffa500 !important;}
#rmp-container-349{z-index: 9999999;max-width: 100% !important;width: 100% !important;}
#rmp-menu{max-width: 350px;}
#rmp-menu-wrap-349 .rmp-menu-item-link{font-size: 20px !important;text-align: center !important;padding: 0 20px !important;}
#rmp-menu-wrap-349 ul li ul li a.rmp-menu-item-link{font-size: 14px !Important;}
#rmp-menu-wrap-349 .rmp-menu{max-width: 240px;padding: 50px 0 0 0;margin: auto;}
.cky-revisit-bottom-left {bottom: 20px !important;left: 20px !important;width: 40px !important;height: 40px !important;}
.copyright-center{display: inline-block !important;}


@media (max-width: 1340px){
    /* home */
    .home-contatti-mappa{padding: 60px 0;width: 100%;}
    .home-contatti-mappa iframe{padding: 0 20px;}
    .home-chi-siamo{width: 100%;}
    .home-allestimenti .allestimenti-text{width: 100%;}
    .home-chi-siamo-fluid-inside{width: 100%;}
    .home-contatti-inside{width: 100%;}
}

@media (max-width: 1199px) {
    /* generale */
   .block-inside{padding: 0 20px;}
   .pagina{padding: 60px 20px;}
   /*header*/
   .header-left img{width: 100%;height: auto;margin-left: -6px;}
   .header-right a{font-size: 12px;    padding: 13px 10px 10px 30px;}
   .header-right a i{left:8px;}
   /* footer */
   .footer-fluid{padding-left: 20px;padding-right: 20px;}
   .footer-center{text-align: center;}
   .footer-center-left{padding: 0;}
   .footer-center-right{padding: 0;text-align: center;}
   .footer-center h2{width: 140px;margin: 0 auto 50px;text-align: left;}
   .footer-center ul{width: 140px;text-align: left;display: inline-block;}
   /* home */
   .slider-box{max-width: 728px;}
   .home-chi-siamo{width: 100%;}
   .home-chi-siamo-fluid .pagina{padding: 60px 20px 0 20px;}
   .chi-siamo-icon-single{margin-bottom: 60px;}
   .home-allestimenti .anteprime-allestimenti{max-width: 768px;}
   .home-contatti-inside .wpcf7{max-width: 768px;}
   .home-contatti-fluid .pagina{padding-left: 5px;padding-right: 5px;}
   .home-contatti-inside .messaggio-form {padding: 0 15px;max-width: 768px;margin: 0 auto 45px auto;}
   /* contatti */
   .contatti-social{padding: 0;}
   .contatti-social a{margin: 0 5px;}
   .contatti-singolo.contatti-singolo-email p{margin-bottom: 0;}
   /* chi siamo */
   .chi-siamo-left ul li{width:100%;float:none;}
}

@media (max-width: 992px) {
    /* generale */
    .titolo-principale{font-size: 40px;}
    .pagina-default h1{font-size: 40px;}
     .pagina-default h2{font-size: 20px;}
    /* header */
    .row-header{padding-top: 10px;height: 60px;}
    .header-telefono i{left: 0;}
    .header-left,.stickyf .header-left{padding: 0;text-align: center;}
    .header-left img{margin: 5px auto 0 auto;height: 30px;width: auto;}
    /* footer */
    .footer-left{text-align: center;padding: 0;margin-bottom: 60px;}
    .footer-left .frase-footer{text-align: left;margin: auto;max-width: 500px;}
    .footer-left img{margin-bottom: 20px;margin-left: 0px;}
    .footer-center h2 {width: 140px;margin: 0 auto 20px;text-align: center;}
    .footer-center{margin-bottom: 60px;padding: 0;}
    .footer-right h2{margin: 0 0 20px 0;text-align: center;}
    .footer-right{padding: 0;text-align: center;clear: both;}
    .footer-fluid{padding-bottom: 60px;}
    .footer-center{display: none;}
    .footer-center{margin: 0 auto 60px auto;padding: 0;max-width: 500px;}
    .footer-center-left{height: 90px;margin-bottom: 60px;text-align: right;}
    .footer-center-left ul{text-align:right;margin-right:15px;}
    .footer-center-right{height: 90px;margin-bottom: 60px;text-align: left;}
    .footer-center-right ul{text-align:left;margin-left:15px;}
    /* home */
    .submit-box{text-align: center;}
    .submit-box p{margin: 0;}
    .header-slider-inside li h2{font-size: 40px;}
    .header-slider-inside li .slider-text{font-size: 25px;line-height: 30px;}
    .home-chi-siamo h2,.home-allestimenti h2,.home-contatti-inside h2{font-size: 40px;}
    /* chi siamo */
    .chi-siamo-box{display: initial;margin: 0;}
    .chi-siamo-left{padding-right: 0;}
    .chi-siamo-right{padding-left: 0;}
    .chi-siamo-gallery{margin-left: -15px;margin-right: -15px;}
    .chi-siamo-image-box{width: 33.3333%;float: left;padding: 0 15px;    margin-bottom: 60px;margin-top: 30px;}
    /* contatti */
    .contatti-box{display: initial;margin: 0;}
    .contatti-box-left{margin: 0 0 60px 0;}
    .contatti-box-left h2{text-align: center;}
    .contatti-box-right{margin-bottom: 60px;}
     .contatti-singolo.contatti-singolo-email p{margin-bottom: 35px;}
    /* allestimenti */
    .pagina-allestimenti-right{display: none;} 
    .pagina-allestimenti-left{margin: 0;}
    .anteprime-allestimenti{max-width: 768px;margin: 0 auto;}
    .categoria-galleria{max-width: 768px;margin: 0 auto;}
}


@media (max-width: 768px) {
    /* generale */
    .animation{opacity: 1;}
    .titolo-principale{font-size: 24px;}
    .pagina-default h1{font-size: 24px;}
    .breadcrumb-box{font-size: 14px;}
    .header-image{padding: 60px 0 80px 0;}
    .messaggio-form{hyphens: auto;}
    .pum-title{font-size: 24px !important;}
    /* header */
    .pre-header{padding: 10px 0;}
    .pre-header-left{text-align: center;    margin-bottom: 10px;}
    .header-telefono{border-right: none;margin-right: 0;}
    .pre-header-right{padding: 0;text-align: center;}
    .header-left{height: 40px;display: flex;align-items: center;}
    .header-left a{display: inline-block;vertical-align: middle;}
    .header-left img{height: auto;width: 100%;vertical-align: middle;}
    /* footer */
    .footer-left .frase-footer{hyphens: auto;max-width:260px;}
    .copyright-left,.copyright-right{width: 100%;display: block !important;}
    .copyright-center{display: none !important;}
    /* home */
    .slider-box{width: 100%;padding: 0 20px;text-align: center;}
    .header-slider-inside li h2{font-size: 24px;}
    .header-slider-inside li .slider-text{font-size: 18px;line-height: 25px;text-align: left;    hyphens: auto;}
    .pager{bottom: 0;}
    .home-chi-siamo h2,.home-allestimenti h2,.home-contatti-inside h2{font-size: 30px;}
    .chi-siamo-icon-text{font-size: 18px;max-width: 100%;}
    .slider-desktop,.header-slider-inside .cycle-slideshow,.header-slider-inside li{height: 400px;}
    .chi-siamo-icon-single{padding: 0;}
    .chi-siamo-icon-text{hyphens: auto;}
    .home-allestimenti .anteprime-allestimenti{padding-bottom: 10px;}
    .home-allestimenti .allestimenti-text{margin-bottom: 40px;}
    .header-slider-inside li .slider-link,.home-chi-siamo .home-chi-siamo-link a,
    .home-allestimenti .home-allestimenti-link a{padding: 5px 10px;height: 40px;line-height:30px;}
    .home-contatti-inside form input[type="submit"],.contatti-box-left form input[type="submit"]{height: 40px;line-height: 14px;}
    .home-allestimenti .allestimento-nome{font-size: 14px;line-height: 20px;}
    .home-allestimenti .allestimento-box-inside {width: 150px;height: 150px;}
    /* chi siamo */
    .chi-siamo-right{margin: 60px 0 0 0;}
    .chi-siamo-icon .row{margin: 0;}
    .chi-siamo-gallery{margin: 0;}
    .chi-siamo-image-box{width: 100%;float: none;padding: 0;margin-bottom: 40px;margin-top: 0;}
    .page-template-page-storia .chi-siamo-icon-single:last-child{margin-bottom: 0;}
    /* contatti */
    .mappa{height: initial;}
    .contatti-box-left h2{font-size: 30px;}
    .contatti-box-left{padding: 45px 20px;margin-left:-20px;margin-right:-20px;}
    /* allestimenti */
    .allestimento-nome{font-size: 14px;line-height: 20px;}
    .allestimento-box-inside {width: 150px;height: 150px;}
    .allestimento-box{height: 150px;}
    .categoria-galleria-singola{height: 150px;}
    .categoria-galleria-singola-immagine{width: 150px;height: 150px;}
}





/* ANIMATE */



@charset "UTF-8";



@-webkit-keyframes bounce {

  from,

  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: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 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 {

  from,

  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: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 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 {

  from,

  50%,

  to {

    opacity: 1;

  }



  25%,

  75% {

    opacity: 0;

  }

}



@keyframes flash {

  from,

  50%,

  to {

    opacity: 1;

  }



  25%,

  75% {

    opacity: 0;

  }

}



.flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}







@-webkit-keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

}



@-webkit-keyframes rubberBand {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }



  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }



  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }



  65% {

    -webkit-transform: scale3d(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: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes rubberBand {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }



  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }



  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }



  65% {

    -webkit-transform: scale3d(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: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand;

}



@-webkit-keyframes shake {

  from,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }



  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }

}



@keyframes shake {

  from,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }



  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }

}



.shake {

  -webkit-animation-name: shake;

  animation-name: shake;

}



@-webkit-keyframes 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: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg);

  }



  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg);

  }



  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg);

  }



  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg);

  }



  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg);

  }

}



@keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg);

  }



  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

    transform: rotate3d(0, 0, 1, -10deg);

  }



  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg);

  }



  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

    transform: rotate3d(0, 0, 1, -5deg);

  }



  to {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg);

  }

}



.swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing;

}



@-webkit-keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  10%,

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

  }



  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }



  40%,

  60%,

  80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes tada {

  from {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }



  10%,

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

  }



  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }



  40%,

  60%,

  80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.tada {

  -webkit-animation-name: tada;

  animation-name: tada;

}







@-webkit-keyframes wobble {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

  }



  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

  }



  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

  }



  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

  }



  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes wobble {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

  }



  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

  }



  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

  }



  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

  }



  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble;

}



@-webkit-keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 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 {

  from,

  11.1%,

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 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 heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }



  28% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }



  70% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }



  28% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }



  70% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



.heartBeat {

  -webkit-animation-name: heartBeat;

  animation-name: heartBeat;

  -webkit-animation-duration: 1.3s;

  animation-duration: 1.3s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

}



@-webkit-keyframes bounceIn {

  from,

  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: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes bounceIn {

  from,

  20%,

  40%,

  60%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.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: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.bounceIn {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}



@-webkit-keyframes bounceInDown {

  from,

  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: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInDown {

  from,

  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: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.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: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInLeft {

  from,

  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: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInRight {

  from,

  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);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInUp {

  from,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}



@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(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 {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInLeftBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInRightBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }



  to {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }



  to {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInUpBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



@keyframes fadeOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}



@keyframes fadeOutDown {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}



@keyframes fadeOutDownBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}



.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



@keyframes fadeOutLeft {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}



@keyframes fadeOutLeftBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}



.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



@keyframes fadeOutRight {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}



@keyframes fadeOutRightBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}



.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



@keyframes fadeOutUp {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}



@keyframes fadeOutUpBig {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}



.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig;

}



@-webkit-keyframes flip {

  from {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }



  40% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }



  50% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  to {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}



@keyframes flip {

  from {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }



  40% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }



  50% {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)

      rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  to {

    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)

      rotate3d(0, 1, 0, 0deg);

    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}



.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}



@-webkit-keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }



  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



@keyframes flipInX {

  from {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }



  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}



@-webkit-keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }



  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



@keyframes flipInY {

  from {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }



  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0;

  }

}



@keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0;

  }

}



.flipOutX {

  -webkit-animation-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 {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0;

  }

}



@keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0;

  }

}



.flipOutY {

  -webkit-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 {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOut {

  from {

    opacity: 1;

  }



  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}



@keyframes lightSpeedOut {

  from {

    opacity: 1;

  }



  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}



.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in;

}



@-webkit-keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

}



@-webkit-keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft;

}



@-webkit-keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight;

}



@-webkit-keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft;

}



@-webkit-keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



@keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}



.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight;

}



@-webkit-keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0;

  }

}



@keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

    transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0;

  }

}



.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut;

}



@-webkit-keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }

}



@keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

    transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }

}



.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft;

}



@-webkit-keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



@keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight;

}



@-webkit-keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



@keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

    transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft;

}



@-webkit-keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0;

  }

}



@keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }



  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

    transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0;

  }

}



.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight;

}



@-webkit-keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }



  20%,

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }



  40%,

  80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }



  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0;

  }

}



@keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }



  20%,

  60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

    transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }



  40%,

  80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

    transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }



  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0;

  }

}



.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-name: hinge;

  animation-name: hinge;

}



@-webkit-keyframes jackInTheBox {

  from {

    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 {

  from {

    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;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes rollIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

  }

}



@keyframes rollOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

  }

}



.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut;

}



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }



  to {

    opacity: 1;

  }

}



@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }



  to {

    opacity: 1;

  }

}



.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}











@-webkit-keyframes zoomIn2 {

  from {

    opacity: 0;

    -webkit-transform: scale3d(1.3, 1.3, 1.3);

    transform: scale3d(1.3, 1.3, 1.3);

  }



  to {

    opacity: 1;

  }

}







@keyframes zoomIn2 {

  from {

    opacity: 0;

    -webkit-transform: scale3d(1.3, 1.3, 1.3);

    transform: scale3d(1.3, 1.3, 1.3) translateX(-50%);

  }



  to {

    opacity: 1;

     transform: translateX(-50%);

  }

}



.zoomIn2 {

  -webkit-animation-name: zoomIn2;

  animation-name: zoomIn2;

}



































@-webkit-keyframes zoomInDown {

  from {

    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 {

  from {

    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 {

  from {

    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 {

  from {

    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 {

  from {

    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 {

  from {

    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 {

  from {

    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 {

  from {

    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 {

  from {

    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 {

  from {

    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 {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}



@-webkit-keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}



@-webkit-keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}



@keyframes slideOutDown {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}



.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown;

}



@-webkit-keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



@keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}



.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



@keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



@keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp;

}



.animated {

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}







.animated.delay-03s {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

}





.animated.delay-05s {

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

}



.animated.delay-15s {

  -webkit-animation-delay: 1.5s;

  animation-delay: 1.5s;

}



.animated.delay-1s {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}







.animated.delay-1s {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}



.animated.delay-2s {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

}



.animated.delay-3s {

  -webkit-animation-delay: 3s;

  animation-delay: 3s;

}



.animated.delay-4s {

  -webkit-animation-delay: 4s;

  animation-delay: 4s;

}



.animated.delay-5s {

  -webkit-animation-delay: 5s;

  animation-delay: 5s;

}



.animated.fast {

  -webkit-animation-duration: 800ms;

  animation-duration: 800ms;

}



.animated.faster {

  -webkit-animation-duration: 500ms;

  animation-duration: 500ms;

}



.animated.slow {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}



.animated.slower {

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

}



@media (print), (prefers-reduced-motion) {

  .animated {

   /* -webkit-animation: unset !important;

    animation: unset !important;

    -webkit-transition: none !important;

    transition: none !important;*/

  }

}