@charset "UTF-8";
/* CSS Document */
html, body { font-size: 16px; font-family: 'Montserrat','Roboto',Arial,Helvetica, sans-serif; background: #fff; color: #606060; font-weight: 400; letter-spacing: 0.6px; }
@media (max-width: 1000px) { html, body { font-size: 15px; } }
@media (max-width: 768px) { html, body { font-size: 14px; } }

input, select, textarea { font-size: 16px; font-size: 1rem; vertical-align: middle; }

img { border: 0; max-width: 100%; height: auto; }

body, div, ul, ol, li, dl, dt, dd, a, img, form, p, h1, h2, h3, h4, h5, h6, span { margin: 0; padding: 0; border: 0px; list-style-type: none; text-decoration: none; }

p, span, ul, li { color: #606060; }

input, select { outline: none; }

button { border: 0 none; outline: none; }

button:focus { border: 0 none; outline: none; }

a:link, a:visited { color: #4cd8a0; -webkit-transition: all 0.4s; transition: all 0.4s; }

a:hover { color: #f23b7f; text-decoration: none; -webkit-transform: scale(1.06); transform: scale(1.06); }

/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

.clearfix { display: inline-block; }

/* Hide from IE Mac */
.clearfix { display: block; }

/* End hide from IE Mac */
/* end of clearfix */
/*去除 select 背景*/
select::-ms-expand { display: none; }

select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #aaa; }

.hidden { display: none !important; }

.show { display: block !important; }

.opacity { display: none !important; }

/* header */
#wrapper { width: 100%; margin: 0 auto; position: relative; z-index: 6; color: #fff; }

#header { position: absolute; top: 0; width: 100%; left: 0; right: 0; z-index: 3; }

.header_wrapper { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1360px; line-height: 40px; width: 90%; margin: 0 auto; padding: 0; z-index: 20; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 576px) { .header_wrapper a img { max-width: 220px; } }
@media (max-width: 350px) { .header_wrapper a { font-size: 13px; }
  .header_wrapper a img { max-width: 188px; } }

.signin { font-size: 14px; color: #888; }

.signin a { color: #2538B8; font-size: 15px; font-weight: 600; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 26px; border: 1px solid #2538B8; display: inline-block; border-radius: 40px; line-height: 1; margin-left: 6px; }

.signin .login_go { display: none; }

@media (max-width: 700px) { .signin span { display: none; }
  .header_wrapper { max-width: 100%; width: 100%; } }
@media (max-width: 576px) { .signin a { padding: 8px 20px; font-size: 13px; } }
/* Common css*/
.container { padding: 100px 0; margin: 0 auto; width: 100%; max-width: 1220px; }
.container h1 { margin-bottom: 80px; }
@media (max-width: 1360px) { .container { max-width: 92%; } }
@media (max-width: 1000px) { .container { padding: 80px 0; }
  .container h1 { margin-bottom: 60px; } }
@media (max-width: 768px) { .container { padding: 60px 0; }
  .container h1 { margin-bottom: 40px; } }
@media (max-width: 576px) { .container { max-width: 98%; padding: 40px 0; } }

h1, h2, h3, h4 { color: #2237BF; }

h1 { font-size: 40px; font-weight: bold; text-align: center; font-size: 2.5rem; }

h2 { font-size: 36px; font-size: 2.25rem; font-weight: bold; }

h3 { font-size: 28px; font-size: 1.75rem; font-weight: bold; }

@media (max-width: 768px) { h1 { font-size: 6vw; }
  h2 { font-size: 6vw; }
  h3 { font-size: 4vw; } }
@media (max-width: 576px) { h1 { font-size: 7vw; }
  h2 { font-size: 6vw; }
  h3 { font-size: 20px; } }
.btn, a.btn:link { background: #FF3B5C; color: #fff; font-weight: 400; font-size: 18px; text-align: center; width: 300px; height: 54px; line-height: 54px; border-radius: 28px; vertical-align: middle; margin: 26px auto; display: block; }

.banner { background: #FFE8E8; min-height: 600px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.banner .font-st { position: -webkit-sticky; position: sticky; }
.banner .font { right: 0px; bottom: -8px; top: unset; position: absolute; z-index: 0; text-align: right; }
@media (max-width: 1360px) { .banner .font { width: 80%; } }

.banner-box { padding: 100px 0 100px 20px; position: relative; max-width: 1360px; margin: 0 auto; 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; z-index: 2; text-align: left; }
.banner-box .main { margin-bottom: 20px; margin-left: 2%; }
.banner-box .title { position: relative; text-align: left; }
.banner-box .title::after { content: ''; width: 55px; height: 55px; display: block; position: absolute; left: -30px; top: -20px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; z-index: 0; }
.banner-box .title h1 { font-size: 42px; font-weight: bold; line-height: 1.3; margin-bottom: 5px; text-align: left; letter-spacing: 0.5px; }
@media (max-width: 1200px) { .banner-box .title h1 { font-size: 3vw; } }
.banner-box .title p { font-size: 19px; font-size: 1.1875rem; color: #8885B9; line-height: 1.6; letter-spacing: 0.4px; opacity: 0.85; }
@media (max-width: 812px) { .banner-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 60px 0 20px; }
  .banner-box .title { text-align: center; }
  .banner-box .title h1 { text-align: center; font-size: 6vw; } }
@media (max-width: 576px) { .banner-box .main { max-width: 100%; margin: 10px auto; }
  .banner-box .title h1 { font-size: 7vw; }
  .banner-box .title p { font-size: 3.5vw; } }
@media (max-width: 350px) { .banner-box .title p { font-size: 16px; } }

.banner-img { position: relative; }
@media (max-width: 812px) { .banner-img { margin: 0 auto; text-align: center; max-width: 90%; } }
@media (max-width: 812px) { .banner-img { margin: 10px auto; } }

/* Advantages */
.advantages { margin: 0 auto; text-align: center; }

.icon_list { margin: 0px auto 20px; }
.icon_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; }
.icon_list ul li { max-width: 280px; }
.icon_list ul li h3 { margin: 35px auto 25px; }
.icon_list ul li p { font-size: 18px; font-size: 1.0625rem; line-height: 1.55; }
@media (max-width: 1000px) { .icon_list ul li img { max-width: 100px; }
  .icon_list ul li { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } }
@media (max-width: 768px) { .icon_list ul li img { max-width: 100px; } }
@media (max-width: 700px) { .icon_list ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .icon_list ul li { margin: 0 auto 20px; text-align: center; max-width: 90%; }
  .icon_list ul li h3 { margin: 15px auto 10px; }
  .icon_list ul li img { max-width: 80px; } }

.success { background: #FFF7E1; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.success .font { position: absolute; bottom: -4px; left: 2px; display: block; z-index: 0; }

.success-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; position: relative; }

.stories h1 { margin-bottom: 30px; }
.stories p { max-width: 300px; line-height: 1.6; }
@media (max-width: 1000px) { .stories { text-align: center; }
  .stories h1 { margin-bottom: 20px; }
  .stories p { max-width: 90%; margin: 0 auto; text-align: center; } }

.lover-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }
.lover-box .lover { position: relative; margin: 0  auto; display: block; width: 372px; height: 533px; border-radius: 186px; }
@media (max-width: 1260px) { .lover-box .lover { margin: 0 20px; } }
.lover-box .lover img.lover-pic { width: 100%; max-width: 100%; height: auto; border: 10px solid #FFE8E8; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 186px; }
.lover-box .lover-name { position: absolute; bottom: 60px; left: 0; right: 0; margin: 0 auto; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); color: #fff; font-size: 22px; font-size: 1.375rem; font-weight: bold; text-align: center; width: 100%; }
@media (max-width: 1000px) { .lover-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
@media (max-width: 576px) { .lover-box .lover-slider { width: 75%; height: auto; margin: 0 auto; text-align: center; }
  .lover-box .lover { width: 90%; height: auto; margin: 0 auto; }
  .lover-box .lover-name { display: none; } }
@media (max-width: 350px) { .lover-box .lover-name { display: none; } }

.lover-stories { text-align: left; max-width: 400px; }
@media (max-width: 1260px) { .lover-stories { max-width: 350px; } }
.lover-stories .stories-name { font-size: 24px; font-weight: bold; color: #F13F6F; margin-bottom: 20px; font-size: 1.5rem; }
.lover-stories .stories-text { padding: 32px 6px 32px 6px; font-size: 16px; font-size: 1rem; line-height: 1.65; color: #666; border-top: 1px solid #FFCBCB; border-bottom: 1px solid #FFCBCB; }
@media (max-width: 812px) { .lover-stories { max-width: 90%; text-align: center; } }

.lover-slider { width: 372px; height: 533px; }

.lover-1 { z-index: 3; }

.lover-2 { z-index: 2; }

.slider-sel { margin-top: 50px; }
.slider-sel .sel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.slider-sel .sel .sel-por { position: relative; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); background-size: cover !important; opacity: 0.70; margin-right: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.slider-sel .sel span { font-size: 13px; opacity: 0.7; color: #F13F6F; font-weight: 600; }
.slider-sel .sel-1 .sel-por { height: 44px; width: 44px; background: url(../images/wEpiA5On5DrI.png) no-repeat center top; }
.slider-sel .sel-2 { margin-top: 12px; }
.slider-sel .sel-2 .sel-por { height: 44px; width: 44px; background: url(../images/aI9CgqefRL6b.png) no-repeat center top; }
.slider-sel .active .sel-por { width: 48px; height: 48px; opacity: 1; border: 3px solid #F13F6F; }
.slider-sel .active span { opacity: 1; font-size: 18px; font-size: 1.125rem; font-weight: bold; letter-spacing: 0.1px; }
.slider-sel .active .sel-por::before { content: ''; background: url(../images/5EEkzLKKB2QM.svg) no-repeat left top; position: absolute; left: -38px; width: 24px; height: 16px; display: block; top: 12px; }
@media (max-width: 812px) { .slider-sel { margin: 20px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .slider-sel .sel-1, .slider-sel .sel-2 { margin: 0 15px; } }
@media (max-width: 576px) { .slider-sel { margin: 10px auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .slider-sel .sel-1, .slider-sel .sel-2 { margin: 8px 5px; }
  .slider-sel .sel .sel-por { margin-left: 5px; } }

.app { overflow: hidden; position: relative; width: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#fff9e9), color-stop(50%, #fff9e9), color-stop(50%, #fccb4e), to(#fccb4e)); background-image: linear-gradient(to right, #fff9e9 0%, #fff9e9 50%, #fccb4e 50%, #fccb4e 100%); }
.app .app-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; }
.app .app-content { text-align: left; }
.app .app-content h2 { font-size: 36px; font-size: 2.25rem; margin: 30px 0; }
.app .app-content p { font-size: 16px; font-size: 1rem; line-height: 1.6; max-width: 420px; }
@media (max-width: 576px) { .app .app-content { max-width: 94%; } }
.app .app-mockup { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.app .app-mockup .mobile-1 { z-index: 2; margin-left: 80px; }
.app .app-mockup .mobile-2 { z-index: -1; -webkit-transform: rotate(11deg); transform: rotate(11deg); margin-top: 20px; }
@media (max-width: 1000px) { .app .app-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .app .app-content { text-align: center; margin-bottom: 20px; }
  .app .app-content h1 { margin: 15px auto; }
  .app .app-mockup { display: inline-block; }
  .app .app-mockup .mobile-1 { max-width: 250px; display: inline-block; margin-left: 0; }
  .app .app-mockup .mobile-2 { max-width: 240px; display: inline-block; }
  .app .bg-font { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: -1; } }
@media (max-width: 768px) { .app .app-content h2 { font-size: 6vw; margin: 0 0 20px; }
  .app .app-mockup .mobile-1 { max-width: 35vw; }
  .app .app-mockup .mobile-2 { max-width: 35vw; } }

.bg-font { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; bottom: 0; right: -30px; z-index: 0; }

/*Meet New Members*/
.members ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; }
.members ul li img { border-radius: 50%; }
.members ul li span { display: block; font-size: 20px; font-size: 1.25rem; text-align: center; margin: 20px auto; color: #909090; }
@media (max-width: 1000px) { .members ul li img { max-width: 20vw; }
  .members ul li span { margin: 8px auto 12px; } }
@media (max-width: 576px) { .members ul li span { font-size: 1rem; } }

/* Join-us */
.join-us { position: relative; padding: 80px 0 120px; margin: 0 auto; text-align: center; background: url(../images/9l5vDiJToHTk.svg) no-repeat center bottom; }
.join-us h1 { line-height: 1; margin-bottom: 16px; }
.join-us p { line-height: 1.5; color: #909090; }
@media (max-width: 812px) { .join-us { padding: 40px 0 60px; background-position-x: left; } }

/* footer */
.footer { color: #DCDCDC; background: #2A3974; width: 100%; font-weight: 400; font-size: 16px; padding: 20px 0; text-align: center; margin: 0 auto; font-size: 1rem; }

.toTop { display: none; position: fixed; bottom: 80px; right: 60px; z-index: 9999; width: 50px; height: 50px; line-height: 50px; background: #ffb0af; text-align: center; border-radius: 25px; cursor: pointer; -webkit-box-shadow: 0 3px 6px rgba(255, 251, 235, 0.5); box-shadow: 0 3px 6px rgba(255, 251, 235, 0.5); }

@media (max-width: 420px) { .toTop { position: fixed; bottom: 40px; right: 25px; z-index: 9999; width: 40px; height: 40px; line-height: 40px; background: #ffb0af; text-align: center; border-radius: 25px; } }
.round-text { position: absolute; bottom: -140px; left: 10%; display: block; z-index: 3; -webkit-animation-name: rotation; animation-name: rotation; -webkit-animation-duration: 90s; animation-duration: 90s; -webkit-transform: rotate(360deg); animation: rotation 90s linear infinite; -moz-animation: rotation 90s linear infinite; -webkit-animation: rotation 90s linear infinite; -o-animation: rotation 90s linear infinite; }
.round-text img { width: 200px; height: 200px; opacity: 0.5; }
@media (max-width: 1000px) { .round-text { bottom: -100px; left: 5%; }
  .round-text img { width: 20vw; height: 20vw; min-width: 140px; min-height: 140px; } }
@media (max-width: 812px) { .round-text { left: unset; right: 6%; } }
@media (max-width: 812px) { .round-text { bottom: -33px; } }

.rotateleft { -webkit-animation-name: rotateleft; animation-name: rotateleft; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; animation: rotateleft 1.8s ease-in-out; -moz-animation: rotateleft 1.8s ease-in-out; -webkit-animation: rotateleft 1.8s ease-in-out; -o-animation: rotateleft 1.8s ease-in-out; }

.rotateBit2 { -webkit-animation-name: rotateBit2; animation-name: rotateBit2; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; animation: rotateBit2 1.8s ease-in-out; -moz-animation: rotateBit2 1.8s ease-in-out; -webkit-animation: rotateBit2 1.8s ease-in-out; -o-animation: rotateBit2 1.8s ease-in-out; }

.icon_list.ani ul li, .members.ani ul li, .app.ani .app-content, .app.ani .app-mockup, .app.ani .bg-font { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; }

.header.ani { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; }

.icon_list.ani ul li:first-child { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.join-us.ani { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; }

.join-us.ani h1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.join-us.ani p { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.join-us.ani a { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.icon_list.ani ul li:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.icon_list.ani ul li:nth-child(3) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }

.success-wrapper.ani .stories { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.success-wrapper.ani .lover { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.success-wrapper.ani .lover-stories { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }

.success-wrapper.ani .font { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.members.ani ul li:first-child { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.members.ani ul li:nth-child(2) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.members.ani ul li:nth-child(3) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.members.ani ul li:nth-child(4) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.app.ani .app-content { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.app.ani .app-mockup { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }

.app.ani .bg-font { -webkit-animation: fadeInDown 0.35s both; animation: fadeInDown 0.35s both; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.header.ani { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.animate__flipInY { -webkit-animation: flipInY 0.7s both; animation: flipInY 0.7s both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

.revealOnScroll { visibility: hidden; }

.revealOnScroll.animated { visibility: visible; }

.ani { -webkit-animation: fadeInDown 0.75s both; animation: fadeInDown 0.75s both; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-25px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-25px); transform: translateY(-25px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@keyframes rotateBit2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(3deg); transform: rotate(3deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-webkit-keyframes rotateBit2 { 0% { -webkit-transform: rotate(0deg); }
  50% { -webkit-transform: rotate(3deg); }
  100% { -webkit-transform: rotate(0deg); } }
@keyframes rotateleft { 0% { -webkit-transform: rotate(11deg); transform: rotate(11deg); }
  50% { -webkit-transform: rotate(8deg); transform: rotate(8deg); }
  100% { -webkit-transform: rotate(11deg); transform: rotate(11deg); } }
@-webkit-keyframes rotateleft { 0% { -webkit-transform: rotate(11deg); }
  50% { -webkit-transform: rotate(8deg); }
  100% { -webkit-transform: rotate(11deg); } }
@-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); } }

/*# sourceMappingURL=style.css.map */