@charset "UTF-8";body{font-family:Ubuntu;font-style:normal;font-weight:500;color:#fff}.bg-shadow{position:absolute;top:0;left:0;z-index:-1;background-image:url(https://www.playcroco.com/templates/playcroco/images/river.png);width:100%;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center 45%}.bg{position:absolute;top:0;left:0;z-index:-1;background-image:url(https://www.playcroco.com/images/xmaslp2020/river.png);width:100%;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center 45%}*{margin:0;padding:0;border:0}html,body{width:100%;height:100vh;margin:0;scroll-behavior:smooth}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-style:normal;font-weight:normal;font-size:32px;line-height:105%;text-shadow:2px 4px 5px #000}p{font-style:normal;font-weight:normal;font-size:20px;line-height:22px;text-shadow:0px 1px 6px #000;padding-top:40px}.img-responsive{max-width:100%;height:auto;display:block}.center{text-align:center;display:flex;justify-content:center;align-items:center}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.mainGame{width:100%;height:100%}.navbar{display:flex;justify-content:space-between;padding:2rem}.navbar img.logo{filter:drop-shadow(1px 2px 4px rgba(0,0,0,0.75))}.navbar a.loginButton{border:2px solid #1EB275;border-radius:8px;cursor:pointer;align-self:flex-start;display:flex;justify-content:center;align-content:center;padding:8px;text-decoration:none}.navbar a.loginButton:focus{outline:0}.navbar .loginButton{width:111px;background:#093631;border-radius:8px;color:#fff;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))}.introText h1{padding:0 10rem}.introText p{padding:40px 10rem}@media screen and (max-width:768px){.introText h1{font-style:normal;font-weight:bold;font-size:24px;line-height:28px;padding:0 1rem}.introText p{padding:40px 0}}.container.center{flex-direction:column}h1{font-family:Ubuntu;font-style:normal;font-weight:bold;font-size:72px;line-height:70px;text-shadow:0px 1px 6px #000;text-transform:uppercase}h2{font-family:Ubuntu;font-style:normal;font-weight:normal;font-size:32px;line-height:105%;text-shadow:2px 4px 5px #000}.mainGame p{font-style:normal;font-weight:normal;font-size:20px;line-height:22px;text-shadow:0px 1px 6px #000;padding-top:40px}.mainGame a.button{background:linear-gradient(90deg,#FF5600 0%,#FF8600 100%);border-radius:14px;filter:drop-shadow(1px 2px 4px rgba(0,0,0,0.75));width:150px;color:#fff;font-family:Ubuntu;font-style:normal;font-weight:500;font-size:20px;line-height:23px;text-align:center;text-transform:capitalize;margin-top:50px;cursor:pointer;text-decoration:none;display:flex;justify-content:center;align-content:center;padding:12px 0}.mainGame a.button:hover{background:linear-gradient(90deg,#FF8600 0%,#FF5600 100%)}.mainGame a.button:focus{outline:0}@media screen and (max-width:768px){img.logo{width:125px}.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}}.bottomContainer{position:absolute;bottom:0;left:0;right:0;padding:0}.bottomContainer .container{padding:0}.jokes{background-color:#072B24;opacity:0.85}@media screen and (max-width:992px){.jokes{width:100%;background:#04221F;padding:0}}.figures{display:flex;justify-content:center}.figure{width:50%;position:absolute;top:0;left:0;right:0;margin:auto}.figure img{width:100%}.joke{position:relative;display:flex;flex-direction:column}.joke img{width:18px}.joke a.cta{font-family:Ubuntu;font-style:normal;font-weight:bold;font-size:16px;line-height:18px;text-align:center;text-transform:uppercase;background:linear-gradient(90deg,#1EB275 0%,#73DF4F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:992px){.joke{width:100%;min-height:135px}.joke p{font-style:normal;font-weight:normal;font-size:18px;line-height:20px;padding:20px 0}.joke a{font-size:3em;line-height:1}.joke img{width:28px;margin-top:8px}}ul.days{display:flex;justify-content:space-evenly;list-style-type:none;font-family:Lilita One;font-style:normal;font-weight:normal;font-size:75px;line-height:80%;text-shadow:0px 4px 4px rgba(0,0,0,0.25);color:#fff;background-color:#072B24;position:relative;padding:15px}ul.days li{display:flex;align-items:center;filter:drop-shadow(2px 4px 5px #000000);border:2px solid #1EB275;text-align:center;justify-content:center;margin:0 7px;padding:25px 0;background-image:url(https://www.playcroco.com/images/xmaslp2020/day_frame.png);background-size:cover;cursor:pointer;position:relative}@media screen and (max-width:992px){ul.days{font-size:50px}.bg.started,.bg-shadow.started{top:-80px}}.slick-slide{margin:0 2px}.slick-slide{outline:none !important}.slick-slide:focus,.slick-slide a{outline:none !important}.hide{display:none !important}.show{display:block}.slick-next{right:20px !important;z-index:2}.slick-prev{left:0 !important;z-index:2}.slick-prev:before,.slick-next:before{font-size:40px}.slick-slide img{display:flex;justify-content:center;margin:auto}img.locked{max-height:60px}ul.days li.futureDay{color:#c1c1c1}ul.days li.current-day{color:white}ul.days li.color-white{color:white}ul.days li.hidden{color:#545454}ul.days li.hidden:after{content:url(https://www.playcroco.com/images/xmaslp2020/locked.png);display:block;height:80px;width:62px;position:absolute;top:calc(50% - 40px);left:calc(50% - 31px)}ul.days li.hidden.shake:after{animation:shake 0.82s cubic-bezier(0.36,0.07,0.19,0.97) both;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.panel{display:none}.panel p{padding:1rem 0 0.5rem;font-family:Ubuntu;font-style:normal;font-weight:normal;font-size:18px;line-height:20px}.panel h2{font-family:Ubuntu;font-style:normal;font-weight:normal;font-size:32px;line-height:105%}.panel h3{font-style:normal;font-weight:normal;font-size:18px;line-height:20px}.panelWrapper{padding:0 10em}@media screen and (max-width:992px){.panelWrapper{padding:0 15px}}.coupon{border:2px solid #1EB275;padding:1rem 0}.ctaButton{background:linear-gradient(90deg,#1EB275 0%,#73DF4F 100%);margin:0.8rem 0;padding:0.5rem;font-style:normal;font-weight:500;font-size:20px;line-height:23px}.ctaButton a{color:#fff;text-decoration:none;text-transform:uppercase}@media screen and (max-width:992px){.ctaButton a{font-style:normal;font-weight:500;font-size:20px;line-height:23px}}a.terms{font-style:normal;font-weight:normal;font-size:12px !important;line-height:16px !important;padding:0 0 5px 0 !important;text-decoration:none;color:#fff}.shake:hover,.shake:focus{-webkit-animation-name:spaceboots;-webkit-animation-duration:0.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}.phone_landscape{display:none}@media screen and (max-height:400px) and (orientation:landscape){.bg{filter:blur(8px);-o-filter:blur(8px);-ms-filter:blur(8px);-moz-filter:blur(8px);-webkit-filter:blur(8px)}.phone_landscape{background-color:rgba(0,0,0,0.5);color:#fff;background-size:cover;display:block;height:100%;left:0;overflow:hidden;text-align:center;top:0;width:100%;z-index:9999;position:absolute;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:0rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.bg{filter:blur(8px);-o-filter:blur(8px);-ms-filter:blur(8px);-moz-filter:blur(8px);-webkit-filter:blur(8px)}.phone_landscape{background-color:rgba(0,0,0,0.5);color:#fff;background-size:cover;display:block;height:100%;left:0;overflow:hidden;text-align:center;top:0;width:100%;z-index:9999;position:absolute;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}}
