@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel&display=swap";@import"https://use.fontawesome.com/releases/v5.10.2/css/all.css";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;line-height:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}html{overflow-y:scroll}img{vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input,textarea{margin:0;padding:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}a{text-decoration:none}button{border:none;background-color:inherit;cursor:pointer;-webkit-appearance:none;border-radius:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}body *{-webkit-text-size-adjust:100%}a img{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}a:hover{text-decoration:underline}a:hover img{opacity:.8}iframe[name=google_conversion_frame]{position:absolute;top:0}input[type=button],input[type=submit]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}input[type=button]::-webkit-search-decoration,input[type=submit]::-webkit-search-decoration{display:none}input[type=button]::focus,input[type=submit]::focus{outline-offset:-2px}html{font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-weight:400;font-size:62.5%}body{color:#0e0d0d;font-size:15px;font-size:1.5rem;line-height:1.8}body.admin-bar{padding-top:32px}a{color:#0e0d0d}img{max-width:100%;height:auto}body{font-size:13px;font-size:1.3rem}body.pages{padding-top:95px}@media(max-width: 991.98px){body.pages{padding-top:70px}}body.top{padding-top:90px}section.section{padding:40px 0}@media(max-width: 767.98px){section.section{padding:20px 0}}.l-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:95px;background-color:hsla(0,0%,100%,.7);position:fixed;top:0;z-index:3}body.admin-bar .l-header{top:32px}@media screen and (max-width: 782px){body.admin-bar .l-header{position:sticky;top:0}}.l-logo{margin-left:30px}.l-navi{display:-webkit-box;display:-ms-flexbox;display:flex}.l-navi ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.l-navi-text{margin-right:25px}.l-navi-text.parent{position:relative}.l-navi-text.parent .child{position:absolute;display:none;height:0;-webkit-transition:.3s ease all;transition:.3s ease all}.l-navi-text.parent .child li{position:relative;padding:10px 15px}.l-navi-text.parent .child li::before{content:"›";position:absolute;top:50%;left:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:17px;font-size:1.7rem}.l-navi-text.parent:hover .child{height:auto;display:block;width:calc(15em + 20px);top:19px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:40px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transform:translateX(calc(-20% - 10px));transform:translateX(calc(-20% - 10px))}.l-navi-text.parent:hover .child li{background-color:hsla(0,0%,100%,.75)}.l-navi-contact{font-size:1.4rem;line-height:1.5;letter-spacing:.05em;margin-right:25px}.l-navi-contact .m-telLink{color:#086ea9;font-size:2.3rem;line-height:1.3913043478;letter-spacing:-0.025em}.l-navi-contact i{margin-right:5px}.l-navi-contact-mail{font-size:1.5rem;line-height:1.4;letter-spacing:.05em}.l-navi-btn{display:block;width:94px;height:94px;font-size:1.4rem;line-height:1.2857142857;letter-spacing:.025em;text-align:center;padding:10px 0;margin:0}.l-navi-btn-catalog{background-color:#00a199}.l-navi-btn-catalog a{color:#fff}.l-navi-btn-catalog img{display:block;margin:0 auto 5px}.l-navi-btn-mail{display:none;background-color:#4cbdb8}.l-navi-btn-mail a{color:#fff;letter-spacing:-0.025em}.l-navi-btn-mail img{display:block;margin:8px auto 5px}.l-navi-btn-bar{display:none;background-color:#226db6;position:relative}.l-navi-btn-bar span{position:absolute;left:25px;width:45px;height:3px;background-color:#fff;border-radius:3px}.l-navi-btn-bar span:nth-of-type(1){top:27px}.l-navi-btn-bar span:nth-of-type(2){top:47px}.l-navi-btn-bar span:nth-of-type(3){bottom:27px}.l-navi-btn-bar.active span:nth-of-type(1){-webkit-transform:translateY(13px) rotate(-45deg);transform:translateY(13px) rotate(-45deg)}.l-navi-btn-bar.active span:nth-of-type(2){opacity:0}.l-navi-btn-bar.active span:nth-of-type(3){-webkit-transform:translateY(-13px) rotate(45deg);transform:translateY(-13px) rotate(45deg)}.l-footer{position:relative;background-color:#fff}.l-footer-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.l-footer-banner li{position:relative;width:16.6666666667%}.l-footer-banner li:not(:last-of-type)::after{content:"";display:block;width:1px;height:80%;background-color:#000;position:absolute;right:0;top:10%}.l-footer-cta{background:linear-gradient(to bottom, #0075C2, #004EA2);padding:80px 0;color:#fff}@media(max-width: 767.98px){.l-footer-cta{padding:40px 0}}.l-footer-cta__inner{max-width:1000px;margin:0 auto;padding:0 20px;text-align:center}.l-footer-cta__title{font-size:3.2rem;font-weight:bold;margin:0 0 10px 0;display:flex;flex-direction:column;align-items:center}@media(max-width: 767.98px){.l-footer-cta__title{font-size:2.4rem}}.l-footer-cta__title-en{font-size:1.4rem;font-weight:400;letter-spacing:.2em;opacity:.8}@media(max-width: 767.98px){.l-footer-cta__title-en{font-size:1.2rem}}.l-footer-cta__title-jp{font-size:3.2rem;font-weight:bold;letter-spacing:.1em}@media(max-width: 767.98px){.l-footer-cta__title-jp{font-size:2.4rem}}.l-footer-cta__line{max-width:600px;height:1px;background-color:#fff;margin:0 auto 20px auto}.l-footer-cta__text{font-size:1.6rem;line-height:1.8;margin:0 0 30px 0}@media(max-width: 767.98px){.l-footer-cta__text{font-size:1.4rem;margin-bottom:30px}}.l-footer-cta__contact{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}@media(max-width: 767.98px){.l-footer-cta__contact{flex-direction:column;gap:15px;margin-bottom:30px}}.l-footer-cta__contact-icon{width:60px;height:60px;background-color:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width: 767.98px){.l-footer-cta__contact-icon{width:50px;height:50px}}.l-footer-cta__contact-icon i{font-size:2.4rem;color:#fff}@media(max-width: 767.98px){.l-footer-cta__contact-icon i{font-size:2rem}}.l-footer-cta__contact-info{text-align:left}@media(max-width: 767.98px){.l-footer-cta__contact-info{text-align:center}}.l-footer-cta__contact-text{font-size:1.6rem;font-weight:600;margin-bottom:5px}@media(max-width: 767.98px){.l-footer-cta__contact-text{font-size:1.4rem}}.l-footer-cta__contact-hours{font-size:1.4rem;opacity:.9}@media(max-width: 767.98px){.l-footer-cta__contact-hours{font-size:1.2rem}}.l-footer-cta__contact-tel{font-size:4.8rem;font-weight:bold;letter-spacing:-0.05em}@media(max-width: 767.98px){.l-footer-cta__contact-tel{font-size:3.6rem}}.l-footer-cta__contact-tel a{color:#fff;text-decoration:none;transition:opacity .3s ease}.l-footer-cta__contact-tel a:hover{opacity:.8}.l-footer-cta__buttons{display:flex;flex-direction:column;gap:15px;max-width:600px;margin:0 auto}.l-footer-cta__button-row{display:flex;gap:15px}.l-footer-cta__button-row--two .l-footer-cta__button{flex:1}@media(max-width: 767.98px){.l-footer-cta__button-row--two{flex-direction:column;gap:10px}}.l-footer-cta__button{display:block;width:100%;padding:15px 20px;background-color:rgba(0,0,0,0);border:2px solid #fff;color:#fff;text-decoration:none;font-size:1.5rem;font-weight:600;text-align:center;border-radius:10px;transition:all .3s ease;position:relative}@media(max-width: 767.98px){.l-footer-cta__button{font-size:1.3rem;padding:12px 15px}}.l-footer-cta__button:hover{background-color:#fff;color:#0075c2;text-decoration:none}.l-footer-cta__button::after{content:url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L6.5 6.5L1 1' stroke='white'/%3E%3C/svg%3E");position:absolute;right:15px;top:15px;width:8px;height:13px}.l-footer-cta__button:hover::after{content:url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L6.5 6.5L1 1' stroke='%230075C2'/%3E%3C/svg%3E")}.l-footer-contact{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ebecec;margin-top:20px}.l-footer-contact-title{font-size:2rem;line-height:1.9;letter-spacing:.05em}.l-footer-contact li{width:33.3333333333%;text-align:center;padding:25px 10px}.l-footer-contact li:nth-of-type(2){background-color:#e3e3e3}.l-footer-contact .m-telLink{color:#086ea9;font-size:4.5rem;line-height:1.6888888889;letter-spacing:-0.025em;font-weight:500}.l-footer-contact .m-telLink i{font-size:75%;vertical-align:5px;margin-right:5px}.l-footer-contact-mail{color:#086ea9;font-size:4rem;line-height:1.725;letter-spacing:.05em;font-weight:500}.l-footer-info{color:#fff;padding:40px;background-color:#226db6}.l-footer-info address{font-size:1.4rem;line-height:1.3571428571;letter-spacing:.05em;margin:15px 0}.l-footer-info-content{display:flex;align-items:center;gap:30px}.l-footer-info-wrap{display:flex}.l-footer-info-box{padding-right:70px;border-right:4px solid #fff}.l-footer-info-box:not(:first-of-type){padding-left:25px}.l-footer-info-box-text{font-size:1.3rem;line-height:1.6923076923;letter-spacing:.05em}.l-footer-info-box-title{font-size:1.6rem;line-height:1.375;letter-spacing:.05em}.l-footer-info-box-flex{display:-webkit-box;display:-ms-flexbox;display:flex;border-right:none}.l-footer-info-box-flex ul{margin-right:30px}.l-footer-info-box-flex ul:last-child{margin-right:0}.l-footer-info-box-flex li{padding-left:15px;background-image:url(//www.sekisuiheim.co.jp/cms2/wp-content/themes/heimsystem/assets/img/arrow_r_w.png);background-repeat:no-repeat;background-size:11px 9px;background-position:left center}.l-footer-info-box-flex a{display:inline-block;color:#fff;font-size:1.3rem;line-height:1.6923076923;letter-spacing:.05em}.l-footer-owner__button{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#fff;color:#226db6;text-decoration:none;border-radius:25px;font-size:1.4rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .3s ease}.l-footer-owner__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);text-decoration:none}.l-footer-owner__text{white-space:nowrap}.l-footer-owner__arrow{font-size:1.6rem;font-weight:bold;transition:transform .3s ease}.l-footer-owner__button:hover .l-footer-owner__arrow{transform:translateX(3px)}.l-footer .copy{margin-top:15px}.l-footer .copy small{display:inline-block;font-family:Cinzel,serif;font-size:1.2rem;line-height:1.25;letter-spacing:.2em}.pagetop{position:absolute;right:20px;bottom:50px}@media screen and (max-width: 640px){.l-logo{width:120px;margin-left:4.375%}.l-navi-text a{padding:10px 10px}.l-navi-text.parent{padding:10px 10px}.l-navi-text.parent .child{position:static;display:block !important;opacity:0}.l-navi-text.parent .child li::before{left:5px}.l-navi-text.parent .child li{padding:0 10px}.l-navi-text.parent:hover .child{width:100%;-webkit-transform:translateX(0);transform:translateX(0);padding-top:10px;opacity:1}.l-navi-text.parent:hover .child li{background-color:rgba(0,0,0,0)}.l-footer-banner li:not(:last-of-type)::after{display:none}.l-footer-contact .m-telLink{font-size:33px;font-size:3.3rem}.l-footer-contact-mail{font-size:33px;font-size:3.3rem}.l-footer-info{padding:4.375%;padding-top:20px;padding-bottom:90px}.l-footer-info-box-flex a{font-size:12px;font-size:1.2rem}.l-footer .copy{padding-right:50px}.l-footer .copy small{font-size:10px;font-size:1rem;letter-spacing:0}.l-footer-owner{align-self:center}}@media screen and (max-width: 640px)and (max-width: 767.98px){.l-footer-owner{margin-bottom:60px}}@media screen and (max-width: 640px){.l-footer-owner__button{padding:10px 16px;font-size:1.2rem}.l-footer-owner__arrow{font-size:1.4rem}.pagetop{bottom:20px}}@media screen and (max-width: 640px)and (max-width: 767.98px){.pagetop{bottom:90px}}@media screen and (max-width: 1620px){.l-header{height:74px}.l-logo{width:270px;margin-left:20px}.l-navi-text{margin-right:16px;font-size:12px;font-size:1.2rem}.l-navi-text.parent:hover .child{top:7px}.l-navi-contact{display:none}.l-navi-btn{width:74px;height:74px;padding:4px 0;font-size:12px;font-size:1.2rem}.l-navi-btn-catalog img{width:20px;margin-top:3px}.l-navi-btn-mail{display:block}.l-navi-btn-mail img{width:30px;margin-top:8px}.l-footer-info-box{width:38%;padding-right:30px}.l-footer-info-box-flex{-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto}.l-footer-info-box-flex ul{width:calc(48% - 15px);margin-right:15px;margin-bottom:20px}}@media screen and (max-width: 768px){.l-header{-ms-flex-wrap:wrap;flex-wrap:wrap;height:60px}.l-logo{width:230px}.l-navi ul:first-of-type{display:none;position:fixed;top:60px;left:0;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;background-color:hsla(0,0%,100%,.7)}.l-navi-text{margin-right:0}.l-navi-text a{display:block;padding:15px 30px;font-size:13px;font-size:1.3rem}.l-navi-btn{width:60px;height:60px;font-size:10px;font-size:1rem;padding:2px 0}.l-navi-btn-catalog img{width:20px;margin-top:2px}.l-navi-btn-mail img{width:26px;margin-top:7px}.l-navi-btn-bar{display:block}.l-navi-btn-bar span{width:36px;left:13px}.l-navi-btn-bar span:nth-of-type(1){top:15px}.l-navi-btn-bar span:nth-of-type(2){top:29px}.l-navi-btn-bar span:nth-of-type(3){bottom:15px}.l-footer-banner{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:20px}.l-footer-banner li{width:50%;text-align:center}.l-footer-contact{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.l-footer-contact-title{font-size:16px;font-size:1.6rem}.l-footer-contact li{width:100%;padding:10px}.l-footer-contact li img{max-width:80%}.l-footer-info-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;align-items:baseline;gap:20px}.l-footer-info-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.l-footer-info-box{width:auto;padding-right:0;padding-bottom:15px;border-right:none;border-bottom:1px solid #fff}.l-footer-info-box:not(:first-of-type){padding-left:0;padding-top:15px}.l-footer-info-box:last-of-type{padding-bottom:0;border-bottom:none}.l-footer-info-box-flex ul{width:50%;margin-right:0;margin-bottom:0}}.m-header{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000}.admin-bar .m-header{top:32px}@media screen and (max-width: 782px){.admin-bar .m-header{top:46px}}.m-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 20px;position:relative;height:90px}@media(max-width: 767.98px){.m-header__inner{height:70px}}.m-header__menu-box{display:flex;align-items:center}.m-header__logo{display:flex;align-items:center;gap:15px;flex-shrink:0}.m-header__logo a{transform:scale(1.5);transform-origin:left}@media(max-width: 767.98px){.m-header__logo a{transform:scale(1)}}.m-header__nav{display:flex;justify-content:flex-end}.m-header__nav-list{display:flex;align-items:center;gap:30px;list-style:none;padding:0;margin:0}.m-header__nav-item{position:relative}@media(max-width: 1109px){.m-header__nav-item{display:none}.m-header__nav-item.m-header__nav-item-tenji,.m-header__nav-item.m-header__nav-item-menu{display:block}}.m-header__nav-item a{text-decoration:none;font-size:15px;font-weight:600;padding:10px 0;transition:color .3s ease;position:relative}.m-header__nav-item a:hover{color:#226db6}@media(max-width: 767.98px){.m-header__nav-item.m-header__nav-item-tenji{display:none}}.m-header__nav-item.m-header__nav-item-tenji a{background-color:#226db6;color:#fff;padding:12px 24px;border-radius:10px;font-weight:600;transition:all .3s ease}.m-header__nav-item.m-header__nav-item-tenji a:hover{background-color:#1a5a9a;color:#fff}.m-header__nav-item.m-header__nav-item-tenji a::after{display:none}.m-header__nav-item.m-header__nav-item-menu a{display:none}.m-header__menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;padding:8px;gap:4px}.m-header__menu-btn span:not(.m-header__menu-label){width:24px;height:3px;background-color:#333;border-radius:2px;transition:all .3s ease}.m-header__menu-btn.is-active span:not(.m-header__menu-label):nth-child(1){transform:rotate(45deg) translate(4px, 4px)}.m-header__menu-btn.is-active span:not(.m-header__menu-label):nth-child(2){opacity:0}.m-header__menu-btn.is-active span:not(.m-header__menu-label):nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.m-header__menu-label{display:block;font-size:10px;color:#333;font-weight:500;text-align:center;line-height:1;margin-top:2px}.m-header__mega-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(to bottom, #0075C2, #004EA2);box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;padding:40px 0}.m-header__mega-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width: 991.98px){.m-header__mega-menu{height:calc(100vh - 70px);overflow-y:auto}}@media(max-width: 767.98px){.m-header__mega-menu{padding:20px 0 60px 0}}.m-header__mega-menu-cta-mobile{display:none}@media(max-width: 767.98px){.m-header__mega-menu-cta-mobile{display:block;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:30px}}.m-header__mega-menu-cta-pc{display:block}@media(max-width: 767.98px){.m-header__mega-menu-cta-pc{display:none}}.m-header__mega-menu-content{display:flex;max-width:1000px;margin:0 auto;padding:60px 20px;gap:30px}@media(max-width: 991.98px){.m-header__mega-menu-content{flex-direction:column;padding:0 20px;gap:30px}}@media(max-width: 767.98px){.m-header__mega-menu-content{gap:20px}}.m-header__mega-menu-column{flex:2.8}@media(max-width: 767.98px){.m-header__mega-menu-column:nth-child(1){order:1}.m-header__mega-menu-column:nth-child(2){order:2}.m-header__mega-menu-column.m-header__mega-menu-cta{order:3}}.m-header__mega-menu-column.m-header__mega-menu-cta{flex:4.4}@media(max-width: 991.98px){.m-header__mega-menu-column.m-header__mega-menu-cta{flex:1}}.m-header__mega-menu-item{margin-bottom:20px}@media(max-width: 767.98px){.m-header__mega-menu-item{margin-bottom:15px}}.m-header__mega-menu-item>a{color:#fff;text-decoration:none;font-size:16px;font-weight:500;display:flex;align-items:center;transition:color .3s ease;position:relative}.m-header__mega-menu-item>a:hover{color:#fff;opacity:.8}@media(max-width: 767.98px){.m-header__mega-menu-item>a{font-size:14px}}.m-header__mega-menu-item>a::after{content:url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L6.5 6.5L1 1' stroke='white'/%3E%3C/svg%3E");position:absolute;right:0;top:0;width:8px;height:13px;display:inline-block}.m-header__mega-menu-sub{list-style:none;padding:0;margin:10px 0 0 20px}.m-header__mega-menu-sub li{margin-bottom:8px}.m-header__mega-menu-sub li a{color:#fff;text-decoration:none;font-size:14px;opacity:.9;transition:opacity .3s ease}.m-header__mega-menu-sub li a:hover{opacity:1}.m-header__mega-menu-cta-buttons{margin-bottom:10px}.m-header__mega-menu-cta-button{margin-bottom:15px}.m-header__mega-menu-cta-button a{display:block;background-color:#226db6;border:2px solid #fff;color:#fff;text-decoration:none;padding:12px 20px;border-radius:10px;text-align:center;font-size:15px;font-weight:500;transition:all .3s ease;position:relative}.m-header__mega-menu-cta-button a:hover{background-color:#fff;color:#226db6}.m-header__mega-menu-cta-button a:hover::after{content:url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L6.5 6.5L1 1' stroke='%23226db6'/%3E%3C/svg%3E")}.m-header__mega-menu-cta-button a::after{content:url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L6.5 6.5L1 1' stroke='white'/%3E%3C/svg%3E");position:absolute;right:12px;top:13px;width:8px;height:13px;display:inline-block}.m-header__mega-menu-cta-button.m-header__mega-menu-cta-button-wide a{width:100%}.m-header__mega-menu-cta-button-row{display:flex;gap:10px}@media(max-width: 991.98px){.m-header__mega-menu-cta-button-row{flex-direction:column;gap:15px}}.m-header__mega-menu-cta-button-row .m-header__mega-menu-cta-button{flex:1;margin-bottom:0}.m-header__mega-menu-contact{margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:10px}.m-header__mega-menu-contact-info{display:flex;flex-direction:column;gap:5px;text-align:center}.m-header__mega-menu-contact-title{color:#fff;font-size:14px;margin:0}@media(max-width: 991.98px){.m-header__mega-menu-contact-title{font-size:13px}}.m-header__mega-menu-contact-hours{color:#fff;font-size:12px;opacity:.9;margin:0}.m-header__mega-menu-contact-tel{color:#fff;font-size:36px;font-weight:bold;letter-spacing:-2px;margin:0}@media(max-width: 767.98px){.m-header__mega-menu-contact-tel{font-size:30px}}.m-header__mega-menu-contact-tel a{color:#fff;text-decoration:none;transition:opacity .3s ease}.m-header__mega-menu-contact-tel a:hover{opacity:.8}.m-header__mega-menu-social{display:flex;flex-direction:row;gap:10px}.m-header__mega-menu-social-button{flex:1}.m-header__mega-menu-social-button a{display:block;text-decoration:none;transition:all .3s ease;background:#fff;border-radius:10px;padding:5px}@media(max-width: 767.98px){.m-header__mega-menu-social-button a{padding:10px 12px}}.m-header__mega-menu-social-button a:hover{opacity:.8}.m-header__mega-menu-social-button a img{width:auto;height:55px;display:block;margin:auto}.m-wrapper{max-width:1000px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1000px){.m-wrapper{max-width:91.25%}}.m-btn-reserve{position:fixed;right:20px;bottom:90px}@media(max-width: 767.98px){.m-btn-reserve{left:0;right:0;bottom:0;width:100%;background-color:#f0f0f0;padding:10px}}.m-btn-reserve_link{display:block;width:180px;height:89px;background-image:url(//www.sekisuiheim.co.jp/cms2/wp-content/themes/heimsystem/assets/img/btn_reserve_now.svg);background-size:contain;background-repeat:no-repeat;background-position:center;text-decoration:none}.m-btn-reserve_link:hover{text-decoration:none}@media(max-width: 767.98px){.m-btn-reserve_link{width:100%;height:100%;background-image:none;background-color:#226db6;color:#fff;font-size:16px;line-height:1.5;letter-spacing:.05em;padding:15px;text-align:center;border-radius:10px}.m-btn-reserve_link::after{content:"簡単30秒！\a見学予約・資料請求（お問い合わせ）";white-space:pre-line}}.m-btn1{display:inline-block;width:310px;max-width:100%;font-size:1.7rem;font-weight:500;line-height:1.5882352941;letter-spacing:.05em;text-align:center;padding:15px 5px;position:relative;-webkit-transition-duration:.2s;transition-duration:.2s;border-radius:10px !important}.m-btn1:hover{opacity:.8;text-decoration:none}.m-btn1::after,.m-btn1::before{content:"";display:block;position:absolute;width:100%;height:10px;background-size:auto 100%;left:0}.m-btn1::before{background:url(//www.sekisuiheim.co.jp/cms2/wp-content/themes/heimsystem/img/btn_shadow_top.png);top:-9px}.m-btn1::after{background:url(//www.sekisuiheim.co.jp/cms2/wp-content/themes/heimsystem/img/btn_shadow_btm.png);bottom:-9px}.m-btn1-white{color:#226db6;background-color:#fff}.m-btn1-blue{color:#fff;background-color:#226db6}.m-btn1-green{color:#fff;background-color:#00a199}.m-btn1-gray{color:#000;background-color:#f0f0f0}.m-btn2{display:inline-block;width:480px;max-width:50%;font-size:2.5rem;line-height:1.44;letter-spacing:.05em;text-align:center;padding:10px 5px;position:relative;-webkit-transition-duration:.2s;transition-duration:.2s;border-width:2px;border-style:solid}.m-btn2:hover{opacity:.8;text-decoration:none}.m-btn2::after{content:"";display:inline-block;width:26px;height:23px;background-image:url(//www.sekisuiheim.co.jp/cms2/wp-content/themes/heimsystem/img/arrow_r_w.png);background-size:100%;background-repeat:no-repeat;margin-right:-50px;margin-left:25px;vertical-align:-3px}.m-btn2-blue{color:#fff;background-color:#226db6;border-color:#226db6}.m-btn2-blue:not(.active){cursor:pointer;color:#226db6;background-color:#fff}.m-btn2-blue:not(.active)::after{background-image:url(//www.sekisuiheim.co.jp/cms2/wp-content/themes/heimsystem/img/arrow_r_b.png)}.m-btn2-green{color:#fff;background-color:#00a199;border-color:#00a199}.m-btn2-green:not(.active){cursor:pointer;color:#00a199;background-color:#fff}.m-btn2-green:not(.active)::after{background-image:url(//www.sekisuiheim.co.jp/cms2/wp-content/themes/heimsystem/img/arrow_r_g.png)}.m-btn3{display:block;width:255px;max-width:80%;color:#fff;font-size:13px;font-size:1.3rem;text-align:center;padding:5px;background-color:gray;border:2px solid gray;border-radius:50px}.m-btn3:hover{color:gray;text-decoration:none;background-color:#fff}.m-btn1-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn1-wrap .m-btn1+.m-btn1{margin-left:12px}.m-btn2-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-btn2-wrap .m-btn2+.m-btn2{margin-left:5%}.m-btn-text{color:#226db6;text-decoration:underline}.m-btn-text:hover{text-decoration:none}.m-btn-area{display:flex;justify-content:center;gap:20px;margin:30px 0}@media(max-width: 767.98px){.m-btn-area{flex-direction:column;gap:15px}}.m-btn-area-item{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:60px 40px;border-radius:18px;text-decoration:none;color:#fff;font-size:2.7rem;font-weight:500;line-height:1.3;text-align:center;position:relative;transition:all .3s ease}.m-btn-area-item:hover{opacity:.9;text-decoration:none;color:#fff;transform:translateY(-2px)}.m-btn-area-item::after{content:"";position:absolute;right:30px;top:50%;transform:translateY(-50%);width:36px;height:36px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat;background-position:center}.m-btn-area-item-himeji{background-color:#2d5a2d}.m-btn-area-item-kakogawa{background-color:#1e3a8a}@media(max-width: 767.98px){.m-btn-area-item{width:100%;height:120px;font-size:2.2rem;padding:20px 25px}.m-btn-area-item::after{right:20px;width:28px;height:28px}}@media screen and (max-width: 640px){.m-btn1{font-size:1.5rem;line-height:1.6666666667}.m-btn2{font-size:1.5rem;line-height:1.6666666667}.m-btn2::after{width:13px;height:11px;margin-right:-20px;margin-left:13px;vertical-align:0}.m-btn1-wrap .m-btn1+.m-btn1{margin-top:12px;margin-left:0}}.m-title01{color:#226db6;font-size:4rem;font-weight:600;line-height:1.25;letter-spacing:.1em;text-align:center;margin:0 auto 30px}.m-title01-border,.m-title01-border_green{padding-bottom:15px;position:relative}.m-title01-border::after,.m-title01-border_green::after{content:"";display:block;width:605px;height:1px;max-width:90%;background-color:#226db6;position:absolute;bottom:-10px;right:0;left:0;margin:0 auto}.m-title01-border_green::after{background-color:#48b32a}.m-title01-white{color:#fff}.m-title01-green{color:#00a199}.m-title01-middle{font-size:3.2rem;line-height:1.59375;letter-spacing:.05em}.m-title01-small{font-size:2.2rem;line-height:1.5909090909;letter-spacing:.1em;margin-bottom:10px}.m-title01_sub{display:block;color:inherit;font-size:.7em;line-height:1.2;margin-bottom:.2em}.m-title01-icon{display:block;text-align:center;margin-bottom:30px}.m-title02{color:#226db6;font-size:2.1rem;line-height:1.3333333333;letter-spacing:.05em;padding-left:10px;border-left:6px solid #226db6}.m-title02-border{width:605px;max-width:100%;border-bottom:1px solid #226db6}.m-title02-white{color:#fff}.m-title03{color:#226db6;font-size:2.7rem;line-height:1.2962962963;letter-spacing:.1em;padding:10px 0 10px 30px;border-bottom:1px solid #226db6;position:relative}.m-title03::before{content:"";display:block;width:9px;height:calc(100% - 20px);background-color:#226db6;position:absolute;left:0}.m-title04{text-align:center;margin:0 auto 40px}.m-title04-en{color:#226db6;font-size:2rem;line-height:1.2;letter-spacing:.1em;margin-bottom:5px;font-weight:500}.m-title04-ja{font-size:4rem;line-height:1.2;letter-spacing:.05em;font-weight:bold}@media screen and (max-width: 640px){.m-title01{font-size:2.2rem;line-height:1.1363636364;margin-bottom:15px}.m-title01-border,.m-title01-border_green{padding-bottom:5px}.m-title01-border::after,.m-title01-border_green::after{bottom:-5px}.m-title01-middle{font-size:1.7rem;line-height:1.2941176471;margin-bottom:15px}.m-title01-small{font-size:17px;font-size:1.7rem;margin-bottom:5px}.m-title01-icon{margin-bottom:15px}.m-title02{font-size:1.7rem;line-height:1.4705882353}.m-title03{font-size:1.7rem;line-height:1.4705882353;padding-left:20px}.m-title04{margin:0 auto 20px}.m-title04-en{font-size:1.5rem;margin-bottom:3px}.m-title04-ja{font-size:2.3rem;line-height:1.2}}.m-text1{text-align:center;font-size:1.7rem;line-height:1.5882352941;margin-bottom:30px}@media screen and (max-width: 640px){.m-text1{font-size:1.5rem;line-height:1.6666666667;margin-bottom:15px}}.m-form{font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif}.m-form .--is-required input[type=text],.m-form .--is-required input[type=email],.m-form .--is-required input[type=tel],.m-form .--is-required input[type=number],.m-form .--is-required input[type=date],.m-form .--is-required input[type=password]{position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Crect width='40' height='20' rx='5' fill='red'/%3E%3Ctext x='20' y='14' font-size='12' font-weight='bold' fill='white' text-anchor='middle'%3E必須%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center;background-size:auto 20px}@media(max-width: 767.98px){.m-form .--is-required input[type=text],.m-form .--is-required input[type=email],.m-form .--is-required input[type=tel],.m-form .--is-required input[type=number],.m-form .--is-required input[type=date],.m-form .--is-required input[type=password]{background-position:right 1rem center;background-size:auto 17px}}.m-form .--is-required .m-form__body__label{position:relative}.m-form .--is-required .m-form__body__label::after{content:"";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:40px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Crect width='40' height='20' rx='5' fill='red'/%3E%3Ctext x='20' y='14' font-size='12' font-weight='bold' fill='white' text-anchor='middle'%3E必須%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:auto 20px}@media(max-width: 767.98px){.m-form .--is-required .m-form__body__label::after{right:0;background-size:auto 17px}}.m-form .--placeholder-font-black input::placeholder,.m-form .--placeholder-font-black textarea::placeholder{color:#000}@media(max-width: 767.98px){.m-form .--sp-placeholder-font-mini input::placeholder{font-size:12px}}.m-form input[type=text],.m-form input[type=email],.m-form input[type=tel],.m-form input[type=number],.m-form input[type=date],.m-form input[type=password],.m-form select,.m-form textarea{width:100%;padding:1.5rem 4rem 1.5rem 1.5rem;border:1px solid #ccc;border-radius:10px;font-size:16px;line-height:1.5}@media(max-width: 767.98px){.m-form input[type=text],.m-form input[type=email],.m-form input[type=tel],.m-form input[type=number],.m-form input[type=date],.m-form input[type=password],.m-form select,.m-form textarea{padding:1.2rem 1.5rem;font-size:13px}}.m-form select{width:100%;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center;background-size:12px 8px;background-color:#fff;color:#000}.m-form__select-wrapper{position:relative}.m-form__select-wrapper::after{content:"";position:absolute;right:3.8rem;top:50%;transform:translateY(-50%);width:40px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Crect width='40' height='20' rx='5' fill='red'/%3E%3Ctext x='20' y='14' font-size='12' font-weight='bold' fill='white' text-anchor='middle'%3E必須%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:auto 20px}@media(max-width: 767.98px){.m-form__select-wrapper::after{right:3.4rem;background-position:center;background-size:auto 17px}}.m-form__row{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;margin:2rem 0}@media(max-width: 767.98px){.m-form__row.--hope-date .--hope-date__date input{font-size:12px}}.m-form__text{font-size:16px;line-height:1.5;letter-spacing:.05em;margin-bottom:2rem}.m-form__text.--center{text-align:center}.m-form__body{margin:2rem 0;font-size:14px}.m-form__body__title{width:100%;padding:1.5rem 4rem 1.5rem 1.5rem;border:1px solid #ccc;border-radius:10px;font-size:16px;line-height:1.5;letter-spacing:.05em}@media(max-width: 767.98px){.m-form__body__title{font-size:13px}}.m-form__body__label{font-size:16px;font-weight:bold;margin-bottom:1rem}.m-form__body__note{font-size:14px;color:#666;margin-top:.5rem}.m-form__radio-list{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}@media(max-width: 767.98px){.m-form__radio-list{display:grid;gap:10px;grid-template-columns:auto}}.m-form__radio-list__item{margin-bottom:1rem}.m-form__radio-list__item input{margin-right:.5rem}@media(max-width: 767.98px){.m-form__radio-list__item input{width:13px}}.m-form__radio-list label{display:block;padding:1.5rem 4rem 1.5rem 1.5rem;cursor:pointer;border:1px solid #ccc;border-radius:10px;font-size:16px;line-height:1.5;letter-spacing:.05em}@media(max-width: 767.98px){.m-form__radio-list label{display:flex;font-size:13px;padding:1.2rem 1.5rem}}.m-form__radio-list label:hover{background-color:#f0f0f0}.m-form__radio-list .horizontal-item+.horizontal-item{margin-left:0 !important}.m-radio-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.m-radio-list label{display:inline-block}.m-radio-list>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:5px;margin-left:0 !important;padding-right:60px;padding-left:20px}.m-radio-list>span span{display:inline-block;vertical-align:middle;line-height:1.4}.m-radio-list input[type=radio]{display:none}.m-radio-list input[type=radio]+span::after,.m-radio-list input[type=radio]+span::before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%}.m-radio-list input[type=radio]+span::before{left:0;background-color:#fff;border:1px solid #b7b6b5;width:15px;height:15px}.m-radio-list input[type=radio]+span::after{opacity:0;left:4px;background-color:#226db6;width:7px;height:7px}.m-radio-list input[type=radio]:checked+span::before{background-color:#fff}.m-radio-list input[type=radio]:checked+span::after{opacity:1}.m-radio-list-col2>span{width:50%;padding-right:20px}.m-radio-list-col4>span{width:25%;padding-right:20px}.m-checkbox-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.m-checkbox-list>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:5px;padding-right:60px;padding-left:24px}.m-checkbox-list>span span{display:inline-block;vertical-align:middle;line-height:1.4}.m-checkbox-list label{display:inline-block}.m-checkbox-list input[type=checkbox]{display:none}.m-checkbox-list input[type=checkbox]+span::after,.m-checkbox-list input[type=checkbox]+span::before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.m-checkbox-list input[type=checkbox]+span::before{left:0;background-color:#fff;border:1px solid #b7b6b5;border-radius:3px;width:18px;height:18px}.m-checkbox-list input[type=checkbox]+span::after{opacity:0;left:6px;-webkit-transform:translateY(-60%) rotate(45deg);transform:translateY(-60%) rotate(45deg);border-right:2px solid #226db6;border-bottom:2px solid #226db6;width:6px;height:11px}.m-checkbox-list input[type=checkbox]:checked+span::before{background-color:#fff}.m-checkbox-list input[type=checkbox]:checked+span::after{opacity:1}.m-checkbox-list-col2>span{width:50%;padding-right:20px}.m-checkbox-list-col4>span{width:25%;padding-right:20px}.mw_wp_form_input .is-input-hidden{display:none}.mw_wp_form_confirm .is-input-hidden{display:block}.mw_wp_form_confirm .is-confirm-hidden{display:none}.mw_wp_form_confirm .required{display:none}@media screen and (max-width: 768px){.m-radio-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-radio-list-col2>span{width:100%}.m-radio-list-col4>span{width:100%}.m-checkbox-list{padding-top:10px;padding-bottom:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-checkbox-list-col2>span{width:100%}.m-checkbox-list-col4>span{width:100%}}.m-breadcrumbs{color:#226db6;font-size:1.3rem;line-height:2.0769230769;letter-spacing:.05em;margin-left:30px;padding:10px 0}.m-breadcrumbs a{color:inherit}@media screen and (max-width: 640px){.m-breadcrumbs{font-size:11px;font-size:1.1rem;margin-left:4.375%}}.m-bg{background-color:#226db6}.m-bg_gray{background-color:#ebecec}.m-bg-border{border:70px solid #226db6}@media screen and (max-width: 640px){.m-bg-border{border-width:10px}}.m-telLink{pointer-events:none}@media screen and (max-width: 768px){.m-telLink{pointer-events:auto;text-decoration:underline}}.m-topics{padding:50px 0}.m-topics__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px}.m-topics__button--link{display:block;max-width:360px;width:100%;padding:25px;color:#fff;font-size:20px;font-size:2rem;text-align:center}.m-topics__button--link.blue{background:-webkit-gradient(linear, left bottom, left top, from(#00278d), to(#4571ff));background:linear-gradient(0deg, #00278d 0, #4571ff 100%)}.m-topics__button--link.green{background:-webkit-gradient(linear, left bottom, left top, from(#1f620c), to(#48b32a));background:linear-gradient(0deg, #1f620c 0, #48b32a 100%)}.m-topics__button--link img{margin-right:20px}.m-topics__button--link:hover{opacity:.85;text-decoration:none}@media screen and (max-width: 640px){.m-topics{padding:30px 0}.m-topics__button--link{width:100%;padding:7px;font-size:13px;font-size:1.3rem}.m-topics__button--link img{margin-right:7px;width:30px}}.m-list-tenji{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;margin:40px 0}@media(max-width: 767.98px){.m-list-tenji{grid-template-columns:1fr;gap:20px}}.m-list-tenji.m-list-tenji-3col{grid-template-columns:repeat(3, 1fr)}@media(max-width: 767.98px){.m-list-tenji.m-list-tenji-3col{grid-template-columns:1fr}}.m-list-tenji-image{position:relative;display:block;width:100%;overflow:hidden;text-decoration:none}.m-list-tenji-image:hover{text-decoration:none}.m-list-tenji-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease;aspect-ratio:16/9}.m-list-tenji-banner{bottom:0;left:0;right:0;padding:8px 16px;text-align:center;font-size:1.8rem;font-weight:500;color:#fff}.m-list-tenji-banner-steel{background-color:#595959}.m-list-tenji-banner-wood{background-color:#664e06}.m-list-tenji-banner-showroom{background-color:#039c82}.m-list-tenji-3d-label{position:absolute;top:0;left:0;background-color:#d60000;color:#fff;font-size:1.4rem;font-weight:bold;padding:5px 15px;border-bottom-right-radius:8px;z-index:10}.m-list-tenji-content{padding:30px 0}.m-list-tenji-title{font-size:2rem;font-weight:bold;text-align:center;margin-bottom:20px;line-height:1.3}.m-list-tenji-info{text-align:center;margin-bottom:30px}.m-list-tenji-info-address{font-size:1.8rem;margin-bottom:5px;line-height:1.4}.m-list-tenji-info-tel{font-size:1.8rem;line-height:1.4}.m-list-tenji-buttons{display:flex;flex-direction:column;gap:12px}.m-list-tenji-btn{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:13px 20px;border-radius:8px;text-decoration:none;font-size:1.8rem;font-weight:500;text-align:center;transition:all .3s ease;position:relative}.m-list-tenji-btn:hover{text-decoration:none;transform:translateY(-2px)}.m-list-tenji-btn::after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.m-list-tenji-btn-detail{background-color:#fff;color:#246cb6;border:2px solid #246cb6}.m-list-tenji-btn-detail:hover{background-color:#226db6;color:#fff}.m-list-tenji-btn-detail::after{background-image:url('data:image/svg+xml;utf8,')}.m-list-tenji-btn-detail:hover::after{background-image:url('data:image/svg+xml;utf8,')}.m-list-tenji-btn-detail-3d{background-color:#f39900;color:#fff;border:2px solid #f39900}.m-list-tenji-btn-detail-3d:hover{background-color:#e68a00;color:#fff}.m-list-tenji-btn-detail-3d::after{background-image:url('data:image/svg+xml;utf8,')}.m-list-tenji-btn-detail-3d:hover::after{background-image:url('data:image/svg+xml;utf8,')}.m-list-tenji-btn-reserve{background-color:#246cb6;color:#fff}.m-list-tenji-btn-reserve:hover{background-color:#1a5a9a}.m-list-tenji-btn-reserve::after{background-image:url('data:image/svg+xml;utf8,')}.m-list-event{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin:40px 0}@media(max-width: 767.98px){.m-list-event{grid-template-columns:1fr;gap:20px}}.m-list-event-image{position:relative;display:block;width:100%;overflow:hidden;text-decoration:none;cursor:pointer}.m-list-event-image:hover{text-decoration:none}.m-list-event-image:hover img{transform:scale(1.05)}.m-list-event-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease;aspect-ratio:16/9}.m-list-event-labels{position:absolute;top:10px;left:10px;z-index:10;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 20px)}.m-list-event-label{background-color:#226db6;color:#fff;font-size:1rem;font-weight:bold;padding:4px 10px;border-radius:4px;display:inline-block}.m-list-event-content{padding:30px 0}.m-list-event-title{font-size:2rem;font-weight:bold;text-align:left;margin-bottom:20px;line-height:1.3}.m-list-event-info{text-align:left;margin-bottom:30px}.m-list-event-info p{font-size:1.4rem;margin-bottom:10px;line-height:1.6;display:flex;align-items:flex-start}.m-list-event-info-label{font-size:1.2rem;font-weight:500;color:#fff;background-color:#383838;padding:7px 10px 8px;border-radius:4px;min-width:90px;flex-shrink:0;display:inline-block;line-height:1;text-align:center}.m-list-event-info-value{flex:1;padding-left:12px}.m-list-event-buttons{display:flex;flex-direction:column;gap:12px}.m-list-event-btn{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:13px 20px;border-radius:8px;text-decoration:none;font-size:1.8rem;font-weight:500;position:relative;transition:all .3s ease}.m-list-event-btn:hover{text-decoration:none}.m-list-event-btn::after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.m-list-event-btn-detail{background-color:#fff;color:#246cb6;border:2px solid #246cb6}.m-list-event-btn-detail:hover{background-color:#226db6;color:#fff}.m-list-event-btn-detail::after{background-image:url('data:image/svg+xml;utf8,')}.m-list-event-btn-detail:hover::after{background-image:url('data:image/svg+xml;utf8,')}.m-list-event-btn-apply{background-color:#246cb6;color:#fff}.m-list-event-btn-apply:hover{background-color:#1a5a9a}.m-list-event-btn-apply::after{background-image:url('data:image/svg+xml;utf8,')}@media(max-width: 767.98px){.m-list-tenji{margin:30px 0}.m-list-tenji-banner{font-size:1.1rem;padding:6px 12px}.m-list-tenji-content{padding:15px 0}.m-list-tenji-title{font-size:1.8rem;margin-bottom:8px}.m-list-tenji-info{margin-bottom:15px}.m-list-tenji-info-address,.m-list-tenji-info-tel{font-size:1.2rem}.m-list-tenji-buttons{gap:10px}.m-list-tenji-btn{height:45px;font-size:1.5rem;padding:0 15px}.m-list-tenji-btn::after{right:12px;width:18px;height:18px}.m-list-event{margin:30px 0}.m-list-event-content{padding:15px 0}.m-list-event-title{font-size:1.8rem;margin-bottom:8px}.m-list-event-info{margin-bottom:15px}.m-list-event-info p{font-size:1.3rem;margin-bottom:8px}.m-list-event-info-label{font-size:1.1rem;padding:3px 8px;min-width:90px}.m-list-event-info-value{padding-left:8px}.m-list-event-buttons{gap:10px}.m-list-event-btn{height:45px;font-size:1.5rem;padding:0 15px}.m-list-event-btn::after{right:12px;width:18px;height:18px}}.mp0{margin:0;padding:0}.p0{padding:0 !important}.m0{margin:0 !important}.pT0{padding-top:0 !important}.pT5{padding-top:5px !important}.pT10{padding-top:10px !important}.pT15{padding-top:15px !important}.pT20{padding-top:20px !important}.pT30{padding-top:30px !important}.pT40{padding-top:40px !important}.pT50{padding-top:50px !important}.pT60{padding-top:60px !important}.pB5{padding-bottom:5px !important}.pB10{padding-bottom:10px !important}.pB20{padding-bottom:20px !important}.pB30{padding-bottom:30px !important}.pB40{padding-bottom:40px !important}.pB50{padding-bottom:50px !important}.pB60{padding-bottom:60px !important}.pL5{padding-left:5px !important}.pL10{padding-left:10px !important}.pL20{padding-left:20px !important}.pL30{padding-left:30px !important}.pL40{padding-left:40px !important}.pL50{padding-left:50px !important}.pL60{padding-left:60px !important}.pR0{padding-right:0 !important}.pR10{padding-right:10px !important}.pR20{padding-right:20px !important}.pR30{padding-right:35px !important}.pR40{padding-right:20px !important}.pR50{padding-right:55px !important}.pR60{padding-right:55px !important}.mT0{margin-top:0 !important}.mT5{margin-top:5px !important}.mT10{margin-top:10px !important}.mT15{margin-top:15px !important}.mT20{margin-top:20px !important}.mT25{margin-top:25px !important}.mT30{margin-top:30px !important}.mT40{margin-top:40px !important}.mT50{margin-top:50px !important}.mT60{margin-top:60px !important}.mB0{margin-bottom:0 !important}.mB10{margin-bottom:10px !important}.mB20{margin-bottom:20px !important}.mB25{margin-bottom:25px !important}.mB30{margin-bottom:30px !important}.mB40{margin-bottom:40px !important}.mB50{margin-bottom:50px !important}.mB60{margin-bottom:60px !important}.mL0{margin-left:0 !important}.mL10{margin-left:10px !important}.mL15{margin-left:15px !important}.mL20{margin-left:20px !important}.mL30{margin-left:30px !important}.mR0{margin-right:0 !important}.mR5{margin-right:5px !important}.mR10{margin-right:10px !important}.mR20{margin-right:20px !important}.mR30{margin-right:30px !important}.mR40{margin-right:40px !important}.tCenter{text-align:center !important}.tLeft{text-align:left !important}.tRight{text-align:right !important}.fLeft{float:left !important}.fRight{float:right !important}.is-pc-hidden{display:none}.is-sp-hidden{display:inline-block}.fc-green{color:#00a199}.fc-orange{color:#eb6100}.fix-wrap{position:fixed;bottom:50%;right:0;width:125px;height:125px}.fix-wrap::after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 125px 125px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #00a199 rgba(0,0,0,0)}.booking-fixed{position:absolute;bottom:0;right:0;padding:12px;color:#fff;font-size:18px;font-size:1.8rem;font-weight:500;z-index:1}.wp-pagenavi{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#226db6;font-size:26px;font-size:2.6rem}.wp-pagenavi>*{color:#226db6;display:inline-block;margin:0 15px}@media screen and (max-width: 640px){.fix-wrap{bottom:0;width:70px;height:80px}.fix-wrap::after{border-width:0 0 80px 70px}.booking-fixed{padding:6px;font-size:13px}.wp-pagenavi{font-size:16px;font-size:1.6rem}}@media screen and (max-width: 768px){.is-pc-hidden{display:inline-block}.is-sp-hidden{display:none}}.tenji{padding:90px 0}.tenji .m-btn2-wrap{padding-top:40px}.tenji-box{display:none;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:85px 0}.tenji-box.show{display:-webkit-box;display:-ms-flexbox;display:flex}.tenji-box-item{width:460px;max-width:46%;margin-bottom:50px}.tenji-box-item:nth-of-type(odd){margin-right:8%}.tenji-box-item-image{display:block;margin-bottom:15px;position:relative}.tenji-box-item-image span{display:block;width:100%;color:#fff;font-size:12px;font-size:1.2rem;text-align:center;background-color:#226db6;position:absolute;bottom:0;left:0}.tenji-box-item-image span.green{background-color:#00a199}.tenji-box-item-info-address{font-size:1.3rem;line-height:1.5384615385;letter-spacing:.05em;text-align:center;margin-bottom:20px}@media screen and (max-width:640px){.tenji{padding:50px 0 0}.tenji .m-btn2-wrap{padding-top:0}.tenji-box{margin:30px 0 0}.tenji-box-item{max-width:100%;margin-bottom:30px}.tenji-box-item:nth-of-type(odd){margin-right:0}.tenji-box-item-image{margin-bottom:10px}.tenji-box-item-info-address{margin-bottom:15px}}.event-form{position:relative;z-index:1}.event-form .m-wrapper{padding:140px 4.375%;background-color:#fff}@media screen and (max-width: 640px){.event-form .m-wrapper{padding:20px 4.375%}}.event-form-title{font-size:19px;padding-bottom:10px;margin-bottom:70px;border-bottom:1px solid #000}@media screen and (max-width: 640px){.event-form-title{font-size:16px;margin-bottom:20px}}.event-form-title+p{font-size:15px}.m-inquire-solicitation-notice{margin-bottom:40px;padding:28px 24px;border:1px solid #226db6;text-align:center}@media screen and (max-width: 640px){.m-inquire-solicitation-notice{margin-bottom:24px;padding:20px 16px}.m-inquire-solicitation-notice br{display:none}}.m-inquire-solicitation-notice__title{margin:0 0 1em;color:#c00;font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.02em}@media screen and (max-width: 640px){.m-inquire-solicitation-notice__title{font-size:14px}}.m-inquire-solicitation-notice__para{margin:0 0 1em;color:#0e0d0d;font-size:14px;line-height:1.8}.m-inquire-solicitation-notice__para:last-child{margin-bottom:0}@media screen and (max-width: 640px){.m-inquire-solicitation-notice__para{font-size:13px}}.event-form-tbl th,.event-form-tbl td{font-size:15px;line-height:1.33333;padding:15px 0;vertical-align:top}@media screen and (max-width: 640px){.event-form-tbl th,.event-form-tbl td{display:block}}.event-form-tbl th{width:260px;position:relative;padding-top:25px;padding-left:45px}@media screen and (max-width: 640px){.event-form-tbl th{width:100%;padding-top:15px;padding-bottom:0}}.event-form-privacy{margin:30px 0}@media screen and (max-width: 640px){.event-form-privacy{margin:0 0 20px}}.event-form-privacy-title{font-size:18px}@media screen and (max-width: 640px){.event-form-privacy-title{font-size:15px}}.event-form-privacy p{font-size:15px;line-height:1.53333;margin-bottom:30px}@media screen and (max-width: 640px){.event-form-privacy p{font-size:13px}}.tbl-form-label{display:inline-block;font-size:13px;line-height:1;padding:3px 5px;margin-right:5px;border:1px solid #000;position:absolute;left:0}.tbl-form-label-required{color:#fff;border:none;background-color:#226db6}@media screen and (max-width: 640px){.tbl-form-label{top:13px}}@media screen and (max-width: 640px){table{width:100%;table-layout:fixed}}input[type=text],input[type=email],input[type=number],input[type=tel],input[type=password],select,option,textarea{resize:vertical;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:16px;padding:5px;max-width:100%}@media screen and (max-width: 640px){input[type=text],input[type=email],input[type=number],input[type=tel],input[type=password],select,option,textarea{font-size:16px}}textarea{height:10em}@media screen and (max-width: 640px){textarea{height:15em}}.short{width:180px}.middle{width:250px}@media screen and (max-width: 640px){.middle{width:180px}}.large{width:100%}.tbl-form-btn{margin-top:40px}.tbl-form-btn,.tbl-form-btn>p{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tbl-form-btn>:not(:only-child):first-child,.tbl-form-btn>p>:not(:only-child):first-child{margin-right:20px}@media screen and (max-width: 640px){.tbl-form-btn>:not(:only-child):first-child,.tbl-form-btn>p>:not(:only-child):first-child{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-top:15px;margin-right:0}}.policy-reference{margin-top:15px;font-size:14px}.tbl-form-btn input[name=submitBack]{background-color:#f0f0f0;color:#000}.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}