/* * com.onelittledesigner.popbox2_css */ .popBox2_noscroll{overflow: clip;}.popBox2_container .out{width: initial;}.popBox2_container .popBox2:after,.popBox2_container .popBox2:before{content:"";position:absolute;pointer-events:none;left:0;top:0;right:0;bottom:0}.popBox2_container,.popBox2_container *{box-sizing:border-box;overscroll-behavior: none;}.popBox2_container{display:flex;justify-content:center;align-items:center;align-content:center}.popBox2_click_close,.popBox2_close{cursor:pointer}.popBox2_close_icon{position:absolute;padding:0;width:32px;height:32px;z-index:2}.popBox2_close_icon svg{width:32px;fill:currentColor}.popBox2_container .popBox2_wrap{position:relative;margin:24px}.popBox2_container .popBox2{overflow:hidden;position:relative;z-index:1;width:100%}.popBox2_container .popBox2:after,.popBox2_container .popBox2:before{z-index:0}.popBox2_container .popBox2 .popBox2_inner{position:relative;z-index:1;display:grid;grid-template-rows:min-content 1fr min-content;padding:0;width:100%;height:100%}.popBox2_container .popBox2 .popBox2_inner[data-header=False]{grid-template-rows:min-content;align-content:center}.popBox2_container .popBox2 .popBox2_content,.popBox2_container .popBox2 .popBox2_content>div,.popBox2_container.popBox2_layout_expanded .popBox2_wrap{width:100%}.popBox2_container .popBox2 .popBox2_main{overflow:auto}.popBox2_container .popBox2 .pb_fire,.popBox2_container .popBox2>svg,.popBox2_container .popBox2_overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner{display:grid;justify-content:center;align-content:center;grid-template-columns:min-content 1fr min-content;grid-template-rows:1fr;align-items:center}.popBox2_container.popBox2_layout_columns .popBox2_footer>div,.popBox2_container.popBox2_layout_columns .popBox2_footer>div>[tag=node]{white-space:nowrap}.popBox2_container.popBox2_layout_columns .popBox2_footer>div *{white-space:normal}.popBox2_container.popBox2_layout_expanded .popBox2{max-width:none}.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content{display:flex;justify-content:center;align-content:center}.popBox2_container.popBox2_layout_expanded .popBox2_close_icon{top:4px;right:4px}.popBox2_container.popBox2_layout_fullscreen .popBox2{max-width:none;width:auto}.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content{display:flex;justify-content:center;align-content:center;align-items:stretch}.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner{grid-template-columns:100%}.popBox2_container .popBox2 .pb_fire{clip-path:inset(1px 0 0 0);height:100%;width:100%;max-height:480px;top:auto;right:auto;left:-50%;bottom:-10%;background-repeat:no-repeat;background-position:center;background-size:auto 100%}.popBox2_container .pb_fire.pb_fire_right{right:-50%;left:auto}.popBox2_container .pb_fire>div:nth-child(2){left:33.333%;transform:translate(-50%,0) rotateY(180deg) scale(.9)}.popBox2_container .pb_fire>div:nth-child(3){left:66.666%;transform:translate(-50%,0) rotateY(180deg) scale(.8)}.popBox2_container .pb_fire>div:nth-child(4){transform-origin:bottom left;left:0;transform:translate(0,0) scale(.7)}.popBox2_container .pb_fire>div:nth-child(5){transform-origin:bottom right;left:auto;right:0;transform:translate(0,0) scale(.75)}.popBox2_container .pb_fire>div:nth-child(6){left:8%;transform:translate(0,0) rotateY(180deg) scale(.6)}.popBox2_container .pb_fire>div:nth-child(7){left:auto;right:8%;transform:translate(0,0) rotateY(180deg) scale(.65)}.popBox2_container.popBox2_fx_border .popBox2_border_after,.popBox2_container.popBox2_fx_border .popBox2_border_before{position:absolute;left:-2px;top:-2px;bottom:-2px;right:-2px;background-size:200% 200%;z-index:0;background-position:top right;animation:3s linear infinite pb_brotate;will-change:background-position;transform:translate3d(0,0,0)}@keyframes pb_brotate{0%{background-position:bottom left}100%{background-position:top right}}.popBox2_container.popBox2_fx_border .popBox2_border_after{filter:blur(50px)}.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after,.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before{position:absolute;left:-8px;top:-8px;bottom:-8px;right:-8px;background:0 0;z-index:0;animation:6s linear infinite pb_borderRotate;transform:translate3d(0,0,0);clip-path:polygon(5% 5%,-10% -100%,-10% 100%,-10% 100%,-10% 100%,-10% 100%,-10% 100%,5% 95%)}.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after{transform:translate3d(0,0,0) rotate(180deg)}@keyframes pb_borderRotate{0%{clip-path:polygon(5% 5%,-10% -10% ,-10% 110%,-10% 110%,-10% 110%,-10% 110%,-10% 110%,5% 95%)}25%{clip-path:polygon(5% 95%,-10% 110%,-10% 110%,110% 110%,110% 110%,110% 110%,110% 110%,95% 95%)}50%{clip-path:polygon(95% 95%,110% 110%,110% 110%,110% 110%,110% -10% ,110% -10% ,110% -10% ,95% 5%)}75%{clip-path:polygon(95% 5%,110% -10% ,110% -10% ,110% -10% ,110% -10% ,-10% -10% ,-10% -10% ,5% 5%)}100%{clip-path:polygon(5% 5%,-10% -10% ,-10% -10% ,-10% -10% ,-10% -10% ,-10% -10% ,-10% 110%,5% 95%)}}.popBox2_container.popBox2_fx_lightspeed g{transform:scale(0);transform-origin:center;animation:3s cubic-bezier(1,0,.9,.75) infinite pb_lightspeedZoom,3s linear infinite pb_lightspeedOpacity}.popBox2_container.popBox2_fx_lightspeed g:first-child{animation-delay:0s}.pb_smoke_group>div:nth-child(98) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(2){animation-delay:-.3s}.pb_smoke_group>div:nth-child(95) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(3){animation-delay:-.6s}.pb_smoke_group>div:nth-child(92) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(4){animation-delay:-.9s}.pb_smoke_group>div:nth-child(89) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(5){animation-delay:-1.2s}.pb_smoke_group>div:nth-child(86) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(6){animation-delay:-1.5s}.pb_smoke_group>div:nth-child(83) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(7){animation-delay:-1.8s}.pb_smoke_group>div:nth-child(80) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(8){animation-delay:-2.1s}.pb_smoke_group>div:nth-child(77) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(9){animation-delay:-2.4s}.pb_smoke_group>div:nth-child(74) .rect,.popBox2_container.popBox2_fx_lightspeed g:nth-child(10){animation-delay:-2.7s}@keyframes pb_lightspeedZoom{0%{transform:translate3d(0,0,0) scale(0)}100%{transform:translate3d(0,0,0) scale(3)}}@keyframes pb_lightspeedOpacity{0%,100%,30%{opacity:0}90%{opacity:1}}.pb_grid_wrap{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-mask-image:-webkit-linear-gradient(0deg,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(0deg,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%)}.pb_grid_wrap.pb_grid_wrap_top{transform:rotate(180deg)}.pb_grid{position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(0,60%);z-index:0}.pb_grid>svg{transform:perspective(100px) rotateX(35deg) translate3d(0,-25%,0);transform-origin:top;animation:3s linear infinite pb_grid_move}.pb_grid rect{stroke-width:1px}@keyframes pb_grid_move{0%{transform:perspective(100px) rotateX(45deg) translate3d(0,-30%,0)}100%{transform:perspective(100px) rotateX(45deg) translate3d(0,0,0)}}.pb_smoke_group{position:absolute;top:0;left:0;right:0;bottom:0;filter:blur(5px);transform:translate3d(0,0,0)}.pb_smoke_group>div{transform-origin:bottom left;width:50%;height:20%;position:absolute;bottom:0;left:25%;border-radius:50%}.pb_smoke_group .rect{width:100%;height:100%;transform-origin:33.333% 100%;animation:32s linear infinite alternate pb_rotate}.pb_smoke_group>div:nth-child(100) .rect{animation-delay:-.1s}.pb_smoke_group>div:nth-child(99) .rect{animation-delay:-.2s}.pb_smoke_group>div:nth-child(97) .rect{animation-delay:-.4s}.pb_smoke_group>div:nth-child(96) .rect{animation-delay:-.5s}.pb_smoke_group>div:nth-child(94) .rect{animation-delay:-.7s}.pb_smoke_group>div:nth-child(93) .rect{animation-delay:-.8s}.pb_smoke_group>div:nth-child(91) .rect{animation-delay:-1s}.pb_smoke_group>div:nth-child(90) .rect{animation-delay:-1.1s}.pb_smoke_group>div:nth-child(88) .rect{animation-delay:-1.3s}.pb_smoke_group>div:nth-child(87) .rect{animation-delay:-1.4s}.pb_smoke_group>div:nth-child(85) .rect{animation-delay:-1.6s}.pb_smoke_group>div:nth-child(84) .rect{animation-delay:-1.7s}.pb_smoke_group>div:nth-child(82) .rect{animation-delay:-1.9s}.pb_smoke_group>div:nth-child(81) .rect{animation-delay:-2s}.pb_smoke_group>div:nth-child(79) .rect{animation-delay:-2.2s}.pb_smoke_group>div:nth-child(78) .rect{animation-delay:-2.3s}.pb_smoke_group>div:nth-child(76) .rect{animation-delay:-2.5s}.pb_smoke_group>div:nth-child(75) .rect{animation-delay:-2.6s}.pb_smoke_group>div:nth-child(73) .rect{animation-delay:-2.8s}.pb_smoke_group>div:nth-child(72) .rect{animation-delay:-2.9s}.pb_smoke_group>div:nth-child(71) .rect{animation-delay:-3s}.pb_smoke_group>div:nth-child(70) .rect{animation-delay:-3.1s}.pb_smoke_group>div:nth-child(69) .rect{animation-delay:-3.2s}.pb_smoke_group>div:nth-child(68) .rect{animation-delay:-3.3s}.pb_smoke_group>div:nth-child(67) .rect{animation-delay:-3.4s}.pb_smoke_group>div:nth-child(66) .rect{animation-delay:-3.5s}.pb_smoke_group>div:nth-child(65) .rect{animation-delay:-3.6s}.pb_smoke_group>div:nth-child(64) .rect{animation-delay:-3.7s}.pb_smoke_group>div:nth-child(63) .rect{animation-delay:-3.8s}.pb_smoke_group>div:nth-child(62) .rect{animation-delay:-3.9s}.pb_smoke_group>div:nth-child(61) .rect{animation-delay:-4s}.pb_smoke_group>div:nth-child(60) .rect{animation-delay:-4.1s}.pb_smoke_group>div:nth-child(59) .rect{animation-delay:-4.2s}.pb_smoke_group>div:nth-child(58) .rect{animation-delay:-4.3s}.pb_smoke_group>div:nth-child(57) .rect{animation-delay:-4.4s}.pb_smoke_group>div:nth-child(56) .rect{animation-delay:-4.5s}.pb_smoke_group>div:nth-child(55) .rect{animation-delay:-4.6s}.pb_smoke_group>div:nth-child(54) .rect{animation-delay:-4.7s}.pb_smoke_group>div:nth-child(53) .rect{animation-delay:-4.8s}.pb_smoke_group>div:nth-child(52) .rect{animation-delay:-4.9s}.pb_smoke_group>div:nth-child(51) .rect{animation-delay:-5s}.pb_smoke_group>div:nth-child(50) .rect{animation-delay:-5.1s}.pb_smoke_group>div:nth-child(49) .rect{animation-delay:-5.2s}.pb_smoke_group>div:nth-child(48) .rect{animation-delay:-5.3s}.pb_smoke_group>div:nth-child(47) .rect{animation-delay:-5.4s}.pb_smoke_group>div:nth-child(46) .rect{animation-delay:-5.5s}.pb_smoke_group>div:nth-child(45) .rect{animation-delay:-5.6s}.pb_smoke_group>div:nth-child(44) .rect{animation-delay:-5.7s}.pb_smoke_group>div:nth-child(43) .rect{animation-delay:-5.8s}.pb_smoke_group>div:nth-child(42) .rect{animation-delay:-5.9s}.pb_smoke_group>div:nth-child(41) .rect{animation-delay:-6s}.pb_smoke_group>div:nth-child(40) .rect{animation-delay:-6.1s}.pb_smoke_group>div:nth-child(39) .rect{animation-delay:-6.2s}.pb_smoke_group>div:nth-child(38) .rect{animation-delay:-6.3s}.pb_smoke_group>div:nth-child(37) .rect{animation-delay:-6.4s}.pb_smoke_group>div:nth-child(36) .rect{animation-delay:-6.5s}.pb_smoke_group>div:nth-child(35) .rect{animation-delay:-6.6s}.pb_smoke_group>div:nth-child(34) .rect{animation-delay:-6.7s}.pb_smoke_group>div:nth-child(33) .rect{animation-delay:-6.8s}.pb_smoke_group>div:nth-child(32) .rect{animation-delay:-6.9s}.pb_smoke_group>div:nth-child(31) .rect{animation-delay:-7s}.pb_smoke_group>div:nth-child(30) .rect{animation-delay:-7.1s}.pb_smoke_group>div:nth-child(29) .rect{animation-delay:-7.2s}.pb_smoke_group>div:nth-child(28) .rect{animation-delay:-7.3s}.pb_smoke_group>div:nth-child(27) .rect{animation-delay:-7.4s}.pb_smoke_group>div:nth-child(26) .rect{animation-delay:-7.5s}.pb_smoke_group>div:nth-child(25) .rect{animation-delay:-7.6s}.pb_smoke_group>div:nth-child(24) .rect{animation-delay:-7.7s}.pb_smoke_group>div:nth-child(23) .rect{animation-delay:-7.8s}.pb_smoke_group>div:nth-child(22) .rect{animation-delay:-7.9s}.pb_smoke_group>div:nth-child(21) .rect{animation-delay:-8s}.pb_smoke_group>div:nth-child(20) .rect{animation-delay:-8.1s}.pb_smoke_group>div:nth-child(19) .rect{animation-delay:-8.2s}.pb_smoke_group>div:nth-child(18) .rect{animation-delay:-8.3s}.pb_smoke_group>div:nth-child(17) .rect{animation-delay:-8.4s}.pb_smoke_group>div:nth-child(16) .rect{animation-delay:-8.5s}.pb_smoke_group>div:nth-child(15) .rect{animation-delay:-8.6s}.pb_smoke_group>div:nth-child(14) .rect{animation-delay:-8.7s}.pb_smoke_group>div:nth-child(13) .rect{animation-delay:-8.8s}.pb_smoke_group>div:nth-child(12) .rect{animation-delay:-8.9s}.pb_smoke_group>div:nth-child(11) .rect{animation-delay:-9s}.pb_smoke_group>div:nth-child(10) .rect{animation-delay:-9.1s}.pb_smoke_group>div:nth-child(9) .rect{animation-delay:-9.2s}.pb_smoke_group>div:nth-child(8) .rect{animation-delay:-9.3s}.pb_smoke_group>div:nth-child(7) .rect{animation-delay:-9.4s}.pb_smoke_group>div:nth-child(6) .rect{animation-delay:-9.5s}.pb_smoke_group>div:nth-child(5) .rect{animation-delay:-9.6s}.pb_smoke_group>div:nth-child(4) .rect{animation-delay:-9.7s}.pb_smoke_group>div:nth-child(3) .rect{animation-delay:-9.8s}.pb_smoke_group>div:nth-child(2) .rect{animation-delay:-9.9s}.pb_smoke_group>div:first-child .rect{animation-delay:-10s}.pb_smoke_group>div:first-child{opacity:.99;transform:scale(.01) translate(1%,-10%);-webkit-filter:blur(10.3px);filter:blur(10.3px)}.pb_smoke_group>div:nth-child(2){opacity:.98;transform:scale(.02) translate(2%,-20%);-webkit-filter:blur(10.6px);filter:blur(10.6px)}.pb_smoke_group>div:nth-child(3){opacity:.97;transform:scale(.03) translate(3%,-30%);-webkit-filter:blur(10.9px);filter:blur(10.9px)}.pb_smoke_group>div:nth-child(4){opacity:.96;transform:scale(.04) translate(4%,-40%);-webkit-filter:blur(11.2px);filter:blur(11.2px)}.pb_smoke_group>div:nth-child(5){opacity:.95;transform:scale(.05) translate(5%,-50%);-webkit-filter:blur(11.5px);filter:blur(11.5px)}.pb_smoke_group>div:nth-child(6){opacity:.94;transform:scale(.06) translate(6%,-60%);-webkit-filter:blur(11.8px);filter:blur(11.8px)}.pb_smoke_group>div:nth-child(7){opacity:.9299999999999999;transform:scale(.07) translate(7%,-70%);-webkit-filter:blur(12.1px);filter:blur(12.1px)}.pb_smoke_group>div:nth-child(8){opacity:.92;transform:scale(.08) translate(8%,-80%);-webkit-filter:blur(12.4px);filter:blur(12.4px)}.pb_smoke_group>div:nth-child(9){opacity:.91;transform:scale(.09) translate(9%,-90%);-webkit-filter:blur(12.7px);filter:blur(12.7px)}.pb_smoke_group>div:nth-child(10){opacity:.9;transform:scale(.1) translate(10%,-100%);-webkit-filter:blur(13px);filter:blur(13px)}.pb_smoke_group>div:nth-child(11){opacity:.89;transform:scale(.11) translate(11%,-110%);-webkit-filter:blur(13.3px);filter:blur(13.3px)}.pb_smoke_group>div:nth-child(12){opacity:.88;transform:scale(.12) translate(12%,-120%);-webkit-filter:blur(13.6px);filter:blur(13.6px)}.pb_smoke_group>div:nth-child(13){opacity:.87;transform:scale(.13) translate(13%,-130%);-webkit-filter:blur(13.9px);filter:blur(13.9px)}.pb_smoke_group>div:nth-child(14){opacity:.86;transform:scale(.14) translate(14%,-140%);-webkit-filter:blur(14.2px);filter:blur(14.2px)}.pb_smoke_group>div:nth-child(15){opacity:.85;transform:scale(.15) translate(15%,-150%);-webkit-filter:blur(14.5px);filter:blur(14.5px)}.pb_smoke_group>div:nth-child(16){opacity:.84;transform:scale(.16) translate(16%,-160%);-webkit-filter:blur(14.8px);filter:blur(14.8px)}.pb_smoke_group>div:nth-child(17){opacity:.83;transform:scale(.17) translate(17%,-170%);-webkit-filter:blur(15.1px);filter:blur(15.1px)}.pb_smoke_group>div:nth-child(18){opacity:.8200000000000001;transform:scale(.18) translate(18%,-180%);-webkit-filter:blur(15.399999999999999px);filter:blur(15.399999999999999px)}.pb_smoke_group>div:nth-child(19){opacity:.81;transform:scale(.19) translate(19%,-190%);-webkit-filter:blur(15.7px);filter:blur(15.7px)}.pb_smoke_group>div:nth-child(20){opacity:.8;transform:scale(.2) translate(20%,-200%);-webkit-filter:blur(16px);filter:blur(16px)}.pb_smoke_group>div:nth-child(21){opacity:.79;transform:scale(.21) translate(21%,-210%);-webkit-filter:blur(16.3px);filter:blur(16.3px)}.pb_smoke_group>div:nth-child(22){opacity:.78;transform:scale(.22) translate(22%,-220%);-webkit-filter:blur(16.6px);filter:blur(16.6px)}.pb_smoke_group>div:nth-child(23){opacity:.77;transform:scale(.23) translate(23%,-230%);-webkit-filter:blur(16.9px);filter:blur(16.9px)}.pb_smoke_group>div:nth-child(24){opacity:.76;transform:scale(.24) translate(24%,-240%);-webkit-filter:blur(17.2px);filter:blur(17.2px)}.pb_smoke_group>div:nth-child(25){opacity:.75;transform:scale(.25) translate(25%,-250%);-webkit-filter:blur(17.5px);filter:blur(17.5px)}.pb_smoke_group>div:nth-child(26){opacity:.74;transform:scale(.26) translate(26%,-260%);-webkit-filter:blur(17.8px);filter:blur(17.8px)}.pb_smoke_group>div:nth-child(27){opacity:.73;transform:scale(.27) translate(27%,-270%);-webkit-filter:blur(18.1px);filter:blur(18.1px)}.pb_smoke_group>div:nth-child(28){opacity:.72;transform:scale(.28) translate(28%,-280%);-webkit-filter:blur(18.4px);filter:blur(18.4px)}.pb_smoke_group>div:nth-child(29){opacity:.71;transform:scale(.29) translate(29%,-290%);-webkit-filter:blur(18.7px);filter:blur(18.7px)}.pb_smoke_group>div:nth-child(30){opacity:.7;transform:scale(.3) translate(30%,-300%);-webkit-filter:blur(19px);filter:blur(19px)}.pb_smoke_group>div:nth-child(31){opacity:.69;transform:scale(.31) translate(31%,-310%);-webkit-filter:blur(19.299999999999997px);filter:blur(19.299999999999997px)}.pb_smoke_group>div:nth-child(32){opacity:.6799999999999999;transform:scale(.32) translate(32%,-320%);-webkit-filter:blur(19.6px);filter:blur(19.6px)}.pb_smoke_group>div:nth-child(33){opacity:.6699999999999999;transform:scale(.33) translate(33%,-330%);-webkit-filter:blur(19.9px);filter:blur(19.9px)}.pb_smoke_group>div:nth-child(34){opacity:.6599999999999999;transform:scale(.34) translate(34%,-340%);-webkit-filter:blur(20.2px);filter:blur(20.2px)}.pb_smoke_group>div:nth-child(35){opacity:.65;transform:scale(.35) translate(35%,-350%);-webkit-filter:blur(20.5px);filter:blur(20.5px)}.pb_smoke_group>div:nth-child(36){opacity:.64;transform:scale(.36) translate(36%,-360%);-webkit-filter:blur(20.799999999999997px);filter:blur(20.799999999999997px)}.pb_smoke_group>div:nth-child(37){opacity:.63;transform:scale(.37) translate(37%,-370%);-webkit-filter:blur(21.1px);filter:blur(21.1px)}.pb_smoke_group>div:nth-child(38){opacity:.62;transform:scale(.38) translate(38%,-380%);-webkit-filter:blur(21.4px);filter:blur(21.4px)}.pb_smoke_group>div:nth-child(39){opacity:.61;transform:scale(.39) translate(39%,-390%);-webkit-filter:blur(21.7px);filter:blur(21.7px)}.pb_smoke_group>div:nth-child(40){opacity:.6;transform:scale(.4) translate(40%,-400%);-webkit-filter:blur(22px);filter:blur(22px)}.pb_smoke_group>div:nth-child(41){opacity:.5900000000000001;transform:scale(.41) translate(41%,-410%);-webkit-filter:blur(22.299999999999997px);filter:blur(22.299999999999997px)}.pb_smoke_group>div:nth-child(42){opacity:.5800000000000001;transform:scale(.42) translate(42%,-420%);-webkit-filter:blur(22.6px);filter:blur(22.6px)}.pb_smoke_group>div:nth-child(43){opacity:.5700000000000001;transform:scale(.43) translate(43%,-430%);-webkit-filter:blur(22.9px);filter:blur(22.9px)}.pb_smoke_group>div:nth-child(44){opacity:.56;transform:scale(.44) translate(44%,-440%);-webkit-filter:blur(23.2px);filter:blur(23.2px)}.pb_smoke_group>div:nth-child(45){opacity:.55;transform:scale(.45) translate(45%,-450%);-webkit-filter:blur(23.5px);filter:blur(23.5px)}.pb_smoke_group>div:nth-child(46){opacity:.54;transform:scale(.46) translate(46%,-460%);-webkit-filter:blur(23.799999999999997px);filter:blur(23.799999999999997px)}.pb_smoke_group>div:nth-child(47){opacity:.53;transform:scale(.47) translate(47%,-470%);-webkit-filter:blur(24.1px);filter:blur(24.1px)}.pb_smoke_group>div:nth-child(48){opacity:.52;transform:scale(.48) translate(48%,-480%);-webkit-filter:blur(24.4px);filter:blur(24.4px)}.pb_smoke_group>div:nth-child(49){opacity:.51;transform:scale(.49) translate(49%,-490%);-webkit-filter:blur(24.7px);filter:blur(24.7px)}.pb_smoke_group>div:nth-child(50){opacity:.5;transform:scale(.5) translate(50%,-500%);-webkit-filter:blur(25px);filter:blur(25px)}.pb_smoke_group>div:nth-child(51){opacity:.49;transform:scale(.51) translate(51%,-510%);-webkit-filter:blur(25.299999999999997px);filter:blur(25.299999999999997px)}.pb_smoke_group>div:nth-child(52){opacity:.48;transform:scale(.52) translate(52%,-520%);-webkit-filter:blur(25.6px);filter:blur(25.6px)}.pb_smoke_group>div:nth-child(53){opacity:.47;transform:scale(.53) translate(53%,-530%);-webkit-filter:blur(25.9px);filter:blur(25.9px)}.pb_smoke_group>div:nth-child(54){opacity:.45999999999999996;transform:scale(.54) translate(54%,-540%);-webkit-filter:blur(26.2px);filter:blur(26.2px)}.pb_smoke_group>div:nth-child(55){opacity:.44999999999999996;transform:scale(.55) translate(55%,-550%);-webkit-filter:blur(26.5px);filter:blur(26.5px)}.pb_smoke_group>div:nth-child(56){opacity:.43999999999999995;transform:scale(.56) translate(56%,-560%);-webkit-filter:blur(26.8px);filter:blur(26.8px)}.pb_smoke_group>div:nth-child(57){opacity:.43000000000000005;transform:scale(.57) translate(57%,-570%);-webkit-filter:blur(27.099999999999998px);filter:blur(27.099999999999998px)}.pb_smoke_group>div:nth-child(58){opacity:.42000000000000004;transform:scale(.58) translate(58%,-580%);-webkit-filter:blur(27.4px);filter:blur(27.4px)}.pb_smoke_group>div:nth-child(59){opacity:.41000000000000003;transform:scale(.59) translate(59%,-590%);-webkit-filter:blur(27.7px);filter:blur(27.7px)}.pb_smoke_group>div:nth-child(60){opacity:.4;transform:scale(.6) translate(60%,-600%);-webkit-filter:blur(28px);filter:blur(28px)}.pb_smoke_group>div:nth-child(61){opacity:.39;transform:scale(.61) translate(61%,-610%);-webkit-filter:blur(28.3px);filter:blur(28.3px)}.pb_smoke_group>div:nth-child(62){opacity:.38;transform:scale(.62) translate(62%,-620%);-webkit-filter:blur(28.599999999999998px);filter:blur(28.599999999999998px)}.pb_smoke_group>div:nth-child(63){opacity:.37;transform:scale(.63) translate(63%,-630%);-webkit-filter:blur(28.9px);filter:blur(28.9px)}.pb_smoke_group>div:nth-child(64){opacity:.36;transform:scale(.64) translate(64%,-640%);-webkit-filter:blur(29.2px);filter:blur(29.2px)}.pb_smoke_group>div:nth-child(65){opacity:.35;transform:scale(.65) translate(65%,-650%);-webkit-filter:blur(29.5px);filter:blur(29.5px)}.pb_smoke_group>div:nth-child(66){opacity:.33999999999999997;transform:scale(.66) translate(66%,-660%);-webkit-filter:blur(29.8px);filter:blur(29.8px)}.pb_smoke_group>div:nth-child(67){opacity:.32999999999999996;transform:scale(.67) translate(67%,-670%);-webkit-filter:blur(30.099999999999998px);filter:blur(30.099999999999998px)}.pb_smoke_group>div:nth-child(68){opacity:.31999999999999995;transform:scale(.68) translate(68%,-680%);-webkit-filter:blur(30.4px);filter:blur(30.4px)}.pb_smoke_group>div:nth-child(69){opacity:.31000000000000005;transform:scale(.69) translate(69%,-690%);-webkit-filter:blur(30.7px);filter:blur(30.7px)}.pb_smoke_group>div:nth-child(70){opacity:.30000000000000004;transform:scale(.7) translate(70%,-700%);-webkit-filter:blur(31px);filter:blur(31px)}.pb_smoke_group>div:nth-child(71){opacity:.29000000000000004;transform:scale(.71) translate(71%,-710%);-webkit-filter:blur(31.3px);filter:blur(31.3px)}.pb_smoke_group>div:nth-child(72){opacity:.28;transform:scale(.72) translate(72%,-720%);-webkit-filter:blur(31.599999999999998px);filter:blur(31.599999999999998px)}.pb_smoke_group>div:nth-child(73){opacity:.27;transform:scale(.73) translate(73%,-730%);-webkit-filter:blur(31.9px);filter:blur(31.9px)}.pb_smoke_group>div:nth-child(74){opacity:.26;transform:scale(.74) translate(74%,-740%);-webkit-filter:blur(32.2px);filter:blur(32.2px)}.pb_smoke_group>div:nth-child(75){opacity:.25;transform:scale(.75) translate(75%,-750%);-webkit-filter:blur(32.5px);filter:blur(32.5px)}.pb_smoke_group>div:nth-child(76){opacity:.24;transform:scale(.76) translate(76%,-760%);-webkit-filter:blur(32.8px);filter:blur(32.8px)}.pb_smoke_group>div:nth-child(77){opacity:.22999999999999998;transform:scale(.77) translate(77%,-770%);-webkit-filter:blur(33.099999999999994px);filter:blur(33.099999999999994px)}.pb_smoke_group>div:nth-child(78){opacity:.21999999999999997;transform:scale(.78) translate(78%,-780%);-webkit-filter:blur(33.4px);filter:blur(33.4px)}.pb_smoke_group>div:nth-child(79){opacity:.20999999999999996;transform:scale(.79) translate(79%,-790%);-webkit-filter:blur(33.7px);filter:blur(33.7px)}.pb_smoke_group>div:nth-child(80){opacity:.19999999999999996;transform:scale(.8) translate(80%,-800%);-webkit-filter:blur(34px);filter:blur(34px)}.pb_smoke_group>div:nth-child(81){opacity:.18999999999999995;transform:scale(.81) translate(81%,-810%);-webkit-filter:blur(34.3px);filter:blur(34.3px)}.pb_smoke_group>div:nth-child(82){opacity:.18000000000000005;transform:scale(.82) translate(82%,-820%);-webkit-filter:blur(34.599999999999994px);filter:blur(34.599999999999994px)}.pb_smoke_group>div:nth-child(83){opacity:.17000000000000004;transform:scale(.83) translate(83%,-830%);-webkit-filter:blur(34.9px);filter:blur(34.9px)}.pb_smoke_group>div:nth-child(84){opacity:.16000000000000003;transform:scale(.84) translate(84%,-840%);-webkit-filter:blur(35.2px);filter:blur(35.2px)}.pb_smoke_group>div:nth-child(85){opacity:.15000000000000002;transform:scale(.85) translate(85%,-850%);-webkit-filter:blur(35.5px);filter:blur(35.5px)}.pb_smoke_group>div:nth-child(86){opacity:.14;transform:scale(.86) translate(86%,-860%);-webkit-filter:blur(35.8px);filter:blur(35.8px)}.pb_smoke_group>div:nth-child(87){opacity:.13;transform:scale(.87) translate(87%,-870%);-webkit-filter:blur(36.099999999999994px);filter:blur(36.099999999999994px)}.pb_smoke_group>div:nth-child(88){opacity:.12;transform:scale(.88) translate(88%,-880%);-webkit-filter:blur(36.4px);filter:blur(36.4px)}.pb_smoke_group>div:nth-child(89){opacity:.10999999999999999;transform:scale(.89) translate(89%,-890%);-webkit-filter:blur(36.7px);filter:blur(36.7px)}.pb_smoke_group>div:nth-child(90){opacity:.09999999999999998;transform:scale(.9) translate(90%,-900%);-webkit-filter:blur(37px);filter:blur(37px)}.pb_smoke_group>div:nth-child(91){opacity:.08999999999999997;transform:scale(.91) translate(91%,-910%);-webkit-filter:blur(37.3px);filter:blur(37.3px)}.pb_smoke_group>div:nth-child(92){opacity:.07999999999999996;transform:scale(.92) translate(92%,-920%);-webkit-filter:blur(37.599999999999994px);filter:blur(37.599999999999994px)}.pb_smoke_group>div:nth-child(93){opacity:.06999999999999995;transform:scale(.93) translate(93%,-930%);-webkit-filter:blur(37.9px);filter:blur(37.9px)}.pb_smoke_group>div:nth-child(94){opacity:.06000000000000005;transform:scale(.94) translate(94%,-940%);-webkit-filter:blur(38.2px);filter:blur(38.2px)}.pb_smoke_group>div:nth-child(95){opacity:.050000000000000044;transform:scale(.95) translate(95%,-950%);-webkit-filter:blur(38.5px);filter:blur(38.5px)}.pb_smoke_group>div:nth-child(96){opacity:.040000000000000036;transform:scale(.96) translate(96%,-960%);-webkit-filter:blur(38.8px);filter:blur(38.8px)}.pb_smoke_group>div:nth-child(97){opacity:.030000000000000027;transform:scale(.97) translate(97%,-970%);-webkit-filter:blur(39.099999999999994px);filter:blur(39.099999999999994px)}.pb_smoke_group>div:nth-child(98){opacity:.020000000000000018;transform:scale(.98) translate(98%,-980%);-webkit-filter:blur(39.4px);filter:blur(39.4px)}.pb_smoke_group>div:nth-child(99){opacity:.010000000000000009;transform:scale(.99) translate(99%,-990%);-webkit-filter:blur(39.7px);filter:blur(39.7px)}.pb_smoke_group>div:nth-child(100){opacity:0;transform:scale(1) translate(100%,-1000%);-webkit-filter:blur(40px);filter:blur(40px)}@keyframes pb_rotate{0%{transform:rotate(0) translate3d(0,0,0)}25%{transform:rotate(360deg) translate3d(-30%,10%,0)}50%{transform:rotate(720deg) translate3d(0,0,0)}75%{transform:rotate(1080deg) translate3d(30%,-10%,0)}100%{transform:rotate(1440deg) translate3d(0,0,0)}}.popBox2_container.popBox2_active.popBox2_alert .popBox2{animation:.8s cubic-bezier(.36,.07,.19,.97) both pb_shake}@keyframes pb_shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}} /* * animsitioncss */ /*! * animsition v4.0.2 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */ .blur_wrapper, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /** * overlay option */ .animsition-overlay-slide { position: fixed; z-index: 10000; width: 100%; height: 100%; background-color: #ddd; } /* loading option */ .animsition-loading, .animsition-loading:after { width: 32px; height: 32px; position: fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 100; } .animsition-loading { background-color: transparent; border-top: 5px solid rgba(0, 0, 0, 0.2); border-right: 5px solid rgba(0, 0, 0, 0.2); border-bottom: 5px solid rgba(0, 0, 0, 0.2); border-left: 5px solid #eee; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: animsition-loading; animation-name: animsition-loading; } @-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } .fade-out { -webkit-animation-name: fade-out; animation-name: fade-out; } @-webkit-keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up { -webkit-animation-name: fade-in-up; animation-name: fade-in-up; } @-webkit-keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } } @keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } } .fade-out-up { -webkit-animation-name: fade-out-up; animation-name: fade-out-up; } @-webkit-keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up-sm { -webkit-animation-name: fade-in-up-sm; animation-name: fade-in-up-sm; } @-webkit-keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } } @keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } } .fade-out-up-sm { -webkit-animation-name: fade-out-up-sm; animation-name: fade-out-up-sm; } @-webkit-keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up-lg { -webkit-animation-name: fade-in-up-lg; animation-name: fade-in-up-lg; } @-webkit-keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } } @keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } } .fade-out-up-lg { -webkit-animation-name: fade-out-up-lg; animation-name: fade-out-up-lg; } @-webkit-keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; } @-webkit-keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } } @keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } } .fade-out-down { -webkit-animation-name: fade-out-down; animation-name: fade-out-down; } @-webkit-keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-down-sm { -webkit-animation-name: fade-in-down-sm; animation-name: fade-in-down-sm; } @-webkit-keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } @keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } .fade-out-down-sm { -webkit-animation-name: fade-out-down-sm; animation-name: fade-out-down-sm; } @-webkit-keyframes fade-in-down-lg { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-down-lg { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-down-lg { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; } @-webkit-keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } } @keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } } .fade-out-down-lg { -webkit-animation-name: fade-out-down-lg; animation-name: fade-out-down-lg; } @-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left { -webkit-animation-name: fade-in-left; animation-name: fade-in-left; } @-webkit-keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } } @keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } } .fade-out-left { -webkit-animation-name: fade-out-left; animation-name: fade-out-left; } @-webkit-keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left-sm { -webkit-animation-name: fade-in-left-sm; animation-name: fade-in-left-sm; } @-webkit-keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } } @keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } } .fade-out-left-sm { -webkit-animation-name: fade-out-left-sm; animation-name: fade-out-left-sm; } @-webkit-keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left-lg { -webkit-animation-name: fade-in-left-lg; animation-name: fade-in-left-lg; } @-webkit-keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } } @keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } } .fade-out-left-lg { -webkit-animation-name: fade-out-left-lg; animation-name: fade-out-left-lg; } @-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right { -webkit-animation-name: fade-in-right; animation-name: fade-in-right; } @-webkit-keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } } @keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } } .fade-out-right { -webkit-animation-name: fade-out-right; animation-name: fade-out-right; } @-webkit-keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right-sm { -webkit-animation-name: fade-in-right-sm; animation-name: fade-in-right-sm; } @-webkit-keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } } @keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } } .fade-out-right-sm { -webkit-animation-name: fade-out-right-sm; animation-name: fade-out-right-sm; } @-webkit-keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right-lg { -webkit-animation-name: fade-in-right-lg; animation-name: fade-in-right-lg; } @-webkit-keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } } @keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } } .fade-out-right-lg { -webkit-animation-name: fade-out-right-lg; animation-name: fade-out-right-lg; } @-webkit-keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } @keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } .rotate-in { -webkit-animation-name: rotate-in; animation-name: rotate-in; } @-webkit-keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } @keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } .rotate-out { -webkit-animation-name: rotate-out; animation-name: rotate-out; } @-webkit-keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } @keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } .rotate-in-sm { -webkit-animation-name: rotate-in-sm; animation-name: rotate-in-sm; } @-webkit-keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } @keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } .rotate-out-sm { -webkit-animation-name: rotate-out-sm; animation-name: rotate-out-sm; } @-webkit-keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } @keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } 100% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } } .rotate-in-lg { -webkit-animation-name: rotate-in-lg; animation-name: rotate-in-lg; } @-webkit-keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } @keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; opacity: 1; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } } .rotate-out-lg { -webkit-animation-name: rotate-out-lg; animation-name: rotate-out-lg; } @-webkit-keyframes flip-in-x { 0% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x { 0% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } } .flip-in-x { -webkit-animation-name: flip-in-x; animation-name: flip-in-x; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x { 0% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x { 0% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } } .flip-out-x { -webkit-animation-name: flip-out-x; animation-name: flip-out-x; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } } .flip-in-x-nr { -webkit-animation-name: flip-in-x-nr; animation-name: flip-in-x-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } } .flip-out-x-nr { -webkit-animation-name: flip-out-x-nr; animation-name: flip-out-x-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } } .flip-in-x-fr { -webkit-animation-name: flip-in-x-fr; animation-name: flip-in-x-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } .flip-out-x-fr { -webkit-animation-name: flip-out-x-fr; animation-name: flip-out-x-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y { 0% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y { 0% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } } .flip-in-y { -webkit-animation-name: flip-in-y; animation-name: flip-in-y; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y { 0% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y { 0% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } } .flip-out-y { -webkit-animation-name: flip-out-y; animation-name: flip-out-y; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } } .flip-in-y-nr { -webkit-animation-name: flip-in-y-nr; animation-name: flip-in-y-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } } .flip-out-y-nr { -webkit-animation-name: flip-out-y-nr; animation-name: flip-out-y-nr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } } .flip-in-y-fr { -webkit-animation-name: flip-in-y-fr; animation-name: flip-in-y-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } } .flip-out-y-fr { -webkit-animation-name: flip-out-y-fr; animation-name: flip-out-y-fr; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes zoom-in-reverse { 0% { -webkit-transform: scale(1.25); transform: scale(1.25); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoom-in-reverse { 0% { -webkit-transform: scale(1.25); transform: scale(1.25); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .zoom-in-reverse { -webkit-animation-name: zoom-in-reverse; animation-name: zoom-in-reverse; } @-webkit-keyframes zoom-in { 0% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0; } 100% { opacity: 1; } } @keyframes zoom-in { 0% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0; } 100% { opacity: 1; } } .zoom-in { -webkit-animation-name: zoom-in; animation-name: zoom-in; } @-webkit-keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0; } 100% { opacity: 0; } } @keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0; } 100% { opacity: 0; } } .zoom-out { -webkit-animation-name: zoom-out; animation-name: zoom-out; } @-webkit-keyframes zoom-out-reverse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.25); transform: scale(1.25); opacity: 0; } 100% { opacity: 0; } } @keyframes zoom-out-reverse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.25); transform: scale(1.25); opacity: 0; } 100% { opacity: 0; } } .zoom-out-reverse { -webkit-animation-name: zoom-out-reverse; animation-name: zoom-out-reverse; } @-webkit-keyframes zoom-in-sm { 0% { -webkit-transform: scale(.95); transform: scale(.95); opacity: 0; } 100% { opacity: 1; } } @keyframes zoom-in-sm { 0% { -webkit-transform: scale(.95); transform: scale(.95); opacity: 0; } 100% { opacity: 1; } } .zoom-in-sm { -webkit-animation-name: zoom-in-sm; animation-name: zoom-in-sm; } @-webkit-keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.95); transform: scale(.95); opacity: 0; } 100% { opacity: 0; } } @keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.95); transform: scale(.95); opacity: 0; } 100% { opacity: 0; } } .zoom-out-sm { -webkit-animation-name: zoom-out-sm; animation-name: zoom-out-sm; } @-webkit-keyframes zoom-in-lg { 0% { -webkit-transform: scale(.4); transform: scale(.4); opacity: 0; } 100% { opacity: 1; } } @keyframes zoom-in-lg { 0% { -webkit-transform: scale(.4); transform: scale(.4); opacity: 0; } 100% { opacity: 1; } } .zoom-in-lg { -webkit-animation-name: zoom-in-lg; animation-name: zoom-in-lg; } @-webkit-keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.4); transform: scale(.4); opacity: 0; } 100% { opacity: 0; } } @keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(.4); transform: scale(.4); opacity: 0; } 100% { opacity: 0; } } .zoom-out-lg { -webkit-animation-name: zoom-out-lg; animation-name: zoom-out-lg; } @-webkit-keyframes overlay-slide-in-top { 0% { height: 100%; } 100% { height: 0; } } @keyframes overlay-slide-in-top { 0% { height: 100%; } 100% { height: 0; } } .overlay-slide-in-top { top: 0; height: 0; -webkit-animation-name: overlay-slide-in-top; animation-name: overlay-slide-in-top; } @-webkit-keyframes overlay-slide-out-top { 0% { height: 0; } 100% { height: 100%; } } @keyframes overlay-slide-out-top { 0% { height: 0; } 100% { height: 100%; } } .overlay-slide-out-top { top: 0; height: 100%; -webkit-animation-name: overlay-slide-out-top; animation-name: overlay-slide-out-top; } @-webkit-keyframes overlay-slide-in-bottom { 0% { height: 100%; } 100% { height: 0; } } @keyframes overlay-slide-in-bottom { 0% { height: 100%; } 100% { height: 0; } } .overlay-slide-in-bottom { bottom: 0; height: 0; -webkit-animation-name: overlay-slide-in-bottom; animation-name: overlay-slide-in-bottom; } @-webkit-keyframes overlay-slide-out-bottom { 0% { height: 0; } 100% { height: 100%; } } @keyframes overlay-slide-out-bottom { 0% { height: 0; } 100% { height: 100%; } } .overlay-slide-out-bottom { bottom: 0; height: 100%; -webkit-animation-name: overlay-slide-out-bottom; animation-name: overlay-slide-out-bottom; } @-webkit-keyframes overlay-slide-in-left { 0% { width: 100%; } 100% { width: 0; } } @keyframes overlay-slide-in-left { 0% { width: 100%; } 100% { width: 0; } } .overlay-slide-in-left { width: 0; -webkit-animation-name: overlay-slide-in-left; animation-name: overlay-slide-in-left; } @-webkit-keyframes overlay-slide-out-left { 0% { width: 0; } 100% { width: 100%; } } @keyframes overlay-slide-out-left { 0% { width: 0; } 100% { width: 100%; } } .overlay-slide-out-left { left: 0; width: 100%; -webkit-animation-name: overlay-slide-out-left; animation-name: overlay-slide-out-left; } @-webkit-keyframes overlay-slide-in-right { 0% { width: 100%; } 100% { width: 0; } } @keyframes overlay-slide-in-right { 0% { width: 100%; } 100% { width: 0; } } .overlay-slide-in-right { right: 0; width: 0; -webkit-animation-name: overlay-slide-in-right; animation-name: overlay-slide-in-right; } @-webkit-keyframes overlay-slide-out-right { 0% { width: 0; } 100% { width: 100%; } } @keyframes overlay-slide-out-right { 0% { width: 0; } 100% { width: 100%; } } .overlay-slide-out-right { right: 0; width: 100%; -webkit-animation-name: overlay-slide-out-right; animation-name: overlay-slide-out-right; } /* * vegas css */ .vegas-wrapper, .vegas-overlay, .vegas-timer, .vegas-slide, .vegas-slide-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; border: none; padding: 0; margin: 0; } .vegas-overlay { opacity: .5; background: transparent url("overlays/02.png") center center repeat; } .vegas-timer { top: auto; bottom: 0; height: 2px; } .vegas-timer-progress { width: 0%; height: 100%; background: white; -webkit-transition: width ease-out; transition: width ease-out; } .vegas-timer-running .vegas-timer-progress { width: 100%; } .vegas-slide, .vegas-slide-inner { margin: 0; padding: 0; background: transparent center center no-repeat; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity; } body .vegas-container { overflow: hidden !important; position: relative; } .vegas-video { min-width: 100%; min-height: 100%; width: auto; height: auto; } body.vegas-container { overflow: auto; position: static; z-index: -2; } body.vegas-container > .vegas-timer, body.vegas-container > .vegas-overlay, body.vegas-container > .vegas-slide { position: fixed; z-index: -1; } /* Target Safari IOS7+ in order to add 76px */ _::full-page-media, _:future, :root body.vegas-container > .vegas-slide, :root body.vegas-container > .vegas-overlay { bottom: -76px; } /*******************************************/ /* blur transition */ /*******************************************/ .vegas-transition-blur, .vegas-transition-blur2 { opacity: 0; -webkit-filter: blur(32px); filter: blur(32px); } .vegas-transition-blur-in, .vegas-transition-blur2-in { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } .vegas-transition-blur2-out { opacity: 0; } /*******************************************/ /* burn transition */ /*******************************************/ .vegas-transition-burn, .vegas-transition-burn2 { opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%); } .vegas-transition-burn-in, .vegas-transition-burn2-in { opacity: 1; -webkit-filter: contrast(100%) saturate(100%); filter: contrast(100%) saturate(100%); } .vegas-transition-burn2-out { opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%); } /*******************************************/ /* fade transition */ /*******************************************/ .vegas-transition-fade, .vegas-transition-fade2 { opacity: 0; } .vegas-transition-fade-in, .vegas-transition-fade2-in { opacity: 1; } .vegas-transition-fade2-out { opacity: 0; } /*******************************************/ /* flash transition */ /*******************************************/ .vegas-transition-flash, .vegas-transition-flash2 { opacity: 0; -webkit-filter: brightness(25); filter: brightness(25); } .vegas-transition-flash-in, .vegas-transition-flash2-in { opacity: 1; -webkit-filter: brightness(1); filter: brightness(1); } .vegas-transition-flash2-out { opacity: 0; -webkit-filter: brightness(25); filter: brightness(25); } /*******************************************/ /* negative transition */ /*******************************************/ .vegas-transition-negative, .vegas-transition-negative2 { opacity: 0; -webkit-filter: invert(100%); filter: invert(100%); } .vegas-transition-negative-in, .vegas-transition-negative2-in { opacity: 1; -webkit-filter: invert(0); filter: invert(0); } .vegas-transition-negative2-out { opacity: 0; -webkit-filter: invert(100%); filter: invert(100%); } /*******************************************/ /* slideDown transition */ /*******************************************/ .vegas-transition-slideDown, .vegas-transition-slideDown2 { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .vegas-transition-slideDown-in, .vegas-transition-slideDown2-in { -webkit-transform: translateY(0%); transform: translateY(0%); } .vegas-transition-slideDown2-out { -webkit-transform: translateY(100%); transform: translateY(100%); } /*******************************************/ /* slideLeft transition */ /*******************************************/ .vegas-transition-slideLeft, .vegas-transition-slideLeft2 { -webkit-transform: translateX(100%); transform: translateX(100%); } .vegas-transition-slideLeft-in, .vegas-transition-slideLeft2-in { -webkit-transform: translateX(0%); transform: translateX(0%); } .vegas-transition-slideLeft2-out { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /*******************************************/ /* slideRight transition */ /*******************************************/ .vegas-transition-slideRight, .vegas-transition-slideRight2 { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .vegas-transition-slideRight-in, .vegas-transition-slideRight2-in { -webkit-transform: translateX(0%); transform: translateX(0%); } .vegas-transition-slideRight2-out { -webkit-transform: translateX(100%); transform: translateX(100%); } /*******************************************/ /* slideUp transition */ /*******************************************/ .vegas-transition-slideUp, .vegas-transition-slideUp2 { -webkit-transform: translateY(100%); transform: translateY(100%); } .vegas-transition-slideUp-in, .vegas-transition-slideUp2-in { -webkit-transform: translateY(0%); transform: translateY(0%); } .vegas-transition-slideUp2-out { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /*******************************************/ /* swirlLeft transition */ /*******************************************/ .vegas-transition-swirlLeft, .vegas-transition-swirlLeft2 { -webkit-transform: scale(2) rotate(35deg); transform: scale(2) rotate(35deg); opacity: 0; } .vegas-transition-swirlLeft-in, .vegas-transition-swirlLeft2-in { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } .vegas-transition-swirlLeft2-out { -webkit-transform: scale(2) rotate(-35deg); transform: scale(2) rotate(-35deg); opacity: 0; } /*******************************************/ /* swirlRight transition */ /*******************************************/ .vegas-transition-swirlRight, .vegas-transition-swirlRight2 { -webkit-transform: scale(2) rotate(-35deg); transform: scale(2) rotate(-35deg); opacity: 0; } .vegas-transition-swirlRight-in, .vegas-transition-swirlRight2-in { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } .vegas-transition-swirlRight2-out { -webkit-transform: scale(2) rotate(35deg); transform: scale(2) rotate(35deg); opacity: 0; } /*******************************************/ /* zoomIn transition */ /*******************************************/ .vegas-transition-zoomIn, .vegas-transition-zoomIn2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .vegas-transition-zoomIn-in, .vegas-transition-zoomIn2-in { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .vegas-transition-zoomIn2-out { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } /*******************************************/ /* zoomOut transition */ /*******************************************/ .vegas-transition-zoomOut, .vegas-transition-zoomOut2 { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } .vegas-transition-zoomOut-in, .vegas-transition-zoomOut2-in { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .vegas-transition-zoomOut2-out { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } /*******************************************/ /* kenburns animation */ /*******************************************/ .vegas-animation-kenburns { -webkit-animation: kenburns ease-out; animation: kenburns ease-out; } @-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes kenburns { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /*******************************************/ /* kenburnsDownLeft animation */ /*******************************************/ .vegas-animation-kenburnsDownLeft { -webkit-animation: kenburnsDownLeft ease-out; animation: kenburnsDownLeft ease-out; } @-webkit-keyframes kenburnsDownLeft { 0% { -webkit-transform: scale(1.5) translate(10%, -10%); transform: scale(1.5) translate(10%, -10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes kenburnsDownLeft { 0% { -webkit-transform: scale(1.5) translate(10%, -10%); transform: scale(1.5) translate(10%, -10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } /*******************************************/ /* kenburnsDownRight animation */ /*******************************************/ .vegas-animation-kenburnsDownRight { -webkit-animation: kenburnsDownRight ease-out; animation: kenburnsDownRight ease-out; } @-webkit-keyframes kenburnsDownRight { 0% { -webkit-transform: scale(1.5) translate(-10%, -10%); transform: scale(1.5) translate(-10%, -10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes kenburnsDownRight { 0% { -webkit-transform: scale(1.5) translate(-10%, -10%); transform: scale(1.5) translate(-10%, -10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } /*******************************************/ /* kenburnsDown animation */ /*******************************************/ .vegas-animation-kenburnsDown { -webkit-animation: kenburnsDown ease-out; animation: kenburnsDown ease-out; } @-webkit-keyframes kenburnsDown { 0% { -webkit-transform: scale(1.5) translate(0, -10%); transform: scale(1.5) translate(0, -10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes kenburnsDown { 0% { -webkit-transform: scale(1.5) translate(0, -10%); transform: scale(1.5) translate(0, -10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } /*******************************************/ /* kenburnsLeft animation */ /*******************************************/ .vegas-animation-kenburnsLeft { -webkit-animation: kenburnsLeft ease-out; animation: kenburnsLeft ease-out; } @-webkit-keyframes kenburnsLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 0); transform: scale(1.5) translate(10%, 0); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes kenburnsLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 0); transform: scale(1.5) translate(10%, 0); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } /*******************************************/ /* kenburnsRight animation */ /*******************************************/ .vegas-animation-kenburnsRight { -webkit-animation: kenburnsRight ease-out; animation: kenburnsRight ease-out; } @-webkit-keyframes kenburnsRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 0); transform: scale(1.5) translate(-10%, 0); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes kenburnsRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 0); transform: scale(1.5) translate(-10%, 0); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } /*******************************************/ /* kenburnsUpLeft animation */ /*******************************************/ .vegas-animation-kenburnsUpLeft { -webkit-animation: kenburnsUpLeft ease-out; animation: kenburnsUpLeft ease-out; } @-webkit-keyframes kenburnsUpLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 10%); transform: scale(1.5) translate(10%, 10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes kenburnsUpLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 10%); transform: scale(1.5) translate(10%, 10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } /*******************************************/ /* kenburnsUpRight animation */ /*******************************************/ .vegas-animation-kenburnsUpRight { -webkit-animation: kenburnsUpRight ease-out; animation: kenburnsUpRight ease-out; } @-webkit-keyframes kenburnsUpRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 10%); transform: scale(1.5) translate(-10%, 10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes kenburnsUpRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 10%); transform: scale(1.5) translate(-10%, 10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } /*******************************************/ /* kenburnsUp animation */ /*******************************************/ .vegas-animation-kenburnsUp { -webkit-animation: kenburnsUp ease-out; animation: kenburnsUp ease-out; } @-webkit-keyframes kenburnsUp { 0% { -webkit-transform: scale(1.5) translate(0, 10%); transform: scale(1.5) translate(0, 10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } @keyframes kenburnsUp { 0% { -webkit-transform: scale(1.5) translate(0, 10%); transform: scale(1.5) translate(0, 10%); } 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } } .infix{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;outline:none !important;overflow:hidden}.infix.infix-section{z-index:999}.infix *{-webkit-box-sizing:border-box;box-sizing:border-box}.infix-wrap{z-index:9990;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.infix.infix-body{position:fixed}.infix.no-nav > .infix-wrap > .infix-nav{display:none}.infix.infix-body .infix-wrap{position:fixed}.infix.infix-section{position:absolute}.infix.infix-section .infix-wrap{position:absolute}.infix-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle}.splb-loader{z-index:99999;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.infix-loading .splb-loader{opacity:1}.infix-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.infix.stacks-v-top .infix-container{vertical-align:top}.infix.stacks-v-bottom .infix-container{vertical-align:bottom}.infix.infix-section .infix-container{position:static}.infix.infix-section.infix-inline .infix-container{position:static}.infix-content{z-index:9993;width:100%}.infix-content::after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;z-index:-1}.infix-body .infix-close{position:fixed}.infix-body.infix-inline .infix-container{width:96%;max-width:1000px}.infix-body.cross-overlay .infix-close{position:fixed}.infix-body.cross-inside .infix-close{position:absolute}.infix-section .infix-close{position:absolute}.infix-closed:not(.infix-closing){z-index:-99 !important;height:0 !important}.infix-close{display:none;cursor:pointer;text-decoration:none;text-align:center;font-style:normal;border:0;-webkit-appearance:none;outline:none;background:none;-webkit-box-shadow:none;box-shadow:none}.infix-close,[data-infix-next],[data-infix-prev]{cursor:pointer}.infix-close.icon-tr{right:0;top:0}.infix-close.icon-tl{left:0;top:0}.infix-close.icon-br{right:0;bottom:0}.infix-close.icon-bl{left:0;bottom:0}.infix-close::-moz-focus-inner{border:0;padding:0}.infix-img{max-width:100%;margin:0 auto;display:block;line-height:0;border:0}.infix-section.size-target.infix-image .infix-img[style],.infix-section.size-native.infix-image .infix-img[style]{max-height:none !important}.infix.infix-section.size-native{overflow:visible}.infix.infix-section.size-native,.infix.infix-section.size-native > .infix-wrap,.infix.infix-section.size-native > .infix-wrap > .infix-container{position:relative;width:100%}.infix.infix-section.size-native.infix-closing{display:none !important}.infix.size-native > .infix-wrap > .infix-container > .infix-content > .splb{max-height:none !important}.infix-iframe .infix-container{width:100%}.infix-body.infix-iframe .infix-container{max-width:1000px}.infix-section.infix-iframe.full-frame .infix-container{max-width:100%}.infix-section.infix-iframe.auto-size-section .infix-iframe-container{max-height:none !important}.size-target:not(.lightbox-open)[style]{max-height:initial !important;min-height:initial !important}.infix-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.infix-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.infix-htmlvideo video{position:absolute;top:0px;width:100%}.infix-instagram .infix-content{margin:0 auto;width:100%}.infix-instagram .infix-content .infix-iframe-container{padding-top:113.0719%}.infix-error{text-align:center}.infix-err-txt{color:black;background-color:rgba(255,255,255,0.4);padding:3px 6px}.spl-lightbox,.spl-lightbox::before,.spl-lightbox::after{display:none}.limelight-launcher{cursor:pointer}.limelight-launcher:not(.allowclicks) *{pointer-events:none}[data-cms-launch][data-cms-id=""].ll-empty-noclick{pointer-events:none !important}[data-cms-launch][data-cms-id=""].ll-empty-hide{display:none !important}.ll-count{display:none}.ll-overlay[class*="s-"][class*="-bg"]::before{display:none} .com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} /*! * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active { outline: 0; } a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } html { font-size: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: inherit; font-size: 1rem; line-height: 1.5; color: white; background-color: #EBEEF1; } .paragraph { color: white; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #818a91; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #f88c0d; text-decoration: none; } a:focus, a:hover { color: #faaf57; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } pre { margin-top: 0; margin-bottom: 1rem; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { touch-action: manipulation; } table { background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #818a91; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { margin: 0; line-height: inherit; border-radius: 0; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { box-sizing: inherit; -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 400; line-height: 1.2; color: white; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } .h1 { font-size: 2.5rem; } .h2 { font-size: 2rem; } .h3 { font-size: 1.75rem; } .h4 { font-size: 1.5rem; } .h5 { font-size: 1.25rem; } .h6 { font-size: 1rem; } .lead { font-size: 20px; font-weight: 300; } .display-1 { font-size: 96px; font-weight: 300; } .display-2 { font-size: 88px; font-weight: 300; } .display-3 { font-size: 72px; font-weight: 300; } .display-4 { font-size: 56px; font-weight: 300; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .dl-horizontal { margin-right: -1.875rem; margin-left: -1.875rem; } .dl-horizontal::after { content: ""; display: table; clear: both; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: 0.25rem solid #eceeef; } .blockquote-footer { display: block; font-size: 80%; line-height: 1.5; color: #818a91; } .blockquote-footer::before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } .img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { display: block; max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; line-height: 1.5; background-color: #EBEEF1; border: 1px solid #ddd; border-radius: 4px; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #818a91; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: .2rem .4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; } kbd { padding: .2rem .4rem; font-size: 90%; color: #fff; background-color: #333; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; line-height: 1.5; color: #373a3c; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } .container::after { content: ""; display: table; clear: both; } @media (min-width: 544px) { .container { max-width: 576px; } } @media (min-width: 767px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 940px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } .container-fluid::after { content: ""; display: table; clear: both; } .row { margin-left: -0.9375rem; margin-right: -0.9375rem; } .row::after { content: ""; display: table; clear: both; } .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { position: relative; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 544px) { .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 767px) { .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1 { float: left; } .col-xl-1 { width: 8.3333333333%; } .col-xl-2 { width: 16.6666666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.3333333333%; } .col-xl-5 { width: 41.6666666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.3333333333%; } .col-xl-8 { width: 66.6666666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.3333333333%; } .col-xl-11 { width: 91.6666666667%; } .col-xl-12 { width: 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.3333333333%; } .col-xl-pull-2 { right: 16.6666666667%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.3333333333%; } .col-xl-pull-5 { right: 41.6666666667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.3333333333%; } .col-xl-pull-8 { right: 66.6666666667%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.3333333333%; } .col-xl-pull-11 { right: 91.6666666667%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.3333333333%; } .col-xl-push-2 { left: 16.6666666667%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.3333333333%; } .col-xl-push-5 { left: 41.6666666667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.3333333333%; } .col-xl-push-8 { left: 66.6666666667%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.3333333333%; } .col-xl-push-11 { left: 91.6666666667%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-0 { margin-left: 0%; } .col-xl-offset-1 { margin-left: 8.3333333333%; } .col-xl-offset-2 { margin-left: 16.6666666667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.3333333333%; } .col-xl-offset-5 { margin-left: 41.6666666667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.3333333333%; } .col-xl-offset-8 { margin-left: 66.6666666667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.3333333333%; } .col-xl-offset-11 { margin-left: 91.6666666667%; } .col-xl-offset-12 { margin-left: 100%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .table tbody + tbody { border-top: 2px solid #eceeef; } .table .table { background-color: #EBEEF1; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #eceeef; } .table-bordered th, .table-bordered td { border: 1px solid #eceeef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover tbody tr:hover { background-color: #f5f5f5; } .table-active, .table-active > th, .table-active > td { background-color: #f5f5f5; } .table-hover .table-active:hover { background-color: #e8e8e8; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e8e8e8; } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .table-responsive { display: block; width: 100%; min-height: 0.01%; overflow-x: auto; } .thead-inverse th { color: #fff; background-color: #373a3c; } .thead-default th { color: #55595c; background-color: #eceeef; } .table-inverse { color: #eceeef; background-color: #373a3c; } .table-inverse.table-bordered { border: 0; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #55595c; } .table-reflow thead { float: left; } .table-reflow tbody { display: block; white-space: nowrap; } .table-reflow th, .table-reflow td { border-top: 1px solid #eceeef; border-left: 1px solid #eceeef; } .table-reflow th:last-child, .table-reflow td:last-child { border-right: 1px solid #eceeef; } .table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #eceeef; } .table-reflow tr { float: left; } .table-reflow tr th, .table-reflow tr td { display: block !important; border: 1px solid #eceeef; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #55595c; background-color: #fff; background-image: none; border: 1px solid #ccc; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { border-color: #66afe9; outline: none; } .form-control::placeholder { color: #999; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #55595c; background-color: #fff; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 1.8625rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 3.1666666667rem; } .form-control-file, .form-control-range { display: block; } .form-control-label { padding: 0.375rem 1em; margin-bottom: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input.form-control[type="date"], input.form-control[type="time"], input.form-control[type="datetime-local"], input.form-control[type="month"] { line-height: 2.25rem; } input.input-sm[type="date"], .input-group-sm input.form-control[type="date"], input.input-sm[type="time"], .input-group-sm input.form-control[type="time"], input.input-sm[type="datetime-local"], .input-group-sm input.form-control[type="datetime-local"], input.input-sm[type="month"], .input-group-sm input.form-control[type="month"] { line-height: 1.8625rem; } input.input-lg[type="date"], .input-group-lg input.form-control[type="date"], input.input-lg[type="time"], .input-group-lg input.form-control[type="time"], input.input-lg[type="datetime-local"], .input-group-lg input.form-control[type="datetime-local"], input.input-lg[type="month"], .input-group-lg input.form-control[type="month"] { line-height: 3.1666666667rem; } } .form-control-static { min-height: 2.25rem; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; } .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.275rem 0.75rem; font-size: 0.875rem; line-height: 1.5; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; line-height: 1.3333333333; } .form-group { margin-bottom: 1rem; } .radio, .checkbox { position: relative; display: block; margin-bottom: 0.75rem; } .radio label, .checkbox label { padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio label input:only-child, .checkbox label input:only-child { position: static; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: .25rem; margin-top: 4px \9; margin-left: -1.25rem; } .radio + .radio, .checkbox + .checkbox { margin-top: -.25rem; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; margin-right: 20px; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: .75rem; } input[type="radio"]:disabled, input.disabled[type="radio"], input[type="checkbox"]:disabled, input.disabled[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label { cursor: not-allowed; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.5625rem; background-size: 1.4625rem 1.4625rem; } .has-success .text-help, .has-success .form-control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #00b419; } .has-success .form-control { border-color: #00b419; } .has-success .input-group-addon { color: #00b419 !important; border-color: #00b419; background-color: #81ff93; } .has-success .form-control-feedback { color: #00b419; } .has-success .form-control-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); } .has-warning .text-help, .has-warning .form-control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #cb590e; } .has-warning .form-control { border-color: #cb590e; } .has-warning .input-group-addon { color: #cb590e !important; border-color: #cb590e; background-color: #f9cbac; } .has-warning .form-control-feedback { color: #cb590e; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); } .has-danger .text-help, .has-danger .form-control-label, .has-danger .radio, .has-danger .checkbox, .has-danger .radio-inline, .has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label { color: black; } .has-danger .form-control { border-color: black; } .has-danger .input-group-addon { color: black !important; border-color: black; background-color: #666666; } .has-danger .form-control-feedback { color: black; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); } @media (min-width: 544px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { margin-bottom: 0.5px; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 1rem; font-size: 1rem; line-height: 1.5; } .btn:focus, .btn.focus, .btn:active:focus, .btn.focus:active, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:focus, .btn:hover { text-decoration: none; } .btn.focus { text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #a81a22; border-color: #a81a22; } .btn-primary:hover { color: #fff; background-color: #7c1319; border-color: #731217; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #7c1319; border-color: #731217; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #7c1319; border-color: #731217; background-image: none; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.focus:active, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #5d0e13; border-color: #3a090c; } .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary.focus:disabled { background-color: #a81a22; border-color: #a81a22; } .btn-primary.disabled:hover, .btn-primary:disabled:hover { background-color: #a81a22; border-color: #a81a22; } .btn-secondary { color: #373a3c; background-color: #fff; border-color: #ccc; } .btn-secondary:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:focus, .btn-secondary.focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; background-image: none; } .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary.focus:active, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary.focus:disabled { background-color: #fff; border-color: #ccc; } .btn-secondary.disabled:hover, .btn-secondary:disabled:hover { background-color: #fff; border-color: #ccc; } .btn-info { color: #fff; background-color: #d60107; border-color: #d60107; } .btn-info:hover { color: #fff; background-color: #a30105; border-color: #990105; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #a30105; border-color: #990105; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #a30105; border-color: #990105; background-image: none; } .btn-info:active:hover, .btn-info:active:focus, .btn-info.focus:active, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #800104; border-color: #570003; } .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info.focus:disabled { background-color: #d60107; border-color: #d60107; } .btn-info.disabled:hover, .btn-info:disabled:hover { background-color: #d60107; border-color: #d60107; } .btn-success { color: #fff; background-color: #00b419; border-color: #00b419; } .btn-success:hover { color: #fff; background-color: #008112; border-color: #007711; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #008112; border-color: #007711; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #008112; border-color: #007711; background-image: none; } .btn-success:active:hover, .btn-success:active:focus, .btn-success.focus:active, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #005d0d; border-color: #003507; } .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success.focus:disabled { background-color: #00b419; border-color: #00b419; } .btn-success.disabled:hover, .btn-success:disabled:hover { background-color: #00b419; border-color: #00b419; } .btn-warning { color: #fff; background-color: #cb590e; border-color: #cb590e; } .btn-warning:hover { color: #fff; background-color: #9b440b; border-color: #92400a; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #9b440b; border-color: #92400a; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #9b440b; border-color: #92400a; background-image: none; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning.focus:active, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #7a3508; border-color: #542506; } .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning.focus:disabled { background-color: #cb590e; border-color: #cb590e; } .btn-warning.disabled:hover, .btn-warning:disabled:hover { background-color: #cb590e; border-color: #cb590e; } .btn-danger { color: #fff; background-color: black; border-color: black; } .btn-danger:hover { color: #fff; background-color: black; border-color: black; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: black; border-color: black; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: black; border-color: black; background-image: none; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger.focus:active, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: black; border-color: black; } .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger.focus:disabled { background-color: black; border-color: black; } .btn-danger.disabled:hover, .btn-danger:disabled:hover { background-color: black; border-color: black; } .btn-primary-outline { color: #a81a22; background-image: none; background-color: transparent; border-color: #a81a22; } .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open > .btn-primary-outline.dropdown-toggle { color: #fff; background-color: #a81a22; border-color: #a81a22; } .btn-primary-outline:hover { color: #fff; background-color: #a81a22; border-color: #a81a22; } .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline.focus:disabled { border-color: #e2464f; } .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover { border-color: #e2464f; } .btn-secondary-outline { color: #ccc; background-image: none; background-color: transparent; border-color: #ccc; } .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open > .btn-secondary-outline.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-secondary-outline:hover { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline.focus:disabled { border-color: white; } .btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover { border-color: white; } .btn-info-outline { color: #d60107; background-image: none; background-color: transparent; border-color: #d60107; } .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open > .btn-info-outline.dropdown-toggle { color: #fff; background-color: #d60107; border-color: #d60107; } .btn-info-outline:hover { color: #fff; background-color: #d60107; border-color: #d60107; } .btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline.focus:disabled { border-color: #fe3f44; } .btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover { border-color: #fe3f44; } .btn-success-outline { color: #00b419; background-image: none; background-color: transparent; border-color: #00b419; } .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open > .btn-success-outline.dropdown-toggle { color: #fff; background-color: #00b419; border-color: #00b419; } .btn-success-outline:hover { color: #fff; background-color: #00b419; border-color: #00b419; } .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline.focus:disabled { border-color: #1bff3b; } .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover { border-color: #1bff3b; } .btn-warning-outline { color: #cb590e; background-image: none; background-color: transparent; border-color: #cb590e; } .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open > .btn-warning-outline.dropdown-toggle { color: #fff; background-color: #cb590e; border-color: #cb590e; } .btn-warning-outline:hover { color: #fff; background-color: #cb590e; border-color: #cb590e; } .btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline.focus:disabled { border-color: #f38e4c; } .btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover { border-color: #f38e4c; } .btn-danger-outline { color: black; background-image: none; background-color: transparent; border-color: black; } .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open > .btn-danger-outline.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .btn-danger-outline:hover { color: #fff; background-color: black; border-color: black; } .btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline.focus:disabled { border-color: #333333; } .btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover { border-color: #333333; } .btn-link { font-weight: normal; color: #f88c0d; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #faaf57; text-decoration: none; background-color: transparent; } .btn-link:disabled:focus, .btn-link:disabled:hover { color: #818a91; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; line-height: 1.3333333333; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 1.5; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] { width: 100%; } .fade { opacity: 0; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .35s; transition-property: height; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-right: .25rem; margin-left: .25rem; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 1rem; color: white; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-item { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #373a3c; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #a81a22; outline: 0; } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #818a91; } .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 0.875rem; line-height: 1.5; color: #818a91; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 0.3em solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar::after { content: ""; display: table; clear: both; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 0.3em 0.3em 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 0.3em 0.3em; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::after { content: ""; display: table; clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group, .btn-group-vertical { border-radius: 4px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: normal; line-height: 1; color: #55595c; text-align: center; background-color: #eceeef; border: 1px solid #ccc; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.275rem 0.75rem; font-size: 0.875rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.25rem; font-size: 1.25rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group-addon:first-child { border-right: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover, .input-group-btn:last-child > .btn-group:focus, .input-group-btn:last-child > .btn-group:active, .input-group-btn:last-child > .btn-group:hover { z-index: 3; } .c-input { position: relative; display: inline; padding-left: 1.5rem; color: #555; cursor: pointer; } .c-input > input { position: absolute; z-index: -1; opacity: 0; } .c-input > input:checked ~ .c-indicator { color: #fff; background-color: #0074d9; } .c-input > input:focus ~ .c-indicator { box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; } .c-input > input:active ~ .c-indicator { color: #fff; background-color: #84c6ff; } .c-input + .c-input { margin-left: 1rem; } .c-indicator { position: absolute; top: 0; left: 0; display: block; width: 1rem; height: 1rem; font-size: 65%; line-height: 1rem; color: #eee; text-align: center; user-select: none; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .c-checkbox .c-indicator { border-radius: .25rem; } .c-checkbox input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); } .c-checkbox input:indeterminate ~ .c-indicator { background-color: #0074d9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); } .c-radio .c-indicator { border-radius: 50%; } .c-radio input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); } .c-inputs-stacked .c-input { display: inline; } .c-inputs-stacked .c-input::after { display: block; margin-bottom: .25rem; content: ""; } .c-inputs-stacked .c-input + .c-input { margin-left: 0; } .c-select { display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem \9; color: #55595c; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid #ccc; -moz-appearance: none; -webkit-appearance: none; } .c-select:focus { border-color: #51a7e8; outline: none; } .c-select::-ms-expand { opacity: 0; } .c-select-sm { padding-top: 3px; padding-bottom: 3px; font-size: 12px; } .c-select-sm:not([multiple]) { height: 26px; min-height: 26px; } .file { position: relative; display: inline-block; height: 2.5rem; cursor: pointer; } .file input { min-width: 14rem; margin: 0; filter: alpha(opacity=0); opacity: 0; } .file-custom { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #555; user-select: none; background-color: #fff; border: 1px solid #ddd; border-radius: .25rem; } .file-custom::after { content: "Choose file..."; } .file-custom::before { position: absolute; top: -.075rem; right: -.075rem; bottom: -.075rem; z-index: 6; display: block; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #555; content: "Browse"; background-color: #eee; border: 1px solid #ddd; border-radius: 0 .25rem .25rem 0; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: inline-block; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #818a91; } .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { color: #818a91; cursor: not-allowed; background-color: transparent; } .nav-inline .nav-item { display: inline-block; } .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 1rem; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs::after { content: ""; display: table; clear: both; } .nav-tabs .nav-item { float: left; margin-bottom: -1px; } .nav-tabs .nav-item + .nav-item { margin-left: .2rem; } .nav-tabs .nav-link { display: block; padding: 0.5em 1em; border: 1px solid transparent; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #818a91; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover { color: #55595c; background-color: #EBEEF1; border-color: #ddd #ddd transparent; } .nav-pills::after { content: ""; display: table; clear: both; } .nav-pills .nav-item { float: left; } .nav-pills .nav-item + .nav-item { margin-left: .2rem; } .nav-pills .nav-link { display: block; padding: 0.5em 1em; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover { color: #fff; cursor: default; background-color: #a81a22; } .nav-stacked .nav-item { display: block; float: none; } .nav-stacked .nav-item + .nav-item { margin-top: .2rem; margin-left: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; } .navbar { position: relative; padding: 0.5rem 1rem; } .navbar::after { content: ""; display: table; clear: both; } .navbar-full { z-index: 1000; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; } .navbar-sticky-top { position: sticky; top: 0; z-index: 1030; width: 100%; } .navbar-brand { float: left; padding-top: .25rem; padding-bottom: .25rem; margin-right: 1rem; font-size: 1.25rem; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } .navbar-divider { float: left; width: 1px; padding-top: .425rem; padding-bottom: .425rem; margin-right: 1rem; margin-left: 1rem; overflow: hidden; } .navbar-divider::before { content: "\00a0"; } .navbar-toggler { padding: .5rem .75rem; font-size: 1.25rem; line-height: 1; background: none; border: 1px solid transparent; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } @media (min-width: 544px) { .navbar-toggleable-xs { display: block !important; } } @media (min-width: 767px) { .navbar-toggleable-sm { display: block !important; } } @media (min-width: 992px) { .navbar-toggleable-md { display: block !important; } } .navbar-nav .nav-item { float: left; } .navbar-nav .nav-link { display: block; padding-top: .425rem; padding-bottom: .425rem; } .navbar-nav .nav-link + .nav-link { margin-left: 1rem; } .navbar-nav .nav-item + .nav-item { margin-left: 1rem; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.6); } .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-divider { background-color: rgba(0, 0, 0, 0.075); } .navbar-dark .navbar-brand { color: white; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: white; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .nav-link.open:focus, .navbar-dark .navbar-nav .nav-link.open:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover { color: white; } .navbar-dark .navbar-divider { background-color: rgba(255, 255, 255, 0.075); } .card { position: relative; display: block; margin-bottom: 0.75rem; background-color: #fff; border: 1px solid #e5e5e5; } .card-block { padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } .card-primary { background-color: #a81a22; border-color: #a81a22; } .card-success { background-color: #00b419; border-color: #00b419; } .card-info { background-color: #d60107; border-color: #d60107; } .card-warning { background-color: #cb590e; border-color: #cb590e; } .card-danger { background-color: black; border-color: black; } .card-primary-outline { background-color: transparent; border-color: #a81a22; } .card-secondary-outline { background-color: transparent; border-color: #ccc; } .card-info-outline { background-color: transparent; border-color: #d60107; } .card-success-outline { background-color: transparent; border-color: #00b419; } .card-warning-outline { background-color: transparent; border-color: #cb590e; } .card-danger-outline { background-color: transparent; border-color: black; } .card-inverse .card-header, .card-inverse .card-footer { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-blockquote > footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } @media (min-width: 544px) { .card-deck { display: table; width: 100%; table-layout: fixed; border-spacing: 1.25rem 0; } .card-deck .card { display: table-cell; vertical-align: top; } .card-deck-wrapper { margin-right: -1.25rem; margin-left: -1.25rem; } } @media (min-width: 544px) { .card-group { display: table; width: 100%; table-layout: fixed; } .card-group .card { display: table-cell; vertical-align: top; } .card-group .card + .card { margin-left: 0; border-left: 0; } } @media (min-width: 544px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; -o-column-count: 3; -ms-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; -o-column-gap: 1.25rem; -ms-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #eceeef; } .breadcrumb::after { content: ""; display: table; clear: both; } .breadcrumb > li { float: left; } .breadcrumb > li + li::before { padding-right: .5rem; padding-left: .5rem; color: #818a91; content: "/"; } .breadcrumb > .active { color: #818a91; } .pagination { display: inline-block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; } .page-item { display: inline; } .page-item:first-child .page-link { margin-left: 0; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { z-index: 2; color: white; cursor: default; background-color: #0375d8; border-color: #0375d8; } .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { color: #818a91; cursor: not-allowed; background-color: white; border-color: #dddddd; } .page-link { position: relative; float: left; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.5; color: #0375d8; text-decoration: none; background-color: white; border: 1px solid #dddddd; } .page-link:focus, .page-link:hover { color: #004c8c; background-color: #eceeef; border-color: #dddddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.3333333333; } .pagination-sm .page-link { padding: 0.275rem 0.75rem; font-size: 0.875rem; line-height: 1.5; } .pager { padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; text-align: center; list-style: none; } .pager::after { content: ""; display: table; clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: white; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eceeef; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { color: #818a91; cursor: not-allowed; background-color: white; } .pager .disabled > span { color: #818a91; cursor: not-allowed; background-color: white; } .pager-next > a, .pager-next > span { float: right; } .pager-prev > a, .pager-prev > span { float: left; } .label { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label-pill { padding-right: .6em; padding-left: .6em; } .label-default { background-color: #818a91; } .label-default[href]:focus, .label-default[href]:hover { background-color: #687077; } .label-primary { background-color: #a81a22; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #7c1319; } .label-success { background-color: #00b419; } .label-success[href]:focus, .label-success[href]:hover { background-color: #008112; } .label-info { background-color: #d60107; } .label-info[href]:focus, .label-info[href]:hover { background-color: #a30105; } .label-warning { background-color: #cb590e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #9b440b; } .label-danger { background-color: black; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: black; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #eceeef; } @media (min-width: 544px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-hr { border-top-color: #d0d5d8; } .jumbotron-fluid { padding-right: 0; padding-left: 0; } .alert { padding: 15px; margin-bottom: 1rem; border: 1px solid transparent; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible { padding-right: 35px; } .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7ecb5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } .alert-danger hr { border-top-color: #e4b9b9; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; overflow: hidden; font-size: 0.75rem; line-height: 1rem; text-align: center; background-color: #f5f5f5; } .progress-bar { height: 1rem; line-height: 1rem; } .progress-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-animated { animation: progress-bar-stripes 1s linear infinite; } .progress-primary { background-color: #a81a22; } @media screen and (min-width: 0\0) { .progress-primary .progress-bar { background-color: #a81a22; } } .progress-success { background-color: #00b419; } @media screen and (min-width: 0\0) { .progress-success .progress-bar { background-color: #00b419; } } .progress-info { background-color: #d60107; } @media screen and (min-width: 0\0) { .progress-info .progress-bar { background-color: #d60107; } } .progress-warning { background-color: #cb590e; } @media screen and (min-width: 0\0) { .progress-warning .progress-bar { background-color: #cb590e; } } .progress-danger { background-color: black; } @media screen and (min-width: 0\0) { .progress-danger .progress-bar { background-color: black; } } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right { padding-left: 10px; } .media-left { padding-right: 10px; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 0; } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:last-child { margin-bottom: 0; } .list-group-flush .list-group-item { border-width: 1px 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } a.list-group-item, button.list-group-item { width: 100%; color: #555; text-align: inherit; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #818a91; cursor: not-allowed; background-color: #eceeef; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #818a91; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #a81a22; border-color: #a81a22; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #f09ea3; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #ffffff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #ffffff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #ffffff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #ffffff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9 { padding-bottom: 42.8571428571%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-9by16 { padding-bottom: 177.7777777778%; } .embed-responsive-4by3 { padding-bottom: 75%; } .embed-responsive-1by1 { padding-bottom: 100%; } .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2051; display: none; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #333333; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2001; background-color: #333333; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 1; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header::after { content: ""; display: table; clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.5; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 20px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer::after { content: ""; display: table; clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 544px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.875rem; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #222222; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #222222; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #222222; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #222222; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #FFFFFF; text-align: center; background-color: #222222; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.875rem; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { bottom: 1px; margin-left: -10px; content: ""; border-top-color: #fff; border-bottom-width: 0; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { bottom: -10px; left: 1px; content: ""; border-right-color: #fff; border-left-width: 0; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { top: 1px; margin-left: -10px; content: ""; border-top-width: 0; border-bottom-color: #fff; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { right: 1px; bottom: -10px; content: ""; border-right-width: 0; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; } .popover-content { padding: 9px 14px; } .popover-arrow, .popover-arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover-arrow { border-width: 11px; } .popover-arrow::after { content: ""; border-width: 10px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .carousel-item { position: relative; display: none; transition: .6s ease-in-out left; } .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .carousel-item { transition: transform .6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { left: 0; transform: translate3d(100%, 0, 0); } .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { left: 0; transform: translate3d(-100%, 0, 0); } .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { left: 0; transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-prev::before { content: "\2039"; } .carousel-control .icon-next::before { content: "\203a"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media (min-width: 544px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix::after { content: ""; display: table; clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-xs-left { float: left !important; } .pull-xs-right { float: right !important; } .pull-xs-none { float: none !important; } @media (min-width: 544px) { .pull-sm-left { float: left !important; } .pull-sm-right { float: right !important; } .pull-sm-none { float: none !important; } } @media (min-width: 767px) { .pull-md-left { float: left !important; } .pull-md-right { float: right !important; } .pull-md-none { float: none !important; } } @media (min-width: 992px) { .pull-lg-left { float: left !important; } .pull-lg-right { float: right !important; } .pull-lg-none { float: none !important; } } @media (min-width: 1200px) { .pull-xl-left { float: left !important; } .pull-xl-right { float: right !important; } .pull-xl-none { float: none !important; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .invisible { visibility: hidden !important; } .text-hide { font: "0/0" a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } @media (min-width: 544px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 767px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-muted { color: #818a91; } .text-primary { color: #a81a22 !important; } a.text-primary:focus, a.text-primary:hover { color: #7c1319; } .text-success { color: #00b419 !important; } a.text-success:focus, a.text-success:hover { color: #008112; } .text-info { color: #d60107 !important; } a.text-info:focus, a.text-info:hover { color: #a30105; } .text-warning { color: #cb590e !important; } a.text-warning:focus, a.text-warning:hover { color: #9b440b; } .text-danger { color: black !important; } a.text-danger:focus, a.text-danger:hover { color: black; } .bg-inverse { color: #eceeef; background-color: #373a3c; } .bg-faded { background-color: #f7f7f9; } .bg-primary { color: #fff !important; background-color: #a81a22 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #7c1319; } .bg-success { color: #fff !important; background-color: #00b419 !important; } a.bg-success:focus, a.bg-success:hover { background-color: #008112; } .bg-info { color: #fff !important; background-color: #d60107 !important; } a.bg-info:focus, a.bg-info:hover { background-color: #a30105; } .bg-warning { color: #fff !important; background-color: #cb590e !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #9b440b; } .bg-danger { color: #fff !important; background-color: black !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: black; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-a-0 { margin: 0 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-a-1 { margin: 1rem 1rem !important; } .m-t-1 { margin-top: 1rem !important; } .m-r-1 { margin-right: 1rem !important; } .m-b-1 { margin-bottom: 1rem !important; } .m-l-1 { margin-left: 1rem !important; } .m-x-1 { margin-right: 1rem !important; margin-left: 1rem !important; } .m-y-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-a-2 { margin: 1.5rem 1.5rem !important; } .m-t-2 { margin-top: 1.5rem !important; } .m-r-2 { margin-right: 1.5rem !important; } .m-b-2 { margin-bottom: 1.5rem !important; } .m-l-2 { margin-left: 1.5rem !important; } .m-x-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .m-y-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-a-3 { margin: 3rem 3rem !important; } .m-t-3 { margin-top: 3rem !important; } .m-r-3 { margin-right: 3rem !important; } .m-b-3 { margin-bottom: 3rem !important; } .m-l-3 { margin-left: 3rem !important; } .m-x-3 { margin-right: 3rem !important; margin-left: 3rem !important; } .m-y-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-a-0 { padding: 0 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-a-1 { padding: 1rem 1rem !important; } .p-t-1 { padding-top: 1rem !important; } .p-r-1 { padding-right: 1rem !important; } .p-b-1 { padding-bottom: 1rem !important; } .p-l-1 { padding-left: 1rem !important; } .p-x-1 { padding-right: 1rem !important; padding-left: 1rem !important; } .p-y-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-a-2 { padding: 1.5rem 1.5rem !important; } .p-t-2 { padding-top: 1.5rem !important; } .p-r-2 { padding-right: 1.5rem !important; } .p-b-2 { padding-bottom: 1.5rem !important; } .p-l-2 { padding-left: 1.5rem !important; } .p-x-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .p-y-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-a-3 { padding: 3rem 3rem !important; } .p-t-3 { padding-top: 3rem !important; } .p-r-3 { padding-right: 3rem !important; } .p-b-3 { padding-bottom: 3rem !important; } .p-l-3 { padding-left: 3rem !important; } .p-x-3 { padding-right: 3rem !important; padding-left: 3rem !important; } .p-y-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .hidden-xs-up { display: none !important; } @media (max-width: 543px) { .hidden-xs-down { display: none !important; } } @media (min-width: 544px) { .hidden-sm-up { display: none !important; } } @media (max-width: 766px) { .hidden-sm-down { display: none !important; } } @media (min-width: 767px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .featured_image { margin-bottom: 2rem; border-radius: 4px; } .gallery_image { margin-bottom: 1rem; border-radius: 4px; } p.featured_image_caption { margin-bottom: 2rem; } .accordion_item { border-radius: 4px; } .foundry-label > h3:before, .foundry-label > h3:after { background: rgba(0, 0, 0, 0.1); } ul.social_badges_container li a { border-radius: 4px; } .foundry_icon i { border-radius: 4px; } .icon_bar_wrapper { border-radius: 4px; } ul.bulleted_list li i { line-height: 1.5; } .label { margin-bottom: 0.5rem; /* Foundry addition */ } .positioner_wrapper, .foundry-base-margin { margin-bottom: 1rem; } .foundry-footer { color: white; } .foundry-footer a, .foundry-footer a:visited { color: #f88c0d; } .foundry-footer a:hover, .foundry-footer a:active { color: #faaf57; } .foundry-accordion-title-bar-bg-primary a.accordion_toggle { background: #a81a22; } .foundry-accordion-title-bar-bg-success a.accordion_toggle { background: #00b419; } .foundry-accordion-title-bar-bg-info a.accordion_toggle { background: #d60107; } .foundry-accordion-title-bar-bg-warning a.accordion_toggle { background: #cb590e; } .foundry-accordion-title-bar-bg-danger a.accordion_toggle { background: black; } pre.prettyprint { border-radius: 4px; } .hi-content-wrap { line-height: 1.5; } ul.lz-menu { border-radius: 4px; } /*****************************************/ /* Foundry Specific CSS */ /*****************************************/ /* End Edit Mode */ body.antialiased { -webkit-font-smoothing: antialiased; } /* Site Background Styling Options - Background Image, Color Picker, or determined by theme. */ /* Header Font Sizing Options */ @media (max-width: 33.9em) { /* Mobile */ h1 { font-size: 25px; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } } @media (min-width: 34em) and (max-width: 47.9375em) { /* Tablet */ h1 { font-size: 25px; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* Desktop */ h1 { font-size: 25px; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } } @media (min-width: 62em) { /* Widescreen */ h1 { font-size: 25px; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } } .foundry-mask-primary-bg, .foundry-primary-bg-color { background-color: #a81a22; } .foundry-mask-success-bg, .foundry-success-bg-color { background-color: #00b419; } .foundry-mask-info-bg, .foundry-info-bg-color { background-color: #d60107; } .foundry-mask-warning-bg, .foundry-warning-bg-color { background-color: #cb590e; } .foundry-mask-danger-bg, .foundry-danger-bg-color { background-color: black; } .foundry-site-background { fill: #EBEEF1; } .fdy-drop-zone { line-height: 1.5; } @font-face { font-family: 'STEELFISH'; src: url("../../resources/steelfish_rg-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } .foundry-typeface-one { font-family: 'STEELFISH', sans-serif; font-weight: 100; } .foundry-typeface-one strong { font-weight: 700; } .foundry-typeface-one strong em, .foundry-typeface-one em strong { font-weight: 700; font-style: italic; } .foundry-typeface-one em { font-weight: 100; font-style: italic; } .foundry-typeface-one-page-wide-headers h1, .foundry-typeface-one-page-wide-headers h2, .foundry-typeface-one-page-wide-headers h3, .foundry-typeface-one-page-wide-headers h4, .foundry-typeface-one-page-wide-headers h5, .foundry-typeface-one-page-wide-headers h6 { font-family: 'STEELFISH', sans-serif; } h1.foundry-typeface-one, h2.foundry-typeface-one, h3.foundry-typeface-one, h4.foundry-typeface-one, h5.foundry-typeface-one, h6.foundry-typeface-one { font-family: 'STEELFISH', sans-serif !important; } .foundry-typeface-two { font-family: 'Avenir', sans-serif; font-weight: 200; } .foundry-typeface-two strong { font-weight: 400; } .foundry-typeface-two strong em { font-weight: 400; font-style: italic; } .foundry-typeface-two em { font-weight: 200; font-style: italic; } .foundry-typeface-two-page-wide-headers h1, .foundry-typeface-two-page-wide-headers h2, .foundry-typeface-two-page-wide-headers h3, .foundry-typeface-two-page-wide-headers h4, .foundry-typeface-two-page-wide-headers h5, .foundry-typeface-two-page-wide-headers h6 { font-family: 'Avenir', sans-serif; } h1.foundry-typeface-two, h2.foundry-typeface-two, h3.foundry-typeface-two, h4.foundry-typeface-two, h5.foundry-typeface-two, h6.foundry-typeface-two { font-family: 'Avenir', sans-serif !important; } @font-face { font-family: 'Bebas Neue'; src: url("../../resources/bebasneue_regular-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: url("../../resources/bebasneue_regular-webfont.woff") format("woff"); font-weight: 700; font-style: normal; } .foundry-typeface-three { font-family: 'Bebas Neue', sans-serif; font-weight: 400; } .foundry-typeface-three strong { font-weight: 700; } .foundry-typeface-three strong em, .foundry-typeface-three em strong { font-weight: 700; font-style: italic; } .foundry-typeface-three em { font-weight: 400; font-style: italic; } .foundry-typeface-three-page-wide-headers h1, .foundry-typeface-three-page-wide-headers h2, .foundry-typeface-three-page-wide-headers h3, .foundry-typeface-three-page-wide-headers h4, .foundry-typeface-three-page-wide-headers h5, .foundry-typeface-three-page-wide-headers h6 { font-family: 'Bebas Neue', sans-serif; } h1.foundry-typeface-three, h2.foundry-typeface-three, h3.foundry-typeface-three, h4.foundry-typeface-three, h5.foundry-typeface-three, h6.foundry-typeface-three { font-family: 'Bebas Neue', sans-serif !important; } @font-face { font-family: 'STEELFISH'; src: url("../../resources/steelfish_rg-webfont.woff") format("woff"); font-weight: 200; font-style: normal; } .foundry-typeface-four { font-family: 'STEELFISH', sans-serif; font-weight: 100; } .foundry-typeface-four strong { font-weight: 700; } .foundry-typeface-four strong em, .foundry-typeface-four em strong { font-weight: 700; font-style: italic; } .foundry-typeface-four em { font-weight: 100; font-style: italic; } .foundry-typeface-four-page-wide-headers h1, .foundry-typeface-four-page-wide-headers h2, .foundry-typeface-four-page-wide-headers h3, .foundry-typeface-four-page-wide-headers h4, .foundry-typeface-four-page-wide-headers h5, .foundry-typeface-four-page-wide-headers h6 { font-family: 'STEELFISH', sans-serif; } h1.foundry-typeface-four, h2.foundry-typeface-four, h3.foundry-typeface-four, h4.foundry-typeface-four, h5.foundry-typeface-four, h6.foundry-typeface-four { font-family: 'STEELFISH', sans-serif !important; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Thin-PERSONAL-USE.otf") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Alt-Thin-PERSONAL-USE.otf") format("woff"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Light-PERSONAL-USE.otf") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Alt-Light-PERSONAL-USE.otf") format("woff"); font-weight: 200; font-style: italic; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Regular-PERSONAL-USE.otf") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Alt-Regular-PERSONAL-USE.otf") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Medium-PERSONAL-USE.otf") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Alt-Medium-PERSONAL-USE.otf") format("woff"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Bold-PERSONAL-USE.otf") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Alt-Bold-PERSONAL-USE.otf") format("woff"); font-weight: 700; font-style: italic; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Black-PERSONAL-USE.otf") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Made Outer Sans'; src: url("../../resources/MADE-Outer-Sans-Alt-Black-PERSONAL-USE.otf") format("woff"); font-weight: 900; font-style: italic; } .foundry-typeface-five { font-family: 'Made Outer Sans', sans-serif; font-weight: 400; } .foundry-typeface-five strong { font-weight: 700; } .foundry-typeface-five strong em, .foundry-typeface-five em strong { font-weight: 700; font-style: italic; } .foundry-typeface-five em { font-weight: 400; font-style: italic; } .foundry-typeface-five-page-wide-headers h1, .foundry-typeface-five-page-wide-headers h2, .foundry-typeface-five-page-wide-headers h3, .foundry-typeface-five-page-wide-headers h4, .foundry-typeface-five-page-wide-headers h5, .foundry-typeface-five-page-wide-headers h6 { font-family: 'Made Outer Sans', sans-serif; } h1.foundry-typeface-five, h2.foundry-typeface-five, h3.foundry-typeface-five, h4.foundry-typeface-five, h5.foundry-typeface-five, h6.foundry-typeface-five { font-family: 'Made Outer Sans', sans-serif !important; } @font-face { font-family: 'Made Outer Sans Thin'; src: url("../../resources/MADE-Outer-Sans-Thin-PERSONAL-USE.otf") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Made Outer Sans Thin'; src: url("../../resources/MADE-Outer-Sans-Thin-PERSONAL-USE.otf") format("woff"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Made Outer Sans Thin'; src: url("../../resources/MADE-Outer-Sans-Light-PERSONAL-USE.otf") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Made Outer Sans Thin'; src: url("../../resources/MADE-Outer-Sans-Light-PERSONAL-USE.otf") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Made Outer Sans Thin'; src: url("../../resources/MADE-Outer-Sans-Medium-PERSONAL-USE.otf") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Made Outer Sans Thin'; src: url("../../resources/MADE-Outer-Sans-Medium-PERSONAL-USE.otf") format("woff"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Made Outer Sans Thin'; src: url("../../resources/MADE-Outer-Sans-Bold-PERSONAL-USE.otf") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Made Outer Sans Thin'; src: url("../../resources/MADE-Outer-Sans-Bold-PERSONAL-USE.otf") format("woff"); font-weight: 800; font-style: italic; } .foundry-typeface-six { font-family: 'Made Outer Sans Thin', sans-serif; font-weight: 100; } .foundry-typeface-six strong { font-weight: 600; } .foundry-typeface-six strong em, .foundry-typeface-six em strong { font-weight: 600; font-style: italic; } .foundry-typeface-six em { font-weight: 100; font-style: italic; } .foundry-typeface-six-page-wide-headers h1, .foundry-typeface-six-page-wide-headers h2, .foundry-typeface-six-page-wide-headers h3, .foundry-typeface-six-page-wide-headers h4, .foundry-typeface-six-page-wide-headers h5, .foundry-typeface-six-page-wide-headers h6 { font-family: 'Made Outer Sans Thin', sans-serif; } h1.foundry-typeface-six, h2.foundry-typeface-six, h3.foundry-typeface-six, h4.foundry-typeface-six, h5.foundry-typeface-six, h6.foundry-typeface-six { font-family: 'Made Outer Sans Thin', sans-serif !important; } #stacks_in_4_4 .mm_site_title h1, #stacks_in_4_4 .mm_site_title h1 a, #stacks_in_4_4 .mobile_mm_site_title h1, #stacks_in_4_4 .mobile_mm_site_title h1 a { color: rgba(198, 198, 198, 1.00); font-size: 24px; text-transform: uppercase; font-weight: 700; font-style: normal; } /*#stacks_in_4_4 { -webkit-font-smoothing: antialiased; }*/ #stacks_in_4_4 .foundry-mega-menu-toggle { display: none; font-size: 24px; padding-left: 20px; padding-right: 20px; overflow: hidden; } #stacks_in_4_4 .mobile-toggle-site-title a, #stacks_in_4_4 .mobile-toggle-site-title a:visited, #stacks_in_4_4 .mobile-toggle-site-title a:hover, #stacks_in_4_4 .mobile-toggle-site-title a:active { text-decoration: none; } #stacks_in_4_4 .nav a.mm-plain-link, #stacks_in_4_4 a.link-group-item { text-decoration: none; font-weight: 100; } #stacks_in_4_4 .foundry-mega-menu-button { margin-top: -1px; } #stacks_in_4_4 .nav-sticky-container { transition-duration: 300ms; transition-property: background-color; /* Possible fix for FF & Chrome Bug in Win10 when using Drop Downs. */ position: absolute; width: 100%; /* End Fix */ background: rgba(20, 20, 20, 0.93); z-index: 100; } #stacks_in_4_4 .nav-sticky-container { box-shadow: 0 5px 7px rgba(0, 0, 0, 0.33); } #stacks_in_4_4 .nav li.top-level-item { list-style: none; } #stacks_in_4_4 .nav > li.top-level-item { padding: 0; display: inline-block; margin-left: -4px; position: relative; } #stacks_in_4_4 .nav > li.top-level-item:first-child { margin-left: 0; } #stacks_in_4_4 .nav > li > a.mm-plain-link { display: inline-block; color: rgba(255, 255, 255, 1.00); text-decoration: none; padding: 0 20px; } #stacks_in_4_4 .nav > li:hover > a.mm-plain-link, #stacks_in_4_4 .nav > li.selected > a.mm-plain-link { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 178, 2, 1.00); } #stacks_in_4_4 .nav > li.selected > a.mm-plain-link, #stacks_in_4_4 .nav .drop_down_plain li:hover > a.mm-plain-link, #stacks_in_4_4 .nav .drop_down_plain li.selected > a.mm-plain-link { font-weight: 400; } #stacks_in_4_4 .nav > li > a.mm-button, #stacks_in_4_4 .nav > li { margin-top: 0px; } #stacks_in_4_4 .nav > li.parent { top: 0px; } #stacks_in_4_4 .nav > li.button_height_adjust { margin-top: -1px; margin-left: 6px; } /* MEGA DROP DOWN */ #stacks_in_4_4 .nav > li.top-level-item > .drop-down-container { position: absolute; display: none; overflow: hidden; border-radius: 4px; z-index: 500; } #stacks_in_4_4 .nav > li.top-level-item > .drop-down-container.animated { animation-duration: 310ms; animation-fill-mode: both; } #stacks_in_4_4 .nav > li.top-level-item > .drop-down-container.show-drop-down { display: block !important; } #stacks_in_4_4 .nav > li > .drop-down-container.right { right: 0; left: auto; } #stacks_in_4_4 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #stacks_in_4_4 a, #stacks_in_4_4 li { cursor: pointer; } #stacks_in_4_4 li.parent > a { cursor: pointer; } #stacks_in_4_4 li.parent > a:after { font-family: "FontAwesome"; content: '\f105'; padding-left: 5px; } #stacks_in_4_4 .foundry-mega-menu-toggle { background-color: rgba(0, 0, 0, 1.00); color: rgba(250, 251, 255, 1.00); width: 100%; cursor: pointer; } #stacks_in_4_4 .foundry-mega-menu-toggle:hover { background-color: rgba(0, 0, 0, 1.00); color: rgba(255, 170, 0, 1.00); } #stacks_in_4_4 .mobile_mm_site_title h1.mobile-toggle-site-title, #stacks_in_4_4 .mobile_mm_site_title h1.mobile-toggle-site-title a { color: rgba(118, 118, 118, 1.00); } @media (max-width: 47.9375em) { /*Mobile*/ #stacks_in_4_4 .mm_site_title h1, #stacks_in_4_4 .mm_site_title h1 a, #stacks_in_4_4 .mobile_mm_site_title h1, #stacks_in_4_4 .mobile_mm_site_title h1 a { font-size: 20px; text-decoration: none; } #stacks_in_4_4 .mobile_adjust { height: 0; } #stacks_in_4_4 .nav-sticky-container { background: transparent; } #stacks_in_4_4 .logo_container, #stacks_in_4_4 .mm_site_title { /*Hide logo at mobile breakpoint*/ display: none !important; } #stacks_in_4_4 .foundry-mega-menu-toggle { display: block; } #stacks_in_4_4 .foundry-mega-menu { display: none; top: 0; } #stacks_in_4_4 .nav { height: auto; } #stacks_in_4_4 ul.foundry-mega-menu { background: rgba(0, 0, 0, 0.81); } #stacks_in_4_4 .nav > li.top-level-item { margin-left: 0; text-align: left; } #stacks_in_4_4 .nav > li.top-level-item > a.mm-plain-link { font-size: 12px; } #stacks_in_4_4 .nav .drop-down-container .mm-plain-link { font-size: 12px; } #stacks_in_4_4 .nav li.top-level-item a.mm-plain-link:not(.link-group-item) { line-height: 44px; } #stacks_in_4_4 .nav > li.top-level-item, #stacks_in_4_4 .nav > li > a.mm-plain-link { float: none; display: block; } #stacks_in_4_4 .nav > li > a.mm-plain-link { color: rgba(255, 255, 255, 1.00); } #stacks_in_4_4 .nav > li:hover > a.mm-plain-link, #stacks_in_4_4 .nav > li.selected > a.mm-plain-link { background: rgba(0, 0, 0, 0.75); color: rgba(255, 170, 0, 1.00) } #stacks_in_4_4 .nav > li > .drop-down-container { position: relative; display: none; top: 0; box-shadow: none; width: 100%; max-width: 100%; /* background-color: ; */ border-radius: 0px; } #stacks_in_4_4 .nav > li.top-level-item > .drop-down-container { position: relative; display: none; } /* Removes unneeded font sizing for branding at mobile breakpoint. */ /* #stacks_in_4_4 .mm_site_title h1, #stacks_in_4_4 .mm_site_title h1 a { font-size: 20px; text-decoration: none; } */ #stacks_in_4_4 .button_height_adjust { padding-left: 20px; padding-right: 20px; } #stacks_in_4_4 .nav .drop-down-container { margin-top: 0px; } #stacks_in_4_4 .botton-column { margin-top: -6px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /*Tablet*/ #stacks_in_4_4 .foundry-mega-menu { display: block !important; } #stacks_in_4_4 .mm_site_title h1, #stacks_in_4_4 .mm_site_title h1 a { font-size: 20px; text-decoration: none; } #stacks_in_4_4 .nav > li.top-level-item > a.mm-plain-link { font-size: 12px; } #stacks_in_4_4 .nav .drop-down-container .mm-plain-link { font-size: 12px; } #stacks_in_4_4 .nav .drop-down-container { margin-top: 0px; } @keyframes potion_slide_up { from { margin-top: 50px; } to { margin-top: 0px; } } @keyframes potion_slide_down { from { margin-top: -50px; } to { margin-top: 0px; } } } @media (min-width: 62em) { /*Desktop*/ #stacks_in_4_4 .foundry-mega-menu { display: block !important; } #stacks_in_4_4 .mm_site_title h1, #stacks_in_4_4 .mm_site_title h1 a { font-size: 24px; text-decoration: none; } #stacks_in_4_4 .nav > li.top-level-item > a.mm-plain-link { font-size: 12px; } #stacks_in_4_4 .nav .drop-down-container .mm-plain-link { font-size: 12px; } #stacks_in_4_4 .nav .drop-down-container { margin-top: 0px; } @keyframes potion_slide_up { from { margin-top: 50px; } to { margin-top: 0px; } } @keyframes potion_slide_down { from { margin-top: -50px; } to { margin-top: 0px; } } } @media (max-width: 47.9375em) { /*Mobile*/ #stacks_in_4_4 .foundry-mega-menu-toggle, #stacks_in_4_4 .nav_bar_placeholder { height: 44px; line-height: 44px; } #stacks_in_4_4 .nav-sticky-container > .container, #stacks_in_4_4 .nav-sticky-container > .container-fluid { width: 100%; padding-left: 0 !important; padding-right: 0 !important; } #stacks_in_4_4 .nav li.top-level-item:not(.link-group-list-item), #stacks_in_4_4 .nav li.top-level-item > a.mm-plain-link:not(.link-group-item), #stacks_in_4_4 .nav > li > a.mm-plain-link:not(.link-group-item) { line-height: 44px; } #stacks_in_4_4 .button_height_adjust { line-height: 44px; } #stacks_in_4_4 .nav-sticky-container > .container > ul > li > a.mm-plain-link { height: 44px; line-height: 44px; } #stacks_in_4_4 .nav-sticky-container { border-radius: 0px; } #stacks_in_4_4 .foundry-mega-menu-button { margin-top: 6px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /*Tablet*/ #stacks_in_4_4 .nav, #stacks_in_4_4 .nav_bar_placeholder { height: 44px; } #stacks_in_4_4 .button_height_adjust { line-height: 44px; } #stacks_in_4_4 .logo_container { height: 44px; } #stacks_in_4_4 .nav > li > a.mm-plain-link { line-height: 44px; height: 44px; } #stacks_in_4_4 .nav > li > a.mm-plain-link { border-radius: 0px; } #stacks_in_4_4 .foundry-mega-menu-toggle { height: 44px; line-height: 44px; } #stacks_in_4_4 .nav > li > .drop-down-container { top: 44px; } #stacks_in_4_4 .mm_site_title, #stacks_in_4_4 .mm_site_title h1, #stacks_in_4_4 .site_logo { height: 44px; line-height: 44px; } } @media (min-width: 62em) { /*Desktop*/ #stacks_in_4_4 > .nav, #stacks_in_4_4 .nav_bar_placeholder { height: 44px; } #stacks_in_4_4 .button_height_adjust { line-height: 44px; } #stacks_in_4_4 .logo_container { height: 44px; } #stacks_in_4_4 .nav > li > a.mm-plain-link { line-height: 44px; height: 44px; } #stacks_in_4_4 .nav > li > a.mm-plain-link { border-radius: 0px; } #stacks_in_4_4 .foundry-mega-menu-toggle { height: 44px; line-height: 44px; } #stacks_in_4_4 .nav > li > .drop-down-container { top: 44px; } #stacks_in_4_4 .mm_site_title, #stacks_in_4_4 .mm_site_title h1, #stacks_in_4_4 .site_logo { height: 44px; line-height: 44px; } } #stacks_in_4_4 .nav > li li { line-height: 1.5; } #stacks_in_4_4 .mm_site_title { float: left; display: inline-block; color: #626263; margin-left: 20px !important; margin-right: 20px !important; } #stacks_in_4_4 .nav_bar_placeholder { z-index: 998; position: relative; width: 100%; } #stacks_in_4_4 .mm_site_title h1 { margin: 0; } #stacks_out_4_4, #stacks_in_4_4, #stacks_in_4_4 .nav_bar_placeholder, #stacks_in_4_4 .nav-sticky-container { border-radius: 0px; } #stacks_in_4_4 #sticky-wrapper.is-sticky .nav-sticky-container { border-radius: 0; } #stacks_in_4_4 .nav-sticky-container.sticky { width: 100% !important; left: 0 !important; right: 0 !important; z-index: 3000; } #stacks_in_4_4 .nav-sticky-container.simple-sticky { top: 0; position: fixed; } #stacks_in_4_4 #sticky-wrapper, #stacks_in_4_4 #sticky-wrapper .nav-sticky-container { width: 100% !important; } /* Banner Pairing Feature */ #stacks_in_4_4 .is-sticky .nav-sticky-container { border-radius: 0; } #stacks_in_4_4 .mm_site_title { display: none !important; } #stacks_in_4_4 .mm_site_title { white-space: nowrap; } #stacks_in_4_4 .site_logo { width: auto; } #stacks_in_4_4 .logo_container { float: left; display: block; } #stacks_in_4_4 .logo_container img { max-width: auto; max-height: 100%; margin-right: 12px; /*margin-top: -3px !important;*/ } .potion_slide_up { animation-name: potion_slide_up; transition-timing-function: ease-in-out; } .potion_slide_down { animation-name: potion_slide_down; transition-timing-function: ease-in-out; } #stacks_in_4_4 .sticky-wrapper.sticky { width: 100% !important; left: 0 !important; right: 0 !important; z-index: 3000; } #stacks_in_4_4 .sticky-wrapper.simple-sticky { top: 0; left: 0; right: 0; position: fixed; } @media (max-width: 47.9375em) { #stacks_in_4_4 .foundry-mega-menu { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.17); } #stacks_in_4_4 .mobile_nav_wrapper { list-style: none; padding: 0; margin: 0; height: 44px; line-height: 44px; float: left; } #stacks_in_4_4 .mobile_logo_container { margin-right: 12px; } #stacks_in_4_4 .mobile_logo_container, #stacks_in_4_4 .mobile_mm_site_title { display: inline-block; height: 44px; line-height: 44px; margin: 0; } #stacks_in_4_4 .mobile_logo_container img { height: 44px; line-height: 44px; width: auto; position: relative; margin-top: -5px; } /* BLORP */ } @media (max-width: 47.9375em) { } .stacks_in_4_32-plain > a > i { margin-right: 4px; } .stacks_in_4_6-parent-id .drop-down-container { background: rgba(255, 255, 255, 1.00); left: 0; } .stacks_in_4_6-parent-id > a.mm-plain-link > i { margin-right: 4px; } .stacks_in_4_6-drop-down > .row { padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } .stacks_in_4_6-drop-down .drop_down_plain > li > a { display: block; } .stacks_in_4_6-drop-down ul.drop_down_plain { padding: 0; margin: 0; } .stacks_in_4_6-drop-down { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.33); } @media (max-width: 47.9375em) { } @media (min-width: 48em) and (max-width: 61.9375em) { /*Tablet*/ .stacks_in_4_6-drop-down { min-width: 200px; } } @media (min-width: 62em) { /*Desktop*/ .stacks_in_4_6-drop-down { min-width: 200px; } } .stacks_in_4_8-drop-down-plain-links a, .stacks_in_4_8-drop-down-plain-links a:visited { color: #626263 !important; /*transition-duration: 250ms; transition-property: background-color;*/ border-radius: 4px; } .stacks_in_4_8-drop-down-plain-links a:hover, .stacks_in_4_8-drop-down-plain-links a:active, .stacks_in_4_8-drop-down-plain-links li.selected a { color: #494A4A !important; background-color: #DBDBDD; } .stacks_in_4_8-drop-down-plain-links a { padding-top: 3px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; } } .stacks_in_4_8-drop-down-plain-links a:hover, .stacks_in_4_8-drop-down-plain-links a:active, .stacks_in_4_8-drop-down-plain-links li.selected a { color: #494A4A !important; background-color: #DBDBDD; } } %[endif]% @media (max-width: 47.9375em) { } .stacks_in_4_10-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_11-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_12-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_13-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_29-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_30-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_21-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_22-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_15-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_31-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_28-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_23-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_25-plain > a > i { margin-right: 4px; } @media (max-width: 47.9375em) { } .stacks_in_4_26-plain > a > i { margin-right: 4px; } #stacks_in_5 .overlap { display: grid; position: relative; max-width: 1140px; z-index: 0; } @media (max-width: 47.9375em) { /* Mobile */ #stacks_in_5 .overlap { top: -0px; margin-bottom: -0px; } #stacks_in_5 .overlap_inner { border-radius: 0px; } #stacks_in_5 .overlap_inner { background-color: rgba(255, 255, 255, 1.00); border-width: 0px; border-style: solid; border-color: #CCCCCC; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* Tablet */ #stacks_in_5 .overlap { top: -50px; margin-bottom: -50px; } #stacks_in_5 .overlap_inner { border-radius: 0px; } #stacks_in_5 .overlap_inner { background-color: rgba(255, 255, 255, 1.00); border-width: 0px; border-style: solid; border-color: #CCCCCC; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_5 .overlap { top: -50px; margin-bottom: -50px; } #stacks_in_5 .overlap_inner { border-radius: 0px; } #stacks_in_5 .overlap_inner { background-color: rgba(255, 255, 255, 1.00); border-width: 0px; border-style: solid; border-color: #CCCCCC; } } #stacks_in_6_2 .the-images { display: none; } @media (max-width: 47.9375em) { /*Mobile*/ #stacks_in_6_2 .foundry-background { height: 250px !important; } } @media (min-width: 48em) and (max-width: 61.9375em) { /*Tablet*/ #stacks_in_6_2 .foundry-background { height: 500px !important; } } @media (min-width: 62em) { /*Desktop*/ #stacks_in_6_2 .foundry-background { height: 600px !important; } } #stacks_in_6_2 .foundry-background { position: relative; overflow: hidden; width: 100%; } #stacks_in_6_2 .bkg_inner { display: table; height: 100%; margin-right: auto; margin-left: auto; z-index: 10; width: 100%; } #stacks_in_6_2 .bkg_content { display: table-cell; vertical-align: middle; } .vegas-timer-progress { background: rgba(163, 0, 4, 1.00); background: -moz-linear-gradient(left, rgba(163, 0, 4, 1.00) 0%, rgba(252, 84, 13, 1.00) 100%); background: -webkit-linear-gradient(left, rgba(163, 0, 4, 1.00) 0%,rgba(252, 84, 13, 1.00) 100%); background: linear-gradient(to right, rgba(163, 0, 4, 1.00) 0%,rgba(252, 84, 13, 1.00) 100%); } .vegas-timer { height: 6px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_6_4 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_6_4 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_6_4 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_6_4 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_6_4 .row.no-gutters > [class^="col-"], #stacks_in_6_4 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } /* Color picker style settings */ #stacks_in_6_8 p { color: rgba(255, 255, 255, 1.00); } #stacks_in_6_8 p a, #stacks_in_6_8 p a:visited { color: rgba(55, 129, 187, 1.00); } #stacks_in_6_8 p a:hover, #stacks_in_6_8 p a:active { color: rgba(64, 103, 138, 1.00); } /* Edit mode custom colors. */ #stacks_in_6_8 .paragraph { color: rgba(255, 255, 255, 1.00); } #stacks_in_6_8 .paragraph a, #stacks_in_6_8 .paragraph a:visited { color: rgba(55, 129, 187, 1.00); } #stacks_in_6_8 .paragraph a:hover, #stacks_in_6_8 .paragraph a:active { color: rgba(64, 103, 138, 1.00); } @media (max-width: 47.9375em) { #stacks_in_6_8 p, #stacks_in_6_8 { font-size: 10px; } } @media (min-width: 48em) and (max-width: 61.9375em) { #stacks_in_6_8 p, #stacks_in_6_8 { font-size: 14px; } } @media (min-width: 62em) { #stacks_in_6_8 p, #stacks_in_6_8 { font-size: 14px; } } #stacks_in_6_8 p, #stacks_in_6_8 { margin-bottom: 0; } #stacks_in_10 h6 { font-weight: 700; font-style: normal; margin-bottom: 0; text-transform: uppercase; letter-spacing: 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_10 h6 { font-size: 40px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_10 h6 { font-size: 60px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_10 h6 { font-size: 80px; } } #stacks_in_10 a.foundry-header-linked, #stacks_in_10 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_10 a.foundry-header-linked:hover, #stacks_in_10 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_10 { margin: 10px 0px 30px 0px; } #stacks_in_11 { font-size: 99%; } #stacks_in_12 h6 { font-weight: 700; font-style: normal; margin-bottom: 0; text-transform: uppercase; letter-spacing: 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_12 h6 { font-size: 40px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_12 h6 { font-size: 60px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_12 h6 { font-size: 80px; } } #stacks_in_12 a.foundry-header-linked, #stacks_in_12 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_12 a.foundry-header-linked:hover, #stacks_in_12 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_12 { margin: 50px 0px 30px 0px; } #stacks_in_13 { font-size: 99%; } #stacks_in_115 > .container { max-width: 1140px; } #stacks_in_115 > .container { border-radius: 0px; } #stacks_out_115 { width: 95%; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_117 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_117 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_117 .foundry_column { margin-bottom: 40px; } } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_117 .row.custom-gutters > [class^="col-"], #stacks_in_117 .row.custom-gutters > [class*=" col-"] { padding-right: 7.500000px; padding-left: 7.500000px; } #stacks_in_117 .row.custom-gutters { margin-right: -3.750000px; margin-left: -3.750000px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_117 .row.custom-gutters > [class^="col-"], #stacks_in_117 .row.custom-gutters > [class*=" col-"] { padding-right: 7.500000px; padding-left: 7.500000px; } #stacks_in_117 .row.custom-gutters { margin-right: -3.750000px; margin-left: -3.750000px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_117 .row.custom-gutters > [class^="col-"], #stacks_in_117 .row.custom-gutters > [class*=" col-"] { padding-right: 20.000000px; padding-left: 20.000000px; } #stacks_in_117 .row.custom-gutters { margin-right: -10.000000px; margin-left: -10.000000px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_117 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_117 .row.no-gutters > [class^="col-"], #stacks_in_117 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } /* v1.0.1 - scrollbar visibilty bug hotfix */ #popbox_stacks_in_597 .popBox2_close_icon { top: 2.000000px; right: 2.000000px; } #popbox_stacks_in_597.popBox2_container { } #popbox_stacks_in_597.popBox2_container .popBox2_wrap { position: relative; margin: 10px 0px; } #popbox_stacks_in_597.popBox2_container .popBox2 { color: rgba(0, 0, 0, 0.65); border-radius: 8px; } #popbox_stacks_in_597.popBox2_container .popBox2 svg { fill: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_597.popBox2_container .popBox2 i.content-1ld-content { color: rgba(0, 0, 0, 0.85); font-size: 32px; } #popbox_stacks_in_597.popBox2_container .popBox2:after { } #popbox_stacks_in_597.popBox2_container .popBox2:before { border-radius: 8px; background-color : rgba(238, 239, 241, 1.00); } #popbox_stacks_in_597.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_597.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_597.popBox2_container.popBox2_layout_condensed .popBox2_wrap { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_597.popBox2_container.popBox2_layout_condensed.popBox2_header_footer .popBox2 { height: 320px; max-height: calc(100vh - 20px); } #popbox_stacks_in_597.popBox2_container .popBox2 .popBox2_content > div { max-width: 960px; padding: 10px 10px; } #popbox_stacks_in_597.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_597.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer > div { padding: 0px 24px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_condensed .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } #popbox_stacks_in_597 h1, #popbox_stacks_in_597 h2, #popbox_stacks_in_597 h3, #popbox_stacks_in_597 h4, #popbox_stacks_in_597 h5, #popbox_stacks_in_597 h6 { color: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_597 a { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_597 a:hover { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_597 a:active { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_597.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-gap: 24.000000px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { padding: 0px 16px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_columns .popBox2_wrap { width: 720px; max-width: calc(100vw - 0px); } #popbox_stacks_in_597.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_content > div { padding: 0px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_header svg { display: block; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 26.000000px; } @media all and (max-width: 720px) { #popbox_stacks_in_597.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-template-columns: 1fr; grid-gap: 0px; margin: 24.000000px 0; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 0; } } #popbox_stacks_in_597.popBox2_container.popBox2_layout_expanded .popBox2_wrap { width: 1120px; max-width: calc(100vw - 0px); } #popbox_stacks_in_597.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { padding: 16px 0px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { padding: 0px 20px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { max-width: 1120px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen { align-items: center; justify-content: center; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content { } #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner { } #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { padding: 8px 8px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_footer > div { padding: 0px 24px; } @media all and (max-width: 1032px) { #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } } #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_597.popBox2_container .popBox2_overlay { background: rgba(0, 0, 0, 0.75); } #popbox_stacks_in_597 .confetti g:nth-child(3n+0) { fill: rgba(232, 52, 160, 1.00); } #popbox_stacks_in_597 .confetti g:nth-child(3n-1) { fill: rgba(42, 122, 240, 1.00); } #popbox_stacks_in_597 .confetti g:nth-child(3n-2) { fill: rgba(134, 235, 200, 1.00); } #popbox_stacks_in_597.popBox2_container.popBox2_fx_border .popBox2_border_before, #popbox_stacks_in_597.popBox2_container.popBox2_fx_border .popBox2_border_after { background-image: linear-gradient(45deg,rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00),rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00), rgba(255, 0, 0, 1.00)); border-radius: 10px; } #popbox_stacks_in_597.popBox2_container.popBox2_fx_borderRotate .popBox2:before { box-shadow: 0 0 0 1px rgba(232, 52, 160, 1.00); } #popbox_stacks_in_597.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before, #popbox_stacks_in_597.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after { box-shadow: inset 0 0 0 2px rgba(232, 52, 160, 1.00); border-radius: 16px; } #popbox_stacks_in_597.popBox2_container.popBox2_fx_lightspeed g { fill: rgba(153, 153, 153, 1.00); } #popbox_stacks_in_597 .pb_grid rect { stroke: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.00); stroke-width: 1px; } #popbox_stacks_in_597 .pb_smoke_group .rect { background: rgba(212, 214, 232, 1.00); } #popbox_stacks_in_597.popBox2_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } #popbox_stacks_in_597.popBox2_container.popBox2_active { pointer-events: auto; } #popbox_stacks_in_597.popBox2_container .popBox2_overlay { opacity: 0; transition: opacity 400ms ease; } #popbox_stacks_in_597.popBox2_container.popBox2_active .popBox2_overlay { opacity: 1; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_none .popBox2_overlay { transition-duration: 0ms; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_overlay { opacity: 1; transition-duration: 0ms; } #popbox_stacks_in_597.popBox2_container .popBox2_wrap { transform-origin: center; transition: transform 400ms ease, opacity 300.000000ms ease; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_none .popBox2_wrap { transform: scale(0); transition-duration: 0ms; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_wrap { transform: scale(1); } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_zoom .popBox2_wrap { transform: scale(0); opacity: 0; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_zoom.popBox2_active .popBox2_wrap { transform: scale(1); opacity: 1; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_slideLeft .popBox2_wrap { transform: translate(100%,0); opacity: 0; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_slideRight .popBox2_wrap { transform: translate(-100%,0); opacity: 0; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_slideDown .popBox2_wrap { transform: translate(0,-100%); opacity: 0; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_slideUp .popBox2_wrap { transform: translate(0,100%); opacity: 0; } #popbox_stacks_in_597.popBox2_container.popBox2_in_out_slideLeft.popBox2_active .popBox2_wrap, #popbox_stacks_in_597.popBox2_container.popBox2_in_out_slideRight.popBox2_active .popBox2_wrap, #popbox_stacks_in_597.popBox2_container.popBox2_in_out_slideDown.popBox2_active .popBox2_wrap, #popbox_stacks_in_597.popBox2_container.popBox2_in_out_slideUp.popBox2_active .popBox2_wrap { transform: translate(0,0); opacity: 1; } #popbox_stacks_in_597.popBox2_container .popBox2 .popBox2_inner { max-height: 90vh; max-height: calc(100vh - 20px); } #popbox_stacks_in_597.popBox2_container .popBox2 .popBox2_main:first-child { max-height: calc(100vh - 20px); } #popbox_stacks_in_597.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { max-height: calc(100vh - 20px); } #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2, #popbox_stacks_in_597.popBox2_container.popBox2_layout_fullscreen .popBox2_wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .sc_wrap_stacks_in_683 { margin: 0px 0px; } .sc_stacks_in_683 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_683, .sc_stacks_in_683:before, .sc_stacks_in_683 > .sc-background, .sc_stacks_in_683 > .sc-border, .sc_stacks_in_683 > .sc-effect:before, .sc_stacks_in_683 > .sc-effect:after, .sc_stacks_in_683 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_683:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_683.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_683 > .sc-background { background-color : #000000; opacity: 0.150000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_683 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_683 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_683.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_683.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_683.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_683.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_683.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_683.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_683.sc-animation-frames > .sc-effect:before, .sc_stacks_in_683.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_683.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_683.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_683.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_683.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_683.sc-animation-frames > .sc-effect:after, .sc_stacks_in_683.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_683.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_683.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_683.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_683 > .sc-content { max-width: calc(720px - 16px * 2); } .shimmer-card.sc_stacks_in_683 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_683 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_683 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_683 h1, .sc_stacks_in_683 h2, .sc_stacks_in_683 h3, .sc_stacks_in_683 h4, .sc_stacks_in_683 h5, .sc_stacks_in_683 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_683:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_683[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_683:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_683.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_683.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_683.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_683 .sc_stacks_in_683:not([style]) > .sc-content, .sc_stacks_in_683:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_683.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_683:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_683:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_683 .sc_stacks_in_683 > a { pointer-events: none;} @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_685 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_685 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_685 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_685 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_685 .row.no-gutters > [class^="col-"], #stacks_in_685 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #stacks_in_687 h2 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_687 a.foundry-header-linked, #stacks_in_687 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_687 a.foundry-header-linked:hover, #stacks_in_687 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_689 p,#stacks_in_689 div,#stacks_in_689 ul,#stacks_in_689 ol,#stacks_in_689 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_689 a{color:rgba(255, 179, 0, 1.00)}#stacks_in_689 a:hover{color:rgba(238, 239, 241, 1.00)}@media only screen and (min-width:0px){#stacks_in_689{}} #stacks_in_690 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sc_wrap_stacks_in_604 { margin: 0px 0px; } .sc_stacks_in_604 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 1120px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_604, .sc_stacks_in_604:before, .sc_stacks_in_604 > .sc-background, .sc_stacks_in_604 > .sc-border, .sc_stacks_in_604 > .sc-effect:before, .sc_stacks_in_604 > .sc-effect:after, .sc_stacks_in_604 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_604:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_604.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_604 > .sc-background { background-color : #AAAAAA; opacity: 0.300000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_604 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_604 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_604.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_604.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_604.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_604.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_604.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_604.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_604.sc-animation-frames > .sc-effect:before, .sc_stacks_in_604.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_604.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_604.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_604.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_604.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_604.sc-animation-frames > .sc-effect:after, .sc_stacks_in_604.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_604.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_604.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_604.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_604 > .sc-content { max-width: calc(1120px - 16px * 2); } .shimmer-card.sc_stacks_in_604 a { color: rgba(196, 0, 20, 1.00); } .shimmer-card.sc_stacks_in_604 a:hover { color: rgba(200, 114, 15, 1.00); } .shimmer-card.sc_stacks_in_604 a:active{ color: rgba(195, 112, 15, 1.00); } .sc_stacks_in_604 h1, .sc_stacks_in_604 h2, .sc_stacks_in_604 h3, .sc_stacks_in_604 h4, .sc_stacks_in_604 h5, .sc_stacks_in_604 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_604:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_604[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_604:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_604.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_604.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_604.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_604 .sc_stacks_in_604:not([style]) > .sc-content, .sc_stacks_in_604:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_604.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_604:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_604:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_604 .sc_stacks_in_604 > a { pointer-events: none;} #stacks_in_606 h1 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_606 h1 { color: rgba(248, 140, 13, 1.00); } #stacks_in_606 h1 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_606 a.foundry-header-linked, #stacks_in_606 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_606 a.foundry-header-linked:hover, #stacks_in_606 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_606 { margin: 12px 0px 12px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_609 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_609 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_609 .foundry_column { margin-bottom: 0px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_609 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_609 .row.no-gutters > [class^="col-"], #stacks_in_609 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_609 .equal, #stacks_in_609 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_609 .equal > div[class*='col-'] { align-items: center; } #stacks_in_609 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_609 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_609 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_609 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_609 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } .com_bigwhiteduck_stacks_paragraphpro_stack{padding-top:1.00%;padding-bottom:1.00%}#stacks_in_613 p,#stacks_in_613 div,#stacks_in_613 ul,#stacks_in_613 ol,#stacks_in_613 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_613 a{color:rgba(248, 140, 13, 1.00)}#stacks_in_613 a:hover{color:rgba(255, 179, 0, 1.00)}@media only screen and (min-width:0px){#stacks_in_613{}} #stacks_in_610 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_903, #stacks_in_903 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_903 { padding: 20px 0px !important; } #press_alignment_stacks_in_903 { width: 100%; } #press_alignment_stacks_in_903.press-left { text-align: left; } #press_alignment_stacks_in_903.press-center { text-align: center; } #press_alignment_stacks_in_903.press-right { text-align: right; } #stacks_in_903 { transition: all 200ms ease; /* */ /* */ background: rgba(194, 0, 0, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_903:hover { /* */ /* */ /* */ background: rgba(119, 0, 15, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_903:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_903:active { /* */ /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_903:active .press-icon i { /* */ } #stacks_in_903 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_903 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_903 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_903 .press-text .out { margin: 0 !important; } #stacks_in_903 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .sc_wrap_stacks_in_599 { margin: 0px 0px; } .sc_stacks_in_599 { --shine-v-1: calc(var(--x) - 242px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 242px); --shine-h-1: calc(var(--y) - 242px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 242px); --shine-r-1: calc(var(--dist) - 242px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 242px); --sc-color: #000000; --sc-color-border: #FFFFFF; padding: 48px 8px; max-width: 640px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_599, .sc_stacks_in_599:before, .sc_stacks_in_599 > .sc-background, .sc_stacks_in_599 > .sc-border, .sc_stacks_in_599 > .sc-effect:before, .sc_stacks_in_599 > .sc-effect:after, .sc_stacks_in_599 > .sc-effect > .sc-effect-image { border-radius: 12px; } .sc_stacks_in_599:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_599.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_599 > .sc-background { background-color : #000000; opacity: 0.150000; } .sc_stacks_in_599 > .sc-border { border: 2px solid #FFFFFF; opacity: 0.250000; } .sc_stacks_in_599 > .sc-effect > .sc-effect-image { background-image: url(../index_files/backgroundImage-599.jpg); } .sc_stacks_in_599.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); } .sc_stacks_in_599.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); } .sc_stacks_in_599.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_599.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_599.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_599.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_599.sc-animation-frames > .sc-effect:before, .sc_stacks_in_599.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.200000; } .sc_stacks_in_599.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_599.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_599.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.100000; } .sc_stacks_in_599.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_599.sc-animation-frames > .sc-effect:after, .sc_stacks_in_599.sc-mouse-move > .sc-effect:after { border: 2px solid var(--sc-color-border); opacity: 0.150000; } .sc_stacks_in_599.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_599.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_599.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.037500; } .sc_stacks_in_599 > .sc-content { max-width: calc(640px - 8px * 2); } .shimmer-card.sc_stacks_in_599 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_599 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_599 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_599 h1, .sc_stacks_in_599 h2, .sc_stacks_in_599 h3, .sc_stacks_in_599 h4, .sc_stacks_in_599 h5, .sc_stacks_in_599 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_599:not([style]) > .sc-content { opacity: 0.150000; } .sc_stacks_in_599[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.850000 + 0.150000); opacity: var(--content-opacity); } .sc_stacks_in_599:not(.sc-mouse-move) > .sc-content { opacity: 0.150000; transition: 300ms opacity ease; } .sc_stacks_in_599.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_599.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_599.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_599 .sc_stacks_in_599:not([style]) > .sc-content, .sc_stacks_in_599:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_599.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_599:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_599:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_599 .sc_stacks_in_599 > a { pointer-events: none;} #animation-element-stacks_in_1060 { opacity: 0.85; display: block; } #stacks_in_1060 { /* Hack to make the FlipInY and FlipInX function properly in Parallax enabled stacks within Safari */ /* https://stackoverflow.com/questions/18146511/bug-in-css3-rotatey-transition-on-safari */ -webkit-transform: translateY(0px); } #stacks_in_601 h4 { font-weight: 100; font-style: normal; text-transform: uppercase; } #stacks_in_601 h4 small { font-weight: 700; } #stacks_in_601 a, #stacks_in_601 a:visited, #stacks_in_601 a:hover, #stacks_in_601 a:active { text-decoration: none; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_601 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_601 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_601 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_601 .inline_badge_right { top: -10px; } #stacks_in_601 .inline_badge_right { padding-left: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_601 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_601 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_601 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_601 .inline_badge_right { top: -20px; } #stacks_in_601 .inline_badge_right { padding-left: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_601 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_601 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_601 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_601 .inline_badge_right { top: -25px; } #stacks_in_601 .inline_badge_right { padding-left: 0px; } } #stacks_in_601 .inline_badge_right { position: relative; } #stacks_in_601 small, #stacks_in_601 h4 small { } #stacks_in_601 { padding: 10px; } /* v1.0.1 - scrollbar visibilty bug hotfix */ #popbox_stacks_in_643 .popBox2_close_icon { top: 2.000000px; right: 2.000000px; } #popbox_stacks_in_643.popBox2_container { } #popbox_stacks_in_643.popBox2_container .popBox2_wrap { position: relative; margin: 10px 0px; } #popbox_stacks_in_643.popBox2_container .popBox2 { color: rgba(0, 0, 0, 0.65); border-radius: 8px; } #popbox_stacks_in_643.popBox2_container .popBox2 svg { fill: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_643.popBox2_container .popBox2 i.content-1ld-content { color: rgba(0, 0, 0, 0.85); font-size: 32px; } #popbox_stacks_in_643.popBox2_container .popBox2:after { } #popbox_stacks_in_643.popBox2_container .popBox2:before { border-radius: 8px; background-color : rgba(238, 239, 241, 1.00); } #popbox_stacks_in_643.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_643.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_643.popBox2_container.popBox2_layout_condensed .popBox2_wrap { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_643.popBox2_container.popBox2_layout_condensed.popBox2_header_footer .popBox2 { height: 320px; max-height: calc(100vh - 20px); } #popbox_stacks_in_643.popBox2_container .popBox2 .popBox2_content > div { max-width: 960px; padding: 10px 10px; } #popbox_stacks_in_643.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_643.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer > div { padding: 0px 24px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_condensed .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } #popbox_stacks_in_643 h1, #popbox_stacks_in_643 h2, #popbox_stacks_in_643 h3, #popbox_stacks_in_643 h4, #popbox_stacks_in_643 h5, #popbox_stacks_in_643 h6 { color: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_643 a { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_643 a:hover { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_643 a:active { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_643.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-gap: 24.000000px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { padding: 0px 16px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_columns .popBox2_wrap { width: 720px; max-width: calc(100vw - 0px); } #popbox_stacks_in_643.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_content > div { padding: 0px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_header svg { display: block; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 26.000000px; } @media all and (max-width: 720px) { #popbox_stacks_in_643.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-template-columns: 1fr; grid-gap: 0px; margin: 24.000000px 0; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 0; } } #popbox_stacks_in_643.popBox2_container.popBox2_layout_expanded .popBox2_wrap { width: 1120px; max-width: calc(100vw - 0px); } #popbox_stacks_in_643.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { padding: 16px 0px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { padding: 0px 20px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { max-width: 1120px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen { align-items: center; justify-content: center; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content { } #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner { } #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { padding: 8px 8px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_footer > div { padding: 0px 24px; } @media all and (max-width: 1032px) { #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } } #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_643.popBox2_container .popBox2_overlay { background: rgba(0, 0, 0, 0.75); } #popbox_stacks_in_643 .confetti g:nth-child(3n+0) { fill: rgba(232, 52, 160, 1.00); } #popbox_stacks_in_643 .confetti g:nth-child(3n-1) { fill: rgba(42, 122, 240, 1.00); } #popbox_stacks_in_643 .confetti g:nth-child(3n-2) { fill: rgba(134, 235, 200, 1.00); } #popbox_stacks_in_643.popBox2_container.popBox2_fx_border .popBox2_border_before, #popbox_stacks_in_643.popBox2_container.popBox2_fx_border .popBox2_border_after { background-image: linear-gradient(45deg,rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00),rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00), rgba(255, 0, 0, 1.00)); border-radius: 10px; } #popbox_stacks_in_643.popBox2_container.popBox2_fx_borderRotate .popBox2:before { box-shadow: 0 0 0 1px rgba(232, 52, 160, 1.00); } #popbox_stacks_in_643.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before, #popbox_stacks_in_643.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after { box-shadow: inset 0 0 0 2px rgba(232, 52, 160, 1.00); border-radius: 16px; } #popbox_stacks_in_643.popBox2_container.popBox2_fx_lightspeed g { fill: rgba(153, 153, 153, 1.00); } #popbox_stacks_in_643 .pb_grid rect { stroke: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.00); stroke-width: 1px; } #popbox_stacks_in_643 .pb_smoke_group .rect { background: rgba(212, 214, 232, 1.00); } #popbox_stacks_in_643.popBox2_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } #popbox_stacks_in_643.popBox2_container.popBox2_active { pointer-events: auto; } #popbox_stacks_in_643.popBox2_container .popBox2_overlay { opacity: 0; transition: opacity 400ms ease; } #popbox_stacks_in_643.popBox2_container.popBox2_active .popBox2_overlay { opacity: 1; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_none .popBox2_overlay { transition-duration: 0ms; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_overlay { opacity: 1; transition-duration: 0ms; } #popbox_stacks_in_643.popBox2_container .popBox2_wrap { transform-origin: center; transition: transform 400ms ease, opacity 300.000000ms ease; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_none .popBox2_wrap { transform: scale(0); transition-duration: 0ms; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_wrap { transform: scale(1); } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_zoom .popBox2_wrap { transform: scale(0); opacity: 0; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_zoom.popBox2_active .popBox2_wrap { transform: scale(1); opacity: 1; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_slideLeft .popBox2_wrap { transform: translate(100%,0); opacity: 0; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_slideRight .popBox2_wrap { transform: translate(-100%,0); opacity: 0; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_slideDown .popBox2_wrap { transform: translate(0,-100%); opacity: 0; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_slideUp .popBox2_wrap { transform: translate(0,100%); opacity: 0; } #popbox_stacks_in_643.popBox2_container.popBox2_in_out_slideLeft.popBox2_active .popBox2_wrap, #popbox_stacks_in_643.popBox2_container.popBox2_in_out_slideRight.popBox2_active .popBox2_wrap, #popbox_stacks_in_643.popBox2_container.popBox2_in_out_slideDown.popBox2_active .popBox2_wrap, #popbox_stacks_in_643.popBox2_container.popBox2_in_out_slideUp.popBox2_active .popBox2_wrap { transform: translate(0,0); opacity: 1; } #popbox_stacks_in_643.popBox2_container .popBox2 .popBox2_inner { max-height: 90vh; max-height: calc(100vh - 20px); } #popbox_stacks_in_643.popBox2_container .popBox2 .popBox2_main:first-child { max-height: calc(100vh - 20px); } #popbox_stacks_in_643.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { max-height: calc(100vh - 20px); } #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2, #popbox_stacks_in_643.popBox2_container.popBox2_layout_fullscreen .popBox2_wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .sc_wrap_stacks_in_667 { margin: 0px 0px; } .sc_stacks_in_667 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_667, .sc_stacks_in_667:before, .sc_stacks_in_667 > .sc-background, .sc_stacks_in_667 > .sc-border, .sc_stacks_in_667 > .sc-effect:before, .sc_stacks_in_667 > .sc-effect:after, .sc_stacks_in_667 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_667:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_667.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_667 > .sc-background { background-color : #000000; opacity: 0.150000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_667 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_667 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_667.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_667.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_667.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_667.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_667.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_667.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_667.sc-animation-frames > .sc-effect:before, .sc_stacks_in_667.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_667.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_667.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_667.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_667.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_667.sc-animation-frames > .sc-effect:after, .sc_stacks_in_667.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_667.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_667.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_667.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_667 > .sc-content { max-width: calc(720px - 16px * 2); } .shimmer-card.sc_stacks_in_667 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_667 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_667 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_667 h1, .sc_stacks_in_667 h2, .sc_stacks_in_667 h3, .sc_stacks_in_667 h4, .sc_stacks_in_667 h5, .sc_stacks_in_667 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_667:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_667[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_667:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_667.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_667.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_667.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_667 .sc_stacks_in_667:not([style]) > .sc-content, .sc_stacks_in_667:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_667.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_667:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_667:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_667 .sc_stacks_in_667 > a { pointer-events: none;} @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_669 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_669 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_669 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_669 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_669 .row.no-gutters > [class^="col-"], #stacks_in_669 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #stacks_in_671 h2 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_671 a.foundry-header-linked, #stacks_in_671 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_671 a.foundry-header-linked:hover, #stacks_in_671 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_673 p,#stacks_in_673 div,#stacks_in_673 ul,#stacks_in_673 ol,#stacks_in_673 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_673 a{color:rgba(255, 179, 0, 1.00)}#stacks_in_673 a:hover{color:rgba(238, 239, 241, 1.00)}@media only screen and (min-width:0px){#stacks_in_673{}} #stacks_in_674 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sc_wrap_stacks_in_906 { margin: 0px 0px; } .sc_stacks_in_906 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 1120px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_906, .sc_stacks_in_906:before, .sc_stacks_in_906 > .sc-background, .sc_stacks_in_906 > .sc-border, .sc_stacks_in_906 > .sc-effect:before, .sc_stacks_in_906 > .sc-effect:after, .sc_stacks_in_906 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_906:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_906.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_906 > .sc-background { background-color : #787879; opacity: 0.300000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_906 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_906 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_906.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_906.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_906.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_906.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_906.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_906.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_906.sc-animation-frames > .sc-effect:before, .sc_stacks_in_906.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_906.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_906.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_906.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_906.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_906.sc-animation-frames > .sc-effect:after, .sc_stacks_in_906.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_906.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_906.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_906.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_906 > .sc-content { max-width: calc(1120px - 16px * 2); } .shimmer-card.sc_stacks_in_906 a { color: rgba(196, 0, 20, 1.00); } .shimmer-card.sc_stacks_in_906 a:hover { color: rgba(200, 114, 15, 1.00); } .shimmer-card.sc_stacks_in_906 a:active{ color: rgba(195, 112, 15, 1.00); } .sc_stacks_in_906 h1, .sc_stacks_in_906 h2, .sc_stacks_in_906 h3, .sc_stacks_in_906 h4, .sc_stacks_in_906 h5, .sc_stacks_in_906 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_906:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_906[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_906:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_906.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_906.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_906.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_906 .sc_stacks_in_906:not([style]) > .sc-content, .sc_stacks_in_906:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_906.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_906:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_906:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_906 .sc_stacks_in_906 > a { pointer-events: none;} #stacks_in_907 h1 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_907 h1 { color: rgba(248, 140, 13, 1.00); } #stacks_in_907 h1 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_907 a.foundry-header-linked, #stacks_in_907 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_907 a.foundry-header-linked:hover, #stacks_in_907 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_907 { margin: 12px 0px 12px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_910 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_910 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_910 .foundry_column { margin-bottom: 0px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_910 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_910 .row.no-gutters > [class^="col-"], #stacks_in_910 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_910 .equal, #stacks_in_910 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_910 .equal > div[class*='col-'] { align-items: center; } #stacks_in_910 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_910 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_910 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_910 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_910 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_917 p,#stacks_in_917 div,#stacks_in_917 ul,#stacks_in_917 ol,#stacks_in_917 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_917 a{color:rgba(203, 116, 15, 1.00)}#stacks_in_917 a:hover{color:rgba(248, 140, 13, 1.00)}@media only screen and (min-width:0px){#stacks_in_917{}} /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1057, #stacks_in_1057 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_1057 { padding: 20px 0px !important; } #press_alignment_stacks_in_1057 { width: 100%; } #press_alignment_stacks_in_1057.press-left { text-align: left; } #press_alignment_stacks_in_1057.press-center { text-align: center; } #press_alignment_stacks_in_1057.press-right { text-align: right; } #stacks_in_1057 { transition: all 200ms ease; /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1057:hover { /* */ /* */ /* */ background: rgba(102, 8, 6, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_1057:hover .press-icon i { /* */ } #stacks_in_1057:active { /* */ /* */ /* */ background: rgba(103, 0, 14, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_1057:active .press-icon i { /* */ } #stacks_in_1057 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_1057 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_1057 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1057 .press-text .out { margin: 0 !important; } #stacks_in_1057 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_911 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_915, #stacks_in_915 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_915 { padding: 20px 0px !important; } #press_alignment_stacks_in_915 { width: 100%; } #press_alignment_stacks_in_915.press-left { text-align: left; } #press_alignment_stacks_in_915.press-center { text-align: center; } #press_alignment_stacks_in_915.press-right { text-align: right; } #stacks_in_915 { transition: all 200ms ease; /* */ /* */ background: rgba(194, 0, 0, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_915:hover { /* */ /* */ /* */ background: rgba(102, 8, 6, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_915:hover .press-icon i { /* */ } #stacks_in_915:active { /* */ /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_915:active .press-icon i { /* */ } #stacks_in_915 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_915 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_915 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_915 .press-text .out { margin: 0 !important; } #stacks_in_915 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .lb-master_stacks_in_1059_2.bg-vault.bg-color.style-pro-stacks_in_1059_2{background-color:rgba(0, 0, 0, 0.78)}.lb-master_stacks_in_1059_2.close-vis-never .infix-close{display:none !important}.ll-overlay#ovl_stacks_in_1059_2.bg-color{background-color:rgba(0, 0, 0, 0.78)}@media screen and (max-width:640px){.ll-overlay#ovl_stacks_in_1059_2.small-bg-color{background-color:rgba(0, 0, 0, 0.78)}.ll-overlay#ovl_stacks_in_1059_2.small-bg-color::before{background-color:transparent !important;background-image:none !important}}body > .ll-overlay#ovl_stacks_in_1059_2{position:fixed}.ll-open-stacks_in_1059_2 > .ll-overlay#ovl_stacks_in_1059_2{z-index:9989}.ll-open-stacks_in_1059_2.sectionsPro1 > .ll-overlay#ovl_stacks_in_1059_2{z-index:998}@media screen and (min-width:640px){.lb-master_stacks_in_1059_2.close-vis-small-only .infix-close{display:none !important}}@media screen and (max-width:640px){.lb-master_stacks_in_1059_2.close-vis-large-only .infix-close{display:none !important}}#stacks_in_1059_2 .infix-close.lb-close-master{display:none !important}@media screen and (min-width:640px){#ovl_stacks_in_1059_2.large-hide-overlay{background-color:transparent !important}}@media screen and (min-width:640px){.lb-master_stacks_in_1059_2.infix-section.large-hide-overlay{background-color:transparent !important}}@media screen and (max-width:640px){.lb-master_stacks_in_1059_2.infix-section.sm-hide-borders .infix-content{border-radius:0 !important;border:none !important}}[data-ll-target="menus-kosmonaute"].sectionsPro1.size-target.lightbox-open.ll-open-stacks_in_1059_2 > .shear-wrapper{position:absolute}.lb-master_stacks_in_1059_2.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_1059_2.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}}.lb-master_stacks_in_1059_2.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{margin:0 auto;width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_1059_2.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{width:100%}}.lb-master_stacks_in_1059_2.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}@media screen and (max-width:640px){.lb-master_stacks_in_1059_2.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}}.lb-master_stacks_in_1059_2.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}@media screen and (min-width:640px){.lb-master_stacks_in_1059_2.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}}.lb-master_stacks_in_1059_2.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_1059_2.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_1059_2.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}@media screen and (min-width:640px){.lb-master_stacks_in_1059_2.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_1059_2.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_1059_2.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}}.lb-master_stacks_in_1059_2.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_1059_2.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}}.lb-master_stacks_in_1059_2.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_1059_2.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}}.lb-master_stacks_in_1059_2.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_1059_2.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:100% !important;max-height:100% !important}.lb-master_stacks_in_1059_2.infix-iframe.infix-section .infix-container,.lb-master_stacks_in_1059_2.infix-iframe.infix-section .infix-content,.lb-master_stacks_in_1059_2.infix-iframe.infix-section .infix-iframe-container{position:static;top:0;left:0;height:100%;width:100%}.lb-master_stacks_in_1059_2.infix-iframe.infix-section.size-float .infix-iframe-container{padding-top:0}.lb-master_stacks_in_1059_2 .infix-content::after{-webkit-box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30);box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30)}.lb-master_stacks_in_1059_2 .infix-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;z-index:9999;padding:8px;border-radius:0% 0% 0% 0%;background:rgba(0, 0, 0, 0.00)}html.bwd-touch .lb-master_stacks_in_1059_2 .infix-close{opacity:1 !important}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap{position:relative;width:40px;height:40px;opacity:0.94}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap:hover,html.bwd-touch .lb-master_stacks_in_1059_2 .infix-close > .close-wrap{opacity:1 !important}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap.close-text-only{width:auto;height:auto;color:rgba(255, 255, 255, 0.96);font-size:12px;line-height:1}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap.close-text-only .text-border{padding:8px;border:1px solid rgba(255, 255, 255, 0.00);border-radius:8px;background-color:rgba(255, 255, 255, 0.00);text-align:center}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg{width:40px;height:40px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 0.00);stroke-width:4px}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 0.96);stroke-width:4px;fill:none}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg .ring,.lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg .action-icon path{-webkit-transition:stroke 200ms ease-out;transition:stroke 200ms ease-out}.lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg circle.bg{-webkit-transition:fill 220ms ease-out;transition:fill 220ms ease-out}.lb-master_stacks_in_1059_2 .infix-close:hover,html.bwd-touch .lb-master_stacks_in_1059_2 .infix-close{background:rgba(0, 0, 0, 0.00)}.lb-master_stacks_in_1059_2 .infix-close:hover > .close-wrap > svg circle.bg,html.bwd-touch .lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_1059_2 .infix-close:hover > .close-wrap > svg .ring,html.bwd-touch .lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_1059_2 .infix-close:hover > .close-wrap > svg .action-icon path,html.bwd-touch .lb-master_stacks_in_1059_2 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 1.00);fill:none}.lb-master_stacks_in_1059_2 .infix-close:hover > .close-wrap.close-text-only,html.bwd-touch .lb-master_stacks_in_1059_2 .infix-close > .close-wrap.close-text-only{color:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_1059_2 .infix-close i.fa,.lb-master_stacks_in_1059_2 .infix-close svg,.lb-master_stacks_in_1059_2 .infix-close .simple-icon,.lb-master_stacks_in_1059_2 .infix-close .close-wrap,.lb-master_stacks_in_1059_2 .infix-close .text-border{pointer-events:none}@media screen and (min-width:640px){.lb-master_stacks_in_1059_2 .infix-close .close-wrap,.lb-master_stacks_in_1059_2 .infix-close .close-wrap > svg{width:40px;height:40px}.lb-master_stacks_in_1059_2 .infix-close .close-wrap.close-text-only{font-size:16px}}.lb-master_stacks_in_1059_2 .infix-close .action-icon > g{display:none}.lb-master_stacks_in_1059_2 .infix-close.close-cross .action-icon > g#cross{display:block}.lb-master_stacks_in_1059_2 .infix-close.close-small-cross .action-icon > g#smallcross{display:block}.lb-master_stacks_in_1059_2 .infix-close.close-left-arrow .action-icon > g#arrow{display:block}.lb-master_stacks_in_1059_2 .infix-close.close-hamburger .action-icon > g#burger{display:block}@media screen and (min-width:640px){.lb-master_stacks_in_1059_2.close-bg-small-only .infix-close{background:none}}.lb-master_stacks_in_1059_2 .splb-loader .loader-message{display:none}.lb-master_stacks_in_1059_2 .splb-loader svg{display:none}.lb-master_stacks_in_1059_2 .splb-loader > .loader-message{margin-top:0} .infix-content.bg-vault.bg-color.style-pro-stacks_in_1059_4{background-color:rgba(0, 0, 0, 0.50)}#stacks_in_1059_4.splb{padding:12px}#splb_stacks_in_1059_4 .infix-iframe-container{background-color:}#stacks_in_1059_4{display:none}.infix-opened #stacks_in_1059_4,.infix-closed #stacks_in_1059_4{display:block}.menus-kosmonaute{cursor:pointer}#splb_stacks_in_1059_4 .infix-container::after{position:absolute;display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;text-align:center;content:"IVRYWOOD- MENUS";z-index:9999;top:0px;padding:4px 8px 4px 8px;border-radius:0px 0px 0px 0px;color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 0.70);font-size:14.00px}@media screen and (min-width:640px){#splb_stacks_in_1059_4 .infix-container::after{font-size:16.00px}}#splb_stacks_in_1059_4.infix-section .infix-container::after{position:absolute}#splb_stacks_in_1059_4.infix-section .infix-img{padding-bottom:calc((14.00px + 4px) * 1.9)}@media screen and (min-width:640px){#splb_stacks_in_1059_4.infix-section .infix-img{padding-bottom:calc((16.00px + 4px) * 1.9)}}#splb_stacks_in_1059_4.infix-section .infix-content::after{bottom:calc((14.00px + 4px) * 1.9)}@media screen and (min-width:640px){#splb_stacks_in_1059_4.infix-section .infix-content::after{bottom:calc((16.00px + 4px) * 1.9)}}#stacks_in_1059_4.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_1059_4.splb.ll-overflow{overflow:visible !important} #stacks_in_1059_6 .gallery_image, #stacks_in_1059_6 .featured_image { width: 100%; height: auto; } /*#stacks_in_1059_6*/ /* LightBox CSS */ /*! * baguetteBox.js * @author feimosi * @version 1.9.1 * @url https://github.com/feimosi/baguetteBox.js */ #baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: rgba(0, 0, 0, 0.80); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 40px; height: 40px; } .baguetteBox-button#close-button svg { display: none; } .baguetteBox-button#close-button::after { font-family: "FontAwesome"; content: '\f00d'; line-height: 40px; font-size: 20px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } @-webkit-keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; outline: none; } .baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; } .baguetteBox-button:focus, .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; outline: none; } .baguetteBox-button#previous-button { left: 2%; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 40px; height: 40px; outline: none; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } /* Preloader Borrowed from http://tobiasahlin.com/spinkit/ */ .baguetteBox-spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; } .baguetteBox-double-bounce1, .baguetteBox-double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .baguetteBox-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } #stacks_in_1059_6 .gallery-indicator { display: none; } @media (max-width: 47.9375em) { /*Mobile*/ #stacks_in_1059_6 .gallery_image { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33); } #stacks_in_1059_6 .featured_image { } } @media (min-width: 48em) and (max-width: 61.9375em) { /*Tablet*/ #stacks_in_1059_6 .gallery_image { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33); } #stacks_in_1059_6 .featured_image { } } @media (min-width: 62em) { /*Desktop*/ #stacks_in_1059_6 .gallery_image { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33);%[endif]% } #stacks_in_1059_6 .featured_image { } } #stacks_in_1059_6 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .style-pro-stacks_in_1059_2::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_1059_2:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(126, 167, 227, 1.00)} #ovl_stacks_in_1059_2.ll-overlay { z-index: -99; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: opacity 600ms ease, z-index 0ms 600ms, visibility 0ms 600ms ease; } .ll-open-stacks_in_1059_2 > #ovl_stacks_in_1059_2.ll-overlay { transition: opacity 300ms ease; opacity: 1; visibility: visible; } .lb-master_stacks_in_1059_2, .lb-master_stacks_in_1059_2.infix-closed { opacity: 0; visibility: hidden; } .lb-master_stacks_in_1059_2.infix-opened { opacity: 1; visibility: visible; } .lb-master_stacks_in_1059_2 [data-infix-close]:not(.infix-wrap), .lb-master_stacks_in_1059_2.infix-closed [data-infix-close]:not(.infix-wrap) { opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); transition: opacity 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1059_2.infix-opened [data-infix-close]:not(.infix-wrap) { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms, transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1059_2.close-on-hover.infix-opened [data-infix-close]:not(.infix-wrap) { opacity: 0; transition: all 200ms ease-out; } .lb-master_stacks_in_1059_2.close-on-hover.infix-opened:hover [data-infix-close]:not(.infix-wrap) { opacity: 1; } .lb-master_stacks_in_1059_2.infix-closed .infix-container::after, .lb-master_stacks_in_1059_2.infix-loading .infix-container::after { opacity: 0; transition: opacity 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 680ms; } .lb-master_stacks_in_1059_2.infix-opened .infix-container::after { opacity: 1; transition: opacity 80ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s; } .lb-master_stacks_in_1059_2, .lb-master_stacks_in_1059_2.infix-closed { transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1059_2.infix-opened { transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 0s; } .lb-master_stacks_in_1059_2.infix-loading .infix-content, .lb-master_stacks_in_1059_2.infix-closed .infix-content { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1059_2.infix-opened .infix-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_1059_2.infix.hide-nav .infix-nav { display: none; } .lb-master_stacks_in_1059_2.infix.no-loop.ll-first [data-infix-prev] { display: none; } .lb-master_stacks_in_1059_2.infix.no-loop.ll-last [data-infix-next] { display: none; } .lb-master_stacks_in_1059_2 [data-infix-next], .lb-master_stacks_in_1059_2 [data-infix-prev] { position: absolute; z-index: 9999; width: 50px; height: 50px; border-radius: 50%; top: calc(50% + 25px); margin-top: -25px; border: 2px solid rgba(255, 255, 255, 0.00); opacity: 1; background: rgba(255, 255, 255, 0.00); transition: opacity 200ms ease-out, background 200ms ease-out, transform 0.8s cubic-bezier(0, 1.01, 0.22, 1), border 0.3s ease-out; } .lb-master_stacks_in_1059_2 html:not(.bwd-touch) [data-infix-next], .lb-master_stacks_in_1059_2 html:not(.bwd-touch) [data-infix-prev] { opacity: 0; } .lb-master_stacks_in_1059_2 html:not(.bwd-touch) [data-infix-next] { transform: translate(-15px, -50%) scale(0.6); } .lb-master_stacks_in_1059_2 html:not(.bwd-touch) [data-infix-prev] { transform: translate(15px, -50%) scale(0.6); } .lb-master_stacks_in_1059_2 html.infix:not(.bwd-touch):hover [data-infix-next], .lb-master_stacks_in_1059_2 html.infix:not(.bwd-touch):hover [data-infix-prev] { transform: translate(0, -50%) rotate(0deg) scale(1); opacity: 1; } .lb-master_stacks_in_1059_2 [data-infix-next] { right: 12px; } .lb-master_stacks_in_1059_2 [data-infix-prev] { left: 12px; } .lb-master_stacks_in_1059_2 [data-infix-next]::before, .lb-master_stacks_in_1059_2 [data-infix-next]::after, .lb-master_stacks_in_1059_2 [data-infix-prev]::before, .lb-master_stacks_in_1059_2 [data-infix-prev]::after { background: rgba(255, 255, 255, 0.96); top: 50%; left: 0; width: 2px; height: 17px; content: ''; position: absolute; margin: -14px 23px; } .lb-master_stacks_in_1059_2 html.bwd-touch [data-infix-next], .lb-master_stacks_in_1059_2 [data-infix-next]:hover, .lb-master_stacks_in_1059_2 html.bwd-touch [data-infix-prev], .lb-master_stacks_in_1059_2 [data-infix-prev]:hover { border: 2px solid rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.00); } .lb-master_stacks_in_1059_2 html.bwd-touch [data-infix-next]::before, .lb-master_stacks_in_1059_2 html.bwd-touch [data-infix-next]::after, .lb-master_stacks_in_1059_2 [data-infix-next]:hover::before, .lb-master_stacks_in_1059_2 [data-infix-next]:hover::after, .lb-master_stacks_in_1059_2 html.bwd-touch [data-infix-prev]::before, .lb-master_stacks_in_1059_2 html.bwd-touch [data-infix-prev]::after, .lb-master_stacks_in_1059_2 [data-infix-prev]:hover::before, .lb-master_stacks_in_1059_2 [data-infix-prev]:hover::after { background: rgba(255, 255, 255, 1.00); } .lb-master_stacks_in_1059_2 [data-infix-next]::after, .lb-master_stacks_in_1059_2 [data-infix-prev]::after { margin-top: -3px; } .lb-master_stacks_in_1059_2 [data-infix-prev]::after, .lb-master_stacks_in_1059_2 [data-infix-prev]::before { left: -3px; } .lb-master_stacks_in_1059_2 [data-infix-next]::after { transform: rotate(45deg); } .lb-master_stacks_in_1059_2 [data-infix-next]::before { transform: rotate(-45deg); } .lb-master_stacks_in_1059_2 [data-infix-prev]::after { transform: rotate(315deg); } .lb-master_stacks_in_1059_2 [data-infix-prev]::before { transform: rotate(-315deg); } .sc_wrap_stacks_in_645 { margin: 0px 0px; } .sc_stacks_in_645 { --shine-v-1: calc(var(--x) - 242px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 242px); --shine-h-1: calc(var(--y) - 242px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 242px); --shine-r-1: calc(var(--dist) - 242px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 242px); --sc-color: #000000; --sc-color-border: #FFFFFF; padding: 48px 8px; max-width: 640px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_645, .sc_stacks_in_645:before, .sc_stacks_in_645 > .sc-background, .sc_stacks_in_645 > .sc-border, .sc_stacks_in_645 > .sc-effect:before, .sc_stacks_in_645 > .sc-effect:after, .sc_stacks_in_645 > .sc-effect > .sc-effect-image { border-radius: 12px; } .sc_stacks_in_645:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_645.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_645 > .sc-background { background-color : #000000; opacity: 0.150000; } .sc_stacks_in_645 > .sc-border { border: 2px solid #FFFFFF; opacity: 0.250000; } .sc_stacks_in_645 > .sc-effect > .sc-effect-image { background-image: url(../index_files/backgroundImage-645.jpg); } .sc_stacks_in_645.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); } .sc_stacks_in_645.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); -webkit-mask: radial-gradient( ellipse at center, transparent 0%, transparent calc(100% - 242px), #000 100% ); mask: radial-gradient( ellipse at center, transparent 0%, transparent calc(100% - 242px), #000 100% ); } .sc_stacks_in_645.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_645.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_645.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_645.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_645.sc-animation-frames > .sc-effect:before, .sc_stacks_in_645.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.200000; } .sc_stacks_in_645.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_645.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_645.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.100000; } .sc_stacks_in_645.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_645.sc-animation-frames > .sc-effect:after, .sc_stacks_in_645.sc-mouse-move > .sc-effect:after { border: 2px solid var(--sc-color-border); opacity: 0.150000; } .sc_stacks_in_645.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_645.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_645.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.037500; } .sc_stacks_in_645 > .sc-content { max-width: calc(640px - 8px * 2); } .shimmer-card.sc_stacks_in_645 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_645 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_645 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_645 h1, .sc_stacks_in_645 h2, .sc_stacks_in_645 h3, .sc_stacks_in_645 h4, .sc_stacks_in_645 h5, .sc_stacks_in_645 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_645:not([style]) > .sc-content { opacity: 0.150000; } .sc_stacks_in_645[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.850000 + 0.150000); opacity: var(--content-opacity); } .sc_stacks_in_645:not(.sc-mouse-move) > .sc-content { opacity: 0.150000; transition: 300ms opacity ease; } .sc_stacks_in_645.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_645.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_645.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_645 .sc_stacks_in_645:not([style]) > .sc-content, .sc_stacks_in_645:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_645.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_645:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_645:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_645 .sc_stacks_in_645 > a { pointer-events: none;} #animation-element-stacks_in_1071 { opacity: 0.85; display: block; } #stacks_in_1071 { /* Hack to make the FlipInY and FlipInX function properly in Parallax enabled stacks within Safari */ /* https://stackoverflow.com/questions/18146511/bug-in-css3-rotatey-transition-on-safari */ -webkit-transform: translateY(0px); } #stacks_in_647 h4 { font-weight: 100; font-style: normal; text-transform: uppercase; } #stacks_in_647 h4 small { font-weight: 700; } #stacks_in_647 a, #stacks_in_647 a:visited, #stacks_in_647 a:hover, #stacks_in_647 a:active { text-decoration: none; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_647 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_647 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_647 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_647 .inline_badge_right { top: -10px; } #stacks_in_647 .inline_badge_right { padding-left: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_647 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_647 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_647 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_647 .inline_badge_right { top: -20px; } #stacks_in_647 .inline_badge_right { padding-left: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_647 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_647 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_647 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_647 .inline_badge_right { top: -25px; } #stacks_in_647 .inline_badge_right { padding-left: 0px; } } #stacks_in_647 .inline_badge_right { position: relative; } #stacks_in_647 small, #stacks_in_647 h4 small { } #stacks_in_647 { padding: 10px; } /* v1.0.1 - scrollbar visibilty bug hotfix */ #popbox_stacks_in_463 .popBox2_close_icon { top: 2.000000px; right: 2.000000px; } #popbox_stacks_in_463.popBox2_container { } #popbox_stacks_in_463.popBox2_container .popBox2_wrap { position: relative; margin: 10px 0px; } #popbox_stacks_in_463.popBox2_container .popBox2 { color: rgba(0, 0, 0, 0.65); border-radius: 8px; } #popbox_stacks_in_463.popBox2_container .popBox2 svg { fill: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_463.popBox2_container .popBox2 i.content-1ld-content { color: rgba(0, 0, 0, 0.85); font-size: 32px; } #popbox_stacks_in_463.popBox2_container .popBox2:after { } #popbox_stacks_in_463.popBox2_container .popBox2:before { border-radius: 8px; background-color : rgba(238, 239, 241, 1.00); } #popbox_stacks_in_463.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_463.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_463.popBox2_container.popBox2_layout_condensed .popBox2_wrap { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_463.popBox2_container.popBox2_layout_condensed.popBox2_header_footer .popBox2 { height: 320px; max-height: calc(100vh - 20px); } #popbox_stacks_in_463.popBox2_container .popBox2 .popBox2_content > div { max-width: 960px; padding: 10px 10px; } #popbox_stacks_in_463.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_463.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer > div { padding: 0px 24px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_condensed .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } #popbox_stacks_in_463 h1, #popbox_stacks_in_463 h2, #popbox_stacks_in_463 h3, #popbox_stacks_in_463 h4, #popbox_stacks_in_463 h5, #popbox_stacks_in_463 h6 { color: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_463 a { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_463 a:hover { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_463 a:active { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_463.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-gap: 24.000000px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { padding: 0px 16px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_columns .popBox2_wrap { width: 720px; max-width: calc(100vw - 0px); } #popbox_stacks_in_463.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_content > div { padding: 0px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_header svg { display: block; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 26.000000px; } @media all and (max-width: 720px) { #popbox_stacks_in_463.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-template-columns: 1fr; grid-gap: 0px; margin: 24.000000px 0; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 0; } } #popbox_stacks_in_463.popBox2_container.popBox2_layout_expanded .popBox2_wrap { width: 1120px; max-width: calc(100vw - 0px); } #popbox_stacks_in_463.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { padding: 16px 0px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { padding: 0px 20px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { max-width: 1120px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen { align-items: center; justify-content: center; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content { } #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner { } #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { padding: 8px 8px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_footer > div { padding: 0px 24px; } @media all and (max-width: 1032px) { #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } } #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_463.popBox2_container .popBox2_overlay { background: rgba(0, 0, 0, 0.75); } #popbox_stacks_in_463 .confetti g:nth-child(3n+0) { fill: rgba(232, 52, 160, 1.00); } #popbox_stacks_in_463 .confetti g:nth-child(3n-1) { fill: rgba(42, 122, 240, 1.00); } #popbox_stacks_in_463 .confetti g:nth-child(3n-2) { fill: rgba(134, 235, 200, 1.00); } #popbox_stacks_in_463.popBox2_container.popBox2_fx_border .popBox2_border_before, #popbox_stacks_in_463.popBox2_container.popBox2_fx_border .popBox2_border_after { background-image: linear-gradient(45deg,rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00),rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00), rgba(255, 0, 0, 1.00)); border-radius: 10px; } #popbox_stacks_in_463.popBox2_container.popBox2_fx_borderRotate .popBox2:before { box-shadow: 0 0 0 1px rgba(232, 52, 160, 1.00); } #popbox_stacks_in_463.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before, #popbox_stacks_in_463.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after { box-shadow: inset 0 0 0 2px rgba(232, 52, 160, 1.00); border-radius: 16px; } #popbox_stacks_in_463.popBox2_container.popBox2_fx_lightspeed g { fill: rgba(153, 153, 153, 1.00); } #popbox_stacks_in_463 .pb_grid rect { stroke: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.00); stroke-width: 1px; } #popbox_stacks_in_463 .pb_smoke_group .rect { background: rgba(212, 214, 232, 1.00); } #popbox_stacks_in_463.popBox2_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } #popbox_stacks_in_463.popBox2_container.popBox2_active { pointer-events: auto; } #popbox_stacks_in_463.popBox2_container .popBox2_overlay { opacity: 0; transition: opacity 400ms ease; } #popbox_stacks_in_463.popBox2_container.popBox2_active .popBox2_overlay { opacity: 1; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_none .popBox2_overlay { transition-duration: 0ms; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_overlay { opacity: 1; transition-duration: 0ms; } #popbox_stacks_in_463.popBox2_container .popBox2_wrap { transform-origin: center; transition: transform 400ms ease, opacity 300.000000ms ease; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_none .popBox2_wrap { transform: scale(0); transition-duration: 0ms; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_wrap { transform: scale(1); } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_zoom .popBox2_wrap { transform: scale(0); opacity: 0; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_zoom.popBox2_active .popBox2_wrap { transform: scale(1); opacity: 1; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_slideLeft .popBox2_wrap { transform: translate(100%,0); opacity: 0; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_slideRight .popBox2_wrap { transform: translate(-100%,0); opacity: 0; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_slideDown .popBox2_wrap { transform: translate(0,-100%); opacity: 0; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_slideUp .popBox2_wrap { transform: translate(0,100%); opacity: 0; } #popbox_stacks_in_463.popBox2_container.popBox2_in_out_slideLeft.popBox2_active .popBox2_wrap, #popbox_stacks_in_463.popBox2_container.popBox2_in_out_slideRight.popBox2_active .popBox2_wrap, #popbox_stacks_in_463.popBox2_container.popBox2_in_out_slideDown.popBox2_active .popBox2_wrap, #popbox_stacks_in_463.popBox2_container.popBox2_in_out_slideUp.popBox2_active .popBox2_wrap { transform: translate(0,0); opacity: 1; } #popbox_stacks_in_463.popBox2_container .popBox2 .popBox2_inner { max-height: 90vh; max-height: calc(100vh - 20px); } #popbox_stacks_in_463.popBox2_container .popBox2 .popBox2_main:first-child { max-height: calc(100vh - 20px); } #popbox_stacks_in_463.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { max-height: calc(100vh - 20px); } #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2, #popbox_stacks_in_463.popBox2_container.popBox2_layout_fullscreen .popBox2_wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .sc_wrap_stacks_in_486 { margin: 0px 0px; } .sc_stacks_in_486 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_486, .sc_stacks_in_486:before, .sc_stacks_in_486 > .sc-background, .sc_stacks_in_486 > .sc-border, .sc_stacks_in_486 > .sc-effect:before, .sc_stacks_in_486 > .sc-effect:after, .sc_stacks_in_486 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_486:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_486.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_486 > .sc-background { background-color : #000000; opacity: 0.150000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_486 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_486 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_486.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_486.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_486.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_486.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_486.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_486.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_486.sc-animation-frames > .sc-effect:before, .sc_stacks_in_486.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_486.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_486.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_486.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_486.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_486.sc-animation-frames > .sc-effect:after, .sc_stacks_in_486.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_486.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_486.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_486.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_486 > .sc-content { max-width: calc(720px - 16px * 2); } .shimmer-card.sc_stacks_in_486 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_486 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_486 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_486 h1, .sc_stacks_in_486 h2, .sc_stacks_in_486 h3, .sc_stacks_in_486 h4, .sc_stacks_in_486 h5, .sc_stacks_in_486 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_486:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_486[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_486:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_486.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_486.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_486.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_486 .sc_stacks_in_486:not([style]) > .sc-content, .sc_stacks_in_486:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_486.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_486:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_486:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_486 .sc_stacks_in_486 > a { pointer-events: none;} @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_488 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_488 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_488 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_488 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_488 .row.no-gutters > [class^="col-"], #stacks_in_488 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #stacks_in_490 h2 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_490 a.foundry-header-linked, #stacks_in_490 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_490 a.foundry-header-linked:hover, #stacks_in_490 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_493 p,#stacks_in_493 div,#stacks_in_493 ul,#stacks_in_493 ol,#stacks_in_493 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_493 a{color:rgba(255, 179, 0, 1.00)}#stacks_in_493 a:hover{color:rgba(238, 239, 241, 1.00)}@media only screen and (min-width:0px){#stacks_in_493{}} #stacks_in_497 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sc_wrap_stacks_in_942 { margin: 0px 0px; } .sc_stacks_in_942 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 1120px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_942, .sc_stacks_in_942:before, .sc_stacks_in_942 > .sc-background, .sc_stacks_in_942 > .sc-border, .sc_stacks_in_942 > .sc-effect:before, .sc_stacks_in_942 > .sc-effect:after, .sc_stacks_in_942 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_942:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_942.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_942 > .sc-background { background-color : #787879; opacity: 0.300000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_942 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_942 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_942.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_942.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_942.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_942.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_942.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_942.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_942.sc-animation-frames > .sc-effect:before, .sc_stacks_in_942.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_942.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_942.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_942.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_942.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_942.sc-animation-frames > .sc-effect:after, .sc_stacks_in_942.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_942.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_942.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_942.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_942 > .sc-content { max-width: calc(1120px - 16px * 2); } .shimmer-card.sc_stacks_in_942 a { color: rgba(196, 0, 20, 1.00); } .shimmer-card.sc_stacks_in_942 a:hover { color: rgba(200, 114, 15, 1.00); } .shimmer-card.sc_stacks_in_942 a:active{ color: rgba(195, 112, 15, 1.00); } .sc_stacks_in_942 h1, .sc_stacks_in_942 h2, .sc_stacks_in_942 h3, .sc_stacks_in_942 h4, .sc_stacks_in_942 h5, .sc_stacks_in_942 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_942:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_942[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_942:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_942.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_942.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_942.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_942 .sc_stacks_in_942:not([style]) > .sc-content, .sc_stacks_in_942:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_942.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_942:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_942:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_942 .sc_stacks_in_942 > a { pointer-events: none;} #stacks_in_943 h1 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_943 h1 { color: rgba(248, 140, 13, 1.00); } #stacks_in_943 h1 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_943 a.foundry-header-linked, #stacks_in_943 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_943 a.foundry-header-linked:hover, #stacks_in_943 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_943 { margin: 12px 0px 12px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_946 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_946 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_946 .foundry_column { margin-bottom: 0px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_946 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_946 .row.no-gutters > [class^="col-"], #stacks_in_946 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_946 .equal, #stacks_in_946 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_946 .equal > div[class*='col-'] { align-items: center; } #stacks_in_946 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_946 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_946 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_946 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_946 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_953 p,#stacks_in_953 div,#stacks_in_953 ul,#stacks_in_953 ol,#stacks_in_953 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_953 a{color:rgba(203, 116, 15, 1.00)}#stacks_in_953 a:hover{color:rgba(248, 140, 13, 1.00)}@media only screen and (min-width:0px){#stacks_in_953{}} #stacks_in_947 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_951, #stacks_in_951 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_951 { padding: 20px 0px !important; } #press_alignment_stacks_in_951 { width: 100%; } #press_alignment_stacks_in_951.press-left { text-align: left; } #press_alignment_stacks_in_951.press-center { text-align: center; } #press_alignment_stacks_in_951.press-right { text-align: right; } #stacks_in_951 { transition: all 200ms ease; /* */ /* */ background: rgba(194, 0, 0, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_951:hover { /* */ /* */ /* */ background: rgba(119, 0, 15, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_951:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_951:active { /* */ /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_951:active .press-icon i { /* */ } #stacks_in_951 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_951 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_951 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_951 .press-text .out { margin: 0 !important; } #stacks_in_951 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .sc_wrap_stacks_in_464 { margin: 0px 0px; } .sc_stacks_in_464 { --shine-v-1: calc(var(--x) - 242px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 242px); --shine-h-1: calc(var(--y) - 242px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 242px); --shine-r-1: calc(var(--dist) - 242px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 242px); --sc-color: #000000; --sc-color-border: #FFFFFF; padding: 48px 8px; max-width: 640px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_464, .sc_stacks_in_464:before, .sc_stacks_in_464 > .sc-background, .sc_stacks_in_464 > .sc-border, .sc_stacks_in_464 > .sc-effect:before, .sc_stacks_in_464 > .sc-effect:after, .sc_stacks_in_464 > .sc-effect > .sc-effect-image { border-radius: 12px; } .sc_stacks_in_464:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_464.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_464 > .sc-background { background-color : #000000; opacity: 0.150000; } .sc_stacks_in_464 > .sc-border { border: 2px solid #FFFFFF; opacity: 0.250000; } .sc_stacks_in_464 > .sc-effect > .sc-effect-image { background-image: url(../index_files/backgroundImage-464.jpg); } .sc_stacks_in_464.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); } .sc_stacks_in_464.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); } .sc_stacks_in_464.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_464.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_464.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_464.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_464.sc-animation-frames > .sc-effect:before, .sc_stacks_in_464.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.200000; } .sc_stacks_in_464.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_464.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_464.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.100000; } .sc_stacks_in_464.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_464.sc-animation-frames > .sc-effect:after, .sc_stacks_in_464.sc-mouse-move > .sc-effect:after { border: 2px solid var(--sc-color-border); opacity: 0.150000; } .sc_stacks_in_464.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_464.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_464.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.037500; } .sc_stacks_in_464 > .sc-content { max-width: calc(640px - 8px * 2); } .shimmer-card.sc_stacks_in_464 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_464 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_464 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_464 h1, .sc_stacks_in_464 h2, .sc_stacks_in_464 h3, .sc_stacks_in_464 h4, .sc_stacks_in_464 h5, .sc_stacks_in_464 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_464:not([style]) > .sc-content { opacity: 0.150000; } .sc_stacks_in_464[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.850000 + 0.150000); opacity: var(--content-opacity); } .sc_stacks_in_464:not(.sc-mouse-move) > .sc-content { opacity: 0.150000; transition: 300ms opacity ease; } .sc_stacks_in_464.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_464.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_464.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_464 .sc_stacks_in_464:not([style]) > .sc-content, .sc_stacks_in_464:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_464.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_464:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_464:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_464 .sc_stacks_in_464 > a { pointer-events: none;} #animation-element-stacks_in_1075 { opacity: 0.85; display: block; } #stacks_in_1075 { /* Hack to make the FlipInY and FlipInX function properly in Parallax enabled stacks within Safari */ /* https://stackoverflow.com/questions/18146511/bug-in-css3-rotatey-transition-on-safari */ -webkit-transform: translateY(0px); } #stacks_in_466 h4 { font-weight: 100; font-style: normal; text-transform: uppercase; } #stacks_in_466 h4 small { font-weight: 700; } #stacks_in_466 a, #stacks_in_466 a:visited, #stacks_in_466 a:hover, #stacks_in_466 a:active { text-decoration: none; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_466 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_466 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_466 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_466 .inline_badge_right { top: -10px; } #stacks_in_466 .inline_badge_right { padding-left: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_466 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_466 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_466 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_466 .inline_badge_right { top: -20px; } #stacks_in_466 .inline_badge_right { padding-left: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_466 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_466 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_466 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_466 .inline_badge_right { top: -25px; } #stacks_in_466 .inline_badge_right { padding-left: 0px; } } #stacks_in_466 .inline_badge_right { position: relative; } #stacks_in_466 small, #stacks_in_466 h4 small { } #stacks_in_466 { padding: 10px; } #stacks_in_731 > .container { border-radius: 0px; } #stacks_out_731 { width: 94%; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_732 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_732 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_732 .foundry_column { margin-bottom: 40px; } } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_732 .row.custom-gutters > [class^="col-"], #stacks_in_732 .row.custom-gutters > [class*=" col-"] { padding-right: 7.500000px; padding-left: 7.500000px; } #stacks_in_732 .row.custom-gutters { margin-right: -3.750000px; margin-left: -3.750000px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_732 .row.custom-gutters > [class^="col-"], #stacks_in_732 .row.custom-gutters > [class*=" col-"] { padding-right: 20.000000px; padding-left: 20.000000px; } #stacks_in_732 .row.custom-gutters { margin-right: -10.000000px; margin-left: -10.000000px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_732 .row.custom-gutters > [class^="col-"], #stacks_in_732 .row.custom-gutters > [class*=" col-"] { padding-right: 30.000000px; padding-left: 30.000000px; } #stacks_in_732 .row.custom-gutters { margin-right: -15.000000px; margin-left: -15.000000px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_732 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_732 .row.no-gutters > [class^="col-"], #stacks_in_732 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_732 .equal, #stacks_in_732 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_732 .equal > div[class*='col-'] { align-items: center; } #stacks_in_732 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_732 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_732 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_732 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_732 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } /* v1.0.1 - scrollbar visibilty bug hotfix */ #popbox_stacks_in_75 .popBox2_close_icon { top: 2.000000px; right: 2.000000px; } #popbox_stacks_in_75.popBox2_container { } #popbox_stacks_in_75.popBox2_container .popBox2_wrap { position: relative; margin: 10px 0px; } #popbox_stacks_in_75.popBox2_container .popBox2 { color: rgba(0, 0, 0, 0.65); border-radius: 8px; } #popbox_stacks_in_75.popBox2_container .popBox2 svg { fill: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_75.popBox2_container .popBox2 i.content-1ld-content { color: rgba(0, 0, 0, 0.85); font-size: 32px; } #popbox_stacks_in_75.popBox2_container .popBox2:after { } #popbox_stacks_in_75.popBox2_container .popBox2:before { border-radius: 8px; background-color : rgba(238, 239, 241, 1.00); } #popbox_stacks_in_75.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_75.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_75.popBox2_container.popBox2_layout_condensed .popBox2_wrap { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_75.popBox2_container.popBox2_layout_condensed.popBox2_header_footer .popBox2 { height: 320px; max-height: calc(100vh - 20px); } #popbox_stacks_in_75.popBox2_container .popBox2 .popBox2_content > div { max-width: 960px; padding: 10px 10px; } #popbox_stacks_in_75.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_75.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer > div { padding: 0px 24px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_condensed .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } #popbox_stacks_in_75 h1, #popbox_stacks_in_75 h2, #popbox_stacks_in_75 h3, #popbox_stacks_in_75 h4, #popbox_stacks_in_75 h5, #popbox_stacks_in_75 h6 { color: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_75 a { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_75 a:hover { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_75 a:active { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_75.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-gap: 24.000000px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { padding: 0px 16px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_columns .popBox2_wrap { width: 720px; max-width: calc(100vw - 0px); } #popbox_stacks_in_75.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_content > div { padding: 0px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_header svg { display: block; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 26.000000px; } @media all and (max-width: 720px) { #popbox_stacks_in_75.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-template-columns: 1fr; grid-gap: 0px; margin: 24.000000px 0; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 0; } } #popbox_stacks_in_75.popBox2_container.popBox2_layout_expanded .popBox2_wrap { width: 1120px; max-width: calc(100vw - 0px); } #popbox_stacks_in_75.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { padding: 16px 0px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { padding: 0px 20px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { max-width: 1120px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen { align-items: center; justify-content: center; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content { } #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner { } #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { padding: 8px 8px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_footer > div { padding: 0px 24px; } @media all and (max-width: 1032px) { #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } } #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_75.popBox2_container .popBox2_overlay { background: rgba(0, 0, 0, 0.75); } #popbox_stacks_in_75 .confetti g:nth-child(3n+0) { fill: rgba(232, 52, 160, 1.00); } #popbox_stacks_in_75 .confetti g:nth-child(3n-1) { fill: rgba(42, 122, 240, 1.00); } #popbox_stacks_in_75 .confetti g:nth-child(3n-2) { fill: rgba(134, 235, 200, 1.00); } #popbox_stacks_in_75.popBox2_container.popBox2_fx_border .popBox2_border_before, #popbox_stacks_in_75.popBox2_container.popBox2_fx_border .popBox2_border_after { background-image: linear-gradient(45deg,rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00),rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00), rgba(255, 0, 0, 1.00)); border-radius: 10px; } #popbox_stacks_in_75.popBox2_container.popBox2_fx_borderRotate .popBox2:before { box-shadow: 0 0 0 1px rgba(232, 52, 160, 1.00); } #popbox_stacks_in_75.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before, #popbox_stacks_in_75.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after { box-shadow: inset 0 0 0 2px rgba(232, 52, 160, 1.00); border-radius: 16px; } #popbox_stacks_in_75.popBox2_container.popBox2_fx_lightspeed g { fill: rgba(153, 153, 153, 1.00); } #popbox_stacks_in_75 .pb_grid rect { stroke: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.00); stroke-width: 1px; } #popbox_stacks_in_75 .pb_smoke_group .rect { background: rgba(212, 214, 232, 1.00); } #popbox_stacks_in_75.popBox2_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } #popbox_stacks_in_75.popBox2_container.popBox2_active { pointer-events: auto; } #popbox_stacks_in_75.popBox2_container .popBox2_overlay { opacity: 0; transition: opacity 400ms ease; } #popbox_stacks_in_75.popBox2_container.popBox2_active .popBox2_overlay { opacity: 1; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_none .popBox2_overlay { transition-duration: 0ms; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_overlay { opacity: 1; transition-duration: 0ms; } #popbox_stacks_in_75.popBox2_container .popBox2_wrap { transform-origin: center; transition: transform 400ms ease, opacity 300.000000ms ease; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_none .popBox2_wrap { transform: scale(0); transition-duration: 0ms; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_wrap { transform: scale(1); } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_zoom .popBox2_wrap { transform: scale(0); opacity: 0; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_zoom.popBox2_active .popBox2_wrap { transform: scale(1); opacity: 1; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_slideLeft .popBox2_wrap { transform: translate(100%,0); opacity: 0; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_slideRight .popBox2_wrap { transform: translate(-100%,0); opacity: 0; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_slideDown .popBox2_wrap { transform: translate(0,-100%); opacity: 0; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_slideUp .popBox2_wrap { transform: translate(0,100%); opacity: 0; } #popbox_stacks_in_75.popBox2_container.popBox2_in_out_slideLeft.popBox2_active .popBox2_wrap, #popbox_stacks_in_75.popBox2_container.popBox2_in_out_slideRight.popBox2_active .popBox2_wrap, #popbox_stacks_in_75.popBox2_container.popBox2_in_out_slideDown.popBox2_active .popBox2_wrap, #popbox_stacks_in_75.popBox2_container.popBox2_in_out_slideUp.popBox2_active .popBox2_wrap { transform: translate(0,0); opacity: 1; } #popbox_stacks_in_75.popBox2_container .popBox2 .popBox2_inner { max-height: 90vh; max-height: calc(100vh - 20px); } #popbox_stacks_in_75.popBox2_container .popBox2 .popBox2_main:first-child { max-height: calc(100vh - 20px); } #popbox_stacks_in_75.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { max-height: calc(100vh - 20px); } #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2, #popbox_stacks_in_75.popBox2_container.popBox2_layout_fullscreen .popBox2_wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .sc_wrap_stacks_in_184 { margin: 0px 0px; } .sc_stacks_in_184 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_184, .sc_stacks_in_184:before, .sc_stacks_in_184 > .sc-background, .sc_stacks_in_184 > .sc-border, .sc_stacks_in_184 > .sc-effect:before, .sc_stacks_in_184 > .sc-effect:after, .sc_stacks_in_184 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_184:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_184.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_184 > .sc-background { background-color : #000000; opacity: 0.150000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_184 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_184 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_184.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_184.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_184.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_184.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_184.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_184.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_184.sc-animation-frames > .sc-effect:before, .sc_stacks_in_184.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_184.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_184.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_184.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_184.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_184.sc-animation-frames > .sc-effect:after, .sc_stacks_in_184.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_184.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_184.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_184.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_184 > .sc-content { max-width: calc(720px - 16px * 2); } .shimmer-card.sc_stacks_in_184 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_184 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_184 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_184 h1, .sc_stacks_in_184 h2, .sc_stacks_in_184 h3, .sc_stacks_in_184 h4, .sc_stacks_in_184 h5, .sc_stacks_in_184 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_184:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_184[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_184:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_184.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_184.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_184.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_184 .sc_stacks_in_184:not([style]) > .sc-content, .sc_stacks_in_184:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_184.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_184:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_184:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_184 .sc_stacks_in_184 > a { pointer-events: none;} @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_185 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_185 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_185 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_185 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_185 .row.no-gutters > [class^="col-"], #stacks_in_185 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #stacks_in_190 h2 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_190 a.foundry-header-linked, #stacks_in_190 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_190 a.foundry-header-linked:hover, #stacks_in_190 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_193 p,#stacks_in_193 div,#stacks_in_193 ul,#stacks_in_193 ol,#stacks_in_193 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_193 a{color:rgba(255, 179, 0, 1.00)}#stacks_in_193 a:hover{color:rgba(238, 239, 241, 1.00)}@media only screen and (min-width:0px){#stacks_in_193{}} #stacks_in_187 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sc_wrap_stacks_in_924 { margin: 0px 0px; } .sc_stacks_in_924 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 1120px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_924, .sc_stacks_in_924:before, .sc_stacks_in_924 > .sc-background, .sc_stacks_in_924 > .sc-border, .sc_stacks_in_924 > .sc-effect:before, .sc_stacks_in_924 > .sc-effect:after, .sc_stacks_in_924 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_924:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_924.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_924 > .sc-background { background-color : #787879; opacity: 0.300000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_924 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_924 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_924.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_924.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_924.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_924.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_924.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_924.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_924.sc-animation-frames > .sc-effect:before, .sc_stacks_in_924.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_924.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_924.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_924.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_924.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_924.sc-animation-frames > .sc-effect:after, .sc_stacks_in_924.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_924.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_924.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_924.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_924 > .sc-content { max-width: calc(1120px - 16px * 2); } .shimmer-card.sc_stacks_in_924 a { color: rgba(196, 0, 20, 1.00); } .shimmer-card.sc_stacks_in_924 a:hover { color: rgba(200, 114, 15, 1.00); } .shimmer-card.sc_stacks_in_924 a:active{ color: rgba(195, 112, 15, 1.00); } .sc_stacks_in_924 h1, .sc_stacks_in_924 h2, .sc_stacks_in_924 h3, .sc_stacks_in_924 h4, .sc_stacks_in_924 h5, .sc_stacks_in_924 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_924:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_924[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_924:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_924.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_924.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_924.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_924 .sc_stacks_in_924:not([style]) > .sc-content, .sc_stacks_in_924:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_924.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_924:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_924:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_924 .sc_stacks_in_924 > a { pointer-events: none;} #stacks_in_925 h1 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_925 h1 { color: rgba(248, 140, 13, 1.00); } #stacks_in_925 h1 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_925 a.foundry-header-linked, #stacks_in_925 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_925 a.foundry-header-linked:hover, #stacks_in_925 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_925 { margin: 12px 0px 12px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_928 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_928 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_928 .foundry_column { margin-bottom: 0px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_928 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_928 .row.no-gutters > [class^="col-"], #stacks_in_928 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_928 .equal, #stacks_in_928 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_928 .equal > div[class*='col-'] { align-items: center; } #stacks_in_928 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_928 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_928 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_928 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_928 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_935 p,#stacks_in_935 div,#stacks_in_935 ul,#stacks_in_935 ol,#stacks_in_935 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_935 a{color:rgba(203, 116, 15, 1.00)}#stacks_in_935 a:hover{color:rgba(248, 140, 13, 1.00)}@media only screen and (min-width:0px){#stacks_in_935{}} #stacks_in_929 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_933, #stacks_in_933 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_933 { padding: 20px 0px !important; } #press_alignment_stacks_in_933 { width: 100%; } #press_alignment_stacks_in_933.press-left { text-align: left; } #press_alignment_stacks_in_933.press-center { text-align: center; } #press_alignment_stacks_in_933.press-right { text-align: right; } #stacks_in_933 { transition: all 200ms ease; /* */ /* */ background: rgba(194, 0, 0, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_933:hover { /* */ /* */ /* */ background: rgba(119, 0, 15, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_933:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_933:active { /* */ /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_933:active .press-icon i { /* */ } #stacks_in_933 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_933 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_933 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_933 .press-text .out { margin: 0 !important; } #stacks_in_933 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .sc_wrap_stacks_in_506 { margin: 0px 0px; } .sc_stacks_in_506 { --shine-v-1: calc(var(--x) - 242px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 242px); --shine-h-1: calc(var(--y) - 242px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 242px); --shine-r-1: calc(var(--dist) - 242px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 242px); --sc-color: #000000; --sc-color-border: #FFFFFF; padding: 48px 8px; max-width: 640px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_506, .sc_stacks_in_506:before, .sc_stacks_in_506 > .sc-background, .sc_stacks_in_506 > .sc-border, .sc_stacks_in_506 > .sc-effect:before, .sc_stacks_in_506 > .sc-effect:after, .sc_stacks_in_506 > .sc-effect > .sc-effect-image { border-radius: 12px; } .sc_stacks_in_506:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_506.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_506 > .sc-background { background-color : #000000; opacity: 0.150000; } .sc_stacks_in_506 > .sc-border { border: 2px solid #FFFFFF; opacity: 0.250000; } .sc_stacks_in_506 > .sc-effect > .sc-effect-image { background-image: url(../index_files/backgroundImage-506.jpg); } .sc_stacks_in_506.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); } .sc_stacks_in_506.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); -webkit-mask: radial-gradient( ellipse at center, transparent 0%, transparent calc(100% - 242px), #000 100% ); mask: radial-gradient( ellipse at center, transparent 0%, transparent calc(100% - 242px), #000 100% ); } .sc_stacks_in_506.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_506.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_506.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_506.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_506.sc-animation-frames > .sc-effect:before, .sc_stacks_in_506.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.200000; } .sc_stacks_in_506.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_506.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_506.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.100000; } .sc_stacks_in_506.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_506.sc-animation-frames > .sc-effect:after, .sc_stacks_in_506.sc-mouse-move > .sc-effect:after { border: 2px solid var(--sc-color-border); opacity: 0.150000; } .sc_stacks_in_506.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_506.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_506.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.037500; } .sc_stacks_in_506 > .sc-content { max-width: calc(640px - 8px * 2); } .shimmer-card.sc_stacks_in_506 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_506 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_506 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_506 h1, .sc_stacks_in_506 h2, .sc_stacks_in_506 h3, .sc_stacks_in_506 h4, .sc_stacks_in_506 h5, .sc_stacks_in_506 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_506:not([style]) > .sc-content { opacity: 0.150000; } .sc_stacks_in_506[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.850000 + 0.150000); opacity: var(--content-opacity); } .sc_stacks_in_506:not(.sc-mouse-move) > .sc-content { opacity: 0.150000; transition: 300ms opacity ease; } .sc_stacks_in_506.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_506.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_506.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_506 .sc_stacks_in_506:not([style]) > .sc-content, .sc_stacks_in_506:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_506.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_506:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_506:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_506 .sc_stacks_in_506 > a { pointer-events: none;} #animation-element-stacks_in_1067 { opacity: 0.85; display: block; } #stacks_in_1067 { /* Hack to make the FlipInY and FlipInX function properly in Parallax enabled stacks within Safari */ /* https://stackoverflow.com/questions/18146511/bug-in-css3-rotatey-transition-on-safari */ -webkit-transform: translateY(0px); } #stacks_in_507 h4 { font-weight: 100; font-style: normal; text-transform: uppercase; } #stacks_in_507 h4 small { font-weight: 700; } #stacks_in_507 a, #stacks_in_507 a:visited, #stacks_in_507 a:hover, #stacks_in_507 a:active { text-decoration: none; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_507 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_507 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_507 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_507 .inline_badge_right { top: -10px; } #stacks_in_507 .inline_badge_right { padding-left: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_507 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_507 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_507 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_507 .inline_badge_right { top: -20px; } #stacks_in_507 .inline_badge_right { padding-left: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_507 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_507 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_507 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_507 .inline_badge_right { top: -25px; } #stacks_in_507 .inline_badge_right { padding-left: 0px; } } #stacks_in_507 .inline_badge_right { position: relative; } #stacks_in_507 small, #stacks_in_507 h4 small { } #stacks_in_507 { padding: 10px; } /* v1.0.1 - scrollbar visibilty bug hotfix */ #popbox_stacks_in_817 .popBox2_close_icon { top: 2.000000px; right: 2.000000px; } #popbox_stacks_in_817.popBox2_container { } #popbox_stacks_in_817.popBox2_container .popBox2_wrap { position: relative; margin: 10px 0px; } #popbox_stacks_in_817.popBox2_container .popBox2 { color: rgba(0, 0, 0, 0.65); border-radius: 8px; } #popbox_stacks_in_817.popBox2_container .popBox2 svg { fill: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_817.popBox2_container .popBox2 i.content-1ld-content { color: rgba(0, 0, 0, 0.85); font-size: 32px; } #popbox_stacks_in_817.popBox2_container .popBox2:after { } #popbox_stacks_in_817.popBox2_container .popBox2:before { border-radius: 8px; background-color : rgba(238, 239, 241, 1.00); } #popbox_stacks_in_817.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_817.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_817.popBox2_container.popBox2_layout_condensed .popBox2_wrap { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_817.popBox2_container.popBox2_layout_condensed.popBox2_header_footer .popBox2 { height: 320px; max-height: calc(100vh - 20px); } #popbox_stacks_in_817.popBox2_container .popBox2 .popBox2_content > div { max-width: 960px; padding: 10px 10px; } #popbox_stacks_in_817.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_817.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer > div { padding: 0px 24px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_condensed .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } #popbox_stacks_in_817 h1, #popbox_stacks_in_817 h2, #popbox_stacks_in_817 h3, #popbox_stacks_in_817 h4, #popbox_stacks_in_817 h5, #popbox_stacks_in_817 h6 { color: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_817 a { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_817 a:hover { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_817 a:active { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_817.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-gap: 24.000000px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { padding: 0px 16px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_columns .popBox2_wrap { width: 720px; max-width: calc(100vw - 0px); } #popbox_stacks_in_817.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_content > div { padding: 0px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_header svg { display: block; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 26.000000px; } @media all and (max-width: 720px) { #popbox_stacks_in_817.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-template-columns: 1fr; grid-gap: 0px; margin: 24.000000px 0; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 0; } } #popbox_stacks_in_817.popBox2_container.popBox2_layout_expanded .popBox2_wrap { width: 1120px; max-width: calc(100vw - 0px); } #popbox_stacks_in_817.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { padding: 16px 0px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { padding: 0px 20px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { max-width: 1120px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen { align-items: center; justify-content: center; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content { } #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner { } #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { padding: 8px 8px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_footer > div { padding: 0px 24px; } @media all and (max-width: 1032px) { #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } } #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_817.popBox2_container .popBox2_overlay { background: rgba(0, 0, 0, 0.75); } #popbox_stacks_in_817 .confetti g:nth-child(3n+0) { fill: rgba(232, 52, 160, 1.00); } #popbox_stacks_in_817 .confetti g:nth-child(3n-1) { fill: rgba(42, 122, 240, 1.00); } #popbox_stacks_in_817 .confetti g:nth-child(3n-2) { fill: rgba(134, 235, 200, 1.00); } #popbox_stacks_in_817.popBox2_container.popBox2_fx_border .popBox2_border_before, #popbox_stacks_in_817.popBox2_container.popBox2_fx_border .popBox2_border_after { background-image: linear-gradient(45deg,rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00),rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00), rgba(255, 0, 0, 1.00)); border-radius: 10px; } #popbox_stacks_in_817.popBox2_container.popBox2_fx_borderRotate .popBox2:before { box-shadow: 0 0 0 1px rgba(232, 52, 160, 1.00); } #popbox_stacks_in_817.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before, #popbox_stacks_in_817.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after { box-shadow: inset 0 0 0 2px rgba(232, 52, 160, 1.00); border-radius: 16px; } #popbox_stacks_in_817.popBox2_container.popBox2_fx_lightspeed g { fill: rgba(153, 153, 153, 1.00); } #popbox_stacks_in_817 .pb_grid rect { stroke: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.00); stroke-width: 1px; } #popbox_stacks_in_817 .pb_smoke_group .rect { background: rgba(212, 214, 232, 1.00); } #popbox_stacks_in_817.popBox2_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } #popbox_stacks_in_817.popBox2_container.popBox2_active { pointer-events: auto; } #popbox_stacks_in_817.popBox2_container .popBox2_overlay { opacity: 0; transition: opacity 400ms ease; } #popbox_stacks_in_817.popBox2_container.popBox2_active .popBox2_overlay { opacity: 1; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_none .popBox2_overlay { transition-duration: 0ms; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_overlay { opacity: 1; transition-duration: 0ms; } #popbox_stacks_in_817.popBox2_container .popBox2_wrap { transform-origin: center; transition: transform 400ms ease, opacity 300.000000ms ease; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_none .popBox2_wrap { transform: scale(0); transition-duration: 0ms; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_wrap { transform: scale(1); } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_zoom .popBox2_wrap { transform: scale(0); opacity: 0; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_zoom.popBox2_active .popBox2_wrap { transform: scale(1); opacity: 1; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_slideLeft .popBox2_wrap { transform: translate(100%,0); opacity: 0; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_slideRight .popBox2_wrap { transform: translate(-100%,0); opacity: 0; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_slideDown .popBox2_wrap { transform: translate(0,-100%); opacity: 0; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_slideUp .popBox2_wrap { transform: translate(0,100%); opacity: 0; } #popbox_stacks_in_817.popBox2_container.popBox2_in_out_slideLeft.popBox2_active .popBox2_wrap, #popbox_stacks_in_817.popBox2_container.popBox2_in_out_slideRight.popBox2_active .popBox2_wrap, #popbox_stacks_in_817.popBox2_container.popBox2_in_out_slideDown.popBox2_active .popBox2_wrap, #popbox_stacks_in_817.popBox2_container.popBox2_in_out_slideUp.popBox2_active .popBox2_wrap { transform: translate(0,0); opacity: 1; } #popbox_stacks_in_817.popBox2_container .popBox2 .popBox2_inner { max-height: 90vh; max-height: calc(100vh - 20px); } #popbox_stacks_in_817.popBox2_container .popBox2 .popBox2_main:first-child { max-height: calc(100vh - 20px); } #popbox_stacks_in_817.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { max-height: calc(100vh - 20px); } #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2, #popbox_stacks_in_817.popBox2_container.popBox2_layout_fullscreen .popBox2_wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .sc_wrap_stacks_in_869 { margin: 0px 0px; } .sc_stacks_in_869 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_869, .sc_stacks_in_869:before, .sc_stacks_in_869 > .sc-background, .sc_stacks_in_869 > .sc-border, .sc_stacks_in_869 > .sc-effect:before, .sc_stacks_in_869 > .sc-effect:after, .sc_stacks_in_869 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_869:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_869.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_869 > .sc-background { background-color : #000000; opacity: 0.150000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_869 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_869 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_869.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_869.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_869.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_869.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_869.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_869.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_869.sc-animation-frames > .sc-effect:before, .sc_stacks_in_869.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_869.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_869.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_869.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_869.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_869.sc-animation-frames > .sc-effect:after, .sc_stacks_in_869.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_869.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_869.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_869.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_869 > .sc-content { max-width: calc(720px - 16px * 2); } .shimmer-card.sc_stacks_in_869 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_869 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_869 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_869 h1, .sc_stacks_in_869 h2, .sc_stacks_in_869 h3, .sc_stacks_in_869 h4, .sc_stacks_in_869 h5, .sc_stacks_in_869 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_869:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_869[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_869:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_869.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_869.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_869.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_869 .sc_stacks_in_869:not([style]) > .sc-content, .sc_stacks_in_869:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_869.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_869:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_869:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_869 .sc_stacks_in_869 > a { pointer-events: none;} @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_871 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_871 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_871 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_871 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_871 .row.no-gutters > [class^="col-"], #stacks_in_871 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #stacks_in_873 h2 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_873 a.foundry-header-linked, #stacks_in_873 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_873 a.foundry-header-linked:hover, #stacks_in_873 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_875 p,#stacks_in_875 div,#stacks_in_875 ul,#stacks_in_875 ol,#stacks_in_875 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_875 a{color:rgba(255, 179, 0, 1.00)}#stacks_in_875 a:hover{color:rgba(238, 239, 241, 1.00)}@media only screen and (min-width:0px){#stacks_in_875{}} #stacks_in_876 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sc_wrap_stacks_in_960 { margin: 0px 0px; } .sc_stacks_in_960 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 1120px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_960, .sc_stacks_in_960:before, .sc_stacks_in_960 > .sc-background, .sc_stacks_in_960 > .sc-border, .sc_stacks_in_960 > .sc-effect:before, .sc_stacks_in_960 > .sc-effect:after, .sc_stacks_in_960 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_960:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_960.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_960 > .sc-background { background-color : #787879; opacity: 0.300000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_960 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_960 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_960.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_960.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_960.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_960.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_960.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_960.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_960.sc-animation-frames > .sc-effect:before, .sc_stacks_in_960.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_960.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_960.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_960.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_960.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_960.sc-animation-frames > .sc-effect:after, .sc_stacks_in_960.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_960.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_960.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_960.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_960 > .sc-content { max-width: calc(1120px - 16px * 2); } .shimmer-card.sc_stacks_in_960 a { color: rgba(196, 0, 20, 1.00); } .shimmer-card.sc_stacks_in_960 a:hover { color: rgba(200, 114, 15, 1.00); } .shimmer-card.sc_stacks_in_960 a:active{ color: rgba(195, 112, 15, 1.00); } .sc_stacks_in_960 h1, .sc_stacks_in_960 h2, .sc_stacks_in_960 h3, .sc_stacks_in_960 h4, .sc_stacks_in_960 h5, .sc_stacks_in_960 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_960:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_960[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_960:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_960.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_960.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_960.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_960 .sc_stacks_in_960:not([style]) > .sc-content, .sc_stacks_in_960:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_960.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_960:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_960:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_960 .sc_stacks_in_960 > a { pointer-events: none;} #stacks_in_961 h1 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_961 h1 { color: rgba(248, 140, 13, 1.00); } #stacks_in_961 h1 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_961 a.foundry-header-linked, #stacks_in_961 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_961 a.foundry-header-linked:hover, #stacks_in_961 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_961 { margin: 12px 0px 12px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_964 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_964 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_964 .foundry_column { margin-bottom: 0px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_964 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_964 .row.no-gutters > [class^="col-"], #stacks_in_964 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_964 .equal, #stacks_in_964 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_964 .equal > div[class*='col-'] { align-items: center; } #stacks_in_964 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_964 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_964 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_964 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_964 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_971 p,#stacks_in_971 div,#stacks_in_971 ul,#stacks_in_971 ol,#stacks_in_971 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_971 a{color:rgba(203, 116, 15, 1.00)}#stacks_in_971 a:hover{color:rgba(248, 140, 13, 1.00)}@media only screen and (min-width:0px){#stacks_in_971{}} #stacks_in_965 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_969, #stacks_in_969 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_969 { padding: 20px 0px !important; } #press_alignment_stacks_in_969 { width: 100%; } #press_alignment_stacks_in_969.press-left { text-align: left; } #press_alignment_stacks_in_969.press-center { text-align: center; } #press_alignment_stacks_in_969.press-right { text-align: right; } #stacks_in_969 { transition: all 200ms ease; /* */ /* */ background: rgba(194, 0, 0, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_969:hover { /* */ /* */ /* */ background: rgba(119, 0, 15, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_969:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_969:active { /* */ /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_969:active .press-icon i { /* */ } #stacks_in_969 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_969 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_969 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_969 .press-text .out { margin: 0 !important; } #stacks_in_969 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .sc_wrap_stacks_in_818 { margin: 0px 0px; } .sc_stacks_in_818 { --shine-v-1: calc(var(--x) - 242px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 242px); --shine-h-1: calc(var(--y) - 242px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 242px); --shine-r-1: calc(var(--dist) - 242px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 242px); --sc-color: #000000; --sc-color-border: #FFFFFF; padding: 48px 8px; max-width: 640px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_818, .sc_stacks_in_818:before, .sc_stacks_in_818 > .sc-background, .sc_stacks_in_818 > .sc-border, .sc_stacks_in_818 > .sc-effect:before, .sc_stacks_in_818 > .sc-effect:after, .sc_stacks_in_818 > .sc-effect > .sc-effect-image { border-radius: 12px; } .sc_stacks_in_818:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_818.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_818 > .sc-background { background-color : #000000; opacity: 0.150000; } .sc_stacks_in_818 > .sc-border { border: 2px solid #FFFFFF; opacity: 0.250000; } .sc_stacks_in_818 > .sc-effect > .sc-effect-image { background-image: url(../index_files/backgroundImage-818.jpg); } .sc_stacks_in_818.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); } .sc_stacks_in_818.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); } .sc_stacks_in_818.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_818.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_818.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_818.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_818.sc-animation-frames > .sc-effect:before, .sc_stacks_in_818.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.200000; } .sc_stacks_in_818.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_818.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_818.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.100000; } .sc_stacks_in_818.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_818.sc-animation-frames > .sc-effect:after, .sc_stacks_in_818.sc-mouse-move > .sc-effect:after { border: 2px solid var(--sc-color-border); opacity: 0.150000; } .sc_stacks_in_818.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_818.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_818.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.037500; } .sc_stacks_in_818 > .sc-content { max-width: calc(640px - 8px * 2); } .shimmer-card.sc_stacks_in_818 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_818 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_818 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_818 h1, .sc_stacks_in_818 h2, .sc_stacks_in_818 h3, .sc_stacks_in_818 h4, .sc_stacks_in_818 h5, .sc_stacks_in_818 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_818:not([style]) > .sc-content { opacity: 0.150000; } .sc_stacks_in_818[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.850000 + 0.150000); opacity: var(--content-opacity); } .sc_stacks_in_818:not(.sc-mouse-move) > .sc-content { opacity: 0.150000; transition: 300ms opacity ease; } .sc_stacks_in_818.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_818.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_818.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_818 .sc_stacks_in_818:not([style]) > .sc-content, .sc_stacks_in_818:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_818.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_818:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_818:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_818 .sc_stacks_in_818 > a { pointer-events: none;} #animation-element-stacks_in_1077 { opacity: 0.85; display: block; } #stacks_in_1077 { /* Hack to make the FlipInY and FlipInX function properly in Parallax enabled stacks within Safari */ /* https://stackoverflow.com/questions/18146511/bug-in-css3-rotatey-transition-on-safari */ -webkit-transform: translateY(0px); } #stacks_in_820 h4 { font-weight: 100; font-style: normal; text-transform: uppercase; } #stacks_in_820 h4 small { font-weight: 700; } #stacks_in_820 a, #stacks_in_820 a:visited, #stacks_in_820 a:hover, #stacks_in_820 a:active { text-decoration: none; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_820 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_820 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_820 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_820 .inline_badge_right { top: -10px; } #stacks_in_820 .inline_badge_right { padding-left: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_820 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_820 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_820 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_820 .inline_badge_right { top: -20px; } #stacks_in_820 .inline_badge_right { padding-left: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_820 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_820 h4 { letter-spacing: 4px; word-spacing: 0px; } #stacks_in_820 h4 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_820 .inline_badge_right { top: -25px; } #stacks_in_820 .inline_badge_right { padding-left: 0px; } } #stacks_in_820 .inline_badge_right { position: relative; } #stacks_in_820 small, #stacks_in_820 h4 small { } #stacks_in_820 { padding: 10px; } #stacks_in_594 > .container { max-width: 1140px; } #stacks_in_594 > .container { border-radius: 0px; } #stacks_out_594 { width: 95%; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_595 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_595 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_595 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_595 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_595 .row.no-gutters > [class^="col-"], #stacks_in_595 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } /* v1.0.1 - scrollbar visibilty bug hotfix */ #popbox_stacks_in_839 .popBox2_close_icon { top: 2.000000px; right: 2.000000px; } #popbox_stacks_in_839.popBox2_container { } #popbox_stacks_in_839.popBox2_container .popBox2_wrap { position: relative; margin: 10px 0px; } #popbox_stacks_in_839.popBox2_container .popBox2 { color: rgba(0, 0, 0, 0.65); border-radius: 8px; } #popbox_stacks_in_839.popBox2_container .popBox2 svg { fill: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_839.popBox2_container .popBox2 i.content-1ld-content { color: rgba(0, 0, 0, 0.85); font-size: 32px; } #popbox_stacks_in_839.popBox2_container .popBox2:after { } #popbox_stacks_in_839.popBox2_container .popBox2:before { border-radius: 8px; background-color : rgba(238, 239, 241, 1.00); } #popbox_stacks_in_839.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_839.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_839.popBox2_container.popBox2_layout_condensed .popBox2_wrap { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_839.popBox2_container.popBox2_layout_condensed.popBox2_header_footer .popBox2 { height: 320px; max-height: calc(100vh - 20px); } #popbox_stacks_in_839.popBox2_container .popBox2 .popBox2_content > div { max-width: 960px; padding: 10px 10px; } #popbox_stacks_in_839.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_839.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer > div { padding: 0px 24px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_condensed .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } #popbox_stacks_in_839 h1, #popbox_stacks_in_839 h2, #popbox_stacks_in_839 h3, #popbox_stacks_in_839 h4, #popbox_stacks_in_839 h5, #popbox_stacks_in_839 h6 { color: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_839 a { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_839 a:hover { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_839 a:active { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_839.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-gap: 24.000000px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { padding: 0px 16px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_columns .popBox2_wrap { width: 720px; max-width: calc(100vw - 0px); } #popbox_stacks_in_839.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_content > div { padding: 0px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_header svg { display: block; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 26.000000px; } @media all and (max-width: 720px) { #popbox_stacks_in_839.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-template-columns: 1fr; grid-gap: 0px; margin: 24.000000px 0; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 0; } } #popbox_stacks_in_839.popBox2_container.popBox2_layout_expanded .popBox2_wrap { width: 1120px; max-width: calc(100vw - 0px); } #popbox_stacks_in_839.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { padding: 16px 0px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { padding: 0px 20px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { max-width: 1120px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen { align-items: center; justify-content: center; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content { } #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner { } #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { padding: 8px 8px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_footer > div { padding: 0px 24px; } @media all and (max-width: 1032px) { #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } } #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_839.popBox2_container .popBox2_overlay { background: rgba(0, 0, 0, 0.75); } #popbox_stacks_in_839 .confetti g:nth-child(3n+0) { fill: rgba(232, 52, 160, 1.00); } #popbox_stacks_in_839 .confetti g:nth-child(3n-1) { fill: rgba(42, 122, 240, 1.00); } #popbox_stacks_in_839 .confetti g:nth-child(3n-2) { fill: rgba(134, 235, 200, 1.00); } #popbox_stacks_in_839.popBox2_container.popBox2_fx_border .popBox2_border_before, #popbox_stacks_in_839.popBox2_container.popBox2_fx_border .popBox2_border_after { background-image: linear-gradient(45deg,rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00),rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00), rgba(255, 0, 0, 1.00)); border-radius: 10px; } #popbox_stacks_in_839.popBox2_container.popBox2_fx_borderRotate .popBox2:before { box-shadow: 0 0 0 1px rgba(232, 52, 160, 1.00); } #popbox_stacks_in_839.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before, #popbox_stacks_in_839.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after { box-shadow: inset 0 0 0 2px rgba(232, 52, 160, 1.00); border-radius: 16px; } #popbox_stacks_in_839.popBox2_container.popBox2_fx_lightspeed g { fill: rgba(153, 153, 153, 1.00); } #popbox_stacks_in_839 .pb_grid rect { stroke: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.00); stroke-width: 1px; } #popbox_stacks_in_839 .pb_smoke_group .rect { background: rgba(212, 214, 232, 1.00); } #popbox_stacks_in_839.popBox2_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } #popbox_stacks_in_839.popBox2_container.popBox2_active { pointer-events: auto; } #popbox_stacks_in_839.popBox2_container .popBox2_overlay { opacity: 0; transition: opacity 400ms ease; } #popbox_stacks_in_839.popBox2_container.popBox2_active .popBox2_overlay { opacity: 1; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_none .popBox2_overlay { transition-duration: 0ms; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_overlay { opacity: 1; transition-duration: 0ms; } #popbox_stacks_in_839.popBox2_container .popBox2_wrap { transform-origin: center; transition: transform 400ms ease, opacity 300.000000ms ease; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_none .popBox2_wrap { transform: scale(0); transition-duration: 0ms; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_wrap { transform: scale(1); } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_zoom .popBox2_wrap { transform: scale(0); opacity: 0; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_zoom.popBox2_active .popBox2_wrap { transform: scale(1); opacity: 1; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_slideLeft .popBox2_wrap { transform: translate(100%,0); opacity: 0; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_slideRight .popBox2_wrap { transform: translate(-100%,0); opacity: 0; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_slideDown .popBox2_wrap { transform: translate(0,-100%); opacity: 0; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_slideUp .popBox2_wrap { transform: translate(0,100%); opacity: 0; } #popbox_stacks_in_839.popBox2_container.popBox2_in_out_slideLeft.popBox2_active .popBox2_wrap, #popbox_stacks_in_839.popBox2_container.popBox2_in_out_slideRight.popBox2_active .popBox2_wrap, #popbox_stacks_in_839.popBox2_container.popBox2_in_out_slideDown.popBox2_active .popBox2_wrap, #popbox_stacks_in_839.popBox2_container.popBox2_in_out_slideUp.popBox2_active .popBox2_wrap { transform: translate(0,0); opacity: 1; } #popbox_stacks_in_839.popBox2_container .popBox2 .popBox2_inner { max-height: 90vh; max-height: calc(100vh - 20px); } #popbox_stacks_in_839.popBox2_container .popBox2 .popBox2_main:first-child { max-height: calc(100vh - 20px); } #popbox_stacks_in_839.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { max-height: calc(100vh - 20px); } #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2, #popbox_stacks_in_839.popBox2_container.popBox2_layout_fullscreen .popBox2_wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .sc_wrap_stacks_in_861 { margin: 0px 0px; } .sc_stacks_in_861 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_861, .sc_stacks_in_861:before, .sc_stacks_in_861 > .sc-background, .sc_stacks_in_861 > .sc-border, .sc_stacks_in_861 > .sc-effect:before, .sc_stacks_in_861 > .sc-effect:after, .sc_stacks_in_861 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_861:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_861.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_861 > .sc-background { background-color : #000000; opacity: 0.150000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_861 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_861 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_861.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_861.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_861.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_861.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_861.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_861.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_861.sc-animation-frames > .sc-effect:before, .sc_stacks_in_861.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_861.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_861.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_861.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_861.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_861.sc-animation-frames > .sc-effect:after, .sc_stacks_in_861.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_861.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_861.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_861.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_861 > .sc-content { max-width: calc(720px - 16px * 2); } .shimmer-card.sc_stacks_in_861 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_861 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_861 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_861 h1, .sc_stacks_in_861 h2, .sc_stacks_in_861 h3, .sc_stacks_in_861 h4, .sc_stacks_in_861 h5, .sc_stacks_in_861 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_861:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_861[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_861:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_861.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_861.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_861.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_861 .sc_stacks_in_861:not([style]) > .sc-content, .sc_stacks_in_861:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_861.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_861:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_861:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_861 .sc_stacks_in_861 > a { pointer-events: none;} @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_863 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_863 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_863 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_863 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_863 .row.no-gutters > [class^="col-"], #stacks_in_863 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #stacks_in_865 h2 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_865 a.foundry-header-linked, #stacks_in_865 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_865 a.foundry-header-linked:hover, #stacks_in_865 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_867 p,#stacks_in_867 div,#stacks_in_867 ul,#stacks_in_867 ol,#stacks_in_867 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_867 a{color:rgba(255, 179, 0, 1.00)}#stacks_in_867 a:hover{color:rgba(238, 239, 241, 1.00)}@media only screen and (min-width:0px){#stacks_in_867{}} #stacks_in_868 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sc_wrap_stacks_in_978 { margin: 0px 0px; } .sc_stacks_in_978 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 1120px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_978, .sc_stacks_in_978:before, .sc_stacks_in_978 > .sc-background, .sc_stacks_in_978 > .sc-border, .sc_stacks_in_978 > .sc-effect:before, .sc_stacks_in_978 > .sc-effect:after, .sc_stacks_in_978 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_978:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_978.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_978 > .sc-background { background-color : #787879; opacity: 0.300000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_978 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_978 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_978.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_978.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_978.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_978.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_978.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_978.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_978.sc-animation-frames > .sc-effect:before, .sc_stacks_in_978.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_978.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_978.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_978.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_978.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_978.sc-animation-frames > .sc-effect:after, .sc_stacks_in_978.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_978.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_978.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_978.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_978 > .sc-content { max-width: calc(1120px - 16px * 2); } .shimmer-card.sc_stacks_in_978 a { color: rgba(196, 0, 20, 1.00); } .shimmer-card.sc_stacks_in_978 a:hover { color: rgba(200, 114, 15, 1.00); } .shimmer-card.sc_stacks_in_978 a:active{ color: rgba(195, 112, 15, 1.00); } .sc_stacks_in_978 h1, .sc_stacks_in_978 h2, .sc_stacks_in_978 h3, .sc_stacks_in_978 h4, .sc_stacks_in_978 h5, .sc_stacks_in_978 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_978:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_978[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_978:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_978.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_978.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_978.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_978 .sc_stacks_in_978:not([style]) > .sc-content, .sc_stacks_in_978:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_978.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_978:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_978:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_978 .sc_stacks_in_978 > a { pointer-events: none;} #stacks_in_979 h1 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_979 h1 { color: rgba(248, 140, 13, 1.00); } #stacks_in_979 h1 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_979 a.foundry-header-linked, #stacks_in_979 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_979 a.foundry-header-linked:hover, #stacks_in_979 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_979 { margin: 12px 0px 12px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_982 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_982 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_982 .foundry_column { margin-bottom: 0px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_982 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_982 .row.no-gutters > [class^="col-"], #stacks_in_982 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_982 .equal, #stacks_in_982 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_982 .equal > div[class*='col-'] { align-items: center; } #stacks_in_982 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_982 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_982 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_982 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_982 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_989 p,#stacks_in_989 div,#stacks_in_989 ul,#stacks_in_989 ol,#stacks_in_989 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_989 a{color:rgba(203, 116, 15, 1.00)}#stacks_in_989 a:hover{color:rgba(248, 140, 13, 1.00)}@media only screen and (min-width:0px){#stacks_in_989{}} #stacks_in_983 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_987, #stacks_in_987 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_987 { padding: 20px 0px !important; } #press_alignment_stacks_in_987 { width: 100%; } #press_alignment_stacks_in_987.press-left { text-align: left; } #press_alignment_stacks_in_987.press-center { text-align: center; } #press_alignment_stacks_in_987.press-right { text-align: right; } #stacks_in_987 { transition: all 200ms ease; /* */ /* */ background: rgba(194, 0, 0, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_987:hover { /* */ /* */ /* */ background: rgba(119, 0, 15, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_987:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_987:active { /* */ /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_987:active .press-icon i { /* */ } #stacks_in_987 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_987 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_987 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_987 .press-text .out { margin: 0 !important; } #stacks_in_987 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .sc_wrap_stacks_in_840 { margin: 0px 0px; } .sc_stacks_in_840 { --shine-v-1: calc(var(--x) - 242px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 242px); --shine-h-1: calc(var(--y) - 242px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 242px); --shine-r-1: calc(var(--dist) - 242px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 242px); --sc-color: #000000; --sc-color-border: #FFFFFF; padding: 48px 8px; max-width: 640px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_840, .sc_stacks_in_840:before, .sc_stacks_in_840 > .sc-background, .sc_stacks_in_840 > .sc-border, .sc_stacks_in_840 > .sc-effect:before, .sc_stacks_in_840 > .sc-effect:after, .sc_stacks_in_840 > .sc-effect > .sc-effect-image { border-radius: 12px; } .sc_stacks_in_840:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_840.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_840 > .sc-background { background-color : #000000; opacity: 0.150000; } .sc_stacks_in_840 > .sc-border { border: 2px solid #FFFFFF; opacity: 0.250000; } .sc_stacks_in_840 > .sc-effect > .sc-effect-image { background-image: url(../index_files/backgroundImage-840.jpg); } .sc_stacks_in_840.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); } .sc_stacks_in_840.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); -webkit-mask: radial-gradient( ellipse at center, transparent 0%, transparent calc(100% - 242px), #000 100% ); mask: radial-gradient( ellipse at center, transparent 0%, transparent calc(100% - 242px), #000 100% ); } .sc_stacks_in_840.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_840.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_840.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_840.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_840.sc-animation-frames > .sc-effect:before, .sc_stacks_in_840.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.200000; } .sc_stacks_in_840.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_840.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_840.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.100000; } .sc_stacks_in_840.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_840.sc-animation-frames > .sc-effect:after, .sc_stacks_in_840.sc-mouse-move > .sc-effect:after { border: 2px solid var(--sc-color-border); opacity: 0.150000; } .sc_stacks_in_840.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_840.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_840.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.037500; } .sc_stacks_in_840 > .sc-content { max-width: calc(640px - 8px * 2); } .shimmer-card.sc_stacks_in_840 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_840 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_840 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_840 h1, .sc_stacks_in_840 h2, .sc_stacks_in_840 h3, .sc_stacks_in_840 h4, .sc_stacks_in_840 h5, .sc_stacks_in_840 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_840:not([style]) > .sc-content { opacity: 0.150000; } .sc_stacks_in_840[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.850000 + 0.150000); opacity: var(--content-opacity); } .sc_stacks_in_840:not(.sc-mouse-move) > .sc-content { opacity: 0.150000; transition: 300ms opacity ease; } .sc_stacks_in_840.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_840.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_840.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_840 .sc_stacks_in_840:not([style]) > .sc-content, .sc_stacks_in_840:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_840.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_840:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_840:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_840 .sc_stacks_in_840 > a { pointer-events: none;} #animation-element-stacks_in_1083 { opacity: 0.85; display: block; } #stacks_in_1083 { /* Hack to make the FlipInY and FlipInX function properly in Parallax enabled stacks within Safari */ /* https://stackoverflow.com/questions/18146511/bug-in-css3-rotatey-transition-on-safari */ -webkit-transform: translateY(0px); } #stacks_in_842 h3 { font-weight: 100; font-style: normal; text-transform: uppercase; } #stacks_in_842 h3 small { font-weight: 700; } #stacks_in_842 a, #stacks_in_842 a:visited, #stacks_in_842 a:hover, #stacks_in_842 a:active { text-decoration: none; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_842 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_842 h3 { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_842 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_842 .inline_badge_right { top: -10px; } #stacks_in_842 .inline_badge_right { padding-left: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_842 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_842 h3 { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_842 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_842 .inline_badge_right { top: -20px; } #stacks_in_842 .inline_badge_right { padding-left: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_842 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_842 h3 { letter-spacing: 2px; word-spacing: 0px; } #stacks_in_842 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_842 .inline_badge_right { top: -25px; } #stacks_in_842 .inline_badge_right { padding-left: 0px; } } #stacks_in_842 .inline_badge_right { position: relative; } #stacks_in_842 small, #stacks_in_842 h3 small { } #stacks_in_842 { padding: 10px; } /* v1.0.1 - scrollbar visibilty bug hotfix */ #popbox_stacks_in_420 .popBox2_close_icon { top: 2.000000px; right: 2.000000px; } #popbox_stacks_in_420.popBox2_container { } #popbox_stacks_in_420.popBox2_container .popBox2_wrap { position: relative; margin: 10px 0px; } #popbox_stacks_in_420.popBox2_container .popBox2 { color: rgba(0, 0, 0, 0.65); border-radius: 8px; } #popbox_stacks_in_420.popBox2_container .popBox2 svg { fill: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_420.popBox2_container .popBox2 i.content-1ld-content { color: rgba(0, 0, 0, 0.85); font-size: 32px; } #popbox_stacks_in_420.popBox2_container .popBox2:after { } #popbox_stacks_in_420.popBox2_container .popBox2:before { border-radius: 8px; background-color : rgba(238, 239, 241, 1.00); } #popbox_stacks_in_420.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_420.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_420.popBox2_container.popBox2_layout_condensed .popBox2_wrap { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_420.popBox2_container.popBox2_layout_condensed.popBox2_header_footer .popBox2 { height: 320px; max-height: calc(100vh - 20px); } #popbox_stacks_in_420.popBox2_container .popBox2 .popBox2_content > div { max-width: 960px; padding: 10px 10px; } #popbox_stacks_in_420.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_420.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer > div { padding: 0px 24px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_condensed .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } #popbox_stacks_in_420 h1, #popbox_stacks_in_420 h2, #popbox_stacks_in_420 h3, #popbox_stacks_in_420 h4, #popbox_stacks_in_420 h5, #popbox_stacks_in_420 h6 { color: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_420 a { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_420 a:hover { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_420 a:active { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_420.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-gap: 24.000000px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { padding: 0px 16px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_columns .popBox2_wrap { width: 720px; max-width: calc(100vw - 0px); } #popbox_stacks_in_420.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_content > div { padding: 0px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_header svg { display: block; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 26.000000px; } @media all and (max-width: 720px) { #popbox_stacks_in_420.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-template-columns: 1fr; grid-gap: 0px; margin: 24.000000px 0; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 0; } } #popbox_stacks_in_420.popBox2_container.popBox2_layout_expanded .popBox2_wrap { width: 1120px; max-width: calc(100vw - 0px); } #popbox_stacks_in_420.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { padding: 16px 0px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { padding: 0px 20px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { max-width: 1120px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen { align-items: center; justify-content: center; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content { } #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner { } #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { padding: 8px 8px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_footer > div { padding: 0px 24px; } @media all and (max-width: 1032px) { #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } } #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_420.popBox2_container .popBox2_overlay { background: rgba(0, 0, 0, 0.75); } #popbox_stacks_in_420 .confetti g:nth-child(3n+0) { fill: rgba(232, 52, 160, 1.00); } #popbox_stacks_in_420 .confetti g:nth-child(3n-1) { fill: rgba(42, 122, 240, 1.00); } #popbox_stacks_in_420 .confetti g:nth-child(3n-2) { fill: rgba(134, 235, 200, 1.00); } #popbox_stacks_in_420.popBox2_container.popBox2_fx_border .popBox2_border_before, #popbox_stacks_in_420.popBox2_container.popBox2_fx_border .popBox2_border_after { background-image: linear-gradient(45deg,rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00),rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00), rgba(255, 0, 0, 1.00)); border-radius: 10px; } #popbox_stacks_in_420.popBox2_container.popBox2_fx_borderRotate .popBox2:before { box-shadow: 0 0 0 1px rgba(232, 52, 160, 1.00); } #popbox_stacks_in_420.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before, #popbox_stacks_in_420.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after { box-shadow: inset 0 0 0 2px rgba(232, 52, 160, 1.00); border-radius: 16px; } #popbox_stacks_in_420.popBox2_container.popBox2_fx_lightspeed g { fill: rgba(153, 153, 153, 1.00); } #popbox_stacks_in_420 .pb_grid rect { stroke: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.00); stroke-width: 1px; } #popbox_stacks_in_420 .pb_smoke_group .rect { background: rgba(212, 214, 232, 1.00); } #popbox_stacks_in_420.popBox2_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } #popbox_stacks_in_420.popBox2_container.popBox2_active { pointer-events: auto; } #popbox_stacks_in_420.popBox2_container .popBox2_overlay { opacity: 0; transition: opacity 400ms ease; } #popbox_stacks_in_420.popBox2_container.popBox2_active .popBox2_overlay { opacity: 1; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_none .popBox2_overlay { transition-duration: 0ms; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_overlay { opacity: 1; transition-duration: 0ms; } #popbox_stacks_in_420.popBox2_container .popBox2_wrap { transform-origin: center; transition: transform 400ms ease, opacity 300.000000ms ease; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_none .popBox2_wrap { transform: scale(0); transition-duration: 0ms; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_wrap { transform: scale(1); } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_zoom .popBox2_wrap { transform: scale(0); opacity: 0; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_zoom.popBox2_active .popBox2_wrap { transform: scale(1); opacity: 1; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_slideLeft .popBox2_wrap { transform: translate(100%,0); opacity: 0; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_slideRight .popBox2_wrap { transform: translate(-100%,0); opacity: 0; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_slideDown .popBox2_wrap { transform: translate(0,-100%); opacity: 0; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_slideUp .popBox2_wrap { transform: translate(0,100%); opacity: 0; } #popbox_stacks_in_420.popBox2_container.popBox2_in_out_slideLeft.popBox2_active .popBox2_wrap, #popbox_stacks_in_420.popBox2_container.popBox2_in_out_slideRight.popBox2_active .popBox2_wrap, #popbox_stacks_in_420.popBox2_container.popBox2_in_out_slideDown.popBox2_active .popBox2_wrap, #popbox_stacks_in_420.popBox2_container.popBox2_in_out_slideUp.popBox2_active .popBox2_wrap { transform: translate(0,0); opacity: 1; } #popbox_stacks_in_420.popBox2_container .popBox2 .popBox2_inner { max-height: 90vh; max-height: calc(100vh - 20px); } #popbox_stacks_in_420.popBox2_container .popBox2 .popBox2_main:first-child { max-height: calc(100vh - 20px); } #popbox_stacks_in_420.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { max-height: calc(100vh - 20px); } #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2, #popbox_stacks_in_420.popBox2_container.popBox2_layout_fullscreen .popBox2_wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .sc_wrap_stacks_in_443 { margin: 0px 0px; } .sc_stacks_in_443 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_443, .sc_stacks_in_443:before, .sc_stacks_in_443 > .sc-background, .sc_stacks_in_443 > .sc-border, .sc_stacks_in_443 > .sc-effect:before, .sc_stacks_in_443 > .sc-effect:after, .sc_stacks_in_443 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_443:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_443.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_443 > .sc-background { background-color : #000000; opacity: 0.150000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_443 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_443 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_443.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_443.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_443.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_443.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_443.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_443.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_443.sc-animation-frames > .sc-effect:before, .sc_stacks_in_443.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_443.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_443.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_443.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_443.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_443.sc-animation-frames > .sc-effect:after, .sc_stacks_in_443.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_443.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_443.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_443.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_443 > .sc-content { max-width: calc(720px - 16px * 2); } .shimmer-card.sc_stacks_in_443 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_443 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_443 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_443 h1, .sc_stacks_in_443 h2, .sc_stacks_in_443 h3, .sc_stacks_in_443 h4, .sc_stacks_in_443 h5, .sc_stacks_in_443 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_443:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_443[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_443:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_443.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_443.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_443.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_443 .sc_stacks_in_443:not([style]) > .sc-content, .sc_stacks_in_443:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_443.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_443:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_443:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_443 .sc_stacks_in_443 > a { pointer-events: none;} @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_445 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_445 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_445 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_445 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_445 .row.no-gutters > [class^="col-"], #stacks_in_445 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #stacks_in_447 h2 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_447 a.foundry-header-linked, #stacks_in_447 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_447 a.foundry-header-linked:hover, #stacks_in_447 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_450 p,#stacks_in_450 div,#stacks_in_450 ul,#stacks_in_450 ol,#stacks_in_450 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_450 a{color:rgba(255, 179, 0, 1.00)}#stacks_in_450 a:hover{color:rgba(238, 239, 241, 1.00)}@media only screen and (min-width:0px){#stacks_in_450{}} #stacks_in_454 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sc_wrap_stacks_in_993 { margin: 0px 0px; } .sc_stacks_in_993 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 1120px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_993, .sc_stacks_in_993:before, .sc_stacks_in_993 > .sc-background, .sc_stacks_in_993 > .sc-border, .sc_stacks_in_993 > .sc-effect:before, .sc_stacks_in_993 > .sc-effect:after, .sc_stacks_in_993 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_993:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_993.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_993 > .sc-background { background-color : #787879; opacity: 0.300000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_993 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_993 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_993.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_993.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_993.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_993.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_993.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_993.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_993.sc-animation-frames > .sc-effect:before, .sc_stacks_in_993.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_993.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_993.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_993.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_993.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_993.sc-animation-frames > .sc-effect:after, .sc_stacks_in_993.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_993.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_993.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_993.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_993 > .sc-content { max-width: calc(1120px - 16px * 2); } .shimmer-card.sc_stacks_in_993 a { color: rgba(196, 0, 20, 1.00); } .shimmer-card.sc_stacks_in_993 a:hover { color: rgba(200, 114, 15, 1.00); } .shimmer-card.sc_stacks_in_993 a:active{ color: rgba(195, 112, 15, 1.00); } .sc_stacks_in_993 h1, .sc_stacks_in_993 h2, .sc_stacks_in_993 h3, .sc_stacks_in_993 h4, .sc_stacks_in_993 h5, .sc_stacks_in_993 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_993:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_993[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_993:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_993.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_993.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_993.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_993 .sc_stacks_in_993:not([style]) > .sc-content, .sc_stacks_in_993:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_993.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_993:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_993:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_993 .sc_stacks_in_993 > a { pointer-events: none;} #stacks_in_994 h1 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_994 h1 { color: rgba(248, 140, 13, 1.00); } #stacks_in_994 h1 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_994 a.foundry-header-linked, #stacks_in_994 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_994 a.foundry-header-linked:hover, #stacks_in_994 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_994 { margin: 12px 0px 12px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_997 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_997 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_997 .foundry_column { margin-bottom: 0px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_997 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_997 .row.no-gutters > [class^="col-"], #stacks_in_997 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_997 .equal, #stacks_in_997 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_997 .equal > div[class*='col-'] { align-items: center; } #stacks_in_997 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_997 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_997 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_997 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_997 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1004 p,#stacks_in_1004 div,#stacks_in_1004 ul,#stacks_in_1004 ol,#stacks_in_1004 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_1004 a{color:rgba(203, 116, 15, 1.00)}#stacks_in_1004 a:hover{color:rgba(248, 140, 13, 1.00)}@media only screen and (min-width:0px){#stacks_in_1004{}} #stacks_in_998 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1002, #stacks_in_1002 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_1002 { padding: 20px 0px !important; } #press_alignment_stacks_in_1002 { width: 100%; } #press_alignment_stacks_in_1002.press-left { text-align: left; } #press_alignment_stacks_in_1002.press-center { text-align: center; } #press_alignment_stacks_in_1002.press-right { text-align: right; } #stacks_in_1002 { transition: all 200ms ease; /* */ /* */ background: rgba(194, 0, 0, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1002:hover { /* */ /* */ /* */ background: rgba(119, 0, 15, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1002:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1002:active { /* */ /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1002:active .press-icon i { /* */ } #stacks_in_1002 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_1002 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_1002 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1002 .press-text .out { margin: 0 !important; } #stacks_in_1002 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .sc_wrap_stacks_in_510 { margin: 0px 0px; } .sc_stacks_in_510 { --shine-v-1: calc(var(--x) - 242px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 242px); --shine-h-1: calc(var(--y) - 242px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 242px); --shine-r-1: calc(var(--dist) - 242px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 242px); --sc-color: #000000; --sc-color-border: #FFFFFF; padding: 48px 8px; max-width: 640px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_510, .sc_stacks_in_510:before, .sc_stacks_in_510 > .sc-background, .sc_stacks_in_510 > .sc-border, .sc_stacks_in_510 > .sc-effect:before, .sc_stacks_in_510 > .sc-effect:after, .sc_stacks_in_510 > .sc-effect > .sc-effect-image { border-radius: 12px; } .sc_stacks_in_510:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_510.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_510 > .sc-background { background-color : #000000; opacity: 0.150000; } .sc_stacks_in_510 > .sc-border { border: 2px solid #FFFFFF; opacity: 0.250000; } .sc_stacks_in_510 > .sc-effect > .sc-effect-image { background-image: url(../index_files/backgroundImage-510.jpg); } .sc_stacks_in_510.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); } .sc_stacks_in_510.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); } .sc_stacks_in_510.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_510.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_510.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_510.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_510.sc-animation-frames > .sc-effect:before, .sc_stacks_in_510.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.200000; } .sc_stacks_in_510.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_510.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_510.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.100000; } .sc_stacks_in_510.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_510.sc-animation-frames > .sc-effect:after, .sc_stacks_in_510.sc-mouse-move > .sc-effect:after { border: 2px solid var(--sc-color-border); opacity: 0.150000; } .sc_stacks_in_510.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_510.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_510.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.037500; } .sc_stacks_in_510 > .sc-content { max-width: calc(640px - 8px * 2); } .shimmer-card.sc_stacks_in_510 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_510 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_510 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_510 h1, .sc_stacks_in_510 h2, .sc_stacks_in_510 h3, .sc_stacks_in_510 h4, .sc_stacks_in_510 h5, .sc_stacks_in_510 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_510:not([style]) > .sc-content { opacity: 0.150000; } .sc_stacks_in_510[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.850000 + 0.150000); opacity: var(--content-opacity); } .sc_stacks_in_510:not(.sc-mouse-move) > .sc-content { opacity: 0.150000; transition: 300ms opacity ease; } .sc_stacks_in_510.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_510.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_510.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_510 .sc_stacks_in_510:not([style]) > .sc-content, .sc_stacks_in_510:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_510.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_510:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_510:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_510 .sc_stacks_in_510 > a { pointer-events: none;} #animation-element-stacks_in_1081 { opacity: 0.85; display: block; } #stacks_in_1081 { /* Hack to make the FlipInY and FlipInX function properly in Parallax enabled stacks within Safari */ /* https://stackoverflow.com/questions/18146511/bug-in-css3-rotatey-transition-on-safari */ -webkit-transform: translateY(0px); } #stacks_in_511 h3 { font-weight: 100; font-style: normal; text-transform: uppercase; } #stacks_in_511 h3 small { font-weight: 700; } #stacks_in_511 a, #stacks_in_511 a:visited, #stacks_in_511 a:hover, #stacks_in_511 a:active { text-decoration: none; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_511 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_511 h3 { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_511 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_511 .inline_badge_right { top: -10px; } #stacks_in_511 .inline_badge_right { padding-left: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_511 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_511 h3 { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_511 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_511 .inline_badge_right { top: -20px; } #stacks_in_511 .inline_badge_right { padding-left: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_511 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_511 h3 { letter-spacing: 2px; word-spacing: 0px; } #stacks_in_511 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_511 .inline_badge_right { top: -25px; } #stacks_in_511 .inline_badge_right { padding-left: 0px; } } #stacks_in_511 .inline_badge_right { position: relative; } #stacks_in_511 small, #stacks_in_511 h3 small { } #stacks_in_511 { padding: 10px; } /* v1.0.1 - scrollbar visibilty bug hotfix */ #popbox_stacks_in_620 .popBox2_close_icon { top: 2.000000px; right: 2.000000px; } #popbox_stacks_in_620.popBox2_container { } #popbox_stacks_in_620.popBox2_container .popBox2_wrap { position: relative; margin: 10px 0px; } #popbox_stacks_in_620.popBox2_container .popBox2 { color: rgba(0, 0, 0, 0.65); border-radius: 8px; } #popbox_stacks_in_620.popBox2_container .popBox2 svg { fill: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_620.popBox2_container .popBox2 i.content-1ld-content { color: rgba(0, 0, 0, 0.85); font-size: 32px; } #popbox_stacks_in_620.popBox2_container .popBox2:after { } #popbox_stacks_in_620.popBox2_container .popBox2:before { border-radius: 8px; background-color : rgba(238, 239, 241, 1.00); } #popbox_stacks_in_620.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_620.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer { background-color: rgba(0, 0, 0, 0.05); } #popbox_stacks_in_620.popBox2_container.popBox2_layout_condensed .popBox2_wrap { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_620.popBox2_container.popBox2_layout_condensed.popBox2_header_footer .popBox2 { height: 320px; max-height: calc(100vh - 20px); } #popbox_stacks_in_620.popBox2_container .popBox2 .popBox2_content > div { max-width: 960px; padding: 10px 10px; } #popbox_stacks_in_620.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_620.popBox2_container:not(.popBox2_layout_columns) .popBox2 .popBox2_footer > div { padding: 0px 24px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_condensed .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } #popbox_stacks_in_620 h1, #popbox_stacks_in_620 h2, #popbox_stacks_in_620 h3, #popbox_stacks_in_620 h4, #popbox_stacks_in_620 h5, #popbox_stacks_in_620 h6 { color: rgba(0, 0, 0, 0.85); } #popbox_stacks_in_620 a { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_620 a:hover { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_620 a:active { color: rgba(255, 255, 255, 1.00); } #popbox_stacks_in_620.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-gap: 24.000000px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { padding: 0px 16px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_columns .popBox2_wrap { width: 720px; max-width: calc(100vw - 0px); } #popbox_stacks_in_620.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_content > div { padding: 0px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_header svg { display: block; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 26.000000px; } @media all and (max-width: 720px) { #popbox_stacks_in_620.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_inner { grid-template-columns: 1fr; grid-gap: 0px; margin: 24.000000px 0; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_columns .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_footer > div { padding-right: 0; } } #popbox_stacks_in_620.popBox2_container.popBox2_layout_expanded .popBox2_wrap { width: 1120px; max-width: calc(100vw - 0px); } #popbox_stacks_in_620.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { padding: 16px 0px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { padding: 0px 20px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_content > div { max-width: 1120px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen { align-items: center; justify-content: center; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content { } #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_inner { } #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { padding: 8px 8px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_header > div { padding: 0px 24px; } #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_footer > div { padding: 0px 24px; } @media all and (max-width: 1032px) { #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_close_icon ~ .popBox2_inner .popBox2_header > div { padding-right: 34.000000px; } } #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2 .popBox2_content > div { width: 960px; max-width: calc(100vw - 0px); } #popbox_stacks_in_620.popBox2_container .popBox2_overlay { background: rgba(0, 0, 0, 0.75); } #popbox_stacks_in_620 .confetti g:nth-child(3n+0) { fill: rgba(232, 52, 160, 1.00); } #popbox_stacks_in_620 .confetti g:nth-child(3n-1) { fill: rgba(42, 122, 240, 1.00); } #popbox_stacks_in_620 .confetti g:nth-child(3n-2) { fill: rgba(134, 235, 200, 1.00); } #popbox_stacks_in_620.popBox2_container.popBox2_fx_border .popBox2_border_before, #popbox_stacks_in_620.popBox2_container.popBox2_fx_border .popBox2_border_after { background-image: linear-gradient(45deg,rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00),rgba(255, 0, 0, 1.00), rgba(0, 0, 255, 1.00), rgba(255, 0, 0, 1.00)); border-radius: 10px; } #popbox_stacks_in_620.popBox2_container.popBox2_fx_borderRotate .popBox2:before { box-shadow: 0 0 0 1px rgba(232, 52, 160, 1.00); } #popbox_stacks_in_620.popBox2_container.popBox2_fx_borderRotate .popBox2_border_before, #popbox_stacks_in_620.popBox2_container.popBox2_fx_borderRotate .popBox2_border_after { box-shadow: inset 0 0 0 2px rgba(232, 52, 160, 1.00); border-radius: 16px; } #popbox_stacks_in_620.popBox2_container.popBox2_fx_lightspeed g { fill: rgba(153, 153, 153, 1.00); } #popbox_stacks_in_620 .pb_grid rect { stroke: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.00); stroke-width: 1px; } #popbox_stacks_in_620 .pb_smoke_group .rect { background: rgba(212, 214, 232, 1.00); } #popbox_stacks_in_620.popBox2_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } #popbox_stacks_in_620.popBox2_container.popBox2_active { pointer-events: auto; } #popbox_stacks_in_620.popBox2_container .popBox2_overlay { opacity: 0; transition: opacity 400ms ease; } #popbox_stacks_in_620.popBox2_container.popBox2_active .popBox2_overlay { opacity: 1; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_none .popBox2_overlay { transition-duration: 0ms; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_overlay { opacity: 1; transition-duration: 0ms; } #popbox_stacks_in_620.popBox2_container .popBox2_wrap { transform-origin: center; transition: transform 400ms ease, opacity 300.000000ms ease; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_none .popBox2_wrap { transform: scale(0); transition-duration: 0ms; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_none.popBox2_active .popBox2_wrap { transform: scale(1); } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_zoom .popBox2_wrap { transform: scale(0); opacity: 0; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_zoom.popBox2_active .popBox2_wrap { transform: scale(1); opacity: 1; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_slideLeft .popBox2_wrap { transform: translate(100%,0); opacity: 0; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_slideRight .popBox2_wrap { transform: translate(-100%,0); opacity: 0; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_slideDown .popBox2_wrap { transform: translate(0,-100%); opacity: 0; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_slideUp .popBox2_wrap { transform: translate(0,100%); opacity: 0; } #popbox_stacks_in_620.popBox2_container.popBox2_in_out_slideLeft.popBox2_active .popBox2_wrap, #popbox_stacks_in_620.popBox2_container.popBox2_in_out_slideRight.popBox2_active .popBox2_wrap, #popbox_stacks_in_620.popBox2_container.popBox2_in_out_slideDown.popBox2_active .popBox2_wrap, #popbox_stacks_in_620.popBox2_container.popBox2_in_out_slideUp.popBox2_active .popBox2_wrap { transform: translate(0,0); opacity: 1; } #popbox_stacks_in_620.popBox2_container .popBox2 .popBox2_inner { max-height: 90vh; max-height: calc(100vh - 20px); } #popbox_stacks_in_620.popBox2_container .popBox2 .popBox2_main:first-child { max-height: calc(100vh - 20px); } #popbox_stacks_in_620.popBox2_container.popBox2_layout_expanded .popBox2 .popBox2_inner { max-height: calc(100vh - 20px); } #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2, #popbox_stacks_in_620.popBox2_container.popBox2_layout_fullscreen .popBox2_wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; } .sc_wrap_stacks_in_675 { margin: 0px 0px; } .sc_stacks_in_675 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_675, .sc_stacks_in_675:before, .sc_stacks_in_675 > .sc-background, .sc_stacks_in_675 > .sc-border, .sc_stacks_in_675 > .sc-effect:before, .sc_stacks_in_675 > .sc-effect:after, .sc_stacks_in_675 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_675:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_675.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_675 > .sc-background { background-color : #000000; opacity: 0.150000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_675 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_675 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_675.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_675.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_675.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_675.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_675.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_675.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_675.sc-animation-frames > .sc-effect:before, .sc_stacks_in_675.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_675.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_675.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_675.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_675.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_675.sc-animation-frames > .sc-effect:after, .sc_stacks_in_675.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_675.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_675.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_675.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_675 > .sc-content { max-width: calc(720px - 16px * 2); } .shimmer-card.sc_stacks_in_675 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_675 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_675 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_675 h1, .sc_stacks_in_675 h2, .sc_stacks_in_675 h3, .sc_stacks_in_675 h4, .sc_stacks_in_675 h5, .sc_stacks_in_675 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_675:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_675[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_675:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_675.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_675.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_675.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_675 .sc_stacks_in_675:not([style]) > .sc-content, .sc_stacks_in_675:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_675.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_675:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_675:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_675 .sc_stacks_in_675 > a { pointer-events: none;} @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_677 .foundry_column { margin-bottom: 20px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_677 .foundry_column { margin-bottom: 40px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_677 .foundry_column { margin-bottom: 40px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_677 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_677 .row.no-gutters > [class^="col-"], #stacks_in_677 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } #stacks_in_679 h2 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_679 a.foundry-header-linked, #stacks_in_679 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_679 a.foundry-header-linked:hover, #stacks_in_679 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_681 p,#stacks_in_681 div,#stacks_in_681 ul,#stacks_in_681 ol,#stacks_in_681 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_681 a{color:rgba(255, 179, 0, 1.00)}#stacks_in_681 a:hover{color:rgba(238, 239, 241, 1.00)}@media only screen and (min-width:0px){#stacks_in_681{}} #stacks_in_682 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sc_wrap_stacks_in_1008 { margin: 0px 0px; } .sc_stacks_in_1008 { --shine-v-1: calc(var(--x) - 258px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 258px); --shine-h-1: calc(var(--y) - 258px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 258px); --shine-r-1: calc(var(--dist) - 258px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 258px); --sc-color: #FFFFFF; --sc-color-border: #FFFFFF; padding: 16px 16px; max-width: 1120px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_1008, .sc_stacks_in_1008:before, .sc_stacks_in_1008 > .sc-background, .sc_stacks_in_1008 > .sc-border, .sc_stacks_in_1008 > .sc-effect:before, .sc_stacks_in_1008 > .sc-effect:after, .sc_stacks_in_1008 > .sc-effect > .sc-effect-image { border-radius: 10px; } .sc_stacks_in_1008:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_1008.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_1008 > .sc-background { background-color : #787879; opacity: 0.300000; border: 1px solid transparent; background-clip: content-box; } .sc_stacks_in_1008 > .sc-border { border: 1px solid #FFFFFF; opacity: 0.150000; } .sc_stacks_in_1008 > .sc-effect > .sc-effect-image { background-image: url(); } .sc_stacks_in_1008.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 258px ); } .sc_stacks_in_1008.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 258px ); } .sc_stacks_in_1008.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_1008.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_1008.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_1008.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_1008.sc-animation-frames > .sc-effect:before, .sc_stacks_in_1008.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.300000; } .sc_stacks_in_1008.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_1008.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_1008.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.150000; } .sc_stacks_in_1008.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_1008.sc-animation-frames > .sc-effect:after, .sc_stacks_in_1008.sc-mouse-move > .sc-effect:after { border: 1px solid var(--sc-color-border); opacity: 0.450000; } .sc_stacks_in_1008.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_1008.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_1008.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.112500; } .sc_stacks_in_1008 > .sc-content { max-width: calc(1120px - 16px * 2); } .shimmer-card.sc_stacks_in_1008 a { color: rgba(196, 0, 20, 1.00); } .shimmer-card.sc_stacks_in_1008 a:hover { color: rgba(200, 114, 15, 1.00); } .shimmer-card.sc_stacks_in_1008 a:active{ color: rgba(195, 112, 15, 1.00); } .sc_stacks_in_1008 h1, .sc_stacks_in_1008 h2, .sc_stacks_in_1008 h3, .sc_stacks_in_1008 h4, .sc_stacks_in_1008 h5, .sc_stacks_in_1008 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_1008:not([style]) > .sc-content { opacity: 1.000000; } .sc_stacks_in_1008[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.000000 + 1.000000); opacity: var(--content-opacity); } .sc_stacks_in_1008:not(.sc-mouse-move) > .sc-content { opacity: 1.000000; transition: 300ms opacity ease; } .sc_stacks_in_1008.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_1008.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_1008.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_1008 .sc_stacks_in_1008:not([style]) > .sc-content, .sc_stacks_in_1008:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_1008.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_1008:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_1008:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_1008 .sc_stacks_in_1008 > a { pointer-events: none;} #stacks_in_1009 h1 { font-weight: 700; font-style: normal; letter-spacing: 0px; } #stacks_in_1009 h1 { color: rgba(248, 140, 13, 1.00); } #stacks_in_1009 h1 small { color: rgba(119, 119, 119, 1.00); } #stacks_in_1009 a.foundry-header-linked, #stacks_in_1009 a.foundry-header-linked:visited { color: rgba(3, 118, 216, 1.00); cursor: pointer; text-decoration: none; } #stacks_in_1009 a.foundry-header-linked:hover, #stacks_in_1009 a.foundry-header-linked:active { color: rgba(5, 116, 216, 1.00); text-decoration: none; } #stacks_in_1009 { margin: 12px 0px 12px 0px; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_1012 .foundry_column { margin-bottom: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_1012 .foundry_column { margin-bottom: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_1012 .foundry_column { margin-bottom: 0px; } } /* CSS for removing gutters if option is enabled. */ #stacks_in_1012 .row.no-gutters { margin-right: 0; margin-left: 0; } #stacks_in_1012 .row.no-gutters > [class^="col-"], #stacks_in_1012 .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { #stacks_in_1012 .equal, #stacks_in_1012 .equal > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; } #stacks_in_1012 .equal > div[class*='col-'] { align-items: center; } #stacks_in_1012 .equal > div[class*='col-'] > .inner_column_content { display: block; width: 100%; } } #stacks_in_1012 > .row > .foundry_column_one { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1012 > .row > .foundry_column_two { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1012 > .row > .foundry_column_three { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1012 > .row > .foundry_column_four { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1019 p,#stacks_in_1019 div,#stacks_in_1019 ul,#stacks_in_1019 ol,#stacks_in_1019 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_1019 a{color:rgba(203, 116, 15, 1.00)}#stacks_in_1019 a:hover{color:rgba(248, 140, 13, 1.00)}@media only screen and (min-width:0px){#stacks_in_1019{}} #stacks_in_1013 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1017, #stacks_in_1017 { overflow: visible; } @important "partials/maps"; .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-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-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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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: none; transform: none; } } @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: none; transform: none; } } .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-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: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @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: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 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; } #stacks_out_1017 { padding: 20px 0px !important; } #press_alignment_stacks_in_1017 { width: 100%; } #press_alignment_stacks_in_1017.press-left { text-align: left; } #press_alignment_stacks_in_1017.press-center { text-align: center; } #press_alignment_stacks_in_1017.press-right { text-align: right; } #stacks_in_1017 { transition: all 200ms ease; /* */ /* */ background: rgba(194, 0, 0, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-radius: 8px 8px 8px 8px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1017:hover { /* */ /* */ /* */ background: rgba(119, 0, 15, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1017:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1017:active { /* */ /* */ /* */ background: rgba(196, 0, 20, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1017:active .press-icon i { /* */ } #stacks_in_1017 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 4px 4px 4px 4px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_1017 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_1017 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1017 .press-text .out { margin: 0 !important; } #stacks_in_1017 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .sc_wrap_stacks_in_622 { margin: 0px 0px; } .sc_stacks_in_622 { --shine-v-1: calc(var(--x) - 242px); --shine-v-2: var(--x); --shine-v-3: calc(var(--x) + 242px); --shine-h-1: calc(var(--y) - 242px); --shine-h-2: var(--y); --shine-h-3: calc(var(--y) + 242px); --shine-r-1: calc(var(--dist) - 242px); --shine-r-2: var(--dist); --shine-r-3: calc(var(--dist) + 242px); --sc-color: #000000; --sc-color-border: #FFFFFF; padding: 48px 8px; max-width: 640px; margin: 0 auto; color: rgba(255, 255, 255, 0.65); } .sc_stacks_in_622, .sc_stacks_in_622:before, .sc_stacks_in_622 > .sc-background, .sc_stacks_in_622 > .sc-border, .sc_stacks_in_622 > .sc-effect:before, .sc_stacks_in_622 > .sc-effect:after, .sc_stacks_in_622 > .sc-effect > .sc-effect-image { border-radius: 12px; } .sc_stacks_in_622:before { background: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 0; } .sc_stacks_in_622.sc-redraw:before { animation: redraw 1s linear infinite; } @keyframes redraw { 0% {opacity: 1;} 100% {opacity: .99;} } .sc_stacks_in_622 > .sc-background { background-color : #000000; opacity: 0.150000; } .sc_stacks_in_622 > .sc-border { border: 2px solid #FFFFFF; opacity: 0.250000; } .sc_stacks_in_622 > .sc-effect > .sc-effect-image { background-image: url(../index_files/backgroundImage-622.jpg); } .sc_stacks_in_622.shimmer-card.sc-spotlight > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 242px ); } .sc_stacks_in_622.shimmer-card.sc-spotlight.sc-mouse-hover > .sc-effect { -webkit-mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); mask: radial-gradient( 25rem 25rem at 50% 50%, #000 1%, transparent 242px ); } .sc_stacks_in_622.shimmer-card.sc-spotlight.sc-mouse-hover .sc-effect { opacity: 0; transition: 300ms opacity ease; } .sc_stacks_in_622.shimmer-card.sc-spotlight.sc-mouse-hover.sc-touch-enter .sc-effect, .sc_stacks_in_622.shimmer-card.sc-spotlight.sc-mouse-hover:hover .sc-effect { opacity: 1; } .sc_stacks_in_622.sc-mouse-hover > .sc-effect:before, .sc_stacks_in_622.sc-animation-frames > .sc-effect:before, .sc_stacks_in_622.sc-mouse-move > .sc-effect:before { background: var(--sc-color); opacity: 0.200000; } .sc_stacks_in_622.sc-mouse-hover > a:active ~ .sc-effect:before, .sc_stacks_in_622.sc-animation-frames > a:active ~ .sc-effect:before, .sc_stacks_in_622.sc-mouse-move > a:active ~ .sc-effect:before { opacity: 0.100000; } .sc_stacks_in_622.sc-mouse-hover > .sc-effect:after, .sc_stacks_in_622.sc-animation-frames > .sc-effect:after, .sc_stacks_in_622.sc-mouse-move > .sc-effect:after { border: 2px solid var(--sc-color-border); opacity: 0.150000; } .sc_stacks_in_622.sc-mouse-hover > a:active ~ .sc-effect:after, .sc_stacks_in_622.sc-animation-frames > a:active ~ .sc-effect:after, .sc_stacks_in_622.sc-mouse-move > a:active ~ .sc-effect:after { opacity: 0.037500; } .sc_stacks_in_622 > .sc-content { max-width: calc(640px - 8px * 2); } .shimmer-card.sc_stacks_in_622 a { color: rgba(255, 179, 0, 1.00); } .shimmer-card.sc_stacks_in_622 a:hover { color: rgba(248, 140, 13, 1.00); } .shimmer-card.sc_stacks_in_622 a:active{ color: rgba(248, 140, 13, 1.00); } .sc_stacks_in_622 h1, .sc_stacks_in_622 h2, .sc_stacks_in_622 h3, .sc_stacks_in_622 h4, .sc_stacks_in_622 h5, .sc_stacks_in_622 h6 { color: rgba(255, 255, 255, 1.00); } .sc_stacks_in_622:not([style]) > .sc-content { opacity: 0.150000; } .sc_stacks_in_622[style]:not(.sc-mouse-hover) > .sc-content { --content-opacity: calc(var(--opacity) * 0.850000 + 0.150000); opacity: var(--content-opacity); } .sc_stacks_in_622:not(.sc-mouse-move) > .sc-content { opacity: 0.150000; transition: 300ms opacity ease; } .sc_stacks_in_622.sc-animation-frames:not(.sc-mouse-move) > .sc-content { transition: 0ms opacity ease; } .sc_stacks_in_622.sc-animation-frames:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_622.sc-animation-frames:not(.sc-mouse-move):hover .sc-content { transition: 300ms opacity ease; } #stacks_in_622 .sc_stacks_in_622:not([style]) > .sc-content, .sc_stacks_in_622:not(.sc-mouse-move).sc-touch-enter .sc-content, .sc_stacks_in_622.sc-mouse-hover:not(.sc-mouse-move):hover .sc-content, .sc_stacks_in_622:not(.sc-mouse-move) a:hover ~ .sc-content, .sc_stacks_in_622:not(.sc-mouse-move) a:hover ~ .sc-content .sc-content { opacity: 1; } #stacks_in_622 .sc_stacks_in_622 > a { pointer-events: none;} #animation-element-stacks_in_1079 { opacity: 0.85; display: block; } #stacks_in_1079 { /* Hack to make the FlipInY and FlipInX function properly in Parallax enabled stacks within Safari */ /* https://stackoverflow.com/questions/18146511/bug-in-css3-rotatey-transition-on-safari */ -webkit-transform: translateY(0px); } #stacks_in_624 h3 { font-weight: 100; font-style: normal; text-transform: uppercase; } #stacks_in_624 h3 small { font-weight: 700; } #stacks_in_624 a, #stacks_in_624 a:visited, #stacks_in_624 a:hover, #stacks_in_624 a:active { text-decoration: none; } @media (max-width: 47.9375em) { /* iPhone */ #stacks_in_624 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_624 h3 { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_624 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_624 .inline_badge_right { top: -10px; } #stacks_in_624 .inline_badge_right { padding-left: 0px; } } @media (min-width: 48em) and (max-width: 61.9375em) { /* iPad */ #stacks_in_624 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_624 h3 { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_624 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_624 .inline_badge_right { top: -20px; } #stacks_in_624 .inline_badge_right { padding-left: 0px; } } @media (min-width: 62em) { /* Desktop */ #stacks_in_624 .inline_badge_right img { width: auto; height: 32px; } #stacks_in_624 h3 { letter-spacing: 2px; word-spacing: 0px; } #stacks_in_624 h3 small { letter-spacing: 0px; word-spacing: 0px; } #stacks_in_624 .inline_badge_right { top: -25px; } #stacks_in_624 .inline_badge_right { padding-left: 0px; } } #stacks_in_624 .inline_badge_right { position: relative; } #stacks_in_624 small, #stacks_in_624 h3 small { } #stacks_in_624 { padding: 10px; }