@charset "UTF-8";.container{max-width:1232px;padding-right:16px;padding-left:16px}
.changePack .modal-header .modalClose{width:14px !important;height:14px}
.changePack .modal-header .modalClose:focus{outline:0}
.changePack .modal-header .close{padding:0;margin:0}
.changePack .close,.changePack .close:hover{font-weight:unset;opacity:1 !important}
.changePack .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
.changePack .model-button{margin-right:0 !important}
.change_plan{text-align:center}
.change_plan img{margin-bottom:20px;width:auto;height:auto}
.change_plan p{opacity:.9;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:16px;line-height:20px;color:#000;margin-bottom:20px}
.change_plan .skipPayment{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:14px;font-weight:bold;line-height:16px;text-align:center;color:#000;text-decoration:underline;margin-top:20px;display:block;text-transform:lowercase}
.change_plan a{font-size:12px;font-family:"ViBold","Helvetica","Arial",sans-serif;line-height:16px}
.changePack .modal-header{display:block;align-items:flex-start;justify-content:space-between;border-top-left-radius:.3rem;border-top-right-radius:.3rem;border-bottom:0;padding:20px 20px 0}
.changePack .model-text{padding:0 20px 20px}
.changePack .modal-icon{width:24px;margin-right:8px;display:inline-block;outline:0;padding:0}
.changePack .model-button,.changePack .model-button:hover,.changePack .model-button:focus{border-radius:5px;color:#fff;background-color:#000;font-size:14px;border:0;text-transform:none;line-height:16px;height:50px;width:100%;outline:0;box-shadow:none;max-width:335px;border-radius:50px}
.changePack .modal-content{border-radius:12px;box-shadow:0 4px 14px 0 rgba(0,0,0,0.2);background-color:#fff}
.changePack .modalDialog{max-width:440px !important}
#changePack button.changePack{width:100%}
#changePack button.changePack:hover{font-size:14px;line-height:17px}
@media(max-width:767.98px){.changePack .modal-dialog{position:fixed;top:auto;right:auto;left:auto;bottom:0;margin:0 16px;width:91.7%}
.changePack .modal-content{border-radius:12px 12px 0 0}
.change_plan img{width:192px;margin-bottom:12px}
.change_plan p{font-size:16px;line-height:18px}
.changePack .model-button,.changePack .model-button:hover,.changePack .model-button:focus{font-size:18px;height:50px}
.change_plan .skipPayment{font-size:18px}
}
.cart-drawer span{margin-right:0}
.orccouponcomponent .couponHeading{font-size:24px;margin-bottom:10px;text-align:center;line-height:26px;color:#000;font-family:"ViBold","Helvetica","Arial",sans-serif}
.cross-btn{cursor:pointer;position:absolute;top:0;right:0}
.skip-btn{position:absolute;top:0;left:0}
.skip-btn a,.skip-btn a:hover{color:#333;font-size:18px;cursor:pointer;text-decoration:underline}
.skip-btn a.disabled{background:none !important;pointer-events:none;color:#ccc}
.cart-drawer-push{overflow-x:hidden;position:relative;right:0}
.cart-drawer{background:#fff;height:100%;position:fixed;top:0;width:430px;padding:32px 24px 23px}
.cart-drawer .row{height:100%}
.cart-drawer-right{right:-430px}
.cart-drawer-right.cart-drawer-open{right:0;z-index:9999}
.cart-drawer,.cart-drawer-push{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.clickMe{cursor:pointer;display:inline-block;font-size:30px}
.close-btn{background-color:#ee2737;color:#fff;min-width:150px;font-size:14px;line-height:17px;padding:14px 0 19px;border-radius:50px;border:0;position:absolute;bottom:0;right:0;width:100%;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.arrow-icon{position:absolute;right:58px;top:25px}
#overlay.show{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;z-index:999}
.confirmBtn,.confirmBtn:hover{background:#000;color:#fff}
.form-check-label{margin-left:10px}
input[type="radio"]{-webkit-appearance:none;width:20px;height:20px;border:1px solid #000;border-radius:50%;outline:0}
input[type="radio"]::before{content:'';display:block;width:67%;height:67%;margin:17% auto;border-radius:50%}
.voda_Coupon .recomm-card{background:#fff none repeat scroll 0 0;box-sizing:border-box;font-size:16px;font-weight:400;overflow:hidden;position:relative;z-index:1;width:296px;height:90px}
.form-check{margin-bottom:24px}
.formcheckParent{overflow-x:hidden;overflow-y:auto}
.cart-drawer .content{padding-right:0;padding-left:0}
.onlRecCouponCard{width:296px;height:90px}
.coupleft{width:39.5%;display:flex}
.coupRight{width:60.5%;display:flex}
.CouponLefttxt{align-self:center;margin:0 auto}
.CouponRighttxt{align-self:center;margin-left:20px}
.voda_Coupon .coupleft{background-image:linear-gradient(322deg,#e60000 111%,#b91314 -17%);border-width:1px;border-right-style:dashed;border-right-color:#fff;border-left:1px solid #fff}
.voda_Coupon .coupleft span.offText{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:20px;font-weight:normal;line-height:normal;color:#fff;margin-right:0}
.voda_Coupon .coupRight{background-color:#f4f4f4}
.voda_Coupon .coupMrpMini{width:24px;height:30px;vertical-align:top;margin-right:0;color:#fff;font-size:20px}
.voda_Coupon .onlRecCoupamt{font-size:28px;line-height:normal;color:#fff;font-family:"ViBold","Helvetica","Arial",sans-serif;margin-right:4px}
.voda_Coupon .coupval{margin:0;font-size:16px;color:#000;font-family:"ViRegular","Helvetica","Arial",sans-serif;line-height:normal}
.voda_Coupon .coupvalidity{margin:0;font-size:12px;color:#000;opacity:.5;font-family:"ViRegular","Helvetica","Arial",sans-serif;line-height:16px}
.voda_Coupon .half-circle-right{width:10px;height:20px;border-top-left-radius:100px;border-bottom-left-radius:100px;border:2px solid #fff;border-right:0;background-color:#fff;margin:auto;position:absolute;bottom:35px;float:right;right:0}
.voda_Coupon .half-circle-left{width:10px;height:20px;border-top-right-radius:100px;border-bottom-right-radius:100px;border:2px solid #e60000;border-left:0;background-color:#fff;margin:auto;position:absolute;bottom:35px;float:left;left:1px}
.couponCount{align-self:center;margin-left:20px;font-family:"ViBold","Helvetica","Arial",sans-serif !important;font-size:16px;line-height:20px;color:#333}
.couponHeadImg{display:block}
.couponHeadImg img{margin-bottom:30px;width:auto;height:auto}
.dxlcoupanCard .close-btn{font-size:14px;line-height:16px;font-family:"ViBold","Helvetica","Arial",sans-serif}
input[type="radio"]:checked::before{background-color:#2f3043;width:12px;height:12px;margin-top:3px}
@media(max-width:767px){.form-check-label{width:100%}
.form-check{margin-bottom:14px}
.couponHeadImg{display:none}
.couponHeadImg img{margin-bottom:15px;width:185px}
.couponCount{width:20px;margin-left:10px;font-size:14px;line-height:normal}
.voda_Coupon .onlRecCouponCard{height:56px;width:100%}
.voda_Coupon .coupleft{background-image:linear-gradient(336deg,#e60000 171%,#b91314 -83%)}
.voda_Coupon .recomm-card{width:auto;height:56px}
.voda_Coupon .coupMrpMini{width:18px;height:20px;vertical-align:top}
.voda_Coupon .onlRecCoupamt{font-size:24px}
.voda_Coupon sub{font-size:12px;line-height:12px}
.voda_Coupon .coupval{margin:0;font-size:16px}
.half-circle-right{bottom:19px !important}
.half-circle-left{bottom:19px !important}
.voda_Coupon .coupvalidity{font-size:12px}
.voda_Coupon .coupleft span.offText{font-size:18px}
.couponHeading{margin-bottom:28px}
.cart-drawer{width:100%;height:63%;top:unset;padding:20px 16px}
.cart-drawer-right{right:0;bottom:-90%}
.cart-drawer-push{right:0;bottom:0}
.cart-drawer-right.cart-drawer-open{right:0;bottom:0;z-index:9999999999;border-radius:10px 10px 0 0}
.close-btn{font-size:14px !important;width:91%;margin:10px 16px 0 !important;position:unset}
.cross-btn img{width:11px}
.cross-btn{top:-4px;right:6px}
}
#rechargeRestriction .close:not(:disabled):not(.disabled):focus,#rechargeRestriction .close:not(:disabled):not(.disabled):hover,#rechargeRestriction .close{opacity:1;outline:0}
#rechargeRestriction .modal-header{padding:0;border-bottom:0}
#rechargeRestriction .modal-body{padding:0;margin-top:12px}
#rechargeRestriction .modal-content{padding:20px;width:375px;border-radius:10px;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.19);background-color:#fff}
#rechargeRestriction .modal-dialog{max-width:375px}
.voda_wrapper #rechargeRestriction button{text-transform:none !important}
.wait4min img{margin-bottom:24px}
.wait4min p{margin-bottom:20px;font-size:16px;line-height:20px;font-family:"ViRegular","Helvetica","Arial",sans-serif}
.wait4min .iunderstand,.wait4min .btn-secondary:not(:disabled):not(.disabled).active,.wait4min .btn-secondary:not(:disabled):not(.disabled):active,.wait4min .show>.btn-secondary.dropdown-toggle,.wait4min .btn-secondary.focus,.wait4min .btn-secondary:focus{font-size:16px;border-radius:25px;width:335px;height:50px;border-radius:25px;border-color:#ee2737;background-color:#ee2737;box-shadow:none;font-family:"ViRegular","Helvetica","Arial",sans-serif}
@media all and (max-width:768px){.closeLineIconParent{display:block;height:3px;margin:0 0 16px 0}
.closeLineIcon{width:40px;height:4px;background:#d8d8d8;border-radius:2px;margin:0 auto;cursor:pointer}
.fade{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.modal.fade.modal-down .modal-dialog{transform:translate(0,125%)}
.modal.show.modal-down .modal-dialog{transform:none}
#rechargeRestriction .modal-content{border-radius:10px 10px 0 0;width:100%}
#rechargeRestriction .modal-dialog{position:fixed;bottom:0;min-height:auto;margin:0}
#rechargeRestriction .modal-dialog::before{height:auto}
.wait4min img{margin-bottom:16px;width:77px}
.wait4min p{margin-bottom:17px;font-size:14px;line-height:18px}
.wait4min .iunderstand,.wait4min .btn-secondary:not(:disabled):not(.disabled).active,.wait4min .btn-secondary:not(:disabled):not(.disabled):active,.wait4min .show>.btn-secondary.dropdown-toggle,.wait4min .btn-secondary.focus,.wait4min .btn-secondary:focus{font-size:14px;line-height:18px;height:40px;width:100%}
#rechargeRestriction .modal-dialog,#rechargeRestriction .modal-content{max-width:-webkit-fill-available}
#rechargeRestriction .modal-body{margin-top:20px}
}
#OTPNumber input:focus{outline:none !important;box-shadow:none !important;border-color:#e8e8e8 !important}
#OTPNumber ::-webkit-input-placeholder{font-size:16px !important;line-height:normal;letter-spacing:0;text-align:left;color:#c7c7c7 !important}
#OTPNumber ::-moz-placeholder{font-size:16px !important;line-height:50px;letter-spacing:0;text-align:left;color:#c7c7c7 !important}
#OTPNumber :-ms-input-placeholder{font-size:16px !important;line-height:50px !important;letter-spacing:0 !important;text-align:left !important;color:#c7c7c7 !important;font-family:"ViRegular","Helvetica","Arial",sans-serif !important}
#OTPNumber #enterOTP::-ms-clear{display:none}
#OTPNumber ::-ms-input-placeholder{font-size:16px;line-height:50px;letter-spacing:0;text-align:left;color:#c7c7c7}
#OTPNumber #enterOTP{height:80px;border-radius:5px;border:1px solid #e8e8e8;padding:15px;font-size:19px;line-height:normal;font-family:ViBold;letter-spacing:22px;text-align:center;width:100%}
#OTPNumber .form-group{position:relative;margin:0}
#OTPNumber .invalidBorder #enterOTP{border:1px solid #e8e8e8 !important}
#OTPNumber .invalidBorder .bootLabel{color:#e60000 !important}
#OTPNumber .bootLabel{color:#c7c7c7;font-size:12px;line-height:normal;pointer-events:none;overflow:hidden;white-space:nowrap;position:absolute;background:#fff;top:-8px;left:20px;height:20px;width:auto;padding:0 6px}
#OTPNumber .otpconfirm[disabled]{background:#c7c7c7;border:1px solid #c7c7c7}
#OTPNumber .otpconfirm{color:#fff;min-height:50px;margin-top:32px;margin-bottom:20px !important;min-width:150px;font-size:16px;line-height:17px;padding:14px 0 14px;border-radius:50px;border:0;font-family:ViMedium}
#OTPNumber{color:#2f3043}
#OTPNumber .modal-dialog{width:440px}
#OTPNumber .modal-content{border-radius:12px;box-shadow:0 -6px 16px 0 rgba(0,0,0,0.2)}
#OTPNumber .modal-body{padding:32px 20px 20px}
#OTPNumber .close,#OTPNumber .close:hover{opacity:1 !important;top:-7px;position:absolute;right:5px}
#OTPNumber .close img{width:14px}
#OTPNumber .sureText{font-size:24px;line-height:26px;margin-bottom:20px;font-family:ViBold}
#OTPNumber .sentOTP{font-size:16px;line-height:20px;margin-bottom:39px;margin-right:16px}
#OTPNumber .sentOTP .m-0{font-family:ViBold}
#OTPNumber .attemptDetails .attempts{width:65%}
#OTPNumber .attemptDetails .timeRemaining{width:35%;text-align:right}
#OTPNumber .attemptDetails p{margin:24px 0 0;font-size:16px;line-height:18px}
#OTPNumber .attemptDetails span{font-family:ViBold}
#OTPNumber .resendOTP,#OTPNumber .resendOTP:hover{font-size:12px;line-height:16px;text-decoration:underline;color:#000;font-family:ViBold}
#OTPNumber .msdnLockMsg{clear:both;font-size:14px;line-height:normal;color:#e60000;margin:14px 0 24px}
#OTPNumber .resendOTP[disabled]{color:#c7c7c7;cursor:pointer}
#OTPNumber #enterOTP[disabled]{background:#fff}
#OTPNumber .otpcountdown{font-size:16px;line-height:20px}
@media(max-width:768px){#OTPNumber .otpcountdown{font-size:14px;line-height:18px}
#OTPNumber .modal-dialog{position:fixed;top:auto;right:auto;left:auto;bottom:0;margin:0 16px;width:91.7%}
#OTPNumber .modal-body{padding:20px 20px 16px}
#OTPNumber .modal-content{border-radius:10px 10px 0 0}
#OTPNumber ::-moz-placeholder{line-height:37px;color:#8a8a8a !important}
#OTPNumber .sureText{font-size:16px;margin-bottom:10px}
#OTPNumber .sentOTP{font-size:14px;line-height:18px;margin-bottom:25px;margin-right:10px}
#OTPNumber #enterOTP{height:68px;font-size:18px;letter-spacing:18px;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
#OTPNumber .attemptDetails p{margin:12px 0 0;font-size:14px;line-height:18px}
#OTPNumber .otpconfirm{height:50px;font-size:14px !important;margin-top:22px;margin-bottom:10px !important}
#OTPNumber .resendOTP,#OTPNumber .resendOTP:hover{font-size:14px;line-height:18px}
}
.selected-pack-wrapper .card-wrapper.hotstarCard .features{background-color:#dfebfb}
.packcart-drawer-push{overflow-x:hidden;position:relative;right:0}
.packcart-drawer{background:#fff;height:100%;position:fixed;top:0;width:504px}
.packcart-drawer-right{right:-504px}
.packcart-drawer-right.packcart-drawer-open{right:0;z-index:1032;background-image:url("images/sidebar.svg")}
.forScroll1{padding:52px 0}
.forScroll{overflow:hidden;overflow-y:scroll;height:78vh;padding:0 0 60px}
.packcart-drawer,.packcart-drawer-push{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.btn[disabled]{background:#d5d6d9 !important;border-color:#d5d6d9 !important;color:#fff}
.packdetailsSection button:focus{outline:0;opacity:1}
#overlay.show{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:1031}
span#packDetailAmount,th.addBold{font-weight:bold}
.packdetailsSection .packdetailsHeading{font-size:24px;line-height:26px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0 60px 50px}
.packdetailsSection th:first-child{text-align:left;padding:21px 60px 0}
.packdetailsSection td:first-child{text-align:left;padding:15px 0 15px 60px}
.packdetailsSection th:last-child{text-align:right;padding:0 60px}
.packdetailsSection .table thead tr:last-child th:first-child{padding:21px 60px 19px;position:relative}
.packdetailsSection .table thead tr:last-child th:last-child{padding:21px 60px 19px;position:relative}
.packdetailsSection .table thead tr:last-child th:first-child:before,.packdetailsSection .table thead tr:last-child th:last-child:before{width:calc(100% - 60px);height:1px;position:absolute;border:0;left:0;right:0;background-color:#595969;top:10px}
.packdetailsSection .table thead tr:last-child th:first-child:before{margin:0 0 0 60px}
.packdetailsSection .table thead tr:last-child th:last-child:before{margin:0 60px 0 0}
.packdetailsSection td:last-child{text-align:right;padding:15px 60px 15px 0}
.packdetailsSection .table th:last-child{font-size:16px;line-height:1}
.packdetailsSection thead{background:#2f3043;color:#fff;width:64px}
.packdetailsSection tbody{background:#dfebfb}
.packdetailsSection .table th,.packdetailsSection .table thead th{border:0;font-size:16px;line-height:17px;font-weight:normal}
.packdetailsSection .table td{font-size:14px;line-height:16px;border:0;border-bottom:1px solid transparent;text-transform:lowercase}
.greyColor{color:#d5d6d9}
.addBold{font-family:"ViBold","Helvetica","Arial",sans-serif !important}
.packdetailsSection .validityDay span{background:#fff;border-radius:12px;padding:2px 9px 3px 7px;font-size:12px;margin-right:0;line-height:16px;display:inline-block}
.packdetailsSection .validityDay img{margin-right:9px;width:16px;height:17px}
.packdetailsSection .addBenefits{font-size:20px;line-height:20px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:20px 60px 24px}
.packdetailsSection .benefitsSection{margin:0 60px}
.packdetailsSection .parentDiv{width:40px;height:40px;margin-right:16px}
.packdetailsSection .benHead{font-size:16px;line-height:18px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin-bottom:7px}
.packdetailsSection .benSubHead,.packdetailsSection .benContent{font-size:14px;line-height:16px;color:#797a86}
.bubble{display:none}
.packcart-drawer-open .bubble{cursor:pointer;display:block;top:65%;left:-10%;position:absolute}
.packcart-drawer-open .bubble img{top:25%;left:45%;position:relative}
.packdetailsSection table.table.position-relative tbody tr{position:relative}
.packdetailsSection table.table.position-relative tbody tr:after{content:"";width:calc(100% - 40px);height:1px;position:absolute;border:0;left:0;right:0;background-color:#cadef8;margin:0 auto}
.benIcon{margin-right:16px}
.packcart-drawer .wantBtn{width:150px;height:50px;margin:0 auto;display:block;font-size:16px;line-height:20px;border-radius:25px;color:#fff;font-family:"ViMedium","Helvetica","Arial",sans-serif;padding-bottom:10px}
.packcart-drawer .badges-wrapper.desc-badge{background-color:#ffcc1b;border-radius:5px 5px 0 0;padding:6px 10px;margin:0 0 0 60px;width:max-content}
.packcart-drawer .forScroll hr{margin:0}
.packcart-drawer .badges-wrapper.desc-badge span{font-size:12px;line-height:16px;font-family:"ViBold","Helvetica","Arial",sans-serif;display:block;text-transform:lowercase;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2f3043}
.packdetailsSection .btnSection{position:absolute;width:100%;bottom:0;padding:20px 0;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.6) 17%,rgba(255,255,255,0.95) 39%,#fff 64%,#fff)}
.forScroll .badges-wrapper.desc-badge{position:absolute;top:100px}
.packdetailsSection .benefitsSection .media-body{width:100%;word-wrap:break-word}
@media(max-width:768px){.packcart-drawer-open .bubble{display:none}
.packdetailsSection .table thead tr:last-child th:first-child{padding-left:25px}
.packdetailsSection .table thead tr:last-child th:last-child{padding-right:22px}
.close{top:-42px;right:10px;width:32px;height:32px;position:absolute;opacity:1}
.close img{width:32px;height:32px}
.packcart-drawer{width:100%;height:auto;top:unset}
.packcart-drawer-right{right:0;bottom:-102%;top:calc(100vh + 40px)}
.packcart-drawer-push{right:0;bottom:0}
.packcart-drawer-right.packcart-drawer-open{right:0;bottom:0;z-index:1032;border-radius:10px 10px 0 0;height:71%;top:unset}
.forScroll1{padding:20px 0}
.forScroll{height:58vh}
.packdetailsSection .packdetailsHeading{font-family:"ViHeavy","Helvetica","Arial",sans-serif;margin:0 20px 42px}
.packdetailsSection th:first-child{padding:20px 0 20px 24px}
.packdetailsSection td:first-child{padding:11.5px 0 11.5px 24px}
.packdetailsSection th:last-child{padding:16px 28px 16px 0}
.packdetailsSection td:last-child{padding:11.5px 28px 11.5px 0}
.packdetailsSection .table th:first-child{font-size:14px;line-height:17px}
.packdetailsSection .table td{font-size:12px;line-height:16px;text-transform:lowercase}
.packdetailsSection .validityDay span{max-width:200px;height:24px}
.packdetailsSection .validityDay img{margin-right:4px;width:16px;height:17px}
.packdetailsSection .addBenefits{font-size:16px;line-height:20px;margin:20px 20px 16px}
.packdetailsSection .benefitsSection{margin:0 20px;font-size:12px;line-height:16px}
.packdetailsSection .benHead{font-size:14px;line-height:18px;margin-bottom:5px}
.packdetailsSection .benSubHead,.packdetailsSection .benContent{font-size:12px;line-height:16px}
.packcart-drawer .wantBtn{width:150px;height:40px;font-size:14px;line-height:18px;padding:0}
.packcart-drawer .badges-wrapper.desc-badge{margin-left:20px;top:66px;padding:2px 8px 4px 8px;max-width:90%}
.packcart-drawer .badges-wrapper.desc-badge span{font-size:12px;display:block;text-transform:lowercase;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.non-teleco-feature .col-auto.d-flex{align-items:center;margin-bottom:3px}
div#Know-more .modal-dialog .modal-body::-webkit-scrollbar{width:6px;background-color:#fff;scrollbar-color:dark}
div#Know-more .modal-dialog .modal-body::-webkit-scrollbar-thumb{border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#d8d8d8;scrollbar-color:dark}
div#Know-more .modal-footer{display:flex;align-items:center;justify-content:flex-start;padding:1rem;border:0}
#Know-more .modal-dialog{max-width:607px}
#Know-more .modal-body.model-text{max-height:60vh;overflow:hidden;overflow-y:auto}
ul.planbefenit{padding:0}
span#pvalidity{font-size:16px;line-height:20px;color:#2f3043;margin:0 0 10px;display:block}
h5.modelcoupan1{margin:10px 0}
.mobile-number-validator .buyBtn button.confirm-btn:disabled{background:#d5d6d9 !important}
.mrpHeading{padding:50px 0 0}
.mrpHeading .lead{font-size:22px;line-height:24px;color:#2f3043;margin:0 0 48px 0;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.tabContent ul.nav.nav-tabs li.nav-item a.nav-link{font-size:16px;line-height:16px;padding:20px 0 34px 0;min-width:170px;text-align:center;border-radius:10px 10px 0 0;border:0;transition:all .2s linear;color:#c9c9d1;font-family:"ViBold","Helvetica","Arial",sans-serif;background-color:transparent}
.tabContent ul.nav.nav-tabs li.nav-item a.nav-link.active{background:#fff;background:linear-gradient(180deg,rgba(255,255,255,1) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);box-shadow:0 0 40px -8px rgb(0 0 0 / 31%);color:#2f3043}
.cardsTab{background-color:#fff;padding:0 0 128px 0}
.tabContent ul.nav.nav-tabs{margin:-70px 0 0 0}
.tab-content{z-index:11;position:relative;background-color:#fff;padding:50px 0 0 0}
.tabContent ul.nav.nav-tabs{border-bottom:0}
.tabContent div#nav-tab{border-bottom:0}
.tabContent .tab-content .packs{display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;border:0;position:relative;padding:0;margin:0 0 48px 0}
.packs .cardMrp{background-color:#2f3043;color:#fff;min-width:180px;border-radius:10px 0 0 10px;min-height:100px;display:flex;align-items:center;justify-content:center;position:relative}
.packs a.orcknowmoremodel{position:absolute;top:0;right:0;color:#2f3043;font-size:14px;line-height:16px;text-decoration:underline;font-family:"ViBold","Helvetica","Arial",sans-serif}
.packs .cardMrp .offer{position:absolute;top:-28px;left:0;background-color:#ffcc1b;border-radius:5px 5px 0 0;padding:6px 10px}
.packs .cardMrp .offer p{margin:0;color:#2f3043;font-size:14px;line-height:16px;font-family:"ViBold","Helvetica","Arial",sans-serif;text-transform:lowercase}
.packs .cardMrp.ifOffer{border-radius:0 0 0 10px}
.cardData{display:flex;align-items:stretch;justify-content:flex-start;width:100%;background-color:#fcf4e8;padding:0 0 0 50px;list-style:none;margin:0}
.packs .cardMrp p{margin:0;font-size:40px;line-height:56px;font-family:"ViBold","Helvetica","Arial",sans-serif}
.packs .cardMrp p span{font-family:inherit}
ul.cardData li{display:flex;align-items:center;justify-content:center}
ul.cardData li .cardSubHead{font-size:12px;line-height:17px;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.voda_wrapper .packSingleBen .cardSubData{font-size:16px;line-height:22px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0 0 2px 0;color:#2f3043}
.buyPack{display:flex;align-items:center;justify-content:flex-end;background-color:#fcf4e8;padding:0 30px 0 0;border-radius:0 10px 10px 0}
.packSingleBen{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:0 46px 0 0;min-width:80px}
.packSingleBen p{margin:0}
.packSingleBen p.cardSubData{font-size:16px;line-height:22px;margin:0 0 2px 0;font-family:"ViBold","Helvetica","Arial",sans-serif;color:#2f3043}
.packSingleBen p.cardSubHead{font-size:12px;line-height:17px;margin:0}
.tabContent ul.nav.nav-tabs li.nav-item a.nav-link:hover,.tabContent ul.nav.nav-tabs li.nav-item a.nav-link:focus{outline:0}
.packs .cardMrp p.rsSymbol{font-size:40px;line-height:56px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0}
h5.subcategory{font-size:18px;line-height:20px;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0;text-transform:lowercase}
.tabContent .tab-content .packs:nth-last-child(1){margin:0}
h1.heading-2{font-family:"ViHeavy","Helvetica","Arial",sans-serif;font-size:36px;line-height:46px;color:#2f3043;margin:0 0 20px 0}
.orcBannerMain{background-color:#ffc600;padding:99px 0 65px 0}
.packSingleBen img.primeImg{width:92px}
button.buyPackReccom{background-color:#ee2737;color:#fff;min-width:150px;font-size:14px;line-height:17px;padding:14px 0 19px;border-radius:50px;border:0;font-family:"ViBold","Helvetica","Arial",sans-serif}
button.buyPackReccom:hover,button.buyPackReccom:focus{outline:0}
button.buyPackCard{background-color:#ee2737;color:#fff;min-width:150px;font-size:14px;line-height:17px;padding:14px 0 19px;border-radius:50px;border:0;font-family:"ViBold","Helvetica","Arial",sans-serif}
button.buyPackCard:hover,button.buyPackCard:focus{outline:0}
.packPrice.ifOffer{position:absolute;top:2px;left:0;background-color:#ffcc1b;border-radius:10px 10px 0 0;padding:0 10px}
.packPrice.ifOffer span{font-size:14px;line-height:16px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0}
.packPrice.ifOffer+.cardMrp{border-radius:0 0 0 10px}
ul.cardData li.unlimitedOffersDetail{flex-direction:column;margin:0 45px 0 0;align-items:flex-start}
ul.cardData li.unlimitedOffersDetail .cardSubData{font-size:16px;line-height:22px;font-family:"ViBold","Helvetica","Arial",sans-serif}
ul.cardData li p span.non-teleco-benefit{display:none}
ul.cardData li p img{width:40px;margin:0 20px 0 0}
ul.non-teleco-feature.cardData{width:auto;padding:0}
.tabContent .tab-content .packs .card-wrapper.cloning-div{display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;border:0;position:relative;padding:26px 0 0 0;margin:0;width:100%}
.tabContent .tab-content .packs .card-wrapper.cloning-div .badges-wrapper.desc-badge{position:absolute;top:2px;left:0;background-color:#ffcc1b;border-radius:10px 10px 0 0;padding:0 10px}
.tabContent .tab-content .packs p.know-more.knowmore{position:absolute;top:0;right:0;margin:0;font-size:14px;line-height:16px;z-index:999}
.tabContent .tab-content .packs p.know-more.knowmore a{color:#2f3043;font-size:14px;line-height:16px;text-decoration:none;font-family:"ViBold","Helvetica","Arial",sans-serif}
.cashbacktext{background-color:#2f3043;color:#fff;min-width:180px;border-radius:10px 0 0 10px;min-height:100px;display:flex;align-items:center;justify-content:center;position:relative}
.badges-wrappermob-badge{display:none}
.features{display:flex;align-items:stretch;justify-content:flex-start;width:100%;background-color:#fcf4e8;padding:0 0 0 50px;list-style:none;margin:0}
.features .teleco-feature{display:flex;align-items:stretch;justify-content:flex-start}
.features .teleco-feature .col-auto{margin:0 45px 0 0;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:row}
.non-teleco-feature .col-auto.d-flex h4{display:none}
.non-teleco-feature{display:flex;align-content:center;justify-content:flex-start;flex-wrap:wrap}
.badges-wrapper.desc-badge+.cashbacktext{border-radius:0 0 0 10px}
.badges-wrapper.desc-badge+.cashbacktext{border-radius:0 0 0 10px}
.features .teleco-feature .col-auto h4{font-size:16px;line-height:20px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0 5px 0 0;text-transform:lowercase}
.features .teleco-feature .col-auto small{font-size:12px;line-height:17px;font-family:"ViMedium","Helvetica","Arial",sans-serif;margin:2px 0 0 0}
.tabContent .tab-content .packs .card-wrapper.cloning-div .badges-wrapper.desc-badge span{font-size:14px;line-height:16px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0}
div#nav-tabContent{padding:10px 0 0 0}
.orcEnterMobileMain{background:#fbfbfb;background:linear-gradient(0,rgba(251,251,251,1) 0,rgba(255,255,255,1) 50%);padding:0 0 70px 0}
.tab-content.tabContent{padding:0}
.banner+.spacercomp{margin:40px 0 0 0}
.mobile-input-group.invalidBorder label.input-label,.mobile-input-group.invalidBorder .invalid-feedback{color:#b30e0e}
.selected-pack-wrapper .card-wrapper{display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;border:0;position:relative;padding:26px 0 0 0;margin:0 0 48px 0}
.selected-pack-wrapper .card-wrapper .badges-wrapper{position:absolute;top:-2px;left:0;background-color:#ffcc1b;border-radius:5px 5px 0 0;padding:6px 10px;text-transform:lowercase;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;width:max-content}
.selected-pack-wrapper .card-wrapper .badges-wrapper span.plan-coupon{font-size:14px;line-height:16px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0;display:block}
.selected-pack-wrapper .card-wrapper .selectedCashbacktext{background-color:#2f3043;color:#fff;min-width:180px;border-radius:10px 0 0 10px;min-height:100px;display:flex;align-items:center;justify-content:center;position:relative}
.selected-pack-wrapper .card-wrapper .features{display:flex;align-items:stretch;justify-content:flex-start;width:100%;background-color:#fcf4e8;padding:0 0 0 50px;list-style:none;margin:0;border-radius:0 10px 10px 0;flex-direction:column}
.selected-pack-wrapper .card-wrapper .features .teleco-feature{margin:16px 0 12px 0}
.non-teleco-feature .col-auto.d-flex{align-items:flex-start;margin:0 8px 0 0;padding:0}
.selected-pack-wrapper .card-wrapper .badges-wrapper+.selectedCashbacktext{border-radius:0 0 0 10px}
.mobile-number-details{font-size:24px;line-height:26px;font-family:"ViHeavy","Helvetica","Arial",sans-serif !important;margin:0 0 10px 0;text-transform:lowercase}
.mobile-number-validator{width:100%;box-shadow:2px 2px 23px 0 rgb(0 0 0 / 7%);padding:20px;border-radius:10px;margin:0 0 48px 0}
.mobile-input-group{position:relative;min-width:297px;margin:0;width:297px}
.mobile-input-group label.input-label{position:absolute;top:-10px;left:10px;z-index:99;background-color:#fff;padding:0 10px;font-size:14px;line-height:17px;text-transform:lowercase}
.mobile-input-group input{font-size:18px;line-height:20px;padding:19px 16px 21px 16px;height:auto;border:1px solid #d8d8d8;font-family:"ViRegular","Helvetica","Arial",sans-serif}
.mobile-input-group input:hover,.mobile-input-group input:focus{outline:0;box-shadow:none;border:1px solid #d8d8d8}
.mobile-input-group img.reset-input{position:absolute;top:0;right:16px;width:24px;bottom:0;margin:auto;cursor:pointer}
.mobile-number-input{display:flex;align-items:center;justify-content:flex-start;margin:30px 0}
.mobile-number-input .couponAvailable{margin:0 0 0 20px}
.mobile-number-input .form-group{margin:0;max-width:397px}
.selectedPackBtn{display:flex;align-items:stretch;justify-content:flex-start}
.selectedPackBtn button.confirm-btn{background-color:#ee2737;color:#fff;min-width:150px;font-size:14px;line-height:17px;padding:14px 0 19px;border-radius:50px;border:0;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0 30px 0 0}
.edit.goBackEdit{display:flex;align-items:center}
.mobile-input-group input::placeholder{font-size:18px;line-height:20px;color:#d8d8d8}
.electedCashbacktext{background-color:#2f3043;color:#fff;min-width:180px;border-radius:0 0 0 10px;min-height:88px;display:flex;align-items:center;justify-content:center;position:relative}
.selected-pack-wrapper .card-wrapper .badges-wrapper.mob-badge{display:none}
.selected-pack-wrapper .card-wrapper .buy-wrapper{align-items:center;justify-content:center}
a.anchorknowmore{position:absolute;top:0;right:0;color:#2f3043;font-size:14px;line-height:16px;text-decoration:underline;font-family:"ViBold","Helvetica","Arial",sans-serif;text-transform:lowercase}
.mrpDiv{display:flex;align-items:center;justify-content:center}
.mrpDiv p.rupeeSym,.mrpDiv h4#packAmount{margin:0;font-size:40px;line-height:56px;font-family:"ViBold","Helvetica","Arial",sans-serif}
.buyBtn button.confirm-btn{background-color:#ee2737;color:#fff;min-width:150px;font-size:16px;line-height:17px;padding:14px 0 19px;border-radius:50px;border:0;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.tabContent .subcatcard .orcCard:nth-last-child(1){margin:0 0 20px}
img.absImg{display:none}
.knowMoreModal .model-text .modal-coupan{border-bottom:1px solid #e5e5e5}
.knowMoreModal .modal-play{border-bottom:1px solid #e5e5e5}
.knowMoreModal .modal-inlude{border-bottom:1px solid #e5e5e5}
.benefits-worths{word-break:break-word}
div#knowMoreModal .modal-dialog .modal-body{max-height:60vh;overflow:hidden;overflow-y:auto}
div#knowMoreModal .modal-dialog{max-width:600px}
li.with_border.without_border[style="display: block;"]:nth-last-child(2){border-right:0}
.modal li.with_border.without_border{border-right:0}
.modal .knowMoreAmt{font-size:40px;font-family:"ViBold","Helvetica","Arial",sans-serif;line-height:56px}
.modal p{padding:0}
.modal .rupee-symbol{font-size:40px;font-family:"ViBold","Helvetica","Arial",sans-serif;line-height:56px}
.modal .modalBenifit{font-size:16px;line-height:20px;margin-left:4px}
.modal .modal-inlude p,.modal .modalKnowmoreBenifit{font-family:"ViBold","Helvetica","Arial",sans-serif;line-height:22px;font-size:18px;margin-bottom:20px;text-transform:lowercase}
.modal .modal-inlude .col-4{text-align:center}
.modal .modal-inlude,.modal .modal-play{margin-top:20px}
#Know-more.modal .modal-inlude img{width:auto;padding:0 !important;margin:0 !important;max-width:24px;max-height:24px}
div#benefits-worths-list{width:100% !important;flex:0 0 100% !important;max-width:100%}
.modal .modal-inlude>.row{padding:0}
.modal .modal-inlude>.row{padding:0}
.modal .modal-inlude .col-4 span{width:100%;display:block}
.modal .subscriptions{font-family:"ViBold","Helvetica","Arial",sans-serif;line-height:22px;font-size:18px;padding:0;margin-top:20px;text-transform:lowercase}
.modal .non-teleco-benefith4{font-size:16px;line-height:16px;margin-left:4px;font-family:"ViRegular","Helvetica","Arial",sans-serif;width:calc(100% - 30px)}
.modalbenefitsclone.row{width:100%;display:block}
.nontelcoitem{display:flex;margin-bottom:16px}
.modal .with_border{border-right:1px solid #ececec}
.modal .model-button{min-height:50px;font-family:"ViMedium","Helvetica","Arial",sans-serif;color:#fff;width:150px;font-size:16px;line-height:17px;padding:14px 0 19px;border:0}
.modal .modal-header{border:0}
.modal .modal-body,.modal .footer-body{padding:20px}
.modal .modal-header .close{padding:unset;margin:unset;width:24px;text-align:right;position:absolute;right:16px;z-index:99;top:15px}
.beforCheck{text-transform:lowercase}
a.couponAvailbleCount{font-family:"ViBold","Helvetica","Arial",sans-serif}
a.miBlackLink:before{top:auto;bottom:0}
span.minAmount{margin:0}
span.maxAmount{margin:0}
img.imgbenfitmob{display:none}
@media screen and (max-width:767px){img.imgbenfit{display:none}
img.imgbenfitmob{display:block}
.tabContent ul.nav.nav-tabs li.nav-item a.nav-link.active{box-shadow:0 0 20px -11px rgb(0 0 0 / 31%)}
.tabContent ul.nav.nav-tabs{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;margin:0;overflow-y:auto;width:auto;padding:20px 0 0 34px;min-height:50px}
.tabContent ul.nav.nav-tabs li.nav-item a.nav-link{font-size:12px;line-height:16px;padding:14px 0 20px 0;min-width:88px}
.tabContent ul.nav.nav-tabs::-webkit-scrollbar{display:none}
.categoryspecificpack .tabContent nav.tabs{margin:-70px 0 0 0}
.categoryspecificpack .container{padding:0}
.categoryspecificpack .container>.row>.col-12.col-md-10.col-lg-10{padding:0}
.tab-content .packs{padding:22px 0 0 0;margin:0 0 34px 0}
.selected-pack-wrapper .card-wrapper{padding:18px 0 0 0}
.selected-pack-wrapper .card-wrapper .badges-wrapper+.electedCashbacktext{min-width:96px;min-height:112px}
.selected-pack-wrapper .electedCashbacktext .rupeeSym{font-size:22px;line-height:30px}
.mrpDiv p.rupeeSym,.mrpDiv h4#packAmount{font-size:22px;line-height:30px}
.cardsTab .tab-content{padding:20px}
.desc-badge{padding:2px 8px 4px 8px;top:0}
.tab-content .packs .card-wrapper .badges-wrapper{top:-16px}
.selected-pack-wrapper .card-wrapper .badges-wrapper.desc-badge span{font-size:12px;display:block;text-transform:lowercase;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buyPack .getPackOrc:nth-child(1){display:none}
.selected-pack-wrapper .card-wrapper .features{padding:10px 0 8px 15px;border-radius:0 10px 10px 0}
.features .teleco-feature .col-auto{margin:0 14px 0 0;min-width:60px;width:auto;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.features .teleco-feature .col-auto small{font-size:12px;line-height:16px;margin:0 0 4px 0}
.features .teleco-feature .col-auto h4{font-size:12px;line-height:16px;margin:0 0 4px 0;max-width:110px;white-space:pre-wrap;word-break:break-all}
.buyPack{display:none}
img.absImg{position:absolute;right:10px;z-index:999;display:initial}
.selected-pack-wrapper .card-wrapper .electedCashbacktext.nopromotion{display:grid;align-items:unset;justify-content:unset;flex-direction:unset;grid-template-columns:96px auto;grid-template-rows:auto}
.orcHeading h1.heading-2{font-size:30px;line-height:32px;margin:0 0 12px 0}
.orcHeading h4{font-size:18px;line-height:22px;margin:0}
.orcHeading{margin:0 0 36px 0}
.mobile-number-input{flex-direction:column}
.mobile-number-input .form-group{max-width:100%}
.mobile-input-group{min-width:1px;width:100%}
.mobile-number-input .form-group{width:100%}
.selectedCashbacktext .d-flex h4{font-size:22px;line-height:30px}
.selected-pack-wrapper{padding:0 2px}
h1.heading-2{font-size:30px;line-height:32px;margin:0 0 12px 0}
.mrpHeading{padding:30px 0 0}
.mrpHeading .lead{font-size:18px;line-height:22px;margin:0 0 36px 0}
.mobile-number-input{align-items:flex-start;margin:30px 0 16px 0}
.mobile-number-details{font-size:18px;line-height:22px;text-transform:lowercase;margin:0}
.features .teleco-feature{justify-content:flex-start;align-items:flex-end}
.mobile-input-group input{padding:19px 16px}
.mobile-number-input .couponAvailable{width:100%;margin:0}
.selected-pack-wrapper .card-wrapper .buy-wrapper{position:absolute;bottom:21px;left:0;width:100%;max-width:96px;z-index:999}
.selected-pack-wrapper .card-wrapper .buy-wrapper a.anchorknowmore.miBlackLink{color:#fff;width:100%;text-align:center;font-size:12px}
.selected-pack-wrapper .card-wrapper .badges-wrapper+.electedCashbacktext{min-width:96px;min-height:82px;align-items:flex-start;padding:16px 0 0 0}
.mobile-input-group .invalid-feedback{display:none !important}
.mobile-input-group.invalidBorder .invalid-feedback{display:block !important}
.modal .model-button{width:100%;font-size:14px}
.selected-pack-wrapper .card-wrapper .badges-wrapper{border-radius:3px 3px 0 0;padding:2px 8px 4px 8px;top:-4px;max-width:90%}
.buyBtn button.confirm-btn{font-size:14px}
}
/*!
	 * animate.css -https://daneden.github.io/animate.css/
	 * Version - 3.7.2
	 * Licensed under the MIT license - http://opensource.org/licenses/MIT
	 *
	 * Copyright (c) 2019 Daniel Eden
	 */@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{from,50%,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{from,50%,to{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
65%{-webkit-transform:scale3d(0.95,1.05,1);transform:scale3d(0.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,0.95,1);transform:scale3d(1.05,0.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
65%{-webkit-transform:scale3d(0.95,1.05,1);transform:scale3d(0.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,0.95,1);transform:scale3d(1.05,0.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake{0{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake{0{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}
}
@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,0);transform:rotate3d(0,0,1,0)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
@keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes heartBeat{0{-webkit-transform:scale(1);transform:scale(1)}
14%{-webkit-transform:scale(1.3);transform:scale(1.3)}
28%{-webkit-transform:scale(1);transform:scale(1)}
42%{-webkit-transform:scale(1.3);transform:scale(1.3)}
70%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes heartBeat{0{-webkit-transform:scale(1);transform:scale(1)}
14%{-webkit-transform:scale(1.3);transform:scale(1.3)}
28%{-webkit-transform:scale(1);transform:scale(1)}
42%{-webkit-transform:scale(1.3);transform:scale(1.3)}
70%{-webkit-transform:scale(1);transform:scale(1)}
}
.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
}
@keyframes bounceOut{20%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
}
.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0);transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0);transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}
@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{0{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge{0{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}
@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
to{opacity:0}
}
@keyframes zoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px,0,0);transform:scale(0.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px,0,0);transform:scale(0.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px,0,0);transform:scale(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px,0,0);transform:scale(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}
.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}
.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}
@media(print),(prefers-reduced-motion:reduce){.animated{-webkit-animation-duration:1ms !important;animation-duration:1ms !important;-webkit-transition-duration:1ms !important;transition-duration:1ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important}
}