@font-face{font-family:"Neue Haas";font-display:auto;src:url(68c55d873568a70fa9de.eot);src:url(68c55d873568a70fa9de.eot?#iefix) format("embedded-opentype"),url(65c236bf1cb0c62b268c.woff2) format("woff2"),url(97f59006f492c364aabb.woff) format("woff"),url(2d86aa6a173c99ea2707.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}
.black{color:#000}.color-white{color:#fff}.color-black,body .content-pages p a,body .text-wrapper .text a,p a{color:#001df5}.menu li.header-white a{color:#fff !important}.color-blue,body{color:#001df5}.color-blue-important,.header-desktop ul li a,.menu-mobile{color:#001df5 !important}.logo-gassiotllobet svg{fill:#001df5}.header-mobile span{background-color:#001df5 !important}body .single-project__content p>a:after{background-color:#001df5}.project-pagination__wrapper svg line,.project-pagination__wrapper svg polyline{stroke:#001df5 !important}.arrow-down-black{stroke:#001df5 !important}.arrow-down-blue{stroke:#000 !important}.link-underline{background-image:linear-gradient(#001df5, #001df5),linear-gradient(transparent, transparent) !important}.t60,.t60 *{font-size:calc(40px + 20*(100vw - 768px)/672);line-height:1.2em}@media(max-width: 768px){.t60,.t60 *{font-size:40px}}@media(min-width: 1440px){.t60,.t60 *{font-size:60px}}.t24,header,.single-project__content h1,h2,.text-wrapper-home p,.text-wrapper-pages p,.grafic__circle-center h1,.contact-wrapper p,.error-footer,.error-wrapper,.projects-head__desc h1,.projects-head__desc h2,.projects-head__desc h3,.projects-head__desc h4,.projects-head__desc h5,.projects-head__desc h6,.legal-wrapper p strong,.shopify-form__content h1,.shopify-form input[type=submit]{font-size:calc(24px + 6*(100vw - 1440px)/1060);line-height:1.4em}@media(max-width: 1440px){.t24,header,.single-project__content h1,h2,.text-wrapper-home p,.text-wrapper-pages p,.grafic__circle-center h1,.contact-wrapper p,.error-footer,.error-wrapper,.projects-head__desc h1,.projects-head__desc h2,.projects-head__desc h3,.projects-head__desc h4,.projects-head__desc h5,.projects-head__desc h6,.legal-wrapper p strong,.shopify-form__content h1,.shopify-form input[type=submit]{font-size:24px}}@media(min-width: 2500px){.t24,header,.single-project__content h1,h2,.text-wrapper-home p,.text-wrapper-pages p,.grafic__circle-center h1,.contact-wrapper p,.error-footer,.error-wrapper,.projects-head__desc h1,.projects-head__desc h2,.projects-head__desc h3,.projects-head__desc h4,.projects-head__desc h5,.projects-head__desc h6,.legal-wrapper p strong,.shopify-form__content h1,.shopify-form input[type=submit]{font-size:30px}}.t24-20,.t24-20 *{font-size:calc(24px + 6*(100vw - 1440px)/1060);line-height:1.4em}@media(max-width: 1440px){.t24-20,.t24-20 *{font-size:calc(20px + 4*(100vw - 768px)/672)}}@media(max-width: 768px){.t24-20,.t24-20 *{font-size:20px}}@media(min-width: 2500px){.t24-20,.t24-20 *{font-size:30px}}.t20,.t20 *,h4,body,.grafic-wrapper h2,.button-play,.legal-wrapper p,.legal-wrapper ul,.contact-wrapper h5{font-size:calc(20px + 6*(100vw - 1440px)/1060);line-height:1.4em}@media(max-width: 1440px){.t20,.t20 *,h4,body,.grafic-wrapper h2,.button-play,.legal-wrapper p,.legal-wrapper ul,.contact-wrapper h5{font-size:20px}}@media(min-width: 2500px){.t20,.t20 *,h4,body,.grafic-wrapper h2,.button-play,.legal-wrapper p,.legal-wrapper ul,.contact-wrapper h5{font-size:26px}}.t16,.t16 *,.text-peu h6,.content-pages h3,h5,.input-email input,.shopify-form label,.shopify-form input,.shopify-form textarea,.shopify-form select,.footer__newsletter input,.footer__newsletter label,.footer__newsletter button,.footer__newsletter span,.text-wrapper .text h6{font-size:calc(16px + 6*(100vw - 1440px)/1060);line-height:1.4em}@media(max-width: 1440px){.t16,.t16 *,.text-peu h6,.content-pages h3,h5,.input-email input,.shopify-form label,.shopify-form input,.shopify-form textarea,.shopify-form select,.footer__newsletter input,.footer__newsletter label,.footer__newsletter button,.footer__newsletter span,.text-wrapper .text h6{font-size:16px}}@media(min-width: 2500px){.t16,.t16 *,.text-peu h6,.content-pages h3,h5,.input-email input,.shopify-form label,.shopify-form input,.shopify-form textarea,.shopify-form select,.footer__newsletter input,.footer__newsletter label,.footer__newsletter button,.footer__newsletter span,.text-wrapper .text h6{font-size:22px}}.t14,.t14 *{font-size:calc(14px + 6*(100vw - 1440px)/1060);line-height:1.4em}@media(max-width: 1440px){.t14,.t14 *{font-size:14px}}@media(min-width: 2500px){.t14,.t14 *{font-size:20px}}.t18-12,.t18-12 *{font-size:calc(12px + 6*(100vw - 1440px)/1060);line-height:1.2em}@media(max-width: 1440px){.t18-12,.t18-12 *{font-size:12px}}@media(min-width: 2500px){.t18-12,.t18-12 *{font-size:18px}}.t12-10,.t12-10 *,.shopify-form__content h2{font-size:calc(10px + 2*(100vw - 1440px)/1060);line-height:1.4em}@media(max-width: 1440px){.t12-10,.t12-10 *,.shopify-form__content h2{font-size:10px}}@media(min-width: 2500px){.t12-10,.t12-10 *,.shopify-form__content h2{font-size:12px}}.t12-9,.t12-9 *,.t12-9-all,.t12-9-all *{font-size:calc(9px + 3*(100vw - 375px)/1065);line-height:1.4em}@media(max-width: 375px){.t12-9,.t12-9 *,.t12-9-all,.t12-9-all *{font-size:9px}}@media(min-width: 1440px){.t12-9,.t12-9 *,.t12-9-all,.t12-9-all *{font-size:12px}}.t12-9{font-size:calc(9px + 3*(100vw - 375px)/1065);line-height:1.4em}@media(max-width: 375px){.t12-9{font-size:9px}}@media(min-width: 1440px){.t12-9{font-size:12px}}body.form{background-color:#f0f0f0}.link-underline{background-size:100% 2px,auto;display:inline-block;text-decoration:none;background-image:linear-gradient(#001df5, #001df5),linear-gradient(transparent, transparent);background-size:0 3px,auto;background-repeat:no-repeat;background-position:50% 59.7%;transition:all .2s ease-out;padding:0 5px}*,:after,:before{box-sizing:border-box}body,html{font-family:"Neue Haas",Helvetica,Arial,sans-serif;line-height:1.4em;margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.viewport{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0}.scroll-container{position:absolute;overflow:hidden;z-index:10;display:flex;justify-content:center;backface-visibility:hidden;transform-style:preserve-3d}.upper{text-transform:uppercase}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}p strong,h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:normal}ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}:focus{outline:0}input:focus,textarea:focus,select:focus{outline-offset:0}.text-wrapper .text a{text-decoration:underline}.container,.header-desktop,.row-bottom-text-wrapper,.custom-module-wrapper,.parallax-wrapper{width:94.4444444444vw;margin:auto}.container-768{width:52.992vw;margin:auto}.container-964{width:66.516vw;margin:auto}.page-start{padding-top:8.28vw}.page-start2{padding-top:17vw}.header-mobile,.only-mobile,.menu-mobile,#header-mobile-wrapper{display:none}.small-margin{margin-top:-4.1666666667vw}.content-pages p a,.content-pages h3{color:#001df5}.content-pages h3{text-align:center}.project-pagination{border-bottom:1px solid rgba(219,219,219,.5);margin-bottom:6.9vw}.project-pagination__wrapper{margin-top:10.35vw;margin-bottom:10.35vw;display:flex;justify-content:space-between;width:100%}.project-pagination__wrapper>div{width:33%}.project-pagination__wrapper .button-next a,.project-pagination__wrapper .button-back a{display:flex;align-items:center}.project-pagination__wrapper .button-next .arrow-black,.project-pagination__wrapper .button-back .arrow-black{fill:none;stroke:#000;stroke-width:2}.project-pagination__wrapper .button-next svg,.project-pagination__wrapper .button-back svg{width:29px;height:auto}.project-pagination__wrapper .button-next .text-button,.project-pagination__wrapper .button-back .text-button{width:100%;height:1.4em;position:relative}.project-pagination__wrapper .button-next .text-button>div,.project-pagination__wrapper .button-back .text-button>div{position:absolute}.project-pagination__wrapper .button-next .text-button .text-initial,.project-pagination__wrapper .button-back .text-button .text-initial{transition:all .45s ease-out .15s;transform:translate3d(0, 0, 0)}.project-pagination__wrapper .button-next .text-button .next-title,.project-pagination__wrapper .button-back .text-button .next-title{opacity:0;transition:all .45s ease-out 0s;transform:translate3d(0, 70%, 0)}.project-pagination__wrapper .button-next a:hover .text-button .text-initial,.project-pagination__wrapper .button-back a:hover .text-button .text-initial{opacity:0;transition:all .45s ease-out 0s;transform:translate3d(0, -70%, 0)}.project-pagination__wrapper .button-next a:hover .text-button .next-title,.project-pagination__wrapper .button-back a:hover .text-button .next-title{opacity:1;transition:all .45s ease-out .15s;transform:translate3d(0, 0, 0)}.project-pagination__wrapper .button-next.no-more,.project-pagination__wrapper .button-back.no-more{opacity:.3}.project-pagination__wrapper .button-next.no-more a,.project-pagination__wrapper .button-back.no-more a{pointer-events:none;cursor:default}.project-pagination__wrapper .button-next.no-more a:hover .text-button .text-initial,.project-pagination__wrapper .button-back.no-more a:hover .text-button .text-initial{opacity:1;transition:none;transform:none}.project-pagination__wrapper .button-next.no-more a:hover .text-button .next-title,.project-pagination__wrapper .button-back.no-more a:hover .text-button .next-title{opacity:0;transition:none;transform:none}.project-pagination__wrapper .button-next{text-align:right}.project-pagination__wrapper .button-next .text-button>div{position:absolute;right:0}.project-pagination__wrapper .button-next a{justify-content:flex-end}.project-pagination__wrapper .button-next svg{margin-left:20px}.project-pagination__wrapper .button-back .text-button>div{position:absolute;left:0}.project-pagination__wrapper .button-back svg{margin-right:20px}.project-pagination__wrapper .logo{text-align:center}.contact-wrapper{padding-bottom:220px}.contact-wrapper h3{padding-bottom:0;line-height:2.1em}.form-sumit{margin-top:20px}.accept{display:flex;align-items:center}.accept input[type=checkbox]{margin:0 10px 0 0;border:1px solid #707070}.accept input[type=checkbox]:focus{outline:0 auto -webkit-focus-ring-color;outline-offset:0}.accept .text{text-align:left}.accept .wpcf7-form-control-wrap.acceptance{margin-bottom:0}.accept .wpcf7-form-control-wrap.acceptance .wpcf7-form-control.wpcf7-acceptance{margin-bottom:0}.accept .wpcf7-form-control-wrap.acceptance .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item{line-height:0;margin:0}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:relative;background-color:#fff;color:#fff;top:0;height:30px;width:30px;border-radius:4px;cursor:pointer;outline:none}.form-checkbox:checked::before{position:absolute;font:21px/1 "Neue Haas",Helvetica,Arial,sans-serif;left:6px;top:3px;content:"✕";transform:none;color:#000}.form-checkbox:checked{background-color:#fff}.error-footer{position:absolute;bottom:65px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.error-footer:hover{color:#001df5}.error-wrapper{width:13.248vw;height:13.248vw;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;-webkit-box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);-moz-box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);background-color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#001df5}.layer-error{width:28.42vw;height:28.42vw;border-radius:50%;position:absolute;-webkit-box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);-moz-box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}[data-fadeinup],[data-fadein],[data-fadeinright],[data-fadeinleft],[data-fadeinupbig]{opacity:0}.grecaptcha-badge{visibility:hidden !important}.cky-btn-revisit-wrapper{display:none !important}.cky-modal .cky-footer-wrapper div[data-cky-tag=detail-powered-by]{display:none !important}@media(max-width: 1366px){.container-text-home{width:695px;margin:auto}}@media(max-width: 1280px){.page-start{padding-top:10.28vw}}@media(max-width: 1024px){.error-wrapper{width:136px;height:136px}.layer-error{width:292px;height:292px}.page-start2{padding-top:230px}}@media(max-width: 992px){.page-start{padding-top:12.28vw}}@media(max-width: 768px){.margin-fix-2023{margin-bottom:14vw !important}.only-mobile{display:inherit}.container,.header-desktop,.row-bottom-text-wrapper,body.projects #footer .container,.custom-module-wrapper,.container-text-home,.container-768,.container-964{width:95.7333333333vw}.container-big{width:94.4444444444vw;margin:auto}.page-start{padding-top:18.5vh}.project-pagination{margin-bottom:80px}.project-pagination__wrapper{justify-content:space-between;align-items:center;margin-top:0;margin-bottom:80px}.project-pagination__wrapper>div{width:auto}.project-pagination__wrapper .arrow-black{fill:none;stroke:#000;stroke-width:2}.project-pagination__wrapper .button-next .text-button,.project-pagination__wrapper .button-back .text-button{display:none}.project-pagination__wrapper .button-next svg,.project-pagination__wrapper .button-back svg{width:22px;height:auto}.project-pagination__wrapper .button-next-mobile svg,.project-pagination__wrapper .button-back-mobile svg{width:22px;height:auto}.project-pagination__wrapper .button-next-mobile{text-align:right}.small-margin{margin-top:-40px}}.section-legal{padding-top:180px}.section-legal .legal--content{width:100%;max-width:800px;margin:0 auto}.section-legal .legal--content .legal__body{padding-top:20px;padding-bottom:100px}.section-legal .legal--content .legal__body p{margin-bottom:1.4em}.section-legal .legal--content .legal__body ul{margin-bottom:1.4em}.section-legal .legal--content .legal__body ul li{margin-bottom:.4em}.section-legal .legal--content .legal__body ul li:before{content:"— "}@media(max-width: 1024px){.legal-wrapper{padding-bottom:200px}}.header-desktop{position:fixed;top:0;left:50%;z-index:99;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding-top:44px;padding-bottom:1.6vw}.header-desktop .menu{margin-right:-5px;margin-left:-5px}.header-desktop ul{display:flex;justify-content:space-between}.header-desktop ul li{color:#000}.header-desktop ul li a{color:#000}.header-desktop ul li:nth-child(2){position:absolute;width:auto;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.header-desktop ul li.only-form{display:none}body:not(.home) .header-desktop--home{display:none}body.home .header-desktop{padding-top:44px;padding-bottom:0;z-index:999}body.home .header-desktop:not(.header-desktop--home){position:fixed}body.home .header-desktop.header-desktop--home{width:100%;height:75px;top:-115px;background-color:#fff;padding:0;z-index:999 !important;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}body.home .header-desktop.header-desktop--home ul{height:75px;align-items:center;padding-bottom:2px}body.home.header-home-background .header-desktop{z-index:99}body.home.header-home-open .header-desktop.header-desktop--home{top:0}body.home.header-home-closed .header-desktop.header-desktop--home{top:-115px}.menu li.header-white{color:#fff;background-image:linear-gradient(white, white),linear-gradient(transparent, transparent)}.menu li.header-white a{color:#fff}@media(max-width: 1280px){.header-desktop{padding-top:3.8vw;padding-bottom:2.6vw}}@media(max-width: 992px){.header-desktop{padding-top:4.8vw;padding-bottom:3.6vw}}@media(max-width: 768px){.header-desktop{display:none}#header-mobile-wrapper,.header-mobile,.menu-mobile{display:inherit}.logo-home{display:none}body.single-projects .header-mobile .burger-wrapper{top:5.2vh}body.home .header-mobile{height:43vh}body.home .logo-home{display:inherit}.header-mobile .menu{display:none}.header-mobile .burger-wrapper{position:fixed;top:8vh;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:99999}.header-mobile span{display:block;background:#000;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;box-sizing:border-box}.header-mobile #menu-toggle{width:69px;height:69px;margin:auto;position:relative;cursor:pointer}.header-mobile #menu-toggle #hamburger{position:absolute;height:100%;width:100%}.header-mobile #menu-toggle #hamburger span{width:49px;height:2px;position:relative;margin:10px;top:17px}.header-mobile #menu-toggle #hamburger span:nth-child(1){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.header-mobile #menu-toggle #hamburger span:nth-child(2){-webkit-transition-delay:.625s;-moz-transition-delay:.625s;-ms-transition-delay:.625s;-o-transition-delay:.625s;transition-delay:.625s}.header-mobile #menu-toggle #cross{position:absolute;height:100%;width:100%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.header-mobile #menu-toggle #cross span:nth-child(1){height:0%;width:2px;position:absolute;top:15%;left:33px;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.header-mobile #menu-toggle #cross span:nth-child(2){width:0%;height:2px;position:absolute;left:15%;top:33px;-webkit-transition-delay:.25s;-moz-transition-delay:.25s;-ms-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}.header-mobile #menu-toggle.open #hamburger span{width:0%}.header-mobile #menu-toggle.open #hamburger span:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.header-mobile #menu-toggle.open #hamburger span:nth-child(2){-webkit-transition-delay:.125s;-moz-transition-delay:.125s;-ms-transition-delay:.125s;-o-transition-delay:.125s;transition-delay:.125s}.header-mobile #menu-toggle.open #cross span:nth-child(1){height:70%;-webkit-transition-delay:.625s;-moz-transition-delay:.625s;-ms-transition-delay:.625s;-o-transition-delay:.625s;transition-delay:.625s}.header-mobile #menu-toggle.open #cross span:nth-child(2){width:70%;-webkit-transition-delay:.375s;-moz-transition-delay:.375s;-ms-transition-delay:.375s;-o-transition-delay:.375s;transition-delay:.375s}.header-mobile .logo-home{text-align:center;position:relative;top:58%}.menu-mobile{display:none;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;text-align:center;color:#000}.menu-mobile nav{position:relative;top:47%;transform:translateY(-50%)}.menu-mobile nav li{line-height:2em}.menu-mobile nav li:nth-child(3){display:none}.menu-mobile .nav-social{position:absolute;bottom:65px;text-align:center;width:100%}.menu-mobile .nav-social a:last-child:after{display:none}.menu-mobile .nav-social a:after{content:"|";display:inline-block;padding-inline:3px}}section.seciton-footer{position:relative}section.seciton-footer a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}section.seciton-footer a:hover{color:#001df5;opacity:.5}section.seciton-footer .footer--content{display:flex;justify-content:space-between;margin-bottom:11.592vw}@media(max-width: 992px){section.seciton-footer .footer--content{margin-bottom:100px;flex-wrap:wrap}section.seciton-footer .footer--content>div{width:100%;padding-bottom:45px;padding-inline:0}}section.seciton-footer .footer--content .footer__logo{opacity:1 !important}section.seciton-footer .footer--content .footer__logo .media__item{width:7.82943vw;height:auto}@media(max-width: 992px){section.seciton-footer .footer--content .footer__logo{text-align:center;margin-bottom:20px}section.seciton-footer .footer--content .footer__logo .media__item{width:113px;height:auto}}section.seciton-footer .footer--content .footer__nav{display:flex;align-items:flex-start;padding-top:25px}@media(max-width: 992px){section.seciton-footer .footer--content .footer__nav{flex-wrap:wrap}}section.seciton-footer .footer--content .footer__nav .footer__nav__item{padding:0 2.76vw}@media(max-width: 992px){section.seciton-footer .footer--content .footer__nav .footer__nav__item{width:100%;padding:0 0 45px}}section.seciton-footer .footer--content .footer__nav .footer__nav__item .footer__nav__item__title{margin-bottom:5px}section.seciton-footer .footer--content .footer__nav .footer__nav__item .footer__nav__item__menu li{padding-bottom:5px}section.seciton-footer .footer--content .footer__newsletter{position:relative;padding-top:25px;flex-shrink:0}section.seciton-footer .footer--content .footer__newsletter .footer__newsletter__label{background-color:#001df5;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;min-width:250px;padding:0 12px;white-space:nowrap;cursor:pointer;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}@media(max-width: 1366px){section.seciton-footer .footer--content .footer__newsletter .footer__newsletter__label{min-width:225px}}section.seciton-footer .footer--content .footer__newsletter .footer__newsletter__label:hover{opacity:.5}section.seciton-footer .footer--content .footer__newsletter .footer__newsletter__form{display:none}section.seciton-footer .footer--content .footer__newsletter .footer__newsletter__form form{display:flex;flex-direction:column;align-items:flex-end}section.seciton-footer .footer--content .footer__newsletter .footer__newsletter__form form .wpcf7-turnstile{order:1}section.seciton-footer .footer--content .footer__newsletter .footer__newsletter__form form fieldset{display:none}section.seciton-footer .footer--content .footer__newsletter.is-open .footer__newsletter__label{visibility:hidden}section.seciton-footer .footer--content .footer__newsletter.is-open .footer__newsletter__form{display:block;position:absolute;top:25px;left:0;width:100%;height:40px}section.seciton-footer .footer--content .footer__newsletter p{margin:0}@media(max-width: 992px){section.seciton-footer .footer--content .footer__newsletter{display:none}}section.seciton-footer .footer--content .footer__newsletter .input-email{height:40px;width:100%;position:relative;display:flex;border:2px solid #001df5}section.seciton-footer .footer--content .footer__newsletter .input-email>div{height:100%}section.seciton-footer .footer--content .footer__newsletter .input-email>div:first-child{width:73%;border-right:2px solid #001df5}section.seciton-footer .footer--content .footer__newsletter .input-email>div:last-child{width:27%}section.seciton-footer .footer--content .footer__newsletter .input-email p,section.seciton-footer .footer--content .footer__newsletter .input-email .wpcf7-form-control-wrap{height:100%;margin:0}section.seciton-footer .footer--content .footer__newsletter .input-email input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;border-radius:0;background-color:rgba(0,0,0,0);padding-left:10px;width:100%;border:0;color:#001df5}section.seciton-footer .footer--content .footer__newsletter .input-email input::placeholder{color:#001df5}section.seciton-footer .footer--content .footer__newsletter .input-email input:-webkit-autofill,section.seciton-footer .footer--content .footer__newsletter .input-email input:-webkit-autofill:hover,section.seciton-footer .footer--content .footer__newsletter .input-email input:-webkit-autofill:focus,section.seciton-footer .footer--content .footer__newsletter .input-email input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset !important;-webkit-text-fill-color:#001df5}section.seciton-footer .footer--content .footer__newsletter .input-email input[type=submit]{display:block;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background-color:#001df5;color:#fff;padding-left:0}section.seciton-footer .footer--content .footer__newsletter .input-email input[type=submit]:hover{background-color:#fff;color:#001df5}section.seciton-footer .footer--content .footer__newsletter .wpcf7-not-valid-tip{position:absolute;margin-top:3px;left:-1px}section.seciton-footer .footer--content .footer__newsletter .wpcf7-response-output{position:absolute;color:#001df5;width:250px;right:0;margin:0;padding:0;border:none}section.seciton-footer .footer--content .footer__newsletter div.wpcf7-validation-errors,section.seciton-footer .footer--content .footer__newsletter div.wpcf7-acceptance-missing,section.seciton-footer .footer--content .footer__newsletter div.wpcf7-mail-sent-ok{border:none}section.seciton-footer .footer__bottom{text-align:center;padding-bottom:2.898vw}@media(max-width: 992px){section.seciton-footer .footer__bottom{padding-bottom:45px}section.seciton-footer .footer__bottom .footer__bottom__title{display:block}}section.seciton-footer .footer__bottom .footer__bottom__legal{display:inline}section.seciton-footer .footer__bottom .footer__bottom__legal li{display:inline}section.seciton-footer .footer__bottom .footer__bottom__legal li:not(:last-child)::after{content:" · "}.homepage__intro-block{background-color:#fff;padding:30px 0}section.carousel{position:relative;width:100%;overflow:hidden}.carousel{background-color:#fff;padding-top:45px;padding-bottom:195px}@media(max-width: 1440px){.carousel{padding-bottom:11.2912565142vw}}@media(max-width: 1140px){.carousel{padding-bottom:80px}}.carousel__text{padding-top:10px}.swiper-carousel{overflow:visible}.swiper-carousel .swiper-slide{width:29.8204979734vw;height:auto;margin-right:1.6213086277vw}.swiper-carousel .swiper-slide img,.swiper-carousel .swiper-slide video{width:100%;height:100%;object-fit:cover;display:block}.swiper-carousel .swiper-slide:last-child{margin-right:0}@media(max-width: 1140px){.swiper-carousel .swiper-slide{width:345px;margin-right:2.2727272727vw}}.carousel-items{padding-top:80px}@media(max-width: 1440px){.carousel-items{padding-top:4.6323103648vw}}@media(max-width: 1140px){.carousel-items{padding-top:45px}}.carousel__item__media{position:relative;border-radius:25px;overflow:hidden;border:1px solid #ededed}.link-layer{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.87);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.link-layer svg{margin-top:3px;display:block;margin-left:15px}.swiper-carousel a:hover .link-layer{opacity:1}.swiper-slide.link-block{align-items:center;justify-content:center;display:flex;padding-bottom:35px}.swiper-slide.link-block a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.swiper-slide.link-block .link-block__content{width:160px;text-align:center}.carousel__item__tags{padding-top:20px;display:flex;align-items:baseline;justify-content:center}.carousel__item__tags li{display:flex;align-items:center}.carousel__item__tags li::after{content:"-";margin-inline:3px}.carousel__item__tags li:last-child::after{display:none}.custom-slider-wrapper{margin-bottom:6.9vw;position:relative}.custom-slider-wrapper:hover .custom-slider__item{opacity:.25}.custom-slider-wrapper .custom-slider__item{transition:all .3s ease;position:relative;height:48.6111111111vw;width:30vw}.custom-slider-wrapper .custom-slider__item.swiper-slide-prev,.custom-slider-wrapper .custom-slider__item.swiper-slide-active,.custom-slider-wrapper .custom-slider__item.swiper-slide-next{opacity:1}.custom-slider-wrapper .custom-slider__item .custom-slide__background{position:absolute;top:0;left:0;height:100%;width:100%}.custom-slider-wrapper .custom-slider__item .custom-slide__background video,.custom-slider-wrapper .custom-slider__item .custom-slide__background img{width:100%;height:100%;display:block;object-fit:cover !important}.custom-slider-wrapper .custom-slider__item .custom-slide__front{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.custom-slider-wrapper .custom-slider__item .custom-slide__front video,.custom-slider-wrapper .custom-slider__item .custom-slide__front img{position:relative !important;height:32.9861111111vw !important;max-width:23.8888888889vw !important;width:auto !important;object-fit:cover !important;opacity:0;transition:all .3s ease}.custom-slider-wrapper .custom-slider__item .custom-slide__front video.visible,.custom-slider-wrapper .custom-slider__item .custom-slide__front img.visible{opacity:1;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.3);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.3);box-shadow:0px 0px 5px 0px rgba(0,0,0,.3)}.custom-slider-wrapper .swiper-button-next,.custom-slider-wrapper .swiper-button-prev{position:absolute;top:22px;height:100%;width:4.3055555556vw;opacity:.5;-webkit-tap-highlight-color:rgba(0,0,0,0)}.custom-slider-wrapper .swiper-button-next:after,.custom-slider-wrapper .swiper-button-prev:after{display:none}.custom-slider-wrapper .swiper-button-next.swiper-button-next,.custom-slider-wrapper .swiper-button-prev.swiper-button-next{right:0}.custom-slider-wrapper .swiper-button-next.swiper-button-prev,.custom-slider-wrapper .swiper-button-prev.swiper-button-prev{left:0}@media(max-width: 1024px){.custom-slider-wrapper .swiper-wrapper{margin-left:-22.4609375vw}.custom-slider-wrapper:hover .custom-slider__item{opacity:1}.custom-slider-wrapper .custom-slider__item{height:70.8984375vw;width:43.9453125vw}.custom-slider-wrapper .custom-slider__item .custom-slide__background{height:100%;width:100%}.custom-slider-wrapper .custom-slider__item .custom-slide__background video,.custom-slider-wrapper .custom-slider__item .custom-slide__background img{width:100%;height:100%}.custom-slider-wrapper .custom-slider__item .custom-slide__front{height:100%;width:100%}.custom-slider-wrapper .custom-slider__item .custom-slide__front video,.custom-slider-wrapper .custom-slider__item .custom-slide__front img{height:48.828125vw !important;max-width:31.25vw !important}.custom-slider-wrapper .swiper-button-next,.custom-slider-wrapper .swiper-button-prev{width:4.3055555556vw}}@media(max-width: 768px){.custom-slider-wrapper{margin-bottom:14vw !important}.custom-slider-wrapper .swiper-wrapper{margin-left:-21.484375vw}}@media(max-width: 640px){.custom-slider-wrapper .swiper-wrapper{margin-left:-22.65625vw}}@media(max-width: 480px){.custom-slider-wrapper{margin-bottom:80px}.custom-slider-wrapper .swiper-wrapper{margin-left:0}.custom-slider-wrapper .swiper-button-next,.custom-slider-wrapper .swiper-button-prev{width:11.2vw}.custom-slider-wrapper .custom-slider__item{position:relative;height:113.3333333333vw;width:68.5333333333vw}.custom-slider-wrapper .custom-slider__item.swiper-slide-prev{opacity:1}.custom-slider-wrapper .custom-slider__item .custom-slide__front video,.custom-slider-wrapper .custom-slider__item .custom-slide__front img{height:94.9333333333vw !important;max-width:50.1333333333vw !important}.custom-slider-wrapper .swiper-button-next,.custom-slider-wrapper .swiper-button-prev{width:14.9739583333vw}}.custom-module-repeater{width:100%;margin:0 auto 6.9vw}.custom-module-repeater .custom-module-repeater--wrapper{margin:-.3472222222vw;display:flex;flex-wrap:wrap;justify-content:center}.custom-module-repeater .module-wrapper{height:31.1805555556vw;width:50%;padding:.3472222222vw}.custom-module-repeater .custom-module-wrapper{width:100%;height:100%;position:relative}.custom-module-repeater .custom-module-wrapper .custom-module__front video,.custom-module-repeater .custom-module-wrapper .custom-module__front img{height:21.9444444444vw !important;width:auto !important;max-width:unset !important}@media(max-width: 768px){.custom-module-repeater{width:100%;margin:-5px auto 80px;margin-top:-.3472222222vw !important;margin-bottom:14vw !important}.custom-module-repeater .custom-module-repeater--wrapper{margin:0 !important}.custom-module-repeater .module-wrapper{height:66.6666666667vw;width:100%;padding:.3472222222vw 0 !important}.custom-module-repeater .custom-module-wrapper{width:100%;height:100%;position:relative}.custom-module-repeater .custom-module-wrapper .custom-module__front video,.custom-module-repeater .custom-module-wrapper .custom-module__front img{height:48.2666666667vw !important}}.section-flex-gallery{padding-bottom:6.9vw}.section-flex-gallery.no-bottom{padding-bottom:.6944444444vw}.section-flex-gallery .flex-gallery--wrapper{margin-inline:-.3472222222vw}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block{padding-bottom:.6944444444vw}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block:last-child{padding-bottom:0}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-one .media-item img,.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-one .media-item video{height:62.9861111111vw}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-two{display:flex}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-two .block__subcol{width:50%}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-two .block__subcol.subcol-hor{display:flex;flex-flow:column;justify-content:space-between}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-two .block__subcol.subcol-hor .media-item img,.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-two .block__subcol.subcol-hor .media-item video{height:31.1458333333vw}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-two .block__subcol.subcol-ver .media-item img,.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-two .block__subcol.subcol-ver .media-item video{height:63.0555555556vw}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-three{display:flex}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-three .block__col{width:33.3333333333%}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-three .block__col .media-item img,.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block.block-three .block__col .media-item video{height:46.5972222222vw}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block .media-item{padding-inline:.3472222222vw}.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block .media-item img,.section-flex-gallery .flex-gallery--wrapper .flex-gallery__block .media-item video{display:block;width:100%;height:auto;object-fit:cover}.section-gallery{margin-bottom:6.9vw}.section-gallery .gallery-wrapper{display:flex;flex-wrap:wrap;margin:-.3472222222vw -.3472222222vw}.section-gallery .gallery-wrapper .gallery__item-wrapper{padding:.3472222222vw .3472222222vw}.section-gallery .gallery-wrapper .gallery__item-wrapper.gallery__img-hor{width:100%}.section-gallery .gallery-wrapper .gallery__item-wrapper.gallery__img-hor .gallery__item__content{height:61.1805555556vw;width:100%}.section-gallery .gallery-wrapper .gallery__item-wrapper.gallery__img-hor .gallery__item__content img,.section-gallery .gallery-wrapper .gallery__item-wrapper.gallery__img-hor .gallery__item__content video{height:61.1805555556vw;width:100%}.section-gallery .gallery-wrapper .gallery__item-wrapper.gallery__img-ver{width:33.3333333333%}.section-gallery .gallery-wrapper .gallery__item-wrapper.gallery__img-ver .gallery__item__content{height:46.5972222222vw;width:100%}.section-gallery .gallery-wrapper .gallery__item-wrapper.gallery__img-ver .gallery__item__content img,.section-gallery .gallery-wrapper .gallery__item-wrapper.gallery__img-ver .gallery__item__content video{height:46.5972222222vw;width:100%}.section-gallery .gallery-wrapper .gallery__item-wrapper .gallery__item__content img,.section-gallery .gallery-wrapper .gallery__item-wrapper .gallery__item__content video{object-fit:cover}@media(max-width: 768px){.section-gallery{margin-bottom:14vw !important}.section-gallery .gallery-wrapper{margin-inline:0 !important}}.video-wrapper{width:67.137vw;height:39vw;overflow:hidden;margin:auto;position:relative}.video-wrapper video{width:100%}.video-wrapper .img-video{width:100%;height:100%;top:0;left:0;position:absolute}.video-wrapper .img-video img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}.video-wrapper .img-video .button-play{top:50%;position:relative;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;z-index:999}.video-wrapper .layer-video{width:67.137vw;height:39vw;position:absolute;z-index:999}.video-wrapper iframe{width:102%;height:102%;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.video-wrapper{margin-bottom:6.9vw}.video-wrapper .img-video-mobile{display:none;width:100%;height:100%;top:0;left:0;position:absolute}.video-wrapper .img-video-mobile img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}@media(max-width: 1024px){.video-wrapper{width:80.137vw;height:46vw}.video-wrapper .layer-video{width:80.137vw;height:46vw}.video-wrapper iframe{width:80.137vw;height:46.5vw}}@media(max-width: 768px){.video-wrapper{margin-bottom:14vw !important;width:100%;height:52vw}.video-wrapper .img-video-mobile{display:inherit;width:100%;height:100%;top:0;left:0;position:absolute}.video-wrapper .img-video-mobile img{width:100%;height:100%;position:absolute;top:0;left:0}.video-wrapper .layer-video{display:none}.video-wrapper iframe{display:none}.video-wrapper .button-play{display:none}}.img-small-wrapper{position:relative;width:67.137vw;margin:0 auto 6.9vw}.img-small-wrapper .item{height:auto;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.img-small-wrapper .item img,.img-small-wrapper .item video{max-width:100%;width:100% !important;height:100%;object-fit:cover}.img-small-wrapper .swiper-project-slider{height:37.26vw;margin:auto}.img-small-wrapper .swiper-project-slider .item{height:37.26vw;margin-bottom:0;display:flex;justify-content:center;align-items:center}.img-small-wrapper .swiper-project-slider .item img,.img-small-wrapper .swiper-project-slider .item video{max-width:100%;width:auto !important;height:100%;object-fit:cover}.img-small-wrapper .swiper-project-slider .item img.swiper-lazy{opacity:0;transition:opacity .4s ease}.img-small-wrapper .swiper-project-slider .item img.swiper-lazy.swiper-lazy-loaded{opacity:1}.img-small-wrapper .swiper-project-slider .swiper-button-next,.img-small-wrapper .swiper-project-slider .swiper-button-prev{position:absolute;top:50%;margin-top:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:4.347vw;height:1.173vw;opacity:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}.img-small-wrapper .swiper-project-slider .swiper-button-next::after,.img-small-wrapper .swiper-project-slider .swiper-button-prev::after{display:none}.img-small-wrapper .swiper-project-slider .swiper-button-next img,.img-small-wrapper .swiper-project-slider .swiper-button-prev img{display:block;width:100%;height:100%}.img-small-wrapper .swiper-project-slider .swiper-button-next{right:1.12%;left:auto}.img-small-wrapper .swiper-project-slider .swiper-button-prev{left:1.12%;right:auto}.img-small-wrapper .swiper-project-slider:hover .swiper-button-next,.img-small-wrapper .swiper-project-slider:hover .swiper-button-prev{opacity:1}.img-small-wrapper .swiper-project-slider:hover .swiper-button-next{right:2.12%}.img-small-wrapper .swiper-project-slider:hover .swiper-button-prev{left:2.12%}.img-small-wrapper .text-peu{position:absolute;left:1.311vw;bottom:1.311vw;z-index:9}.img-small-wrapper.white .text-peu{color:#fff}.parallax-wrapper{position:relative;height:62.9861111111vw;margin-bottom:6.9vw;overflow:hidden}.parallax-wrapper .parallax__image-wrapper{position:absolute;width:100%;height:120%;-webkit-transform:translate3d(0, -10%, 0);-moz-transform:translate3d(0, -10%, 0);-ms-transform:translate3d(0, -10%, 0);-o-transform:translate3d(0, -10%, 0);transform:translate3d(0, -10%, 0)}.parallax-wrapper .parallax{position:absolute;width:100%;height:100%;top:0}.parallax-wrapper .parallax img{position:absolute;width:100%;height:100%;object-fit:cover;left:0}.parallax-wrapper .text-peu{position:absolute;z-index:9;bottom:1.587vw;left:1.311vw}.parallax-wrapper.white .text-peu{color:#fff}.slider-big-wrapper{margin-bottom:6.9vw}.slide-wrapper{width:100%;overflow:hidden}#slide-container{width:max-content;display:flex}.images-wrapper{display:flex;align-items:center;margin-left:2.7777777778vw;background-color:#fff}.images-wrapper .item-image{width:auto;height:83.3333333333vh;margin-right:2.7777777778vw}.images-wrapper .item-image img{height:100%;object-fit:cover}.images-wrapper .item-image img.orientation-h{width:70.38vw}.images-wrapper .item-image img.orientation-v{width:32.844vw}.images-wrapper .item-image img.orientation-s{width:46.92vw}@media(min-width: 769px)and (max-width: 1270px){.images-wrapper .item-image{height:87.2222222222vh}.images-wrapper .item-image img.orientation-h{width:90.38vw}.images-wrapper .item-image img.orientation-v{width:55.844vw}.images-wrapper .item-image img.orientation-s{width:69.92vw}}@media(min-width: 1920px){.project .panel{height:44.92vw}.project .panel img.orientation-h{width:68.38vw}.project .panel img.orientation-v{width:30.844vw}.project .panel img.orientation-s{width:44.92vw}}@media(max-width: 1024px){.img-small-wrapper{width:80.137vw}.img-small-wrapper .swiper-project-slider{height:50.26vw}.img-small-wrapper .swiper-project-slider .item{height:50.26vw}}@media(max-width: 768px){.slider-big-wrapper,.parallax-wrapper,.img-small-wrapper{margin-bottom:14vw !important}.parallax-wrapper .text-peu{bottom:15px;left:15px}.img-small-wrapper{width:94.4444444444vw}.img-small-wrapper .swiper-project-slider{height:auto;width:100%}.img-small-wrapper .swiper-project-slider .swiper-button-prev,.img-small-wrapper .swiper-project-slider .swiper-button-next{height:100%;width:20%;top:0;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none}.img-small-wrapper .swiper-project-slider .swiper-button-prev img,.img-small-wrapper .swiper-project-slider .swiper-button-next img{display:none}.img-small-wrapper .swiper-project-slider .swiper-button-prev{left:0}.img-small-wrapper .swiper-project-slider .swiper-button-next{right:0}.img-small-wrapper .swiper-project-slider .item{height:57.2519083969vw}.img-small-wrapper .swiper-project-slider .item img{display:block;width:100% !important}.img-small-wrapper .item{width:100%;height:auto;margin-bottom:12px}.img-small-wrapper .item img{width:100%;height:100%}.img-small-wrapper .item:last-child{margin-bottom:0}.img-small-wrapper .text-peu{width:94.4444444444vw;margin:auto;position:relative;text-align:left}.slide-wrapper{overflow-x:scroll}.images-wrapper .item-image{height:90vw}.images-wrapper .item-image img.orientation-v,.images-wrapper .item-image img.orientation-h,.images-wrapper .item-image img.orientation-s{width:auto}}.text-wrapper{position:relative;z-index:999;margin-bottom:6.9vw}.text-wrapper .text{width:38.64vw;margin:auto}.text-wrapper .text h4{color:#001df5}.text-wrapper .text p{text-align:left}.text-wrapper .text a{color:#001df5}@media(max-width: 1440px){.text-wrapper .text{width:560px}}@media(max-width: 768px){.text-wrapper{margin-bottom:14vw !important}.text-wrapper .text{width:100%}}section.section-homepage .homepage--content{padding-bottom:140px}section.section-homepage .homepage--content .homepage__intro{position:fixed;padding-top:150px;padding-bottom:90px;width:94.4444444444vw;margin:auto}@media(max-width: 768px){section.section-homepage .homepage--content .homepage__intro{width:95.7333333333vw;line-height:28px !important}}section.section-homepage .homepage--content .homepage__intro p,section.section-homepage .homepage--content .homepage__intro h1,section.section-homepage .homepage--content .homepage__intro h2,section.section-homepage .homepage--content .homepage__intro h3,section.section-homepage .homepage--content .homepage__intro h4,section.section-homepage .homepage--content .homepage__intro h5,section.section-homepage .homepage--content .homepage__intro h6{display:inline}section.section-homepage .homepage--content .homepage__projects{padding-top:200px;position:relative;width:100vw;margin-left:-2.7777777778vw;z-index:110;opacity:0;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item--inner{height:100%}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item{display:block;position:relative;padding:2.7777777778vw;height:62.2222222222vw;margin-top:-2px}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item--info{display:flex;flex-flow:column;position:sticky;top:2.7777777778vw;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__title{display:none;order:2}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__desc{order:3}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__tags{order:1;display:flex;flex-wrap:wrap;padding-bottom:5px}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__tags li{display:flex;align-items:center}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__tags li::after{content:"-";padding-inline:4px}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__tags li:last-child::after{content:""}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__img img,section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__img video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__img img{z-index:2}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__img video{z-index:1}body.header-home-open section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item--info{top:6.25vw}#home-slider-wrapper{position:relative;width:100vw;height:100vh}#home-slider-wrapper .home-wrapper{width:100%;height:100vh}#home-slider-wrapper .home-img-wrapper{width:85%;height:76vh;overflow:hidden;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute;text-align:center}#home-slider-wrapper .home-img-wrapper img,#home-slider-wrapper .home-img-wrapper video{max-width:103%;height:76vh;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;object-fit:contain}#home-slider-wrapper .home-wrapper a:hover img,#home-slider-wrapper .home-wrapper a:hover video{-webkit-transform:translate3d(0, -1%, 0) scale(1.03);-moz-transform:translate3d(0, -1%, 0) scale(1.03);-ms-transform:translate3d(0, -1%, 0) scale(1.03);-o-transform:translate3d(0, -1%, 0) scale(1.03);transform:translate3d(0, -1%, 0) scale(1.03)}#home-slider-wrapper .home-wrapper a:hover .link-underline{background-size:100% 2px,auto}#home-slider-wrapper .row-bottom-text-wrapper{position:absolute;bottom:2.8vw;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.link-home{position:absolute;right:4.4vw;bottom:2.8vw;z-index:15}.text-wrapper-home{padding:14vw 0 18vw}.text-wrapper-home p a{color:#001df5}@media(max-width: 768px){section.section-homepage .homepage--content{padding-top:0;padding-bottom:74px}section.section-homepage .homepage--content .homepage__intro{position:relative;padding-top:0;padding-bottom:30px}section.section-homepage .homepage--content .homepage__projects{padding-top:0 !important;margin-left:-2.1333333333vw}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item{padding:10px 2.1333333333vw;height:71.4666666667vw;margin-top:0}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item--info{position:relative;top:0 !important}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__tags{padding-bottom:0}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__title{display:block}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item .homepage__projects__item__desc{display:none}}@media(max-width: 768px){.row-bottom-text-wrapper,.link-home{display:none}#home-slider-wrapper{height:66.6666666667vw;width:100%}#home-slider-wrapper .home-img-wrapper{width:100%;height:100%;left:inherit;top:inherit;-webkit-transform:inherit;-moz-transform:inherit;-ms-transform:inherit;-o-transform:inherit;transform:inherit}#home-slider-wrapper .home-img-wrapper img,#home-slider-wrapper .home-img-wrapper video{width:100%;height:66.6666666667vw;object-fit:cover}.text-wrapper-home{padding:165px 0}}@media(max-width: 375px){section.section-homepage .homepage--content{padding-bottom:19.7333333333vw}section.section-homepage .homepage--content .homepage__intro{padding-bottom:8vw}section.section-homepage .homepage--content .homepage__projects{margin-left:-2.1333333333vw}section.section-homepage .homepage--content .homepage__projects .homepage__projects__item{padding:10px 2.1333333333vw}}.content-pages h3{padding-bottom:4.485vw}.text-wrapper-pages{padding-top:8.625vw}.text-wrapper-pages,.workflow-wrapper,.services-wrapper{padding-bottom:13.455vw}.team-wrapper{display:flex;flex-wrap:wrap}.team-wrapper .team__item{width:50%;position:relative}.team-wrapper .team__item img{width:100%;height:100%;object-fit:cover}.team-wrapper .team__item .team__item__name{opacity:0;position:absolute;color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .45s ease-out 0s;-moz-transition:all .45s ease-out 0s;-ms-transition:all .45s ease-out 0s;-o-transition:all .45s ease-out 0s;transition:all .45s ease-out 0s}.team-wrapper .team__item:hover .team__item__name{opacity:1;-webkit-transition:all .45s ease-out .15s;-moz-transition:all .45s ease-out .15s;-ms-transition:all .45s ease-out .15s;-o-transition:all .45s ease-out .15s;transition:all .45s ease-out .15s}.grafic-wrapper{color:#001df5;position:relative;min-height:36vw;margin-top:6.555vw}.grafic-wrapper .grafic__circle-center{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);position:absolute;width:28.428vw;height:28.428vw;text-align:center;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);-moz-box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);background-color:#fff}.grafic-wrapper .grafic__circle{width:13.248vw;height:13.248vw;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;-webkit-box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);-moz-box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);box-shadow:0px 0px 15px 0px rgba(0,44,235,.2);background-color:#fff}.grafic-wrapper .circle-1{top:-6.624vw}.grafic-wrapper .circle-2{top:0;right:-6.624vw}.grafic-wrapper .circle-3{bottom:0;right:-6.624vw}.grafic-wrapper .circle-4{bottom:-6.624vw}.grafic-wrapper .circle-5{bottom:0;left:-6.624vw}.grafic-wrapper .circle-6{top:0;left:-6.624vw}.services{width:100%;display:flex;justify-content:space-between}.services p:last-child{padding-right:2vw}.values-wrapper{padding-bottom:6.6vw}.values{width:100%;display:flex;flex-wrap:wrap;text-align:center;justify-content:space-between}.values h5{line-height:1.75em}.values>div{width:29%;margin-bottom:6.9vw}@media(max-width: 768px){#nosaltres-content{padding-top:18.5vh}.text-wrapper-pages,.workflow-wrapper,.services-wrapper{padding-bottom:100px}.text-wrapper-pages{padding-top:65px}.content-pages h3{padding-bottom:60px}.team-wrapper .team__item{width:100%}.services{flex-wrap:wrap;padding:0 60px}.services>p{width:100%;padding-bottom:35px}.values>div{width:100%;margin-bottom:50px}.contact-wrapper{padding-top:80px;padding-bottom:120px}.contact-wrapper h3{padding-bottom:0}.grafic-wrapper{min-height:300px;margin-top:60px}.grafic-wrapper .grafic__circle-center{width:241px;height:241px}.grafic-wrapper .grafic__circle{width:112px;height:112px}.grafic-wrapper .circle-1{top:-56px}.grafic-wrapper .circle-2,.grafic-wrapper .circle-3{right:-56px}.grafic-wrapper .circle-4{bottom:-56px}.grafic-wrapper .circle-5,.grafic-wrapper .circle-6{left:-56px}}@media(max-width: 480px){.grafic-wrapper{min-height:79.77vw}.grafic-wrapper .grafic__circle-center{width:64.0819vw;height:64.0819vw}.grafic-wrapper .grafic__circle{width:29.7808vw;height:29.7808vw}.grafic-wrapper .circle-1{top:-14.8904vw}.grafic-wrapper .circle-2,.grafic-wrapper .circle-3{right:-14.8904vw}.grafic-wrapper .circle-4{bottom:-14.8904vw}.grafic-wrapper .circle-5,.grafic-wrapper .circle-6{left:-14.8904vw}}body.form .header-desktop .menu li.only-form{display:inherit}body.form .header-desktop .menu li:nth-child(3){display:none}.shopify-form-page{padding-top:230px;margin-bottom:250px}.shopify-form-page .wpcf7-response-output{position:relative;width:100%}.shopify-form__content{width:470px;margin:auto}@media(min-width: 1920px){.shopify-form__content{width:32.43vw}}@media(max-width: 640px){.shopify-form__content{width:100%}}.shopify-form__content h2,.shopify-form__content h1{text-align:center}.shopify-form__content h2{text-transform:uppercase}.shopify-form__content .shopify-form{margin-top:50px}.shopify-form__content .shopify-form label,.shopify-form__content .shopify-form p{margin-top:15px}.shopify-form__content .shopify-form input[type=text],.shopify-form__content .shopify-form input[type=submit],.shopify-form__content .shopify-form input[type=email],.shopify-form__content .shopify-form input[type=tel],.shopify-form__content .shopify-form textarea,.shopify-form__content .shopify-form select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:60px;border:1px solid #707070;border-radius:4px;padding:10px;margin-top:10px;background-color:#fff}.shopify-form__content .shopify-form input[type=submit]{background-color:#001df5;bottom:0;color:#fff}.shopify-form__content .shopify-form textarea{height:200px}body.single-projects article{overflow:hidden}.single-project .single-project__header{position:relative;top:0;z-index:1;width:100%;height:100vh;overflow:hidden}.single-project .single-project__header .parallax-page-transition{position:absolute;width:100%;height:100%}.single-project .single-project__header .parallax-page-transition.no-parallax{height:100%;transform:none}.single-project .single-project__header .single-project__header__content{position:absolute;width:100%;height:100%;top:0}.single-project .single-project__header .single-project__header__content img,.single-project .single-project__header .single-project__header__content video{position:absolute;width:100%;height:100%;object-fit:cover}.single-project .single-project__header.white .svg-wrapper svg:first-child .arrow-down-black{stroke:#fff !important}.single-project .single-project__header.white .svg-wrapper .svg-wrapper-blue svg .arrow-down-blue{stroke:#001df5 !important}.single-project .single-project__header.white .arrow-down-black{fill:none;stroke:#fff;stroke-width:2}body .single-project__content p>a:after{background-color:#001df5;width:100%;opacity:1;display:none}.single-project__content .title h1{width:100%}.arrow-down-home{position:absolute;bottom:2.5vw;left:50%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);margin-left:-0.4em;height:2.001vw;width:1.104vw;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;cursor:pointer;z-index:999}.arrow-down-home .svg-wrapper{width:100%;height:100%;overflow:hidden;top:0;left:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all .64s ease-out;transition:all .64s ease-out}.arrow-down-home .svg-wrapper svg{position:absolute;height:2.001vw !important;width:1.104vw !important;top:0;left:0}.arrow-down-home .svg-wrapper .svg-wrapper-blue{width:100%;overflow:hidden;top:0;left:0;height:0;position:absolute;display:block;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.single-project__header.white .arrow-down-home{stroke:#fff}.arrow-down-home:hover .svg-wrapper{-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)}.arrow-down-home:hover .svg-wrapper .svg-wrapper-blue{height:100%}.arrow-down-black{fill:none;stroke:#000;stroke-width:2}.arrow-down-blue{fill:none;stroke:#001df5;stroke-width:2}.single-project__content{padding-top:4.83vw}.title-wrapper{margin-bottom:5.52vw}.single-project__content p>a,.legal-wrapper p>a{color:#001df5;overflow:hidden;position:relative}.single-project__content p>a:after,.legal-wrapper p>a:after{-webkit-transition:all .3s;transition:all .3s;position:absolute;content:"";display:block;width:0;height:.05em;min-height:1px;bottom:1px;left:50%;opacity:0;background:#001df5;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.single-project__content p>a:hover:after,.legal-wrapper p>a:hover:after{width:100%;opacity:1}@media(max-width: 768px){.arrow-down-home{display:none}.single-project__content{padding-top:0}.title-wrapper{margin-bottom:0}.single-project .single-project__header{height:66.6666666667vw;margin-top:18.3723797781vh}.single-project .single-project__header .parallax-page-transition{height:100%;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none}.single-project .single-project__header .single-project__header__content .custom-module-wrapper .custom-module__front video,.single-project .single-project__header .single-project__header__content .custom-module-wrapper .custom-module__front img{max-height:unset !important}.single-project .single-project__header .single-project__header__content .custom-module-wrapper .custom-module__front video.horizontal,.single-project .single-project__header .single-project__header__content .custom-module-wrapper .custom-module__front img.horizontal{height:48.5333333333vw !important;width:auto;max-width:93.8666666667vw}.single-project .single-project__header .single-project__header__content .custom-module-wrapper .custom-module__front video.vertical,.single-project .single-project__header .single-project__header__content .custom-module-wrapper .custom-module__front img.vertical{height:48.5333333333vw !important}}.wrapper-projects{margin-inline:-0.625vw;display:flex;flex-wrap:wrap}.wrapper-projects__item{width:33.3333333333%;padding:0 .625vw;margin-bottom:7.935vw}.wrapper-projects__item .item__img{width:100%;height:19.7302vw;margin-bottom:23px;overflow:hidden}.wrapper-projects__item .item__img img,.wrapper-projects__item .item__img video{width:100%;height:19.7302vw;object-fit:cover;-moz-transition:all .7s ease;-webkit-transition:all .7s ease;transition:all .7s ease}.wrapper-projects__item:hover .custom-module-wrapper .custom-module__background img,.wrapper-projects__item:hover .custom-module-wrapper .custom-module__background video{transform:none}.wrapper-projects__item:hover img,.wrapper-projects__item:hover video{-webkit-transform:translate3d(0, -1%, 0) scale(1.03);-moz-transform:translate3d(0, -1%, 0) scale(1.03);-ms-transform:translate3d(0, -1%, 0) scale(1.03);-o-transform:translate3d(0, -1%, 0) scale(1.03);transform:translate3d(0, -1%, 0) scale(1.03)}.wrapper-projects__item:hover .item__title{color:#001df5}.single-project__content .title-wrapper{margin-inline:auto}.item__title,.single-project__content .title-wrapper{width:29.6vw;text-align:center;display:flex;flex-flow:column-reverse;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}.item__title .tags,.single-project__content .title-wrapper .tags{display:flex;text-transform:uppercase;flex-wrap:wrap;align-items:center;justify-content:center;padding-bottom:.5em}.item__title .tags .tag__item,.single-project__content .title-wrapper .tags .tag__item{display:flex}.item__title .tags .tag__item::after,.single-project__content .title-wrapper .tags .tag__item::after{content:"-";margin-inline:5px}.item__title .tags .tag__item:last-child::after,.single-project__content .title-wrapper .tags .tag__item:last-child::after{display:none}.section-projects-head{padding-bottom:70px}.section-projects-head .projects-head--content .projects-head__desc{text-align:center}.section-projects-head .projects-head--content .projects-head__desc p,.section-projects-head .projects-head--content .projects-head__desc h1,.section-projects-head .projects-head--content .projects-head__desc h2,.section-projects-head .projects-head--content .projects-head__desc h3,.section-projects-head .projects-head--content .projects-head__desc h4,.section-projects-head .projects-head--content .projects-head__desc h5,.section-projects-head .projects-head--content .projects-head__desc h6{display:inline}.projects .custom-module-wrapper{height:100%;width:100%;margin-bottom:0}.projects .custom-module-wrapper .custom-module__front video,.projects .custom-module-wrapper .custom-module__front img{height:80% !important;max-width:100%}.single-project__header__content .custom-module-wrapper .custom-module__front video,.single-project__header__content .custom-module-wrapper .custom-module__front img{height:38.1944444444vw !important}.custom-module-wrapper{position:relative;height:43.75vw;margin-bottom:6.9vw}.custom-module-wrapper.banner{width:100%;height:100%}.custom-module-wrapper.padding-y{height:62.9861111111vw}.custom-module-wrapper .custom-module__background{position:absolute;top:0;left:0;height:100%;width:100%}.custom-module-wrapper .custom-module__background video,.custom-module-wrapper .custom-module__background img{width:100%;height:100%;display:block;object-fit:cover !important}.custom-module-wrapper .custom-module__front{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.custom-module-wrapper .custom-module__front video,.custom-module-wrapper .custom-module__front img{position:relative !important;height:43.75vw;max-width:100%;width:auto !important;object-fit:contain !important;opacity:0;transition:all .3s ease}.custom-module-wrapper .custom-module__front video.visible,.custom-module-wrapper .custom-module__front img.visible{opacity:1;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.3);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.3);box-shadow:0px 0px 5px 0px rgba(0,0,0,.3)}.text-peu{display:none}@media(max-width: 1024px){.single-project__header__content .custom-module-wrapper .custom-module__front video,.single-project__header__content .custom-module-wrapper .custom-module__front img{height:73.73046875vw !important}}@media(max-width: 992px){.wrapper-projects__item{width:50%}.wrapper-projects__item .item__img{height:30.9475806452vw}.wrapper-projects__item .item__img img,.wrapper-projects__item .item__img video{height:30.9475806452vw}.item__title{width:100%}}@media(max-width: 768px){body.projects .projects .container{width:100%}.wrapper-projects{margin-right:0;margin-left:0}.wrapper-projects__item{width:100%;padding:0;margin-bottom:65px}.wrapper-projects__item .item__img{width:100%;height:auto;margin-bottom:20px}.wrapper-projects__item .item__img img,.wrapper-projects__item .item__img video{width:100%;height:auto}.item__title{padding:0 25px;width:100%}.new-projects{text-align:center;padding:80px 25px 145px}.new-projects h5{color:#001df5}.projects .custom-module-wrapper{height:67.7333333333vw;width:100vw;margin-bottom:0}.projects .custom-module-wrapper .custom-module__background video,.projects .custom-module-wrapper .custom-module__background img{height:100%;width:100%}.projects .custom-module-wrapper .custom-module__front video,.projects .custom-module-wrapper .custom-module__front img{height:auto !important;width:auto !important;max-width:80vw;max-height:53.3333333333vw}.single-project__content .title-wrapper{width:100%;min-height:175px;height:26.140567201vh;display:flex;flex-flow:column;justify-content:center;align-items:center}.single-project__content .title-wrapper .title{padding-bottom:4px}.custom-module-wrapper{margin-bottom:80px}}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -webkit-transform-origin: center bottom;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: headShake;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-animation-name: swing;
    -webkit-transform-origin: top center;
    animation-name: swing;
    transform-origin: top center
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    -webkit-transform-origin: center;
    animation-name: jello;
    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-duration: 1.3s;
    -webkit-animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 1.3s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-duration: .75s;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(3000px, 0, 0);
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(3000px, 0, 0);
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-duration: .75s;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 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% {
        -webkit-transform: translate3d(0, 20px, 0);
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, 20px, 0);
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}


/*
 ANIMATED BY ANNA
 */

@-webkit-keyframes fadeOutLeftSmall {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-10%, 0, 0);
        opacity: 0;
        transform: translate3d(-10%, 0, 0)
    }
}

