@charset "UTF-8";.orcEnterMobileMain .container1024{max-width:1024px;padding:0}
.features .teleco-feature.benefitCenter{margin:0 0 12px 0}
.vi_5glogo{margin:-5px 0 4px;width:fit-content}
#AdditionalbenefitSection .tncRed{color:#ee2737;text-decoration:underline;font-size:14px}
.mobile-number-input .invalid-feedback a{color:#b30e0e}
#circleSelection .modal-body{padding:0 20px 30px 20px}
.tabContent .tab-content .subcategory+.packs.hasPromo{margin:28px 0 48px 0}
.datapacks.card-container .pack-category:nth-last-child(1) .packs:nth-last-child(1){margin:0}
.selected-pack-wrapper{margin:40px auto 0 auto}
.location-changer .circleContent p span{margin:0 3px 0 0}
div#Know-more .modal-dialog .modal-body::-webkit-scrollbar,.circle-selection .card-body::-webkit-scrollbar{width:6px;background-color:#fff;scrollbar-color:dark}
div#Know-more .modal-dialog .modal-body::-webkit-scrollbar-thumb,.circle-selection .card-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}
.circle-selection .card-body ul#selectCircl{padding:0;margin:0}
.mobile-input-group+div+.invalid-feedback{color:#b30e0e;max-width:297px;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:14px;line-height:16px}
#circleSelection .modal-dialog{margin:auto auto;top:50%;transform:translate(0,-50%)}
.selectedPackBtn button.confirm-btn.disabled{background:#d5d6d9 !important}
#circleSelection div#accordion .card .card-header{border:1px solid rgb(42,39,71,0.1)}
.features .teleco-feature .col-auto h4.validity{min-width:80px;max-width:80px}
#Know-more button.close{opacity:1}
#Know-more .modal-body.model-text{max-height:60vh;overflow:hidden;overflow-y:auto}
.edit.goBackEdit a{font-family:"ViBold","Helvetica","Arial",sans-serif;text-transform:lowercase;margin:-5px 0 0 0}
.selectedPackHeading{font-size:18px;line-height:22px;text-transform:lowercase}
.tabContent ul.nav.nav-tabs li.nav-item a.nav-link{font-size:16px;line-height:16px;padding:20px 20px 25px;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;text-transform:lowercase}
h1.heading-2{font-family:"ViHeavy","Helvetica","Arial",sans-serif;font-size:40px;line-height:46px;color:#2f3043;margin:0 0 20px 0}
.orcHeading h4{font-size:22px;line-height:24px;color:#2f3043;margin:0 0 24px 0;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.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}
.tabContent ul.nav.nav-tabs{margin:-61px 0 0 0}
.tabContent ul.nav.nav-tabs{position:relative;top:unset}
.tabContent ul.nav.nav-tabs.fixed-topNav{position:fixed;top:65px;margin:64px 0 0 0;background:#fff;width:100%;z-index:1029;animation:smoothScroll .5s forwards;left:0;right:0;margin:0 auto;max-width:1080px;padding:0 48px}
.tabContent ul.nav.nav-tabs.fixed-topNav:before,.tabContent ul.nav.nav-tabs.fixed-topNav:after{content:"";position:absolute;top:0;width:100%;height:100%;background-color:#fff}
.tabContent ul.nav.nav-tabs.fixed-topNav:before{left:-100%}
.tabContent ul.nav.nav-tabs.fixed-topNav:after{right:-100%}
.tabContent ul.nav.nav-tabs.fixed-topNav .nav-item{margin-bottom: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;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 0 48px 0}
.tabContent .tab-content .packs .cashbacktext.nopromotion{border-radius:10px 0 0 10px}
.orcBannerMain{background-color:#ffc600;padding:99px 0 65px 0}
.packSingleBen img.primeImg{width:92px}
.mrpPrice{display:flex;align-items:center;justify-content:center}
.mrpPrice .mrpSys{margin:0;font-size:40px;top:0;font-family:"ViHeavy","Helvetica","Arial",sans-serif;line-height:56px}
.mrpPrice h4.plan-amount{margin:0;font-size:40px;font-family:"ViHeavy","Helvetica","Arial",sans-serif;line-height:56px}
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:98px;font-size:14px;line-height:18px;padding:5px 0 7px;border-radius:50px;border:0;font-family:"ViMedium","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{display:flex;margin:0 20px 0 0}
p.subcategory{font-size:18px;line-height:22px;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0 0 48px 0;text-transform:lowercase}
.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:0;margin:0;width:100%}
.tabContent .tab-content .packs .card-wrapper.cloning-div .badges-wrapper.desc-badge{position:absolute;top:-28px;left:0;background-color:#ffcc1b;border-radius:5px 5px 0 0;padding:6px 10px}
.tabContent .tab-content .packs p.know-more.knowmore{position:absolute;top:-26px;right:0;margin:0;font-size:14px;line-height:16px;z-index:999;color:#2f3043}
.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;text-transform:lowercase}
.cashbacktext{background-color:#2f3043;color:#fff;min-width:180px;border-radius:10px 0 0 10px;min-height:88px;display:flex;align-items:center;justify-content:center;position:relative}
.badges-wrappermob-badge{display:none}
.features{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;padding:16px 0 0 32px;list-style:none;margin:0;flex-direction:column}
.features .teleco-feature{display:flex;align-items:stretch;justify-content:flex-start;margin:0 72px 0 0;flex-direction:row}
.features .teleco-feature .col-auto{margin:0 45px 0 0;padding:0;display:flex;flex-direction:column}
.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;min-height:28px}
.non-teleco-feature .col-auto.d-flex{display:flex;align-items:flex-start;justify-content:flex-start;padding:0;margin:0 3px 8px 0}
.badges-wrapper.desc-badge+.cashbacktext{border-radius:0 0 0 10px}
.features .teleco-feature .col-auto:nth-last-child(1){margin:0;font-size:16px;font-family:"ViBold","Helvetica","Arial",sans-serif}
.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;color:#2f3043;text-transform:lowercase}
.features .teleco-feature .col-auto small{font-size:12px;line-height:16px;font-family:"ViMedium","Helvetica","Arial",sans-serif;color:#2f3043;margin:2px 0 0 0}
.features .teleco-feature .col-auto h4.teleco-benefit.validity{min-width:1px;max-width:100%}
.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;display:block;text-transform:lowercase;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2f3043}
.orcEnterMobileMain{background:#fbfbfb;background:linear-gradient(0,rgba(251,251,251,1) 0,rgba(255,255,255,1) 50%);padding:50px 0 70px 0}
.tab-content.tabContent{padding:0}
.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;font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:14px;line-height:16px}
.selected-pack-wrapper .card-wrapper .badges-wrapper span.plan-coupon{font-size:14px;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}
.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:16px 0 0 32px;list-style:none;margin:0;border-radius:0 10px 10px 0}
.selected-pack-wrapper .card-wrapper .badges-wrapper+.selectedCashbacktext{border-radius:0 0 0 10px}
.mobile-input-group.invalidBorder label.input-label{color:#b30e0e}
.mobile-input-group.invalidBorder .invalid-feedback{color:#b30e0e}
p.selectedPackHeading{font-size:24px;line-height:26px;font-family:"ViHeavy","Helvetica","Arial",sans-serif;margin:0 0 10px 0}
.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 19px 16px;height:auto;border:1px solid #d8d8d8}
.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:16px;line-height:17px;padding:14px 0 19px;border-radius:50px;border:0;font-family:"ViMedium","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}
.tabContent .subcatcard .cardsTab:nth-last-child(1){margin:0 0 20px}
img.absImg{display:none}
.edit.goBackEdit a{font-family:"ViBold","Helvetica","Arial",sans-serif;text-transform:lowercase}
.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;margin:0}
.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}
.modal .modal-inlude img{width:auto;padding:0;margin:0;max-width:24px}
.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:20px;margin-left:4px;font-family:"ViRegular","Helvetica","Arial",sans-serif;width:calc(100% - 30px)}
.modal .nontelcoknowmorediv .nontelcoitem span{display:flex;align-items:flex-start;justify-content:flex-start}
.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;border-radius:25px;font-size:16px;font-family:"ViMedium","Helvetica","Arial",sans-serif;color:#fff;width:150px}
.modal .modal-header{border:0}
.modal .modal-body,.modal .footer-body{padding:20px}
.modal .modal-header .close{padding:unset;margin:unset;width:32px;text-align:right;position:absolute;right:16px;z-index:99;top:15px;opacity:1}
.modal .modal-header .close:hover{opacity:1}
.knowMoreModal .planbefenit{padding:0}
.knowMoreModal .close img{width:32px;right:0;margin-right:0}
.selected-pack-wrapper .card-wrapper .selectedCashbacktext.nopromotion{border-radius:10px 0 0 10px}
.circle-selection #selectCircl{padding:0;list-style:none}
.circle-selection #selectCircl li{height:50px;vertical-align:middle;border-bottom:1px solid;border-color:rgba(0,0,0,0.05);padding:0 20px;transition:all .2s linear;cursor:pointer}
.circle-selection #selectCircl li:hover{background-color:#f8f8f8}
.circle-selection #selectCircl li.circle-selected p{font-family:"ViBold","Helvetica","Arial",sans-serif}
.circle-selection #selectCircl li.circle-selected{background-color:#f8f8f8}
.circle-selection #selectCircl p{margin:0;line-height:50px}
.circle-selection .card-body{padding:0;margin-top:5px;max-height:199px;overflow:hidden;overflow-y:auto;border-radius:8px;box-shadow:2px 4px 14px 0 rgba(0,0,0,0.05);background-color:#fff}
#circleSelection div#accordion .card{border:0}
.circle-selection .circl-name{padding:0;color:#000;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:16px;line-height:20px;width:100%;text-align:left;text-decoration:none}
.circle-selection #headingOne{background-color:#fff;width:288px;border-radius:5px}
.circle-selection .floating-label{position:absolute;top:-10px;font-size:12px;background-color:#fff;padding:0 5px;left:15px}
.circle-selection .close img{width:24px}
.circle-selection .location-title{text-align:center;max-width:100%;padding:20px;margin:0 0 20px 0;display:flex;align-items:center;justify-content:center}
.circle-selection .location-title img{width:36px;margin:0 5px 0 0}
.circle-selection .modal-content{min-height:300px}
.circle-selection .location-text{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:30px;line-height:40px;color:#2f3043}
.circle-selection .dropDown-arrow{position:absolute;right:15px;top:15px;cursor:pointer}
.location-changer .circleMain{position:absolute;right:0;display:flex;align-items:flex-start}
.location-changer .circleMain img{width:36px;margin:3px 0 0 0}
.location-changer .circleContent{margin-bottom:0;font-size:16px;line-height:20px;margin-left:5px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}
.location-changer .circleContent p{margin-bottom:0;font-size:18px;line-height:22px}
.location-changer .circleContent p:nth-last-child(1){align-items:flex-start;justify-content:flex-start}
.location-changer .circleContent .selected-circle{display:inline-block;text-transform:uppercase}
.beforCheck{text-transform:lowercase}
a.couponAvailbleCount{font-family:"ViBold","Helvetica","Arial",sans-serif}
a.miBlackLink:before{top:auto;bottom:0}
.packcontainer.noPack{display:none}
span.minAmount{margin:0}
span.maxAmount{margin:0}
.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,#Know-more .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}
.non-teleco-feature img.mobnontelcoimg{display:none}
.features .teleco-feature{margin:0 0 12px 0}
#Know-more .modal-dialog{max-width:600px}
span#pvalidity{font-size:16px;line-height:20px;color:#2f3043;margin:0 0 10px;display:block}
div#knowMoreCoupan h5{margin:10px 0}
.knowMoreModal .planbefenit li{border-right:1px solid #e6e6e6}
.knowMoreModal .planbefenit li:nth-last-child(1){border-right:0}
input::-ms-clear{display:none}
a.change-circle{font-family:"ViBold","Helvetica","Arial",sans-serif}
@supports(-ms-ime-align:auto){input::-ms-clear{display:none}
.tabContent ul.nav.nav-tabs li.nav-item a.nav-link.active{box-shadow:0 0 40px -8px rgba(0,0,0,0.31);color:#2f3043}
}
@media screen and (max-width:991px){.tabContent ul.nav.nav-tabs.fixed-topNav{margin:0;top:59px;padding:20px 0 0 20px}
.tabContent ul.nav.nav-tabs.fixed-topNav:before,.tabContent ul.nav.nav-tabs.fixed-topNav:after{content:none}
.tabContent ul.nav.nav-tabs{overflow-y:hidden}
}
.irrechargeBanner img{padding-bottom:20px}
.irrechargeBanner img.forDesktop{display:block}
.irrechargeBanner img.forMobile{display:none}
.tab-content .packs .card-wrapper{background-color:#fcf4e8;border-radius:0 10px 10px 0}
.packs.hotstarCard .card-wrapper,.selected-pack-wrapper .card-wrapper.hotstarCard .features{background-color:#dfebfb}
.packs.SonyLivPopCorn .card-wrapper,.selected-pack-wrapper .card-wrapper.SonyLivPopCorn .features{background-color:#dfebfb;background-image:url(../../../../content/dam/vodafoneideadigital/sonyLiv/sonyliv-background-img.svg);background-size:contain;background-repeat:no-repeat;background-position:80% 100%}
.nosmsnservice{margin-bottom:6px}
.benefit-image{margin:0 8px 0 0}
.mybanner{margin:40px 0 0 0}
@media screen and (max-width:767px){.vi_5glogo{margin:0 0 4px}
.irrechargeBanner img{padding-bottom:30px;padding-top:30px}
.irrechargeBanner img.forDesktop{display:none}
.irrechargeBanner img.forMobile{display:block;width:100%}
.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:hidden;width:auto;padding:20px 0 0 0;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:70px}
.tabContent ul.nav.nav-tabs::-webkit-scrollbar{display:none}
.packcomponent .tabContent nav.tabs{margin:-70px 0 0 0}
.packcomponent .container{padding:0}
.packcomponent .container>.row>.col-12.col-md-10.col-lg-10{padding:0}
.selected-pack-wrapper .card-wrapper .badges-wrapper.d-none+.selectedCashbacktext.nopromotion{border-radius:10px 0 0 10px}
.tabContent .tab-content .packs{padding:0;margin:0 0 38px 0}
.tabContent .tab-content .packs .card-wrapper.cloning-div{padding:0}
.selected-pack-wrapper .card-wrapper{padding:22px 0 0 0;margin:0 0 30px 0}
.packs .cashbacktext{min-width:96px;min-height:82px}
.selected-pack-wrapper .card-wrapper .badges-wrapper+.selectedCashbacktext{min-width:96px;min-height:82px;border-radius:0 0 0 10px}
.packs .cashbacktext .mrpSys{font-size:22px;line-height:30px}
.selected-pack-wrapper .selectedCashbacktext .mrpSys{font-size:22px;line-height:30px}
.packs .cashbacktext .plan-amount{font-size:22px;line-height:30px}
.selected-pack-wrapper .selectedCashbacktext .plan-amount{font-size:22px;line-height:30px}
.cardsTab .tab-content{padding:0;background-color:transparent}
.cardsTab{background-color:transparent;padding:0}
.cardsTab .tab-content .tab-pane{padding:30px 20px 20px;background-color:#fff;overflow:hidden}
.prepaid-datapacks .cardsTab .tab-content .tab-pane{padding:30px 0;background-color:#fff;overflow:hidden}
.desc-badge{padding:2px 8px 4px 8px;top:0}
.tabContent .tab-content .packs .card-wrapper.cloning-div .badges-wrapper.desc-badge span{font-size:12px;display:block;text-transform:lowercase;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selected-pack-wrapper .card-wrapper .badges-wrapper.desc-badge span{font-size:12px;display:block;text-transform:lowercase}
.non-teleco-feature{width:70%}
.non-teleco-feature img.nontelcoimg{display:none}
.non-teleco-feature img.mobnontelcoimg{display:flex}
.buyPack .getPackOrc:nth-child(1){display:none}
.features{padding:0 0 0 15px;border-radius:0 10px 10px 0}
.selected-pack-wrapper .card-wrapper .features{padding:8px 0 8px 15px;border-radius:0 10px 10px 0}
.features .teleco-feature .col-auto{margin:0 10px 0 0;width:60px;max-width:60px;flex-direction:column;justify-content:flex-end}
.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}
.buyPack{display:none}
.tabContent .tab-content .packs p.know-more.knowmore a{display:none}
img.absImg{position:absolute;right:10px;z-index:999;display:initial}
button.btnknowmore.miBlackbtn:hover{border-color:#00000000;background-color:#6c757d}
.orcHeading h1.heading-2{font-size:30px;line-height:32px;margin:0 0 12px 0}
.orcHeading h4{font-size:18px;line-height:22px}
.orcHeading{margin:0 0 36px 0}
.orcEnterDiv{padding:0 0 40px 0}
.tabContent .tab-content .packs .card-wrapper.cloning-div{display:grid;align-items:unset;justify-content:unset;flex-direction:unset;grid-template-columns:96px auto;grid-template-rows:auto}
.features .teleco-feature{margin:0}
.tabContent .tab-content .packs .cashbacktext{grid-row-start:1;grid-row-end:3;align-items:flex-start;padding:16px 0 0 0}
.tabContent .tab-content .packs .buyPack{display:flex;border-radius:0 0 10px 0;padding:0 8px 10px;align-items:flex-end;justify-content:flex-end;position:relative;margin:0;grid-row:1/2;grid-column:2/3;background-color:transparent}
.tabContent .tab-content .packs .buyPack .buy-inner-wrapper{display:inherit}
.non-teleco-feature .col-auto.d-flex{margin:0 4px 4px 0}
.non-teleco-feature .col-auto{padding:0}
.non-teleco-feature .col-auto p{margin:0 0 4px}
.tabContent .tab-content .packs .features{border-radius:0 10px 10px 0;padding:14px 0 10px 10px;margin:0;flex-direction:column;grid-row:1/2;grid-column:2/3}
.tabContent .tab-content .packs .buyPack .buy-inner-wrapper button.buyPackCard{padding:8px;font-size:14px;line-height:14px;min-width:auto;width:62px}
.tabContent .tab-content .packs p.know-more.knowmore{display:block;left:0;color:#fff;bottom:0;text-transform:lowercase;z-index:999;width:100%;text-align:center;top:auto}
.tabContent .tab-content .packs p.know-more.knowmore a{display:block;position:absolute;top:auto;bottom:20px;left:0;color:#fff;line-height:16px;text-decoration:underline;font-family:"ViBold","Helvetica","Arial",sans-serif;width:96px;margin:0;font-size:12px}
.mobile-number-input{flex-direction:column;margin:30px 0 0 0}
.selectedPackBtn button.confirm-btn{width:100%}
.selectedPackBtn{flex-direction:column}
.mobile-number-input .form-group{max-width:100%}
.mobile-input-group{min-width:auto;width:100%;margin:0}
.mobile-number-input .form-group{width:100%;margin:0 0 20px 0}
.mobile-number-input .couponAvailable{width:100%;margin:0 0 16px 20px}
.selectedCashbacktext .d-flex h4{font-size:22px;line-height:30px}
.orcEnterMobileMain{padding:30px 12px 20px 12px}
.orcEnterDiv{padding:0}
.location-changer .circleMain{display:flex;position:relative;align-items:flex-start;margin:0 0 20px 0;width:100%;justify-content:flex-start}
.location-changer{padding:0}
.location-changer .circleContent{width:100%}
.location-changer .circleContent p,.location-changer .circleContent p a{font-size:16px;line-height:18px;margin:0 0 4px 0}
.tabContent .tab-content .packs .card-wrapper.cloning-div .badges-wrapper.desc-badge{top:-22px;padding:2px 8px 4px 8px}
.tabContent .tab-content #unlimited-packs .packs .card-wrapper.cloning-div .badges-wrapper.desc-badge{max-width:278px}
.nonTelcoBanner{background-color:#eaf2fc;display:flex;align-items:stretch;justify-content:flex-start;position:relative;margin:-30px 0 0 0;padding:16px 0}
.ntbImg{display:flex;align-items:center;justify-content:center}
.ntbImg img{margin:0 10px 0 0;width:36px}
.nonTelcoBanner+.tabContent{margin:20px 0 0 0}
.nonTelcoBanner:before,.nonTelcoBanner:after{content:"";position:absolute;top:0;width:100%;height:100%;background-color:#eaf2fc}
.nonTelcoBanner:before{left:-100%}
.nonTelcoBanner:after{right:-100%}
.ntbText p{font-size:12px;line-height:16px;color:#2f3043;margin:0 21px 0 0}
.features .teleco-feature .col-auto h4.teleco-benefit.validity{min-width:auto;max-width:100%}
.circle-selection .location-text{font-size:20px;line-height:24px}
.circle-selection .location-title{padding:0 8px;margin:0 0 30px 0}
.circle-selection .location-title img{width:30px;margin:4px 5px 0 0}
.modal .modal-inlude img{margin:0 !important;padding:0 !important}
.modal .model-button{width:100%;font-size:14px}
.nonTelcoBanner+.datapacks.card-container{padding:30px 0 0}
.tabContent .tab-content .subcategory:not(.d-none)+.packs.hasPromo{margin:38px 0 38px 0}
.tabContent .tab-content .packs:nth-last-child(1){margin:0 0 40px 0 !important}
#Know-more .modal-dialog{max-width:100%;align-items:flex-start;padding:8px;margin:0}
div#knowMoreModal .modal-dialog .modal-body,#Know-more .modal-dialog .modal-body{max-height:100%}
.packcomponent .selected-pack-wrapper.container{padding:0 12px;margin:22px 0 0 0}
.edit.goBackEdit{margin:16px 0 0;text-align:center;width:100%}
.edit.goBackEdit a{width:100%;font-size:14px;line-height:16px}
.mobile-input-group label.input-label{font-size:12px;top:-9px;padding:0 7px}
.mobile-input-group+div+.invalid-feedback{font-size:12px;line-height:14px}
.selected-pack-wrapper .card-wrapper .badges-wrapper{border-radius:5px 5px 0 0;padding:2px 8px 4px 8px;top:0;font-size:12px}
#circleSelection .modal-dialog{margin:0;padding:8px}
.orcAccrodion div#imp2do{padding:0 20px}
.orcAccrodion .mobPad{padding:0}
.location-changer .circleMain img{margin:3px 0 0 -5px}
.tabContent .tab-content .packs.noPromo{margin:0 0 38px 0}
p.subcategory{margin:0 0 35px 0;line-height:16px}
.tabContent .tab-content .subcategory+.packs.hasPromo{margin:22px 0 38px 0}
.tabContent .tab-content .subcategory:not(.d-none)+.packs.noPromo{margin-top:16px !important}
.selectedPackBtn button.confirm-btn{font-size:14px}
.tabContent .tab-content .packs.hasPromo+.packs.noPromo{margin-top:-12px !important}
.tabContent .tab-content .nonTelcoBanner+.datapacks.card-container .subcategory:not(.d-none)+.packs.hasPromo{margin:22px 0 38px 0}
.tabContent .tab-content .packs.noPromo+.packs.hasPromo{margin:38px 0 !important}
.features .teleco-feature{margin:0 0 12px 0}
.features .teleco-feature.benefitCenter{margin:0 0 12px 0}
.mobilenosmsservice{height:145px}
.mobilenosmsservice .cardMrp{min-height:145px}
.mobilenosmsservice .noOutgoingsmsmbl{padding-left:0;margin-top:8px}
.mobilenosmsservice .noOutgoingsmsmbl li{list-style:none}
.packs.SonyLivPopCorn .card-wrapper,.selected-pack-wrapper .card-wrapper.SonyLivPopCorn .features{background-position:97% 15%;background-size:94px}
.tab-content .card-wrapper .non-teleco-feature .nosmsnservice{display:none !important}
}
.errorpacks{display:none}
.errorpacks .relevent-pack-text{width:auto;margin:30px 0 30px 0}
.errorpacks .relevent-pack-text p{width:20%;margin:0 auto;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:18px;line-height:1.22;color:#2f3043}
.errorpacks .Explore-our-prepaid-packs{margin:0 0 32px 0;font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:24px;font-weight:bold;line-height:1.17;letter-spacing:normal;color:#2f3043}
.errorpacks .Error-btns{width:335px;padding:7px 0;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:16px;gap:8px;color:#fff;border-radius:25px;background-color:#ee2737}
.errorpacks .Error-btns:hover{color:#fff}
@media(max-width:767.8px){.errorpacks .fill-img{margin:50px 0 5px 0}
.errorpacks .relevent-pack-text p{width:65%;margin:0 auto;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:16px}
.errorpacks .Explore-our-prepaid-packs{margin:0 0 24px 0;font-size:20px}
.errorpacks .Error-btns{width:237px;padding:7px 0;font-size:14px;border-radius:20px}
}
@media(max-width:767.8px){.orcEnterMobileMain .container1024{padding:0 20px}
}
/*!
	 * 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}
}
.packcart-drawer-push{overflow-x:hidden;position:relative;right:0}
#AdditionalbenefitSection{margin-bottom:70px}
.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}
.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}
#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 .benefitsSection .media-body{width:100%;word-wrap:break-word}
@media(max-width:768px){.packcart-drawer-open .bubble{display:none}
.close{top:-42px;right:10px;width:32px;height:32px;position:absolute;opacity:1}
.close img{width:32px;height:32px}
.packcart-drawer{width:100%;top:unset;height:80%;bottom:-102%;right:0;z-index:1032;border-radius:10px 10px 0 0}
.packcart-drawer-right.packcart-drawer-open{bottom:0}
.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}
.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{top:66px;padding:2px 8px 4px 8px;margin-left:20px;max-width:90%}
.packdetailsSection .table thead tr:last-child th:first-child{padding-left:25px}
.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}
.packdetailsSection .table thead tr:last-child th:last-child{padding:21px 28px 19px}
}
.toastmulti .space{line-height:20px;height:20px}
.toastmulti .container{max-width:1232px}
.toasMessag{position:fixed;width:100%;z-index:9999;top:105px !important}
.toastmulti .container-fluid{background:#f3f3f3}
.toastmulti .mobile-image{width:32px;height:32px}
.toastmulti .bgcolor{background-color:#2f3043;width:504px;margin-left:auto;margin-right:auto}
.toastmulti .msgContent{margin-top:2.5px}
.toastmulti .toasMessag .media{background-color:#2f3043;padding:8px 0}
.toastmulti .desktop-heading{font-family:'ViRegular',"Helvetica","Arial",sans-serif;font-size:14px;font-weight:normal;line-height:16px;color:#fff}
.toastmulti .desktop-subheading{font-family:'ViRegular',"Helvetica","Arial",sans-serif;font-size:12px;font-weight:normal;color:#fff;text-decoration:none;float:right;margin-top:6px}
.toastmulti .toasMessag{margin-top:0 !important}
.toastmulti a:hover{color:#fff}
.toasMessag .media-body{line-height:18px}
@media(max-width :575.98px){.toastmulti .toasMessag .media{width:100%}
}
@media(max-width :767.98px){.toasMessag{position:fixed;top:16px;width:100%;z-index:999}
.toastmulti .bgcolor{width:100%}
.toastmulti .media-body.row{margin:0}
.responsivegrid{position:relative}
}
.neft-landing-page~.impthings2do .card-body{height:auto}
.accordionImp{margin-bottom:0;color:#2f3043}
.accordionImp .card{border:0}
.accordionImp .card h1,.accordionImp .card h2,.accordionImp .card h3,.accordionImp .card h4,.accordionImp .card h5{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:18px;line-height:24px}
.accordionImp .card-body a,.accordionImp .card-body a:hover{color:#2f3043;text-decoration:underline;line-height:16px;font-size:12px;font-family:"ViBold","Helvetica","Arial",sans-serif}
.accordionImp .card .card-header{background:#fff;padding:0;cursor:pointer}
.accordionImp .card .card-header.collapsed h2{background-image:url(../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/downarrow.svg);background-size:24px;padding-right:20px}
.accordionImp .card .card-header h2{background-image:url(../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/uparrow.svg);background-repeat:no-repeat;background-position-x:right;background-position-y:center;background-size:24px;padding:16px 24px}
.accordionImp .card .card-header.collapsed h3{background-image:url(../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/downarrow.svg);background-size:24px;padding-right:20px}
.accordionImp .card .card-header h3{background-image:url(../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/uparrow.svg);background-repeat:no-repeat;background-position-x:right;background-position-y:center;background-size:24px;padding:16px 24px}
.accordionImp .card .card-body{background-color:#fff;z-index:10;width:100%;padding:20px}
.accordionImp .card .card-body p{font-size:16px;line-height:18px;margin:8px 0;color:#2f3043}
.accordionImp .card .card-body .iconwithtext p.noMargin{margin:0}
.accordionImp .card .card-body ul li{font-size:16px;line-height:18px;color:#2f3043}
.accordionImp .card .card-body p b{font-family:"ViBold","Helvetica","Arial",sans-serif;font-weight:normal;font-size:16px;line-height:20px}
.faqclientlib .accordionImp .card .card-header{padding:16px 16px 16px 16px}
.faqclientlib .accordionImp .card-header{border-bottom:0 solid #000}
.faqclientlib .accordionImp .card-header:first-child{border-radius:0}
.faqclientlib #imp2do.container,.faqclientlib #imp2do.container [class^="col-"]{padding-left:0}
.faqclientlib .accordionImp .card .card-body{padding-left:24px}
@media(max-width:767.98px){.accordionImp .card .card-header{height:auto;padding:15.5px 16px 15px 0}
.accordionImp .mobPad{padding:0}
.accordionImp .card .card-header h2{padding:0 25px 0 0;background-size:24px}
}
.voda_wrapper .spacer8{height:8px}
.voda_wrapper .spacer16{height:16px}
.voda_wrapper .spacer24{height:24px}
.voda_wrapper .spacer32{height:32px}
.voda_wrapper .spacer40{height:40px}
.voda_wrapper .spacer48{height:48px}
.voda_wrapper .spacer64{height:64px}
.idea_wrapper .spacer8{height:8px}
.idea_wrapper .spacer16{height:16px}
.idea_wrapper .spacer24{height:24px}
.idea_wrapper .spacer32{height:32px}
.idea_wrapper .spacer40{height:40px}
.idea_wrapper .spacer64{height:64px}
.spacer8{height:8px}
.spacer16{height:16px}
.spacer24{height:24px}
.spacer32{height:32px}
.spacer40{height:40px}
.spacer64{height:64px}
.performancebasepage .spacer8{height:8px}
.performancebasepage .spacer16{height:16px}
.performancebasepage .spacer24{height:24px}
.performancebasepage .spacer32{height:32px}
.performancebasepage .spacer40{height:40px}
.performancebasepage .spacer48{height:48px}
.performancebasepage .spacer64{height:64px}
@media(max-width:767px){.voda_wrapper .spacer16{height:8px}
.voda_wrapper .spacer24{height:12px}
.voda_wrapper .spacer32{height:16px}
.voda_wrapper .spacer40{height:20px}
.voda_wrapper .spacer48{height:24px}
.voda_wrapper .spacer64{height:32px}
.performancebasepage .spacer16{height:8px}
.performancebasepage .spacer24{height:12px}
.performancebasepage .spacer32{height:16px}
.performancebasepage .spacer40{height:20px}
.performancebasepage .spacer48{height:24px}
.performancebasepage .spacer64{height:32px}
.idea_wrapper .spacer16{height:8px}
.idea_wrapper .spacer24{height:12px}
.idea_wrapper .spacer32{height:16px}
.idea_wrapper .spacer40{height:20px}
.idea_wrapper .spacer64{height:32px}
.spacer16{height:8px}
.spacer24{height:12px}
.spacer32{height:16px}
.spacer40{height:20px}
.spacer64{height:32px}
}
.appBanner{background-color:#fafafa}
.appBanner .col-12.col-md-12{padding:0}
.appBanner .container{padding:0 8px;margin:20px 0 40px 0}
.vodafoneredColour .banner-overlay h1,.vodafoneredColour .banner-overlay h2,.vodafoneredColour .banner-overlay p{color:#e60000}
.vodafoneblackColour .banner-overlay h1,.vodafoneblackColour .banner-overlay h2,.vodafoneblackColour .banner-overlay p{color:#2f3043}
.vodafonewhiteColour .banner-overlay h1,.vodafonewhiteColour .banner-overlay h2,.vodafonewhiteColour .banner-overlay p{color:#fff}
.vodafoneredColour .banner-overlay p a{color:#2f3043 !important;border:1px solid #e60000 !important}
.vodafoneblackColour .banner-overlay p a{color:#2f3043 !important;border:1px solid #4a4d4e !important}
.vodafonewhiteColour .banner-overlay p a{color:#fff !important;border:1px solid #fff !important}
.appBannerComp.vodafoneredColour .getvodtxt h3,.appBannerComp.vodafoneredColour .playstore{color:#2f3043}
.appBannerComp.vodafoneblackColour .getvodtxt h3,.appBannerComp.vodafoneblackColour .playstore{color:#2f3043}
.appBannerComp.vodafonewhiteColour .getvodtxt h3,.appBannerComp.vodafonewhiteColour .playstore{color:#fff}
.appBannerComp{display:flex;box-shadow:0 3px 25px 0 rgba(208,208,208,0.51);background-color:white;border-radius:8px}
.appBannerComp .getvodtxt h3{font-size:30px;line-height:32px;color:#2f3043;font-family:"ViHeavy","Helvetica","Arial",sans-serif}
.appBannerComp .playstore{font-size:16px;line-height:20px;color:#2f3043}
.appBannerComp .appstore{display:flex}
.appBannerComp .appstoreimg img{width:100%;cursor:pointer;border-radius:10px}
.appBannerComp .getvodpt{display:inline-block}
@media screen and (max-width:768px){.appBanner{background-color:#f8f8f8;margin:20px 0 0 0}
.appBannerComp{flex-wrap:wrap;border-radius:4px}
.appBannerComp .getvodtxt h3{font-size:24px;line-height:26px}
.appBannerComp .playstore.pt-3.pt-md-1.px-3{font-size:16px;line-height:20px}
.appBannerComp .marginAuto{margin:0 auto}
}
.mybanner .banner-parent{position:relative;cursor:pointer}
.mybanner .banner-overlay{position:absolute;font-size:18px;line-height:22px;font-family:"ViBold","Helvetica","Arial",sans-serif;padding:44px;width:auto;top:0;line-height:normal}
.mybanner .banner-overlay h1{font-size:40px;line-height:42px}
.mybanner .display-4{font-size:18px;line-height:20px;color:#fff;padding:3px;margin-bottom:8px}
.mybanner .banner-btn{text-decoration:none;font-size:18px;line-height:20px;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-weight:bold;border-color:#fff;letter-spacing:2.8px;margin-top:40px;border-radius:6px;padding:10px 32px;height:48px;box-shadow:none}
.mybanner .banner-btn:hover{color:#fff !important;background-color:Transparent;text-decoration:none;box-shadow:none}
.mybanner .banner-btn:focus{outline:none !important;box-shadow:none}
.mybanner .banner-overlay p a{color:#fff;margin-left:4px;height:48px;font-family:"ViBold","Helvetica","Arial",sans-serif}
.mybanner .bg-image{display:none}
.mybanner .banner-overlay h2.lead.display-4{font-size:28px;line-height:32px;font-family:"ViRegular","Helvetica","Arial",sans-serif;margin:0;font-weight:normal;padding:0}
@media(max-width:991.98px){.mybanner .banner-btn{margin-top:20px;width:120px;height:35px;padding:4px 0}
.mybanner .banner-overlay{padding:20px 10px}
.appBannerComp .getvodpt{padding:20px 0}
}
@media(max-width:767.98px){.mybanner .banner-overlay{padding:17px}
.mybanner .banner-overlay p a{height:35px}
.mybanner .banner-btn{margin-top:20px;width:auto;padding:5px}
.mybanner .bg-image{display:block;width:100%}
.mybanner .abc{display:none}
.mybanner .banner-area{font-size:20px}
.mybanner .banner-overlay h1{font-size:18px;line-height:20px}
.mybanner .display-4{font-size:14px;margin-bottom:0}
.mybanner .btn-outline-success{border-radius:6px;width:120px;height:35px;color:#fff}
.mybanner .banner-parent{position:relative}
.mybanner .banner-overlay{position:absolute;top:0;left:16px;width:auto}
.mybanner .display-4{font-size:16px;color:#fff}
.mybanner .btn-outline-success{color:#fff;text-decoration:none;letter-spacing:2.8px;font-size:16px;border-color:#fff}
.mybanner .bg-image{display:none}
.mybanner .bg-image{display:block}
.mybanner .abc{display:none}
.mybanner .banner-area{font-size:20px}
.mybanner .display-4{font-size:14px}
.mybanner .btn-outline-success{border-radius:6px;width:120px;height:35px;color:#fff}
.mybanner .banner-overlay h2.lead.display-4{font-size:14px;line-height:18px;font-weight:300}
.mybanner .banner-overlay h2.lead.display-4+p>a{margin:17px 0 0 0}
}
@media(max-width:575.98px){.mybanner .banner-overlay{padding:10px}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.appBannerComp .img-fluid{max-width:360px}
}
.vilWrapper .commonBreadcrumb .container{padding:0;margin:0}
.commonBreadcrumb .container{padding:0;max-width:1232px}
#breadcrumbSection.row{margin-left:0;margin-right:0}
#breadcrumbSection .breadcrumb{background:0;padding:0;margin:0;display:unset}
#breadcrumbSection .breadcrumb-item{display:inline}
#breadcrumbSection .breadcrumb a{color:#2f3043;text-decoration:none;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:12px;line-height:14px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item::before{padding-left:.2em;padding-right:.2em;font-size:16px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item{padding:0}
#breadcrumbSection .breadcrumb .breadcrumb-item:last-child a,#breadcrumbSection .breadcrumb .breadcrumb-item:last-child{color:#797a86}
#breadcrumbSection{margin-top:24px;margin-bottom:12px}
.breadcrumb-item+.breadcrumb-item::before{background-image:url('../../../../content/dam/vodafoneideadigital/images1/breadcrumbarrow.png');background-size:18px 18px;display:inline-block;width:18px;height:18px;content:"";padding:0 4px;vertical-align:bottom}
#breadcrumbSection .mobPad{padding:0}
@supports(-ms-ime-align:auto){#breadcrumbSection{margin-top:24px}
}
@media(max-width :767.98px){.commonBreadcrumb .container{padding:0 20px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item::before{padding-left:.2em !important;padding-right:.2em !important;font-size:14px !important}
#breadcrumbSection .leftPadding{padding:0}
}
#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}
}
.accordionOuter{margin-bottom:30px}
.accordionOuter .card{border:0}
.accordionOuter .card h3{font-size:20px;line-height:2em;cursor:pointer}
.accordionOuter .card .card-header{height:60px;background-color:#fff;padding:10px}
.accordionOuter .card .card-header h3.collapsed{background-image:url(hotstar/clientlib-hotstarFaq/images/Plus.png)}
.accordionOuter .card .card-header h3{background-image:url(hotstar/clientlib-hotstarFaq/images/Minus.png);background-repeat:no-repeat;background-size:30px;background-repeat:no-repeat;background-size:30px;background-position-x:right;background-position-y:center}
.accordionOuter .card .card-body{max-height:auto;overflow:auto;background-color:#fff;z-index:10;width:100%;border:1px solid #999}
.accordionOuter .card-body{padding:0}
.accordionInner .card-body{padding:20px;background-color:#eff5fd}
.accordionInner .card .card-header h3.collapsed{background-image:url(../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/downarrow.svg);background-size:24px;background-repeat:no-repeat;background-position-x:right;background-position-y:center}
.accordionInner .card .card-header h3{background-image:url(../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/uparrow.svg);background-size:24px;background-repeat:no-repeat;background-position-x:right;background-position-y:center;padding:0 32px 0 0;cursor:pointer}
.showMore,.showMore:hover{color:#2f3043;width:150px;height:50px;font-size:16px !important;line-height:20px !important;margin-top:24px !important;border-radius:25px;background-color:transparent;border:1px solid #2f3043;padding:15px 40px;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.accordionInner .card .card-header h3{font-size:18px;line-height:26px;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif}
.accordionInner>h2{font-size:36px;line-height:38px;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif;text-align:center;margin-bottom:40px}
.accordionInner .card-header{background-color:#eff5fd;border:0}
.accordionInner .card{border:0;border-bottom:1px solid rgba(0,0,0,0.125);border-radius:0;background-color:#eff5fd}
.accordionInner{background:#eff5fd;padding:40px 30px 24px;border-radius:10px;margin-bottom:80px}
.accordionInner a:hover{color:#2f3043}
.accordionInner table{max-width:100%}
.accordionInner td,.accordionInner th{padding:5px}
@media screen and (max-width:767px){.accordionInner{background:#fff;margin-bottom:60px;padding:0}
.accordionInner .card-header{background:#fff}
.accordionInner>h2{font-size:24px;line-height:28px}
.accordionInner .card-body{padding:15px;background-color:#fff}
.hotstarFaq{padding:0 20px}
.accordionInner table{width:100%}
}
body.noservicepopup_open{overflow:hidden !important}
#servoverlay{display:none}
.servicepopup_warpper{position:fixed;display:flex;align-items:center;justify-content:center;z-index:1031;top:-100vh;left:0;margin:auto;transition:all .4s linear;right:0;border-radius:10px;bottom:auto}
.servicepopup_warpper.show{top:0;bottom:0}
#servoverlay.show{position:fixed;height:100vh;background-color:#000;z-index:1030;overflow:auto;width:100vw;top:0;opacity:.7;display:block}
.servicepopup_warpper .service_popup{position:absolute;left:50%;width:335px;z-index:1031;background-color:#fff;margin:0 auto;top:50%;transform:translate(-50%,-50%);border-radius:10px;bottom:unset;padding:40px 10px 32px}
.servicepopup_warpper .service_close{position:absolute;top:-45px;right:10px;cursor:pointer}
body.serviceVal_popupopen{overflow:auto}
.service_popup button.servalidity_button{background-color:#ee2737;border:0;color:#fff;border-radius:40px;width:271px;height:40px;font-size:16px;font-weight:500;font-family:'ViMedium',"Helvetica","Arial",sans-serif}
.service_popup .validity_button{text-align:center;margin:0 0 16px 0}
.service_popup .serv_check_box{display:flex;align-items:center;justify-content:center;gap:8px}
.servicepopup_warpper .servicepopup_close{top:-20px;right:-18px;width:24px}
img.closeIcon{position:absolute;top:-40px;right:0}
.serv_check_box input[type="checkbox"]{height:20px;opacity:0;position:absolute;left:80px;z-index:1}
.serv_check_box label:before{background-image:url('../../../../content/dam/vodafoneideadigital/onlinerecharge/noservicevalimages/Web-uncheck-Box.svg');content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;transition:transform .28s ease;background-repeat:no-repeat !important;background-size:100%}
.serv_check_box input[type="checkbox"]:checked+label::before{background-image:url('../../../../content/dam/vodafoneideadigital/onlinerecharge/noservicevalimages/emi-check-check.svg');border-radius:0;border:0 solid #2a2747}
.serv_check_box label{font-size:14px;display:block;padding-left:28px;margin-bottom:0;font-weight:normal;position:relative;line-height:23px;font-family:'ViRegular',"Helvetica","Arial",sans-serif;color:#595969}
.serv_other_txt{display:flex;flex-direction:column;align-items:center}
.service_popup .serv_other_txt p,.service_popup .serv_other_txt p a{margin:0 0 18px;font-family:'ViMedium',"Helvetica","Arial",sans-serif;font-weight:500;font-size:14px;color:#2f3043;line-height:1.29}
.service_popup .serv_other_txt p a{text-decoration:none;color:inherit;margin:0}
.serv_other_txt p.explore_txt{display:inline-flex;margin:0 0 16px;font-size:14px;line-height:1.29}
.servicepopup_warpper .srvWarningImg{margin:0 auto 12px;display:block}
.servicepopup_warpper .srvHead{font-family:'ViBold',"Helvetica","Arial",sans-serif;font-size:18px;font-weight:bold;line-height:1.22;color:#2f3043;text-align:center;margin:0 0 12px}
.servicepopup_warpper .srvSubhead{font-family:'ViMedium',"Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:1.29;text-align:center;color:#2f3043;margin:0 0 32px;padding:0 20px}
.servicepopup_warpper .srvSubhead span{margin:0;font-family:'ViBold',"Helvetica","Arial",sans-serif}
@media all and (min-width:768px){.serv_check_box input[type="checkbox"]{left:137px}
.servicepopup_warpper .service_popup{width:440px}
.serv_check_box label{padding-left:30px}
.service_popup button.servalidity_button{height:50px;width:260px}
.service_popup .validity_button{margin:0 0 20px 0}
.serv_other_txt p.explore_txt{margin:0 0 32px;font-size:16px;line-height:1}
.servicepopup_warpper .srvHead{font-size:20px;line-height:1.2}
.servicepopup_warpper .srvSubhead{padding:0 60px}
}
[data-modal-show="quickPayPopUp"]{overflow:hidden}
dialog#quickPayPopUp[open]{&.quickPayPopUp{background-color:transparent;border:0;display:flex;flex-direction:column;width:100%;overflow:hidden;padding:0;margin:auto 0 0 0;color:#2f3043;justify-content:flex-end;min-width:100%;>.sidebar-arrow{display:none}
.popup_body{.closeIcon{display:none}
}
img.closeIcon{border-radius:50px;background-color:#fff;padding:4px;cursor:pointer;align-self:flex-end;margin:0 10px 10px 0}
.popup_body{padding:20px;background-color:#fff;border-radius:16px 16px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px;overflow-y:auto;&::-webkit-scrollbar{width:6px;border-radius:4px}
&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px}
&::-webkit-scrollbar-thumb{background:#595969;border-radius:4px}
&::-webkit-scrollbar-thumb:hover{background:#d5d6d9;cursor:pointer}
.heading{font-size:24px;line-height:28px;font-family:'ViBold';color:#2f3043;margin:0;text-align:center}
.itemsWrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%;.item{display:grid;grid-template-columns:40px 1fr 48px;grid-gap:0 12px;width:100%;.itemIcon{grid-column:1/2;grid-row:1/3;width:40px;height:40px;align-self:center}
.itemTitle{grid-column:2/3;grid-row:1/2;font-size:14px;line-height:16px;color:#2f3043;font-family:"ViBold";margin:0 0 4px 0}
.itemSubHeading{grid-column:2/3;grid-row:2/3;font-size:12px;line-height:16px;margin:0;font-family:"ViMedium";color:#595969;&.hasError{color:#ee2737}
.offerTNC{text-decoration:underline;font-family:"ViBold"}
}
.changeMethodCTA{grid-column:3 / 4;grid-row:1 / 3;font-size:14px;line-height:18px;font-family:ViMedium;margin:0;text-decoration:underline;align-self:center}
&:not(:first-child){display:none}
&.noOffer{.itemTitle{grid-row:1 / 3;align-self:center}
.itemSubHeading{display:none}
}
}
}
.amountSection{position:relative;padding:16px 0 0 0;width:100%;display:flex;flex-direction:column;&::before{content:'';position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:1px;background-color:#d5d6d9}
p.payableAmount{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 18px 0;.title{font-family:"ViBold"}
.value{font-family:"ViBold"}
}
button.quickPayCTA{width:100%;border-radius:50px;padding:10px 0;border:0;background-color:#ee2737;color:#fff;font-family:'ViMedium';font-size:16px;line-height:20px;&:focus{outline:0}
}
}
}
}
&::backdrop{background-color:#111622;opacity:.8}
}
#divLoadingPaymentStatus.show{display:block !important;position:fixed;z-index:9999999;background-image:url(../../../../content/dam/paymentGateway/preloader-vodafone.gif);background-color:rgb(17 22 34 / 60%);background-repeat:no-repeat;background-position:center;left:0;bottom:0;right:0;top:0;background-size:127px;&:after{content:'we are fetching your payment status...';position:absolute;display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;transform:translateY(60px);font-size:16px;line-height:20px;font-family:'ViBold'}
@media screen and (max-width:768px){background-size:60px;background-color:rgb(17 22 34 / 80%)}
}
dialog#quickPayOfferTNC[open]{background-color:transparent;border:0;display:flex;flex-direction:column;width:100%;overflow:hidden;padding:0;margin:auto 0 0 0;color:#2f3043;justify-content:flex-end;min-width:100%;svg#close-icon{align-self:flex-end;margin:0 10px 10px 0;width:32px;height:32px;background-color:#fff;border-radius:50px;padding:8px;min-width:32px;min-height:32px;rect{fill:#111622}
}
.popupBody{padding:20px;background-color:#fff;border-radius:16px 16px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px;overflow-y:auto;min-height:35dvh;&::-webkit-scrollbar{width:6px;border-radius:4px}
&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px}
&::-webkit-scrollbar-thumb{background:#595969;border-radius:4px}
&::-webkit-scrollbar-thumb:hover{background:#d5d6d9;cursor:pointer}
.heading{font-size:24px;line-height:28px;font-family:'ViBold';color:#2f3043;margin:0;text-align:center}
ul{padding:0 0 0 10px;color:#595969;margin:0;li{font-size:12px;line-height:16px;padding:0;margin:0}
}
}
&::backdrop{background-color:#111622;opacity:.8}
}