.transform .qv-ani-ele { -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0) } .transform .qv-ani { opacity:0; } .transform .qv-ani-ele { opacity:0; -webkit-perspective: 700; -moz-perspective: 700; -ms-perspective: 700; perspective: 700; } .transform .qv-ani-ele.qv-ani-default { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; } .no-transform .qv-ani-ele { opacity:1; } .qv-ani-ele.qv-in-viewport.fade-in { -webkit-animation:ani_fade 2s cubic-bezier(0.445,.05,.55,.95) forwards; animation:ani_fade 2s cubic-bezier(0.445,.05,.55,.95) forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.scale-up { -webkit-animation:ani_scale 2s 1 cubic-bezier(0.445,.05,.55,.95) forwards; animation:ani_scale 2s 1 cubic-bezier(0.445,.05,.55,.95) forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.r-to-l { -webkit-animation:ani_r_to_l 2s ease 0s 1 forwards; animation:ani_r_to_l 2s ease 0s 1 forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.l-to-r { -webkit-animation:ani_l_to_r 2s ease 0s 1 forwards; animation:ani_l_to_r 2s ease 0s 1 forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.t-to-b { -webkit-animation:ani_t_to_b 2s cubic-bezier(0.77,0,.175,1) forwards; animation:ani_t_to_b 2s cubic-bezier(0.77,0,.175,1) forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.b-to-t { -webkit-animation:ani_b_to_t 2s ease 0s 1 forwards; animation:ani_b_to_t 2s ease 0s 1 forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.flip-x { -webkit-animation:ani_flip_x 2s cubic-bezier(0.77,0,.175,1) forwards; animation:ani_flip_x 2s cubic-bezier(0.77,0,.175,1) forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.flip-y { -webkit-animation:ani_flip_y 2s cubic-bezier(0.77,0,.175,1) forwards; animation:ani_flip_y 2s cubic-bezier(0.77,0,.175,1) forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.spin { -webkit-animation:ani_spin 2s ease 0s 1 forwards; animation:ani_spin 2s ease 0s 1 forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.spin-r { -webkit-animation:ani_spin_r 2s ease 0s 1 forwards; animation:ani_spin_r 2s ease 0s 1 forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.twist { animation:ani_twist 2s ease 0s 1 forwards; -webkit-animation:ani_twist 2s ease 0s 1 forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.tossing { animation:ani_tossing 2s ease 0s 1 forwards; -webkit-animation:ani_tossing 2s ease 0s 1 forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.pulse { animation:ani_pulse 2s ease 0s 1 forwards; -webkit-animation:ani_pulse 2s ease 0s 1 forwards; opacity:1; } .qv-ani-ele.qv-in-viewport.baswana { opacity:1; } .qv-ani-ele.qv-in-viewport.baswana:after { content: ''; background: #fff; animation: ani_baswana 1.2s ease 0s 1 forwards; -webkit-animation: ani_baswana 1.2s ease 0s 1 forwards; opacity: 1; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; } /* 2020.02.24 재헌 * 신규 애니메이션 */ .qv-ani-ele.qv-in-viewport.reveal-b-to-t, .qv-ani-ele.qv-in-viewport.reveal-t-to-b, .qv-ani-ele.qv-in-viewport.reveal-l-to-r, .qv-ani-ele.qv-in-viewport.reveal-r-to-l, .qv-ani-ele.qv-in-viewport.reveal-horizontal, .qv-ani-ele.qv-in-viewport.reveal-vertical { opacity: 1; } /*.qv-ani-ele.qv-in-viewport.reveal-b-to-t {*/ /* animation:ani_reveal_b_to_t 2s ease 0s 1 forwards;*/ /* -webkit-animation:ani_reveal_b_to_t 2s ease 0s 1 forwards;*/ /* opacity:1;*/ /*}*/ /*.qv-ani-ele.qv-in-viewport.reveal-t-to-b {*/ /* animation:ani_reveal_t_to_b 2s ease 0s 1 forwards;*/ /* -webkit-animation:ani_reveal_t_to_b 2s ease 0s 1 forwards;*/ /* opacity:1;*/ /*}*/ /*.qv-ani-ele.qv-in-viewport.reveal-l-to-r {*/ /* animation:ani_reveal_l_to_r 2s ease 0s 1 forwards;*/ /* -webkit-animation:ani_reveal_l_to_r 2s ease 0s 1 forwards;*/ /* opacity:1;*/ /*}*/ /*.qv-ani-ele.qv-in-viewport.reveal-r-to-l {*/ /* animation:ani_reveal_r_to_l 2s ease 0s 1 forwards;*/ /* -webkit-animation:ani_reveal_r_to_l 2s ease 0s 1 forwards;*/ /* opacity:1;*/ /*}*/ .qv-ani-ele.qv-in-viewport.reveal-b-to-t:after { content: ''; background: #fff; animation: ani_reveal_1 1.2s ease 0s 1 forwards; -webkit-animation: ani_reveal_1 1.2s ease 0s 1 forwards; opacity: 1; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 500; } .qv-ani-ele.qv-in-viewport.reveal-t-to-b:after { content: ''; background: #fff; animation: ani_reveal_1 1.2s ease 0s 1 forwards; -webkit-animation: ani_reveal_1 1.2s ease 0s 1 forwards; opacity: 1; width: 100%; height: 100%; display: block; position: absolute; left: 0; bottom: 0; z-index: 500; } .qv-ani-ele.qv-in-viewport.reveal-l-to-r:after { content: ''; background: #fff; animation: ani_reveal_2 1.2s ease 0s 1 forwards; -webkit-animation: ani_reveal_2 1.2s ease 0s 1 forwards; opacity: 1; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 500; } .qv-ani-ele.qv-in-viewport.reveal-r-to-l:after { content: ''; background: #fff; animation: ani_reveal_2 1.2s ease 0s 1 forwards; -webkit-animation: ani_reveal_2 1.2s ease 0s 1 forwards; opacity: 1; width: 100%; height: 100%; display: block; position: absolute; right: 0; top: 0; z-index: 500; } .qv-ani-ele.qv-in-viewport.reveal-horizontal:before, .qv-ani-ele.qv-in-viewport.reveal-horizontal:after, .qv-ani-ele.qv-in-viewport.reveal-vertical:before, .qv-ani-ele.qv-in-viewport.reveal-vertical:after { content: ''; background: #fff; opacity: 1; width: 100%; height: 100%; display: block !important; position: absolute; z-index: 500; } .qv-ani-ele.qv-in-viewport.reveal-horizontal:before, .qv-ani-ele.qv-in-viewport.reveal-horizontal:after { animation: ani_reveal_2 1.2s ease 0s 1 forwards; -webkit-animation: ani_reveal_2 1.2s ease 0s 1 forwards; } .qv-ani-ele.qv-in-viewport.reveal-horizontal:before { left: 0; top: 0; } .qv-ani-ele.qv-in-viewport.reveal-horizontal:after { right: 0; top: 0; } .qv-ani-ele.qv-in-viewport.reveal-vertical:before, .qv-ani-ele.qv-in-viewport.reveal-vertical:after { animation: ani_reveal_1 1.2s ease 0s 1 forwards; -webkit-animation: ani_reveal_1 1.1s ease 0s 1 forwards; } .qv-ani-ele.qv-in-viewport.reveal-vertical:before { left: 0; top: 0; } .qv-ani-ele.qv-in-viewport.reveal-vertical:after { left: 0; bottom: 0; } /* 2020.03.20 재헌 * animation-delay가 적용될 경우 delay 동안 해당 컨텐츠가 보이는 현상을 제거하기 위해 opacity 0 할당 * spin, tossing, pulse 의 경우 delay 동안에도 보이는게 맞음 */ .qv-ani-ele.qv-in-viewport.fade-in, .qv-ani-ele.qv-in-viewport.scale-up, .qv-ani-ele.qv-in-viewport.r-to-l, .qv-ani-ele.qv-in-viewport.l-to-r, .qv-ani-ele.qv-in-viewport.t-to-b, .qv-ani-ele.qv-in-viewport.b-to-t, .qv-ani-ele.qv-in-viewport.flip-x, .qv-ani-ele.qv-in-viewport.flip-y, /*.qv-ani-ele.qv-in-viewport.spin,*/ /*.qv-ani-ele.qv-in-viewport.spin-r,*/ .qv-ani-ele.qv-in-viewport.twist /*.qv-ani-ele.qv-in-viewport.tossing,*/ /*.qv-ani-ele.qv-in-viewport.pulse,*/ { opacity: 0; } @-webkit-keyframes ani_flip_x { 0% {-webkit-transform:rotateX(90deg); opacity:0} 100% {-webkit-transform:rotateX(0deg); opacity:1} } @keyframes ani_flip_x { 0% {transform:rotateX(90deg);opacity:0} 100% {transform:rotateX(0deg);opacity:1} } @-webkit-keyframes ani_flip_y { 0% {-webkit-transform:rotateY(90deg);opacity:0} 100% {-webkit-transform:rotateY(0deg);opacity:1} } @keyframes ani_flip_y { 0% {transform:rotateY(90deg);opacity:0} 100% {transform:rotateY(0deg);opacity:1} } @-webkit-keyframes ani_fade { 0% {opacity:.1} 100% {opacity:1 } } @keyframes ani_fade { 0% {opacity:.1} 100% {opacity:1} } @-webkit-keyframes ani_scale { 0% {-webkit-transform:scale(0.3);opacity:.1} 100% {-webkit-transform:scale(1);opacity:1} } @keyframes ani_scale { 0% {transform:scale(0.3);opacity:.1} 100% {transform:scale(1);opacity:1} } @-webkit-keyframes ani_l_to_r { 0% {-webkit-transform:translate(-15%,0);opacity:0} 100% {-webkit-transform:translate(0,0);opacity:1} } @keyframes ani_l_to_r { 0% {transform:translate(-15%,0);opacity:0} 100% {transform:translate(0,0);opacity:1} } @-webkit-keyframes ani_r_to_l { 0% {-webkit-transform:translate(15%,0);opacity:0} 100% {-webkit-transform:translate(0,0);opacity:1} } @keyframes ani_r_to_l { 0% {transform:translate(15%,0);opacity:0 } 100% {transform:translate(0,0);opacity:1} } @-webkit-keyframes ani_b_to_t { 0% {-webkit-transform:translate(0,60%);opacity:0} 100% {-webkit-transform:translate(0,0);opacity:1} } @keyframes ani_b_to_t { 0% {transform:translate(0,60%);opacity:0} 100% {transform:translate(0,0);opacity:1} } @-webkit-keyframes ani_t_to_b { 0% {-webkit-transform:translate(0,-20%);opacity:0} 100% {-webkit-transform:translate(0,0);opacity:1} } @keyframes ani_t_to_b { 0% {transform:translate(0,-20%);opacity:0} 100% {transform:translate(0,0);opacity:1} } @-webkit-keyframes ani_spin { 0% {-webkit-transform:rotate(0deg)} 100% {-webkit-transform:rotate(-360deg)} } @keyframes ani_spin { 0% {transform:rotate(0deg)} 100% {transform:rotate(-360deg)} } @-webkit-keyframes ani_spin_r { 0% {-webkit-transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg)} } @keyframes ani_spin_r { 0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)} } @-webkit-keyframes ani_tossing { 0% {-webkit-transform:rotate(0deg)} 33% {-webkit-transform:rotate(6deg)} 66% {-webkit-transform:rotate(-6deg)} 100% {-webkit-transform:rotate(0deg)} } @keyframes ani_tossing { 0% {transform:rotate(0deg)} 33% {transform:rotate(6deg)} 66% {transform:rotate(-6deg)} 100% {transform:rotate(0deg)} } @-webkit-keyframes ani_pulse { 0% {-webkit-transform:scale(1); opacity:1} 50% {-webkit-transform:scale(0.9); opacity:.7} 100% {-webkit-transform:scale(1); opacity:1} } @keyframes ani_pulse { 0% {transform:scale(1); opacity:1} 50% {transform:scale(0.9); opacity:.7} 100% {transform:scale(1); opacity:1} } @-webkit-keyframes ani_twist { 0% {-webkit-transform:rotateX(15deg) rotateY(15deg) translateZ(-100px); opacity: 0;} 50% {-webkit-transform:rotateX(10deg) rotateY(10deg) translateZ(60px); opacity: 0.5;} 100% {-webkit-transform:rotateX(0deg) rotateY(0deg) translateZ(0); opacity: 1;} } @keyframes ani_twist { 0% {transform:rotateX(15deg) rotateY(15deg) translateZ(-100px); opacity: 0;} 50% {transform:rotateX(10deg) rotateY(10deg) translateZ(60px); opacity: 0.5;} 100% {transform:rotateX(0deg) rotateY(0deg) translateZ(0); opacity: 1;} } @keyframes ani_baswana { 0% {height:100%;opacity:1} 100% {height:0;opacity:1} } @keyframes ani_reveal_1 { 0% {height:100%;opacity:1} 100% {height:0;opacity:1} } @keyframes ani_reveal_2 { 0% {width:100%;opacity:1} 100% {width:0;opacity:1} } /*@keyframes ani_reveal_t_to_b {*/ /* 0% {clip-path: inset(0 0 100% 0);}*/ /* 100% {clip-path: inset(0);}*/ /*}*/ /*@keyframes ani_reveal_b_to_t {*/ /* 0% {clip-path: inset(100% 0 0 0);}*/ /* 100% {clip-path: inset(0);}*/ /*}*/ /*@keyframes ani_reveal_l_to_r {*/ /* 0% {clip-path: inset(0 100% 0 0);}*/ /* 100% {clip-path: inset(0);}*/ /*}*/ /*@keyframes ani_reveal_r_to_l {*/ /* 0% {clip-path: inset(0 0 0 100%);}*/ /* 100% {clip-path: inset(0);}*/ /*}*/ /*animation-timing-function:ease; animation-iteration-count:2; -webkit-animation-iteration-count:2;*/ .qv-ani-ele.qv-in-viewport.an-dr1{ -webkit-animation-duration: 1s; animation-duration: 1s; } .qv-ani-ele.qv-in-viewport.an-dr15{ -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .qv-ani-ele.qv-in-viewport.an-dr2{ -webkit-animation-duration: 2s; animation-duration: 2s; } .qv-ani-ele.qv-in-viewport.an-dr25{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .qv-ani-ele.qv-in-viewport.an-dr3{ -webkit-animation-duration: 3s; animation-duration: 3s; } .qv-ani-ele.qv-in-viewport.an-inf, .qv-ani-ele.qv-in-viewport.an-inf:before, .qv-ani-ele.qv-in-viewport.an-inf:after { -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-iteration-count: infinite; animation-direction: alternate; } .qv-ani-ele.qv-in-viewport.an-inf.spin, .qv-ani-ele.qv-in-viewport.an-inf.spin-r { -webkit-animation-direction: normal; animation-direction: normal; } .qv-ani-ele.qv-in-viewport.an-linear{ -webkit-animation-timing-function: linear; animation-timing-function: linear; } .qv-ani-ele.qv-in-viewport.reveal_b_to_t.an-dr1:after, .qv-ani-ele.qv-in-viewport.reveal_t_to_b.an-dr1:after { -webkit-animation-duration: 1s; animation-duration: 1s; } .qv-ani-ele.qv-in-viewport.reveal_b_to_t.an-dr15:after, .qv-ani-ele.qv-in-viewport.reveal_t_to_b.an-dr15:after { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .qv-ani-ele.qv-in-viewport.reveal_b_to_t.an-dr2:after, .qv-ani-ele.qv-in-viewport.reveal_t_to_b.an-dr2:after { -webkit-animation-duration: 2s; animation-duration: 2s; } .qv-ani-ele.qv-in-viewport.reveal_b_to_t.an-dr25:after, .qv-ani-ele.qv-in-viewport.reveal_t_to_b.an-dr25:after { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .qv-ani-ele.qv-in-viewport.reveal_b_to_t.an-dr3:after, .qv-ani-ele.qv-in-viewport.reveal_t_to_b.an-dr3:after { -webkit-animation-duration: 3s; animation-duration: 3s; } /* animation-duration */ .qv-ani-ele.qv-in-viewport.an-dr01, .qv-ani-ele.qv-in-viewport.an-dr01:before, .qv-ani-ele.qv-in-viewport.an-dr01:after { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; } .qv-ani-ele.qv-in-viewport.an-dr02, .qv-ani-ele.qv-in-viewport.an-dr02:before, .qv-ani-ele.qv-in-viewport.an-dr02:after { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; } .qv-ani-ele.qv-in-viewport.an-dr03, .qv-ani-ele.qv-in-viewport.an-dr03:before, .qv-ani-ele.qv-in-viewport.an-dr03:after { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .qv-ani-ele.qv-in-viewport.an-dr04, .qv-ani-ele.qv-in-viewport.an-dr04:before, .qv-ani-ele.qv-in-viewport.an-dr04:after { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .qv-ani-ele.qv-in-viewport.an-dr05, .qv-ani-ele.qv-in-viewport.an-dr05:before, .qv-ani-ele.qv-in-viewport.an-dr05:after { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .qv-ani-ele.qv-in-viewport.an-dr06, .qv-ani-ele.qv-in-viewport.an-dr06:before, .qv-ani-ele.qv-in-viewport.an-dr06:after { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .qv-ani-ele.qv-in-viewport.an-dr07, .qv-ani-ele.qv-in-viewport.an-dr07:before, .qv-ani-ele.qv-in-viewport.an-dr07:after { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .qv-ani-ele.qv-in-viewport.an-dr08, .qv-ani-ele.qv-in-viewport.an-dr08:before, .qv-ani-ele.qv-in-viewport.an-dr08:after { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .qv-ani-ele.qv-in-viewport.an-dr09, .qv-ani-ele.qv-in-viewport.an-dr09:before, .qv-ani-ele.qv-in-viewport.an-dr09:after { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .qv-ani-ele.qv-in-viewport.an-dr1 , .qv-ani-ele.qv-in-viewport.an-dr1:before, .qv-ani-ele.qv-in-viewport.an-dr1:after, .qv-ani-ele.qv-in-viewport.an-dr10, .qv-ani-ele.qv-in-viewport.an-dr10:before, .qv-ani-ele.qv-in-viewport.an-dr10:after { -webkit-animation-duration: 1.0s; animation-duration: 1.0s; } .qv-ani-ele.qv-in-viewport.an-dr11, .qv-ani-ele.qv-in-viewport.an-dr11:before, .qv-ani-ele.qv-in-viewport.an-dr11:after { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .qv-ani-ele.qv-in-viewport.an-dr12, .qv-ani-ele.qv-in-viewport.an-dr12:before, .qv-ani-ele.qv-in-viewport.an-dr12:after { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .qv-ani-ele.qv-in-viewport.an-dr13, .qv-ani-ele.qv-in-viewport.an-dr13:before, .qv-ani-ele.qv-in-viewport.an-dr13:after { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .qv-ani-ele.qv-in-viewport.an-dr14, .qv-ani-ele.qv-in-viewport.an-dr14:before, .qv-ani-ele.qv-in-viewport.an-dr14:after { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } .qv-ani-ele.qv-in-viewport.an-dr15, .qv-ani-ele.qv-in-viewport.an-dr15:before, .qv-ani-ele.qv-in-viewport.an-dr15:after { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .qv-ani-ele.qv-in-viewport.an-dr16, .qv-ani-ele.qv-in-viewport.an-dr16:before, .qv-ani-ele.qv-in-viewport.an-dr16:after { -webkit-animation-duration: 1.6s; animation-duration: 1.6s; } .qv-ani-ele.qv-in-viewport.an-dr17, .qv-ani-ele.qv-in-viewport.an-dr17:before, .qv-ani-ele.qv-in-viewport.an-dr17:after { -webkit-animation-duration: 1.7s; animation-duration: 1.7s; } .qv-ani-ele.qv-in-viewport.an-dr18, .qv-ani-ele.qv-in-viewport.an-dr18:before, .qv-ani-ele.qv-in-viewport.an-dr18:after { -webkit-animation-duration: 1.8s; animation-duration: 1.8s; } .qv-ani-ele.qv-in-viewport.an-dr19, .qv-ani-ele.qv-in-viewport.an-dr19:before, .qv-ani-ele.qv-in-viewport.an-dr19:after { -webkit-animation-duration: 1.9s; animation-duration: 1.9s; } .qv-ani-ele.qv-in-viewport.an-dr2 , .qv-ani-ele.qv-in-viewport.an-dr2:before, .qv-ani-ele.qv-in-viewport.an-dr2:after, .qv-ani-ele.qv-in-viewport.an-dr20, .qv-ani-ele.qv-in-viewport.an-dr20:before, .qv-ani-ele.qv-in-viewport.an-dr20:after { -webkit-animation-duration: 2.0s; animation-duration: 2.0s; } .qv-ani-ele.qv-in-viewport.an-dr21, .qv-ani-ele.qv-in-viewport.an-dr21:before, .qv-ani-ele.qv-in-viewport.an-dr21:after { -webkit-animation-duration: 2.1s; animation-duration: 2.1s; } .qv-ani-ele.qv-in-viewport.an-dr22, .qv-ani-ele.qv-in-viewport.an-dr22:before, .qv-ani-ele.qv-in-viewport.an-dr22:after { -webkit-animation-duration: 2.2s; animation-duration: 2.2s; } .qv-ani-ele.qv-in-viewport.an-dr23, .qv-ani-ele.qv-in-viewport.an-dr23:before, .qv-ani-ele.qv-in-viewport.an-dr23:after { -webkit-animation-duration: 2.3s; animation-duration: 2.3s; } .qv-ani-ele.qv-in-viewport.an-dr24, .qv-ani-ele.qv-in-viewport.an-dr24:before, .qv-ani-ele.qv-in-viewport.an-dr24:after { -webkit-animation-duration: 2.4s; animation-duration: 2.4s; } .qv-ani-ele.qv-in-viewport.an-dr25, .qv-ani-ele.qv-in-viewport.an-dr25:before, .qv-ani-ele.qv-in-viewport.an-dr25:after { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .qv-ani-ele.qv-in-viewport.an-dr26, .qv-ani-ele.qv-in-viewport.an-dr26:before, .qv-ani-ele.qv-in-viewport.an-dr26:after { -webkit-animation-duration: 2.6s; animation-duration: 2.6s; } .qv-ani-ele.qv-in-viewport.an-dr27, .qv-ani-ele.qv-in-viewport.an-dr27:before, .qv-ani-ele.qv-in-viewport.an-dr27:after { -webkit-animation-duration: 2.7s; animation-duration: 2.7s; } .qv-ani-ele.qv-in-viewport.an-dr28, .qv-ani-ele.qv-in-viewport.an-dr28:before, .qv-ani-ele.qv-in-viewport.an-dr28:after { -webkit-animation-duration: 2.8s; animation-duration: 2.8s; } .qv-ani-ele.qv-in-viewport.an-dr29, .qv-ani-ele.qv-in-viewport.an-dr29:before, .qv-ani-ele.qv-in-viewport.an-dr29:after { -webkit-animation-duration: 2.9s; animation-duration: 2.9s; } .qv-ani-ele.qv-in-viewport.an-dr3 , .qv-ani-ele.qv-in-viewport.an-dr3:before, .qv-ani-ele.qv-in-viewport.an-dr3:after, .qv-ani-ele.qv-in-viewport.an-dr30, .qv-ani-ele.qv-in-viewport.an-dr30:before, .qv-ani-ele.qv-in-viewport.an-dr30:after { -webkit-animation-duration: 3.0s; animation-duration: 3.0s; } .qv-ani-ele.qv-in-viewport.an-dr31, .qv-ani-ele.qv-in-viewport.an-dr31:before, .qv-ani-ele.qv-in-viewport.an-dr31:after { -webkit-animation-duration: 3.1s; animation-duration: 3.1s; } .qv-ani-ele.qv-in-viewport.an-dr32, .qv-ani-ele.qv-in-viewport.an-dr32:before, .qv-ani-ele.qv-in-viewport.an-dr32:after { -webkit-animation-duration: 3.2s; animation-duration: 3.2s; } .qv-ani-ele.qv-in-viewport.an-dr33, .qv-ani-ele.qv-in-viewport.an-dr33:before, .qv-ani-ele.qv-in-viewport.an-dr33:after { -webkit-animation-duration: 3.3s; animation-duration: 3.3s; } .qv-ani-ele.qv-in-viewport.an-dr34, .qv-ani-ele.qv-in-viewport.an-dr34:before, .qv-ani-ele.qv-in-viewport.an-dr34:after { -webkit-animation-duration: 3.4s; animation-duration: 3.4s; } .qv-ani-ele.qv-in-viewport.an-dr35, .qv-ani-ele.qv-in-viewport.an-dr35:before, .qv-ani-ele.qv-in-viewport.an-dr35:after { -webkit-animation-duration: 3.5s; animation-duration: 3.5s; } .qv-ani-ele.qv-in-viewport.an-dr36, .qv-ani-ele.qv-in-viewport.an-dr36:before, .qv-ani-ele.qv-in-viewport.an-dr36:after { -webkit-animation-duration: 3.6s; animation-duration: 3.6s; } .qv-ani-ele.qv-in-viewport.an-dr37, .qv-ani-ele.qv-in-viewport.an-dr37:before, .qv-ani-ele.qv-in-viewport.an-dr37:after { -webkit-animation-duration: 3.7s; animation-duration: 3.7s; } .qv-ani-ele.qv-in-viewport.an-dr38, .qv-ani-ele.qv-in-viewport.an-dr38:before, .qv-ani-ele.qv-in-viewport.an-dr38:after { -webkit-animation-duration: 3.8s; animation-duration: 3.8s; } .qv-ani-ele.qv-in-viewport.an-dr39, .qv-ani-ele.qv-in-viewport.an-dr39:before, .qv-ani-ele.qv-in-viewport.an-dr39:after { -webkit-animation-duration: 3.9s; animation-duration: 3.9s; } .qv-ani-ele.qv-in-viewport.an-dr4 , .qv-ani-ele.qv-in-viewport.an-dr4:before, .qv-ani-ele.qv-in-viewport.an-dr4:after, .qv-ani-ele.qv-in-viewport.an-dr40, .qv-ani-ele.qv-in-viewport.an-dr40:before, .qv-ani-ele.qv-in-viewport.an-dr40:after { -webkit-animation-duration: 4.0s; animation-duration: 4.0s; } .qv-ani-ele.qv-in-viewport.an-dr41, .qv-ani-ele.qv-in-viewport.an-dr41:before, .qv-ani-ele.qv-in-viewport.an-dr41:after { -webkit-animation-duration: 4.1s; animation-duration: 4.1s; } .qv-ani-ele.qv-in-viewport.an-dr42, .qv-ani-ele.qv-in-viewport.an-dr42:before, .qv-ani-ele.qv-in-viewport.an-dr42:after { -webkit-animation-duration: 4.2s; animation-duration: 4.2s; } .qv-ani-ele.qv-in-viewport.an-dr43, .qv-ani-ele.qv-in-viewport.an-dr43:before, .qv-ani-ele.qv-in-viewport.an-dr43:after { -webkit-animation-duration: 4.3s; animation-duration: 4.3s; } .qv-ani-ele.qv-in-viewport.an-dr44, .qv-ani-ele.qv-in-viewport.an-dr44:before, .qv-ani-ele.qv-in-viewport.an-dr44:after { -webkit-animation-duration: 4.4s; animation-duration: 4.4s; } .qv-ani-ele.qv-in-viewport.an-dr45, .qv-ani-ele.qv-in-viewport.an-dr45:before, .qv-ani-ele.qv-in-viewport.an-dr45:after { -webkit-animation-duration: 4.5s; animation-duration: 4.5s; } .qv-ani-ele.qv-in-viewport.an-dr46, .qv-ani-ele.qv-in-viewport.an-dr46:before, .qv-ani-ele.qv-in-viewport.an-dr46:after { -webkit-animation-duration: 4.6s; animation-duration: 4.6s; } .qv-ani-ele.qv-in-viewport.an-dr47, .qv-ani-ele.qv-in-viewport.an-dr47:before, .qv-ani-ele.qv-in-viewport.an-dr47:after { -webkit-animation-duration: 4.7s; animation-duration: 4.7s; } .qv-ani-ele.qv-in-viewport.an-dr48, .qv-ani-ele.qv-in-viewport.an-dr48:before, .qv-ani-ele.qv-in-viewport.an-dr48:after { -webkit-animation-duration: 4.8s; animation-duration: 4.8s; } .qv-ani-ele.qv-in-viewport.an-dr49, .qv-ani-ele.qv-in-viewport.an-dr49:before, .qv-ani-ele.qv-in-viewport.an-dr49:after { -webkit-animation-duration: 4.9s; animation-duration: 4.9s; } .qv-ani-ele.qv-in-viewport.an-dr5 , .qv-ani-ele.qv-in-viewport.an-dr5:before, .qv-ani-ele.qv-in-viewport.an-dr5:after, .qv-ani-ele.qv-in-viewport.an-dr50, .qv-ani-ele.qv-in-viewport.an-dr50:before, .qv-ani-ele.qv-in-viewport.an-dr50:after { -webkit-animation-duration: 5.0s; animation-duration: 5.0s; } /* animation-delay */ .qv-ani-ele.qv-in-viewport.an-dl0 , .qv-ani-ele.qv-in-viewport.an-dl0:before, .qv-ani-ele.qv-in-viewport.an-dl0:after { -webkit-animation-delay: 0s; animation-delay: 0s; } .qv-ani-ele.qv-in-viewport.an-dl01, .qv-ani-ele.qv-in-viewport.an-dl01:before, .qv-ani-ele.qv-in-viewport.an-dl01:after { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .qv-ani-ele.qv-in-viewport.an-dl02, .qv-ani-ele.qv-in-viewport.an-dl02:before, .qv-ani-ele.qv-in-viewport.an-dl02:after { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .qv-ani-ele.qv-in-viewport.an-dl03, .qv-ani-ele.qv-in-viewport.an-dl03:before, .qv-ani-ele.qv-in-viewport.an-dl03:after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .qv-ani-ele.qv-in-viewport.an-dl04, .qv-ani-ele.qv-in-viewport.an-dl04:before, .qv-ani-ele.qv-in-viewport.an-dl04:after { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .qv-ani-ele.qv-in-viewport.an-dl05, .qv-ani-ele.qv-in-viewport.an-dl05:before, .qv-ani-ele.qv-in-viewport.an-dl05:after { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .qv-ani-ele.qv-in-viewport.an-dl06, .qv-ani-ele.qv-in-viewport.an-dl06:before, .qv-ani-ele.qv-in-viewport.an-dl06:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .qv-ani-ele.qv-in-viewport.an-dl07, .qv-ani-ele.qv-in-viewport.an-dl07:before, .qv-ani-ele.qv-in-viewport.an-dl07:after { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .qv-ani-ele.qv-in-viewport.an-dl08, .qv-ani-ele.qv-in-viewport.an-dl08:before, .qv-ani-ele.qv-in-viewport.an-dl08:after { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .qv-ani-ele.qv-in-viewport.an-dl09, .qv-ani-ele.qv-in-viewport.an-dl09:before, .qv-ani-ele.qv-in-viewport.an-dl09:after { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .qv-ani-ele.qv-in-viewport.an-dl1 , .qv-ani-ele.qv-in-viewport.an-dl1:before, .qv-ani-ele.qv-in-viewport.an-dl1:after, .qv-ani-ele.qv-in-viewport.an-dl10, .qv-ani-ele.qv-in-viewport.an-dl10:before, .qv-ani-ele.qv-in-viewport.an-dl10:after { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; } .qv-ani-ele.qv-in-viewport.an-dl11, .qv-ani-ele.qv-in-viewport.an-dl11:before, .qv-ani-ele.qv-in-viewport.an-dl11:after { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .qv-ani-ele.qv-in-viewport.an-dl12, .qv-ani-ele.qv-in-viewport.an-dl12:before, .qv-ani-ele.qv-in-viewport.an-dl12:after { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .qv-ani-ele.qv-in-viewport.an-dl13, .qv-ani-ele.qv-in-viewport.an-dl13:before, .qv-ani-ele.qv-in-viewport.an-dl13:after { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } .qv-ani-ele.qv-in-viewport.an-dl14, .qv-ani-ele.qv-in-viewport.an-dl14:before, .qv-ani-ele.qv-in-viewport.an-dl14:after { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .qv-ani-ele.qv-in-viewport.an-dl15, .qv-ani-ele.qv-in-viewport.an-dl15:before, .qv-ani-ele.qv-in-viewport.an-dl15:after { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .qv-ani-ele.qv-in-viewport.an-dl16, .qv-ani-ele.qv-in-viewport.an-dl16:before, .qv-ani-ele.qv-in-viewport.an-dl16:after { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .qv-ani-ele.qv-in-viewport.an-dl17, .qv-ani-ele.qv-in-viewport.an-dl17:before, .qv-ani-ele.qv-in-viewport.an-dl17:after { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } .qv-ani-ele.qv-in-viewport.an-dl18, .qv-ani-ele.qv-in-viewport.an-dl18:before, .qv-ani-ele.qv-in-viewport.an-dl18:after { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .qv-ani-ele.qv-in-viewport.an-dl19, .qv-ani-ele.qv-in-viewport.an-dl19:before, .qv-ani-ele.qv-in-viewport.an-dl19:after { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } .qv-ani-ele.qv-in-viewport.an-dl2 , .qv-ani-ele.qv-in-viewport.an-dl2:before, .qv-ani-ele.qv-in-viewport.an-dl2:after, .qv-ani-ele.qv-in-viewport.an-dl20, .qv-ani-ele.qv-in-viewport.an-dl20:before, .qv-ani-ele.qv-in-viewport.an-dl20:after { -webkit-animation-delay: 2.0s; animation-delay: 2.0s; } .qv-ani-ele.qv-in-viewport.an-dl21, .qv-ani-ele.qv-in-viewport.an-dl21:before, .qv-ani-ele.qv-in-viewport.an-dl21:after { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } .qv-ani-ele.qv-in-viewport.an-dl22, .qv-ani-ele.qv-in-viewport.an-dl22:before, .qv-ani-ele.qv-in-viewport.an-dl22:after { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } .qv-ani-ele.qv-in-viewport.an-dl23, .qv-ani-ele.qv-in-viewport.an-dl23:before, .qv-ani-ele.qv-in-viewport.an-dl23:after { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } .qv-ani-ele.qv-in-viewport.an-dl24, .qv-ani-ele.qv-in-viewport.an-dl24:before, .qv-ani-ele.qv-in-viewport.an-dl24:after { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } .qv-ani-ele.qv-in-viewport.an-dl25, .qv-ani-ele.qv-in-viewport.an-dl25:before, .qv-ani-ele.qv-in-viewport.an-dl25:after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .qv-ani-ele.qv-in-viewport.an-dl26, .qv-ani-ele.qv-in-viewport.an-dl26:before, .qv-ani-ele.qv-in-viewport.an-dl26:after { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .qv-ani-ele.qv-in-viewport.an-dl27, .qv-ani-ele.qv-in-viewport.an-dl27:before, .qv-ani-ele.qv-in-viewport.an-dl27:after { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } .qv-ani-ele.qv-in-viewport.an-dl28, .qv-ani-ele.qv-in-viewport.an-dl28:before, .qv-ani-ele.qv-in-viewport.an-dl28:after { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; } .qv-ani-ele.qv-in-viewport.an-dl29, .qv-ani-ele.qv-in-viewport.an-dl29:before, .qv-ani-ele.qv-in-viewport.an-dl29:after { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; } .qv-ani-ele.qv-in-viewport.an-dl3 , .qv-ani-ele.qv-in-viewport.an-dl3:before, .qv-ani-ele.qv-in-viewport.an-dl3:after, .qv-ani-ele.qv-in-viewport.an-dl30, .qv-ani-ele.qv-in-viewport.an-dl30:before, .qv-ani-ele.qv-in-viewport.an-dl30:after { -webkit-animation-delay: 3.0s; animation-delay: 3.0s; } .qv-ani-ele.qv-in-viewport.an-dl31, .qv-ani-ele.qv-in-viewport.an-dl31:before, .qv-ani-ele.qv-in-viewport.an-dl31:after { -webkit-animation-delay: 3.1s; animation-delay: 3.1s; } .qv-ani-ele.qv-in-viewport.an-dl32, .qv-ani-ele.qv-in-viewport.an-dl32:before, .qv-ani-ele.qv-in-viewport.an-dl32:after { -webkit-animation-delay: 3.2s; animation-delay: 3.2s; } .qv-ani-ele.qv-in-viewport.an-dl33, .qv-ani-ele.qv-in-viewport.an-dl33:before, .qv-ani-ele.qv-in-viewport.an-dl33:after { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } .qv-ani-ele.qv-in-viewport.an-dl34, .qv-ani-ele.qv-in-viewport.an-dl34:before, .qv-ani-ele.qv-in-viewport.an-dl34:after { -webkit-animation-delay: 3.4s; animation-delay: 3.4s; } .qv-ani-ele.qv-in-viewport.an-dl35, .qv-ani-ele.qv-in-viewport.an-dl35:before, .qv-ani-ele.qv-in-viewport.an-dl35:after { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } .qv-ani-ele.qv-in-viewport.an-dl36, .qv-ani-ele.qv-in-viewport.an-dl36:before, .qv-ani-ele.qv-in-viewport.an-dl36:after { -webkit-animation-delay: 3.6s; animation-delay: 3.6s; } .qv-ani-ele.qv-in-viewport.an-dl37, .qv-ani-ele.qv-in-viewport.an-dl37:before, .qv-ani-ele.qv-in-viewport.an-dl37:after { -webkit-animation-delay: 3.7s; animation-delay: 3.7s; } .qv-ani-ele.qv-in-viewport.an-dl38, .qv-ani-ele.qv-in-viewport.an-dl38:before, .qv-ani-ele.qv-in-viewport.an-dl38:after { -webkit-animation-delay: 3.8s; animation-delay: 3.8s; } .qv-ani-ele.qv-in-viewport.an-dl39, .qv-ani-ele.qv-in-viewport.an-dl39:before, .qv-ani-ele.qv-in-viewport.an-dl39:after { -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } .qv-ani-ele.qv-in-viewport.an-dl4 , .qv-ani-ele.qv-in-viewport.an-dl4:before, .qv-ani-ele.qv-in-viewport.an-dl4:after, .qv-ani-ele.qv-in-viewport.an-dl40, .qv-ani-ele.qv-in-viewport.an-dl40:before, .qv-ani-ele.qv-in-viewport.an-dl40:after { -webkit-animation-delay: 4.0s; animation-delay: 4.0s; } .qv-ani-ele.qv-in-viewport.an-dl41, .qv-ani-ele.qv-in-viewport.an-dl41:before, .qv-ani-ele.qv-in-viewport.an-dl41:after { -webkit-animation-delay: 4.1s; animation-delay: 4.1s; } .qv-ani-ele.qv-in-viewport.an-dl42, .qv-ani-ele.qv-in-viewport.an-dl42:before, .qv-ani-ele.qv-in-viewport.an-dl42:after { -webkit-animation-delay: 4.2s; animation-delay: 4.2s; } .qv-ani-ele.qv-in-viewport.an-dl43, .qv-ani-ele.qv-in-viewport.an-dl43:before, .qv-ani-ele.qv-in-viewport.an-dl43:after { -webkit-animation-delay: 4.3s; animation-delay: 4.3s; } .qv-ani-ele.qv-in-viewport.an-dl44, .qv-ani-ele.qv-in-viewport.an-dl44:before, .qv-ani-ele.qv-in-viewport.an-dl44:after { -webkit-animation-delay: 4.4s; animation-delay: 4.4s; } .qv-ani-ele.qv-in-viewport.an-dl45, .qv-ani-ele.qv-in-viewport.an-dl45:before, .qv-ani-ele.qv-in-viewport.an-dl45:after { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } .qv-ani-ele.qv-in-viewport.an-dl46, .qv-ani-ele.qv-in-viewport.an-dl46:before, .qv-ani-ele.qv-in-viewport.an-dl46:after { -webkit-animation-delay: 4.6s; animation-delay: 4.6s; } .qv-ani-ele.qv-in-viewport.an-dl47, .qv-ani-ele.qv-in-viewport.an-dl47:before, .qv-ani-ele.qv-in-viewport.an-dl47:after { -webkit-animation-delay: 4.7s; animation-delay: 4.7s; } .qv-ani-ele.qv-in-viewport.an-dl48, .qv-ani-ele.qv-in-viewport.an-dl48:before, .qv-ani-ele.qv-in-viewport.an-dl48:after { -webkit-animation-delay: 4.8s; animation-delay: 4.8s; } .qv-ani-ele.qv-in-viewport.an-dl49, .qv-ani-ele.qv-in-viewport.an-dl49:before, .qv-ani-ele.qv-in-viewport.an-dl49:after { -webkit-animation-delay: 4.9s; animation-delay: 4.9s; } .qv-ani-ele.qv-in-viewport.an-dl5 , .qv-ani-ele.qv-in-viewport.an-dl5:before, .qv-ani-ele.qv-in-viewport.an-dl5:after, .qv-ani-ele.qv-in-viewport.an-dl50, .qv-ani-ele.qv-in-viewport.an-dl50:before, .qv-ani-ele.qv-in-viewport.an-dl50:after { -webkit-animation-delay: 5.0s; animation-delay: 5.0s; }