html{font-size:16px;height:100%;background:#f5f5f5}body{height:auto!important}h1{display:block;width:100%;text-align:center;margin:50px 0}.message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10}.message-overlay .message-box{border-radius:10px;background:#fff;padding-bottom:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;max-width:400px;-webkit-box-sizing:border-box;box-sizing:border-box}.message-overlay .message-box .message{text-align:left;padding:30px 25px 20px 25px;font-size:15px;font-family:Helvetica}.message-overlay .message-box .buttons{border-top:1px solid rgba(0,0,0,.15);font-size:0}.message-overlay .message-box .buttons button{font-size:16px;font-family:Helvetica;font-weight:700;background:0 0;display:inline-block;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;padding:15px 0;margin:0;outline:0;cursor:pointer}.message-overlay .message-box .buttons button:first-child{border-right:1px solid rgba(0,0,0,.15)}.message-overlay .message-box .buttons button.gray{color:rgba(0,0,0,.3)}.message-overlay .message-box .buttons button.theme{color:rgb(13.8887063205%,66.3073721109%,62.2751670501%)}.message-overlay .message-box .buttons button:active{background-color:rgba(0,0,0,.05)}.package-changers{width:100%;font-size:0;margin-bottom:10px}.package-changer{display:inline-block;font-size:1.2rem;font-weight:700;margin-left:20px;padding:5px 0;cursor:pointer;margin-bottom:40px}.package-changer:first-child{margin-left:0}.package-changer.active{border-bottom:2px solid #4ab49d}.package-changer:hover{border-bottom:2px solid rgba(74,180,157,.5)}.package-changer:active{opacity:.5}img{-webkit-user-drag:none;-moz-user-drag:none;user-drag:none}.action-button{padding:5px;border:1px solid #4ab49d;color:#1f948b;border-radius:5px;-webkit-font-smoothing:subpixel-antialiased;-moz-font-smoothing:unset;background:0 0;min-width:80%;margin-top:10px;font-size:.9rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;opacity:1;outline:0;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.action-button:not(.loading):hover{background:-webkit-gradient(linear,left bottom,left top,from(rgba(31,148,139,.15)),color-stop(50%,rgba(31,148,139,.05)),to(transparent));background:linear-gradient(0deg,rgba(31,148,139,.15) 0,rgba(31,148,139,.05) 50%,transparent)}.action-button:active{opacity:.5}.action-button:focus{-webkit-box-shadow:0 0 0 3px rgba(31,148,139,.5);box-shadow:0 0 0 3px rgba(31,148,139,.5)}.action-button.loading{opacity:.6;color:rgba(31,148,139,.5)}.action-button.loading:before{display:block}.action-button:before{display:none;content:" ";height:20px;width:20px;position:absolute;top:50%;left:calc(100% + 3px);-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(/resources/images/ajax-spinner.gif);background-size:contain;background-position:center;background-repeat:no-repeat}.plans{font-size:0}.plans .plan-wrapper{display:inline-block;width:25%;padding:0 10px;vertical-align:top;height:100%}@media only screen and (max-width:1024px){.plans .plan-wrapper{width:50%;margin-bottom:20px}}@media only screen and (max-width:768px){.plans .plan-wrapper{width:100%;margin-bottom:20px}}.plans .plan-wrapper .plan-preview{height:100%;width:100%;background:#f6f6f6;border:1px solid rgba(0,0,0,.1);border-radius:5px;padding:25px 20px;font-size:16px;position:relative}.plans .plan-wrapper .plan-preview.popular{border-color:#199fd0;border-top-left-radius:0;border-top-right-radius:0;-webkit-box-shadow:0 0 30px rgba(0,0,0,.25);box-shadow:0 0 30px rgba(0,0,0,.25)}.plans .plan-wrapper .plan-preview.popular .most-popular{display:block}.plans .plan-wrapper .plan-preview.popular .perks{border-top-color:rgba(25,159,208,.3)}.plans .plan-wrapper .plan-preview.popular .storage{color:#199fd0}.plans .plan-wrapper .plan-preview.popular .yearly-purchase a{color:#199fd0}.plans .plan-wrapper .plan-preview.popular .action-button{border-color:#199fd0;color:#199fd0}.plans .plan-wrapper .plan-preview.popular .action-button:not(.loading):hover{background:-webkit-gradient(linear,left bottom,left top,from(rgba(25,159,208,.15)),color-stop(50%,rgba(25,159,208,.05)),to(transparent));background:linear-gradient(0deg,rgba(25,159,208,.15) 0,rgba(25,159,208,.05) 50%,transparent)}.plans .plan-wrapper .plan-preview.popular .action-button:focus{-webkit-box-shadow:0 0 0 3px rgba(25,159,208,.3);box-shadow:0 0 0 3px rgba(25,159,208,.3)}.plans .plan-wrapper .plan-preview .most-popular{position:absolute;bottom:100%;left:-1px;border-top-left-radius:5px;border-top-right-radius:5px;background:#199fd0;color:#fff;font-weight:700;width:calc(100% + 2px);line-height:25px;font-size:16px;text-align:center;display:none}.plans .plan-wrapper .plan-preview .name{font-size:2rem;font-weight:400}.plans .plan-wrapper .plan-preview .price{line-height:1;margin-top:2px;font-size:1rem;font-weight:400}.plans .plan-wrapper .plan-preview .storage{margin-top:30px;color:#1f948b;font-weight:700;font-size:1.5rem}.plans .plan-wrapper .plan-preview .current{margin-top:10px;font-weight:400;font-size:14px;opacity:.4;line-height:40px}.plans .plan-wrapper .plan-preview .action-button{width:auto;min-width:auto;line-height:40px;padding:0 15px;font-weight:400}.plans .plan-wrapper .plan-preview .yearly-purchase{margin-top:10px;height:20px;width:100%;line-height:20px;display:inline-block}.plans .plan-wrapper .plan-preview .yearly-purchase a{color:#1f948b;font-size:.8rem;font-weight:700}.perks{border-top:1px solid rgba(0,0,0,.1);margin-top:30px;padding-top:20px;text-align:left;-webkit-box-sizing:content-box;box-sizing:content-box}.perks .perk{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px}.perks .perk img{height:12px}.perks .perk span{font-weight:400;margin-left:10px;white-space:nowrap;font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.center{width:90%;margin:0 auto;text-align:center;margin-top:30px}.center .packages-explanation{font-size:16px;margin-bottom:20px;color:rgba(0,0,0,.5)}.center .perks{display:inline-block;border-top:none;margin-top:0;padding-top:0}.paddle-frame{width:100vw!important;height:100vh!important}