@keyframes fadeOutLeftSmall  {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-10%, 0, 0);
        opacity: 0;
        transform: translate3d(-10%, 0, 0)
    }
}

.fadeOutLeftSmall  {
    -webkit-animation-name: fadeOutLeftSmall ;
    animation-name: fadeOutLeftSmall
}



@-webkit-keyframes fadeInRightSmall {
    0% {
        -webkit-transform: translate3d(10%, 0, 0);
        opacity: 0;
        transform: translate3d(10%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightSmall {
    0% {
        -webkit-transform: translate3d(10%, 0, 0);
        opacity: 0;
        transform: translate3d(10%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightSmall {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall
}



@-webkit-keyframes fadeOutTopSmall {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -10%, 0);
        opacity: 0;
        transform: translate3d(0, -10%, 0)
    }
}

@keyframes fadeOutTopSmall  {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -10%, 0);
        opacity: 0;
        transform: translate3d(0, -10%, 0)
    }
}

.fadeOutTopSmall  {
    -webkit-animation-name: fadeOutToptSmall ;
    animation-name: fadeOutTopSmall
}



@-webkit-keyframes fadeInBottomSmall {
    0% {
        -webkit-transform: translate3d(0, 10%, 0);
        opacity: 0;
        transform: translate3d(0, 10%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomSmall {
    0% {
        -webkit-transform: translate3d(0, 10%, 0);
        opacity: 0;
        transform: translate3d(0, 10%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInBottomSmall {
    -webkit-animation-name: fadeInBottomSmall;
    animation-name: fadeInBottomSmall
}












/*
 END ANIMATED BY ANNA
 */


@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }
    40% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }
    50% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }
    80% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
    }
    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }
    40% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }
    50% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }
    80% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
    }
    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animated.flip {
    -webkit-animation-name: flip;
    -webkit-backface-visibility: visible;
    animation-name: flip;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipInX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    animation-name: flipInY;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutY;
    backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }
    60% {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg)
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }
    60% {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg)
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }
    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center
    }
    to {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center
    }
    to {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }
    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }
    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }
    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }
    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }
    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }
    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }
    to {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }
    to {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }
    20%, 60% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }
    40%, 80% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        opacity: 0;
        transform: translate3d(0, 700px, 0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }
    20%, 60% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }
    40%, 80% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        opacity: 0;
        transform: translate3d(0, 700px, 0)
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-duration: 2s;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.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: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion),(print) {
    .animated {
        -webkit-animation: unset !important;
        -webkit-transition: none !important;
        animation: unset !important;
        transition: none !important
    }
}