body{background:linear-gradient(to bottom,#167cf9,#177fff,#0e4b98)}
.header{height:64px}
button{border:0}
*:focus{outline:0}
.logo{margin-top:10px}
.navbar ul li{padding:0 10px}
.navbar-nav>li>a{line-height:50px}
.navbar ul li a{color:#ffffff;font-weight:600}
.navbar ul li:active a,.navbar ul li:focus a,.navbar ul li:hover a{color:#fedb32;text-decoration:none}
.navbar-default{background-color:transparent;border-color:transparent}
.navbar-default .navbar-nav>li>a{color:#ffffff}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a.active{color:#fedb32}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.prop-header{min-height:85px;height:85px;border-radius:0;margin-bottom:0;z-index:9}
.login{margin-top:20px}
.login-button{padding:10px 33px;background-color:#FFF;border-radius:50px;font-weight:700;font-size:20px;color:#1678f2;border-bottom:3px solid #aed2ff}
.old-blue-bg{background:#139FFD}
@media only screen 
and (min-device-width:768px) 
and (max-device-width:1024px){.navbar-nav{margin:6% 0 0 0}
.home-footer .container{width:100%}
.footer-nav .container .row{margin:0}}
@media (max-width:767px){.prop-header{min-height:51px;height:51px}
.prop-header .navbar-collapse ul li a{font-size:1.5em;text-align:center;line-height:25px}
.navbar-brand{width:84%}
.logo{max-width:68%;margin-top:-16px}
.navbar-collapse{border:0px;background:linear-gradient(to bottom,#80ccfe 0%,#29a9ff 100%);box-shadow:none}
.login{text-align:center;margin-bottom:15px}}
.pop-banner{position:relative}
.pop-banner .img-responsive{width:100%}
.play-now{font-size:52px;padding:5px 60px 15px;border-bottom-width:10px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}
.footer-nav{text-align:center;margin-top:70px}
.footer-nav ul{float:none}
.footer-nav li{border-right:1px solid #fff;line-height:15px;display:inline-block;float:none}
.footer-nav .navbar-nav>li>a{padding-top:0;padding-bottom:0;line-height:15px;font-weight:normal}
.footer-nav li:last-child{border:0}
@media (max-width:767px){.footer-nav{margin-top:40px}
.footer-nav ul{margin-right:0}}
.copyright{color:#FFF}
.copyright p{margin-top:20px}
.copyright span.circle{height:48px;background-color:#9fbcdf;width:48px;display:inline-block;border-radius:50%;margin-bottom:30px;margin-top:20px}
.pop-btn{padding:10px 35px;font-size:28px;border-bottom-width:7px}
.pop-btn-default,.buy-mem-btn{background-color:#00ed57;border-radius:66px;color:#ffffff;cursor:pointer;border-bottom-style:solid;border-bottom-color:#00a33c;font-weight:bold;border-top-width:0;border-right-width:0;border-left-width:0}
.buy-mem-btn{display:inline-block}
.pop-link-default{color:#526e90;font-size:16px;font-weight:bold}
.pop-link-default:hover{text-decoration:none;color:#526e90}
.from-blog{width:325px;background-color:#fedb32;transform:rotate(-16deg);color:#1678f2;font-weight:600;padding:15px;box-shadow:4px 6px 0px 0px #0e54b7;position:relative}
.blog-icon,.explore-icon,.member-icon{display:inline-block;border-radius:50%;width:100px;height:100px;text-align:center;line-height:100px;margin-top:-40px}
.blog-icon{background-color:#fff;box-shadow:5px 5px 3px 2px #c1ae2a;position:absolute;right:45px;top:-10px}
.explore-icon{background-color:#fedb32;box-shadow:5px 5px 3px 2px #1165d7}
.member-icon{background-color:#fedb32;box-shadow:5px 5px 3px 2px #1165d7}
.blog-icon img,.explore-icon img,.member-icon img{width:67px}
.from-blog h2{font-size:30px;font-weight:bold;width:200px}
.from-blog p{margin-bottom:5px}
.from-blog p.read-more{font-size:18px;font-weight:bold}
.explore-pop h2,.become-member h2{color:#ffffff;margin-top:20px;font-size:30px;font-weight:bold}
.explore-pop p,.become-member p{color:#fedb32;font-size:20px;font-weight:bold}
.explore-pop2 h2,.become-member h2{color:#fedb32;font-size:30px;font-weight:bold}
.explore-pop2 p,.become-member p{color:#ffffff;font-size:18px;font-weight:bold}
@media (max-width:767px){.blog-icon,.explore-icon,.member-icon{margin-top:10px}}
.contact-poptropica{background-image:url('/images/cloud-left.png');background-repeat:no-repeat;min-height:445px;width:100%;margin-top:70px;background-size:contain}
.safety{background-image:url('/images/cloud-right.png');background-repeat:no-repeat;min-height:445px;width:100%;background-position:right;background-size:contain}
.safety-content-wrapper{margin-top:21%;position:relative;min-height:200px}
.pop-learn-more{background-image:url(/images/learn-more-bg.png);background-repeat:no-repeat;min-height:535px;width:100%;background-size:contain;margin-top:38%}
.pop-about-more{background-image:url(/images/learn-more-bg.png);background-repeat:no-repeat;min-height:535px;width:100%;background-size:contain;margin-top:10%}
.contact-poptropica p,.safety p,.pop-about-more p,.pop-learn-more p{color:#093061;font-size:14px}
.text-banner,.safety,.pop-about-more,.pop-learn-more{position:relative}
.text-banner img,.safety img,.pop-about-more img,.pop-learn-more img{position:absolute}
img.flying-img{right:-45px;top:0;width:46%;z-index:2}
.banner-content{position:absolute;width:70%;left:0;top:135px;z-index:1;background:url(/images/text-banner.png);background-size:100% 100%;padding:6% 15% 17% 9%}
.p-content{max-height:220px;overflow:hidden;overflow-y:auto}
body:-webkit-scrollbar{width:2px}
input.pop-btn-default,.buy-mem-btn{margin-top:20px}
.safety{margin-top:0px}
.safety-content{position:absolute;width:72%;right:12%;top:0;z-index:0;background:url(/images/text-banner.png);background-size:100% 100%;padding:8% 15% 18% 13%}
.safety-banner-img{right:135px;top:242px}
.parentApproved{right:5%;top:115%;width:27%}
.flyingObject{top:56%;width:27%}
.character-team{top:8%;right:-5%;width:42.5%}
.learnmore-content{width:46%;position:absolute;top:16%;left:8%}
.aboutmore-content{width:46%;position:absolute;top:16%;left:8%}
@media (max-width:767px){.contact-poptropica{min-height:305px;margin-top:25px}
.safety{min-height:305px;margin-top:40px}
.safety-content-wrapper{margin-top:14%}
.banner-content{top:65px;padding:2% 13% 18% 9%}
.pop-learn-more{width:90%;background-size:100% 100%;margin-top:25%;min-height:325px}
.pop-about-more{width:90%;background-size:100% 100%;margin-top:25%;min-height:325px}
.banner-content h2,.safety h2,.pop-about-more h2,.pop-learn-more h2{font-size:22px}
.p-content{max-height:140px}
img.flying-img{right:-5px;top:-5px;width:43%}
.safety-content{right:2%;padding:2% 13% 18% 9%}
.safety-banner-img{right:19px;top:72px;width:70%}
.flyingObject{top:0;width:32%}
.parentApproved{right:0;top:95%;width:22%}
.learnmore-content{width:65%;top:8%}
.aboutmore-content{width:65%;top:8%}
.character-team{top:8%;right:-12%;width:37%}}
.banner-section{background-image:url('/images/background-banner.jpg');background-size:100% auto;background-repeat:no-repeat;min-height:254px;background-color:#167cf9}
.plan-item,.offer{background-color:#fff;padding:40px 25px;margin-top:-80px;box-shadow:7px 10px 1px 1px #0f53a5;text-align:center;display:block}
.pop-default-font-style,.term-wrap,.price-wrap{color:#1678f2;font-weight:bold}
.offer > span{display:block;line-height:normal}
.selected-pop-plan,.pop-login-purchase{background-color:#ffffff;padding:40px;min-height:475px;box-shadow:7px 10px 1px 1px #0f53a5;position:relative}
.selected-pop-plan img.rabbit{position:absolute;top:-45px;left:-83px}
.selected-pop-plan .plan-content{float:right}
.input-control,.recurly-hosted-field{width:100%;height:60px;padding:0 15px;background-color:#f3f3f3;box-shadow:inset 1px 1px 1px 0px #cacaca;border:0;margin-bottom:15px}
.recurly-hosted-field{width:100%!important;height:60px!important;background-color:#f3f3f3!important;border:0!important}
#recurly-cvv-div{padding-left:0px!important}
.pop-login-purchase input{margin-bottom:20px;font-size:24px}
#termsofuse{width:100%;max-height:140px;padding:15px;overflow:hidden;color:#a1a1a1;background-color:#eeeeee;overflow-y:auto}
.plan-content{text-align:center}
.plan-content span{display:block;line-height:100%}
.plan-item .plan-month,.offer .term{font-size:35px}
.plan-item h2,.offer .price{font-size:5vw}
.POP-MBR06{position:relative}
.best-value,.POP-MBR06{padding-top:91px;margin-top:-105px}
.POP-MBR06 .price{font-size:6vw}
.buyNow,.buy-mem-btn{margin-top:42px;margin-bottom:35px}
.membership-benefit .row{margin-bottom:110px}
.membership-benefit .row:last-child{margin-bottom:0}
.membership-benefit h2{margin-top:80px;margin-bottom:60px;font-weight:bold;color:#bdd9fb;text-align:center}
.membership-benefit img{vertical-align:top}
img#clubhouse{margin-top:-20px}
.membership-benefit .membership-benefit-icon{height:65px;vertical-align:top;display:inline-block}
.membership-benefit h4.benefit-title{color:#fedb32;font-weight:bold;display:inline-block;margin-left:15px;vertical-align:middle}
.membership-benefit .benefit-content{color:#fff;margin-left:58px}
img#buy-membership-character{margin-top:-175px}
.selected-title{font-size:20px}
.plan-month,.selected-pop-plan .term-wrap{font-size:40px}
.rate{font-size:72px}
.plan-bottomtext{position:absolute;bottom:70px}
.pop-login-purchase h4{margin-bottom:40px;width:74%}
.title-img{width:90px}
.plan-title{margin-top:-45px}
a.pop-link-default{margin-left:15px}
.change-plancurrency{right:57px}
.purchase-form{margin-top:30px}
#login-directions span{color:#aa0000}
.info-text{color:#fff}
p.selected-character{font-size:24px;font-weight:bold;margin-bottom:5px}
p.selected-character span{color:#fedb32}
p.change-character{margin-bottom:50px}
.change-character a{color:#fff;font-weight:bold}
.sub-form{margin-bottom:25px}
.sub-form h4{color:#bdd9fb;margin-bottom:25px}
input[type="radio"]:checked,[type="radio"]:not(:checked),input[type="checkbox"]:checked,[type="checkbox"]:not(:checked){position:absolute;left:-9999px}
[type="radio"]:checked + label,[type="radio"]:not(:checked) + label,[type="checkbox"]:checked + label,[type="checkbox"]:not(:checked) + label{position:relative;padding-left:40px;cursor:pointer;line-height:28px;display:inline-block;color:#bdd9fb}
[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before,[type="checkbox"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:28px;height:28px;border:3px solid #628cc0;border-radius:100%}
[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="checkbox"]:not(:checked) + label:after{content:'';width:22px;height:22px;background:#FFF;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
[type="radio"]:not(:checked) + label:after,[type="checkbox"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
[type="radio"]:checked + label:after,[type="checkbox"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
#order-submit,input[type='button'],.buy-mem-btn{font-size:28px;border-bottom-width:7px;border-top:0;border-right:0;border-left:0;border-bottom-color:#00c357}
#order-submit{padding:15px 80px}
input[type='button'],.buy-mem-btn{padding:10px 40px}
.col-right-margin{margin-right:20px}
.pop-col-6{width:66%}
.pop-col-1{width:29.33%}
.pop-col-4{width:60%}
.pop-col-2{width:35.33%}
.pop-col-6,.pop-col-1,.pop-col-4,.pop-col-2{display:inline-block}
.character{margin-top:-98px}
.best-value-icon{width:230px;margin-left:-45px;margin-top:-210px}
#tour-buy-wrapper #plan-select-form .POP-MBR06:after,#tour-buy-wrapper #sectionB #selectedPlan #planDisplay .POP-MBR06:after,.POP-MBR06:after{content:" ";background-image:url('/images/best-value.png');background-repeat:no-repeat;position:absolute;top:-76px;left:-50px;width:230px;height:230px;background-size:contain}
label.error{color:white}
p.error{color:white;text-align:right;display:block}
.already_logged_in{display:none !important}
@media (max-width:767px){.membership-benefit{margin-bottom:0}
.membership-benefit h2{margin-top:30px;margin-bottom:20px;text-align:left}
.character{margin-top:0px}
.selected-pop-plan{margin-top:30px;padding:15px;min-height:290px}
.selected-pop-plan img.rabbit{top:-45px;left:-30px;width:150px}
.selected-pop-plan .title-img img{width:80%}
.selected-pop-plan .plan-content{position:absolute;right:20px}
.change-plancurrency{white-space:nowrap;right:30px;bottom:25px}
.pop-login-purchase{margin-top:20px;padding:20px}
.pop-login-purchase h4{width:100%;font-size:22px}
.pop-login-purchase .plan-bottomtext{bottom:35px}
.purchase-form{margin-top:20px}
#order-submit{width:100%;padding-right:40px;padding-left:40px;font-size:3vh}}
.modal-content{background-color:#167cf9}
.modal-title{text-transform:uppercase;font-size:25px;font-weight:600;color:#fff}
.modal-body .offer{padding-right:15px;padding-left:15px;margin-top:0}
.modal-body .POP-MBR06{padding-top:65px;margin-top:-10px}
.POP-MBR06:after{top:-45px;left:-25px;width:50%;height:50%}
.modal-body .term,.modal-body .plan-month{font-size:2vw}
.modal-body .price{font-size:4vw}
.modal-body .POP-MBR06 .price{font-size:5vw}
.modal-body .buy-mem-btn{padding-left:30px;padding-right:30px;font-size:18px;margin-top:20px;margin-bottom:20px;border-bottom-width:3px}
.modal-body .pop-link-default{font-size:14px}
.modal-body p{color:#ffffff;text-align:center;margin-top:15px}
#currencyModal .modal-dialog{max-width:446px;margin:0 auto}
#currencyModal .modal-content{background-color:#ffffff}
#currencyModal .modal-title{color:#167cf9}
#currency-field span{font-family:'Avenir';font-size:13px;line-height:20px;font-weight:500;color:#167fc9;display:block;background:url(/images/store/flag-sprite.png) no-repeat 0 0;width:120px;height:78px;float:left;padding-top:78px;text-align:center;box-shadow:0px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.3);-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.3)}
#currency-field label{float:none;margin:0 9px 30px}
#currency-field label input{margin-top:90px;position:relative;left:50px;float:left;opacity:0}
#currency-field label input{margin-top:0;position:absolute;left:50%}
#currency-field .selected span{border:3px solid #fad008}
#CAD span{background-position:-128px 0}
#EUR span{background-position:-257px 0}
#GBP span{background-position:0 -88px}
#JPY span{background-position:-130px -88px}
@media (max-width:767px){.banner-section{min-height:145px}
.plan-item,.offer{padding:22px 5px;margin-top:-85px}
.plan-month,.offer .term{font-size:5vw}
input[type='button'],.buy-mem-btn{padding:5px 14px}
#completePurchase,input[type='button'],.buy-mem-btn{font-size:14px;border-bottom-width:2px}
.buyNow,.buy-mem-btn{margin-top:15px;margin-bottom:15px}
.best-value,.POP-MBR06{padding-top:46px;margin-top:-105px}
#tour-buy-wrapper #plan-select-form .POP-MBR06:after,#tour-buy-wrapper #sectionB #selectedPlan #planDisplay .POP-MBR06:after,.POP-MBR06:after{top:-24px;left:-15px;width:74px;height:74px}}
@media all and (max-width:768px){}
@media all and (max-width:985px){}
@media only screen and (min-width:768px) and (max-width:991px){}
@media only screen and (min-width:300px) and (max-width:412px){}
@media only screen and (min-width:300px) and (max-width:374px){.banner-content a input{margin-top:10px}
.banner-content h2,.safety h2,.pop-about-more h2,.pop-learn-more h2{font-size:16px}
.contact-poptropica p,.safety p,.pop-about-more h2,.pop-learn-more p{font-size:13px}
.navbar-brand{width:80%}
.logo{margin-top:-10px}
.buy-mem-btn{font-size:12px;padding-right:7px;padding-left:7px}
.modal-body .offer{padding-right:5px;padding-left:5px}
.modal-body .buy-mem-btn{padding-left:8px;padding-right:8px;font-size:10px}}
@media only screen and (min-width:375px) and (max-width:667px){.banner-content h2,.safety h2,.pop-about-more h2,.pop-learn-more h2{font-size:20px}
#completePurchase,input[type='button'],.buy-mem-btn{font-size:13px}
.modal-body .offer{padding-right:5px;padding-left:5px}
.modal-body .term,.modal-body .plan-month{font-size:5vw}
.modal-body .price{font-size:6vw}
.modal-body .POP-MBR06 .price{font-size:6vw}
.modal-body .buy-mem-btn{padding-left:10px;padding-right:10px;font-size:13px}
.modal-body .pop-link-default{font-size:13px}}
@media all and (max-width:320px){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.prop-header.navbar ul li{padding:0px}
.selected-pop-plan img.rabbit{top:-45px;left:-60px;width:55%}
img.flying-img{right:-25px}
.safety-banner-img{width:65%;right:125px;top:49%}
.parentApproved{top:100%}
.pop-learn-more{width:90%;margin-top:30%}
.pop-about-more{width:90%;margin-top:30%}
.character-team{top:7%;right:-14%;width:39%}
.p-content{max-height:150px}
.from-blog{width:100%}
.play-now{font-size:48px;padding:15px 70px 15px}
input[type='button'],.buy-mem-btn{padding:10px 20px}
#order-submit{padding:15px 40px}}
@media only screen and (min-device-width:768px) and (max-device-width:990px){.navbar-header{width:35%}
.prop-header .nav>li>a{padding-right:12px;padding-left:12px}
.login{margin-top:24px}
.login-button{padding:7px 22px;font-size:14px}
img.flying-img{right:0px;width:43%;top:55px}
input[type='button'],.buy-mem-btn{padding:10px 20px;font-size:15px}
.learnmore-content{width:65%;top:7%}
.aboutmore-content{width:65%;top:7%}
.safety-banner-img{width:70%;right:62px}
.character-team{right:-13%}
.contact-poptropica{min-height:393px}
.play-now{font-size:35px;padding:15px 55px 15px}}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}
@media only screen and (max-device-width:767px) and (orientation:landscape){.logo{max-width:36%}
.play-now{font-size:30px;padding:15px 45px;border-bottom-width:3px;left:35%;top:35%}}
@media only screen and (max-device-width:767px) and (orientation:portrait){.play-now{font-size:16px;padding:15px 30px;border-bottom-width:3px}}
@media only screen and (max-width:910px){}
@media only screen and (min-width:768px){}
@media only screen and (max-width:767px){}
@media only screen and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){}
@media (min-width:1480px){.plan-item h2,.offer .price{font-size:3.5vw}
.POP-MBR06 .price{font-size:5vw}
.modal-body .price{font-size:2.5vw}
.modal-body .POP-MBR06 .price{font-size:4vw}}
.hm-mobile{margin-top:25px;margin-bottom:20px}
.hm-mobile h1{font-size:32px;font-weight:bold;letter-spacing:1px;color:#167efd}
.hm-mobile p{font-size:20px}
.hm-get-app img{max-width:100%;margin:10px 0 25px 0}
.hm-mobile-card{padding:25px 15px;background-image:url(/images/home/white-paper-background.png);background-repeat:no-repeat;background-size:100% 100%}
.hm-mobile-card-row{display:flex;align-items:center}
.hm-btn-card{font-weight:normal;font-size:20px;text-transform:uppercase;padding:12px 15px;border:none}
.hm-btn-card:hover{color:#fff}
.hm-news img{z-index:1;width:20%;position:absolute;bottom:5%;right:5%}
.hm-mobile-card-int{padding:15px}
.hm-news p{max-width:75%}
@media only screen and (max-width:768px){.hm-icon{padding-left:25px}}
@media only screen and (max-width:540px){.hm-mobile h1{font-size:24px;letter-spacing:normal;margin-top:0}
.hm-mobile p{font-size:14px}
.hm-mobile-card{padding-top:15px;padding-bottom:15px}
.hm-icon{padding-left:8px;padding-right:8px}
.hm-content{padding-left:5px;padding-right:8px}
.hm-btn-card{font-size:13px;padding:5px 10px}
.hm-news p{max-width:82%}}