@charset "UTF-8";body{background-image:url(https://www.playcroco.com/templates/playcroco/images/main-background.png);background-size:cover;background-repeat:no-repeat;font-family:Ubuntu;font-style:normal;font-weight:500;background-position:right}*{margin:0;padding:0;border:0}html,body{margin:0;scroll-behavior:smooth;font-family:Ubuntu}h1{font-family:Ubuntu;font-style:normal;font-weight:bold;font-size:72px;line-height:70px;text-shadow:0px 1px 6px #000}h2{font-family:Ubuntu;font-size:32px;font-style:normal;font-weight:700;line-height:37px;letter-spacing:0em;text-align:center}p{font-family:Ubuntu;font-style:normal;font-weight:500;font-size:16px;line-height:18px}.img-responsive{max-width:100%;height:auto;display:block}.center{text-align:center;justify-content:center;align-items:center}a:focus,a:hover{color:#fff !important;text-decoration:none !important;cursor:pointer}.no-padding{padding-left:0px !important;padding-right:0px !important}.mainGame{width:100%;height:100%}.main-container{padding-top:calc(100vh - 770px)}@media screen and (max-height:800px){.main-container{padding-top:calc(100vh - 720px)}}.sidebar{background:#04221f;opacity:.35;height:100%;max-width:406px;position:fixed;left:0;width:25%}.sidebarImage{position:absolute;width:24vw;bottom:0}img.logo{filter:drop-shadow(1px 2px 4px rgba(0,0,0,0.75));max-width:208px;position:absolute;top:48px;left:100px;z-index:1}.close span{position:relative;top:-4px !important;color:#004b36}.modal-backdrop.show{z-index:1 !important}a.loginButton{background:linear-gradient(90deg,#1EB275 0%,#73DF4F 100%);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;cursor:pointer;position:absolute;top:48px;right:100px;justify-content:center;align-content:center;padding:2px;text-decoration:none;z-index:1;width:112px;color:#f2f2f2;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;text-align:center;letter-spacing:-0.05em;text-transform:uppercase;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25));transition:background .3s ease-in-out}a.loginButton:hover{background:linear-gradient(90deg,#73DF4F 0%,#1EB275 100%)}a.loginButton span{background:#093631;display:block;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;padding:7px 30px}a.loginButton:focus{outline:0}.loginButton{width:112px;background:#093631;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;color:#f2f2f2;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;text-align:center;letter-spacing:-0.05em;text-transform:uppercase;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25))}.desc{display:block !important}.mob{display:none !important}.main-container.col-lg-12{padding-right:10px;padding-left:10px;height:100vh;overflow:hidden}.campaignTitle h1{font-family:Ubuntu;font-style:normal;font-weight:bold;font-size:40px;line-height:46px;text-align:center;text-transform:capitalize;color:#f2f2f2;margin-bottom:20px}.card{display:none;max-width:540px;margin:auto;background:transparent;position:absolute;border:0px solid rgba(0,0,0,0);left:calc(50% - 270px);z-index:3}.card .desc{filter:drop-shadow(0px 2px 10px rgba(0,0,0,0.6))}.card .single-card.rotate-hide-card,.card .characterContainer.rotate-hide-card{-webkit-animation:rotate-hide-card-desktop 1s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:rotate-hide-card-desktop 1s cubic-bezier(0.25,0.46,0.45,0.94) both;-webkit-transform-origin:bottom right;transform-origin:bottom right}.card .single-card.rotate-show-card,.card .characterContainer.rotate-show-card{-webkit-animation:scale-anim .6s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:scale-anim .6s cubic-bezier(0.25,0.46,0.45,0.94) both;-webkit-transform-origin:right center;transform-origin:right center}.card .characterContainer.rotate-show-card{-webkit-transform-origin:top center;transform-origin:top center}.card:nth-child(1),.card:nth-child(2),.card:nth-child(3){display:block;max-height:595px}.card:nth-child(2){transform:scale(0.92);left:calc(50% - 185px);z-index:2}.card:nth-child(3){transform:scale(0.82);left:calc(50% - 90px);z-index:1}.card .single-card{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.card .single-card img.mob,.card .single-card img.desc{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;width:100%}.card a.bts{background:linear-gradient(90deg,#1EB275 0%,#73DF4F 100%);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;color:#f2f2f2;font-family:Ubuntu;font-size:14px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:-0.05em;text-align:center;padding:10px 25px}.card a.bts:hover{background:linear-gradient(90deg,#73DF4F 0%,#1EB275 100%)}.card .characterContainer{position:relative;bottom:170px;color:#f2f2f2;left:0;padding:0 20px;min-height:120px}.card .characterContainer p{font-size:16px}.card .characterContainer .cName{font-size:32px}.card .CTAContainer{position:relative;width:100%;height:60px;bottom:150px;max-width:132px;margin:auto}.card .CTAContainer div{filter:drop-shadow(0px 3px 4px rgba(0,0,0,0.65))}.card .CTAContainer .icon-wrapper-1{float:left;text-align:center;background:linear-gradient(90deg,#FF5600 0%,#FF8600 100%);width:60px;height:60px;border-radius:50%}.card .CTAContainer .icon-wrapper-1:hover{background:linear-gradient(90deg,#FF8600 0%,#FF5600 100%)}.card .CTAContainer .icon-wrapper-1 span{display:inline-block;background-image:url(https://www.playcroco.com/templates/playcroco/images/close.png);background-repeat:no-repeat;line-height:30px;width:24px;height:24px;position:relative;top:18px;background-position:center}.card .CTAContainer .icon-wrapper-2{float:right;text-align:center;background:linear-gradient(90deg,#F545CF 1.43%,#FFBEF1 100%);width:60px;height:60px;border-radius:50%}.card .CTAContainer .icon-wrapper-2:hover{background:linear-gradient(90deg,#FFBEF1 1.43%,#F545CF 100%)}.card .CTAContainer .icon-wrapper-2 span{display:inline-block;background-image:url(https://www.playcroco.com/templates/playcroco/images/star.png);background-repeat:no-repeat;line-height:30px;width:35px;height:35px;position:relative;top:11px;background-position:center}.drop-cta-container{-webkit-animation:drop-cta-container-desktop .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:drop-cta-container-desktop .5s cubic-bezier(0.25,0.46,0.45,0.94) both}@media screen and (max-width:768px){.drop-cta-container{-webkit-animation:drop-cta-container .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:drop-cta-container .5s cubic-bezier(0.25,0.46,0.45,0.94) both}}.reverse-drop-cta-container{-webkit-animation:reverse-drop-cta-container-desktop .4s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:reverse-drop-cta-container-desktop .4s cubic-bezier(0.25,0.46,0.45,0.94) both}@media screen and (max-width:768px){.reverse-drop-cta-container{-webkit-animation:reverse-drop-cta-container .4s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:reverse-drop-cta-container .4s cubic-bezier(0.25,0.46,0.45,0.94) both}}.modal-slide-up{-webkit-animation:modal-slide-up .6s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:modal-slide-up .6s cubic-bezier(0.25,0.46,0.45,0.94) both}@media screen and (max-width:768px){.modal-slide-up{-webkit-animation-duration:1s;animation-duration:1s}}.custom-popup-modal img{width:100%;position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.custom-popup-modal button.close{position:absolute;right:23px;top:20px;width:34px;height:34px;border:2px solid #f2f2f2;box-sizing:border-box;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;color:#f2f2f2;opacity:1}.custom-popup-modal button.close:active,.custom-popup-modal button.close:focus{outline:0}.custom-popup-modal .close{font-size:34px;font-weight:100;line-height:1;color:#f2f2f2;text-shadow:unset}.custom-popup-modal .single-card{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;max-height:87vh;min-height:590px;overflow:hidden}.custom-popup-modal .modal-body{padding:0}.custom-popup-modal .modal-content{border:unset;border:0px solid rgba(0,0,0,.2);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;outline:0;max-width:560px;margin:auto}.custom-popup-modal .jokes{color:#f2f2f2;position:absolute;bottom:0;left:0;right:0;margin:0 20px}.custom-popup-modal .jokes p{font-family:Ubuntu;font-size:16px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:0em;text-align:center;margin-bottom:12px}.custom-popup-modal .jokes h3{font-family:Ubuntu;font-size:28px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:0em;text-align:center;margin-bottom:15px}.custom-popup-modal .jokes-busy{color:#f2f2f2;position:absolute;bottom:55px;left:0;right:0;margin:0 20px}.custom-popup-modal .jokes-busy p{font-family:Ubuntu;font-size:16px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0em;text-align:center;margin-bottom:38px}.custom-popup-modal .jokes-busy h3{font-family:Ubuntu;font-size:28px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:0;text-align:center;margin-bottom:15px}.custom-popup-modal .joke p{text-align:center;font-family:Ubuntu;font-size:16px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:0;margin-bottom:20px}.custom-popup-modal .couponWrapper{position:relative;z-index:0;background-color:rgba(0,77,55,.5);border-radius:9px}.custom-popup-modal .couponWrapper:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;border:5px solid transparent;border-radius:8px;background:linear-gradient(to right,#1EB275,#73DF4F) border-box;-webkit-mask:radial-gradient(farthest-side at bottom left,transparent calc(100% - 2px),#fff calc(100% - 4px) 100%) top right/10px 10px,radial-gradient(farthest-side at top right,transparent calc(100% - 2px),#fff calc(100% - 4px) 100%) bottom left/10px 10px,radial-gradient(farthest-side at top left,transparent calc(100% - 2px),#fff calc(100% - 4px) 100%) bottom right/10px 10px,radial-gradient(farthest-side at bottom right,transparent calc(100% - 2px),#fff calc(100% - 4px) 100%) top left/10px 10px,linear-gradient(#fff,#fff) top/100% 2px,linear-gradient(#fff,#fff) bottom/100% 2px,linear-gradient(#fff,#fff) left/2px 100%,linear-gradient(#fff,#fff) right/2px 100%;-webkit-mask-repeat:no-repeat;mask:radial-gradient(farthest-side at bottom left,transparent calc(100% - 2px),#fff calc(100% - 4px) 100%) top right/10px 10px,radial-gradient(farthest-side at top right,transparent calc(100% - 2px),#fff calc(100% - 4px) 100%) bottom left/10px 10px,radial-gradient(farthest-side at top left,transparent calc(100% - 2px),#fff calc(100% - 4px) 100%) bottom right/10px 10px,radial-gradient(farthest-side at bottom right,transparent calc(100% - 2px),#fff calc(100% - 4px) 100%) top left/10px 10px,linear-gradient(#fff,#fff) top/100% 2px,linear-gradient(#fff,#fff) bottom/100% 2px,linear-gradient(#fff,#fff) left/2px 100%,linear-gradient(#fff,#fff) right/2px 100%;mask-repeat:no-repeat}.custom-popup-modal .couponWrapper .coupon{border-radius:8px;position:relative;min-height:160px;padding-top:12px;cursor:pointer}.custom-popup-modal .couponWrapper .coupon p{font-size:16px !important;margin-bottom:12px;margin-top:4px;text-align:center}.custom-popup-modal .couponWrapper .coupon a{display:block;width:100%;min-height:36px;background:linear-gradient(90deg,#1EB275 0%,#73DF4F 100%);font-family:Ubuntu;font-size:14px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:-0.05em;text-align:center;text-decoration:none;color:#f2f2f2;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.custom-popup-modal .couponWrapper:hover:before{background:linear-gradient(to right,#73DF4F,#1EB275) border-box}.custom-popup-modal .couponWrapper:hover a{background:linear-gradient(90deg,#73DF4F 0%,#1EB275 100%)}h2.popupTitleBold{font-size:40px;font-style:normal;font-weight:700;line-height:46px;letter-spacing:0em;text-align:center}p.popupTitleSmall{font-size:14px !important;font-weight:400 !important;margin-bottom:0 !important}.terms{font-size:10px !important;margin-top:22px !important;margin-bottom:10px !important;font-weight:500 !important}@media screen and (max-width:1199px){.sidebar{display:none}.sidebarImage{display:none}.modal{top:0px}body{background-image:url(https://www.playcroco.com/templates/playcroco/images/mobile-bgd.png);background-size:cover;background-position:right}}@media screen and (max-width:1025px){.custom-popup-modal .single-card{max-height:unset;min-height:unset;overflow:unset}}@media screen and (width:1024px){.main-container{padding-top:calc(100vh - 1000px)}.modal-content{top:230px}}@media screen and (max-width:768px){body{background-image:url(https://www.playcroco.com/templates/playcroco/images/mobile-bgd.png);height:100vh;background-size:cover}.campaignTitle h1{display:none}.main-container{padding-top:84px}img.logo{filter:drop-shadow(1px 2px 4px rgba(0,0,0,0.75));max-width:208px;position:absolute;top:10px;left:10px}a.loginButton:focus{outline:0}a.loginButton{background:linear-gradient(90deg,#1EB275 0%,#73DF4F 100%);border-radius:8px;-webkit-border-radius:10px;-moz-border-radius:10px;cursor:pointer;position:absolute;top:10px;right:10px;justify-content:center;align-content:center;padding:2px;text-decoration:none;z-index:1;width:100px;color:#f2f2f2;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;text-align:center;letter-spacing:-0.05em;text-transform:uppercase;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25))}a.loginButton span{background:#093631;display:block;border-radius:8px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:7px 25px}.coupon{min-height:145px !important}.coupon h2{line-height:26px}.campaignTitle h1{color:#f2f2f2;font-family:Ubuntu;font-style:normal;font-weight:bold;font-size:40px;line-height:46px;text-align:center;text-transform:uppercase;display:none}.card{display:none;max-width:540px;margin:auto;background:transparent;position:relative;border:0 solid rgba(0,0,0,0);left:unset;z-index:3}.card .single-card.rotate-hide-card,.card .characterContainer.rotate-hide-card{-webkit-animation:rotate-hide-card 1s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:rotate-hide-card 1s cubic-bezier(0.25,0.46,0.45,0.94) both;-webkit-transform-origin:bottom right;transform-origin:bottom right}.card .single-card.rotate-show-card,.card .characterContainer.rotate-show-card{-webkit-animation:rotate-show-card .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:rotate-show-card .5s cubic-bezier(0.25,0.46,0.45,0.94) both;-webkit-transform-origin:bottom left;transform-origin:bottom left}.card:nth-child(2),.card:nth-child(3){display:none;max-height:595px}.card .CTAContainer{max-width:100%}.card .CTAContainer .icon-wrapper-1{margin-left:30px}.card .CTAContainer .icon-wrapper-2{margin-right:30px}p.cMiles{font-size:14px !important;font-weight:400}p.cMiles img{width:13px;height:13px;margin-top:-3px}p.cName{font-size:20px !important;font-weight:500;margin-bottom:8px}img.logo{position:absolute;top:10px;left:10px;max-width:100px !important}.mainGame h1{font-style:normal;font-weight:bold;font-size:40px;line-height:38px}.mainGame p{text-align:left;font-style:normal;font-weight:normal;font-size:18px;line-height:20px}.desc{display:none !important}.mob{display:block !important}}@media (min-width:576px){.modal-dialog{max-width:540px}}@media screen and (max-width:340px){.coupon h2{font-size:30px !important}}.phone_landscape{display:none}@media all and (max-height:769px)and (max-width:1024px)and (orientation:landscape){.phone_landscape{background-color:rgba(0,0,0,.5);color:#f2f2f2;background-size:cover;display:block;height:100vh;left:0;overflow:hidden;text-align:center;top:0;bottom:0;width:100%;z-index:9999;position:fixed;filter:blur(0px) !important;-o-filter:blur(0px) !important;-ms-filter:blur(0px) !important;-moz-filter:blur(0px) !important;-webkit-filter:blur(0px) !important}.phone_landscape .container{padding-top:5rem}}@media screen and (max-width:766px)and (min-height:651px){.main-container{padding-top:40%}.modal{top:60px}}@media screen and (max-width:281px)and (min-height:651px){.main-container{padding-top:50%}.modal{top:75px}}.custom-popup-modal .modal-dialog{-webkit-transform:translateY(-1000px);-moz-transform:translateY(-1000px);-ms-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.custom-popup-modal.show .modal-dialog{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}@media screen and (width:540px)and (height:720px){.card{max-width:390px}.main-container{padding-top:20%}.custom-popup-modal .modal-content{max-width:390px}}