body { background-color:#fff; } h1 { font-size:42px; color:#fff; } h2 { font-size:30px; text-align:center; color:#345680; } #wrapper.ulmt-upgrade { margin-top: 50px; background-color: #fff; max-width: none; width:auto; padding:0; } div.upgrade-s { max-width:928px; margin:auto; } div.upgrade-h { padding-top:85px; padding-bottom:153px; text-align:center; background-color:#29b6f6; } div.upgrade-h p { margin-bottom:30px; } div.upgrade-h p strong { font-family: 'Roboto Condensed', sans-serif; font-size:30px; line-height:140%; font-weight:normal; color:#ffe082; } div.upgrade-h p span { display:block; font-size:18px; margin-top:25px; text-transform:uppercase; color:#fff; } #wrapper.ulmt-upgrade p.sbtt { margin-top:0; text-align:center; line-height:140%; } #wrapper.ulmt-upgrade p.sbtt span { padding:0 4px; background-color:#4caf50; color:#fff; } div.products { position:relative; padding-top:153px; padding-bottom:50px; margin-bottom:30px; text-align:center; background-color:#eceff1; } div.products p.img { position:absolute; top:-153px; left:50%; margin-left:-142px; } div.products p.img img { width:284px; height:306px; } div.products div.buy { margin-top:20px; margin-bottom:30px; text-align:center; background-color:#eceff1; } div.products div.buy p { display:inline-block; margin:0; width:100%; max-width:190px; vertical-align:bottom; line-height:120%; } div.products div.buy p:last-child { margin-left:60px; } div.products div.buy span { display:block; margin-bottom:6px; font-size:16px; color:#333; } div.products div.buy span.discount { font-family: 'Roboto', sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; color:#ec407a; } div.products div.buy p a.bt { font-family: 'Roboto', sans-serif; font-size:17px; padding:0; height:48px; width:100%; font-weight:normal; line-height:48px; text-transform:uppercase; color:#fff; background-color:#0288d1; border:none; } div.products div.buy p a.bt:hover { background-color:#0274b2; } div.products div.buy p.yearly a.bt { background-color:#ec407a; } div.products div.buy p.yearly a.bt:hover { background-color:#d81b60; } div.products p.note { margin-bottom:0; color:#90a4ae; } div.upgrade-features { margin-left:-23px; padding:30px 0; text-align:center; } div.upgrade-features p { display:inline-block; line-height:140%; width:290px; margin-left:23px; margin-bottom:30px; text-align:center; color:#5e6d80; vertical-align:top; } div.upgrade-features p > * { display:block; } div.upgrade-features p span.ficon { width:36px; height:36px; margin:auto; margin-bottom:16px; } div.upgrade-features p span.ficon i { font-size:36px; } div.upgrade-features p span.ficon.mynews i { color:#ec407a; } div.upgrade-features p span.icon { width:36px; height:36px; margin:auto; margin-bottom:16px; background:url(/img/3/sprite_unli.png) no-repeat 0 0 transparent; } div.upgrade-features p span.icon.badge { background-position:0 0; } div.upgrade-features p span.icon.addall { background-position:-74px 0; } div.upgrade-features p span.icon.readstatistics { background-position:-148px 0; } div.upgrade-features p span.icon.signatures { background-position:-111px 0; } div.upgrade-features p span.icon.comicteca { background-position:-37px 0; } div.upgrade-features p span.icon.readdate { background-position:-185px 0; } div.upgrade-features p span.icon.notes { background-position:-222px 0; } div.upgrade-features p span.icon.raffles { background-position:-333px 0; } div.upgrade-features p span.icon.readlist { background-position:-296px 0; } div.upgrade-features p strong { font-family: 'Roboto', sans-serif; margin-bottom:8px; font-size:16px; line-height:140%; font-weight:500; color:#333; } div.hightlight { padding:20px 0; color:#fff; background-color:#0288d1; border-radius:10px; } div.hightlight p { font-size:18px; line-height:140%; font-weight:bold; max-width:800px; margin:auto; text-align:center; } div.hightlight p strong { font-weight:normal; text-decoration:underline; } div.social { padding-top:50px; } div.social-lst { margin-left:-40px; text-align:center; } div.social-wg { display:inline-block; width:440px; margin-left:40px; margin-bottom:40px; vertical-align:top; border:solid 1px #ccc; border-radius:2px; } div.social-wg div.content { padding:15px; } div.social-wg p.post-h { position:relative; padding-left:47px; text-align:left; } div.social-wg p.post-h span.img { position:absolute; top:0; left:0; width:35px; height:35px; overflow:hidden; border-radius:3px; } div.social-wg p.post-h span.img img { width:35px; height:35px; } div.social-wg p.post-h span { display:block; color:#8899a6; } div.social-wg p.tweet { margin-bottom:0; min-height:54px; text-align:left; } div.plans-table { display:table; width:100%; margin-bottom:30px; } div.plans-table > div { display:table-row; } div.plans-table > div div { display:table-cell; font-size:14px; padding:10px 0; color:#5e6d80; border-bottom:solid 1px #ced3d9; } div.plans-table > div.plan-header div { font-family: 'Roboto Condensed', sans-serif; font-size:18px; text-transform:uppercase; color:#333; } div.plans-table div.plan-basic { width:150px; text-align:center; } div.plans-table div.plan-ulmt { width:150px; text-align:center; } div.plans-table span { display:inline-block; width:16px; height:16px; text-indent:-9999px; background:url(/img/85/sprite.png) no-repeat -169px -275px transparent; } div.plans-table span.ulmtonly { background-position:-135px -309px; } div.plans-compare > p { text-align:center; } #wrapper.ulmt-checkout { position:relative; margin:auto; margin-top:130px; max-width:622px; } #wrapper.ulmt-checkout div.content { padding:55px 20px 20px 20px; margin-left:5px; margin-right:5px; background-color:#fff; } #wrapper.ulmt-checkout h1 { font-size:20px; text-align:center; color:#333; } #wrapper.ulmt-checkout h1 > span { position:absolute; top:-32px; left:50%; margin-left:-32px; display:block; padding:20px; background-color:#fff; border:solid 1px #eceff1; border-radius:50%;} #wrapper.ulmt-checkout h1 > span span { display:block; width:22px; height:22px; background: url(/img/48/sprite_ornament.png) no-repeat -163px -33px transparent; } #wrapper.ulmt-checkout h1 + p { margin-bottom:30px; text-align:center; } #wrapper.ulmt-checkout p { color:#546e7a; } #wrapper.ulmt-checkout p.summary { font-family: 'Roboto', sans-serif; font-size:16px; padding:14px 0; margin-top:30px; font-weight:bold; color:#333; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; } #wrapper.ulmt-checkout p.summary span { float:right; } #wrapper.ulmt-checkout div.paymentmode { display:table; padding-top:15px; width:100%; border-top:solid 1px #ccc } #wrapper.ulmt-checkout div.paymentmode div.pms { display:table-cell; width:50%; padding-bottom:7px; text-align:center; border-bottom:solid 5px #acb1b7; cursor:pointer; } #wrapper.ulmt-checkout div.paymentmode div.pms:first-child div { border-right:solid 1px #ccc; } #wrapper.ulmt-checkout div.paymentmode div.pms.selected { border-bottom:solid 5px #67b6e5; } #wrapper.ulmt-checkout div.paymentmode span { display:inline-block; height:27px; text-indent:-9999px; } #wrapper.ulmt-checkout div.paymentmode div.paypal span { display:inline-block; width:61px; background:url(/img/sprite-payment.png) no-repeat 0 0 transparent; } #wrapper.ulmt-checkout div.paymentmode div.card span { display:inline-block; width:91px; background:url(/img/sprite-payment.png) no-repeat -63px 0 transparent; } #wrapper.ulmt-checkout p.note { color:#5e6d80; margin-bottom:0; } #wrapper.ulmt-checkout p.gotopayment { margin-bottom:0; margin-top:30px; text-align:right; } #wrapper.ulmt-checkout p.gotopayment button { font-family: 'Roboto', sans-serif; font-size:18px; line-height:48px; height:48px; padding:0 38px; font-weight:normal; text-transform:none; color:#fff; background-color:#1e88e5; border:solid 1px #1e88e5; border-radius:5px; } #wrapper.ulmt-checkout p.gotopayment span { float:left; font-size:11px; padding-top:20px; text-transform:uppercase; color:#888; } #wrapper.ulmt-checkout div.payment-desc { padding-top:24px; min-height:100px; } #wrapper.ulmt-checkout div.payment-desc p { line-height:140%; } #wrapper.ulmt-checkout div.payment-desc h2 { margin-bottom:15px; } #wrapper.ulmt-checkout div.payment-desc h2 strong { color:#345680; } #wrapper.ulmt-checkout div.payment-desc div.paypal-desc { display:none; } #wrapper.ulmt-checkout div.payment-desc div.form-row div.card-entry { margin-bottom:14px; } #wrapper.ulmt-checkout div.payment-desc div.form-row label { display:inline-block; font-size:13px; margin-right:10px; width:160px; text-align:right; color:#546e7a; } #wrapper.ulmt-checkout div.payment-desc div.form-row div.StripeElement { display:inline-block; padding:2px 4px; width:284px; vertical-align:middle; border:1px solid #CCCCCC; border-radius:4px; } #wrapper.ulmt-checkout div.payment-desc div.form-row #card-name { font-size:14px; width:280px; } #wrapper.ulmt-checkout div.payment-desc div.form-row #card-cvc { width:50px; } #wrapper.ulmt-checkout div.payment-desc div.form-row #card-expiry { width:80px; } #wrapper.ulmt-checkout #card-errors { text-align:center; color:#de4c4c; } #wrapper.ulmt-checkout div.subscr-active { padding-top:30px; padding-bottom:30px; margin-bottom:140px; max-width:600px; text-align:center; color:#546e7a; background-color:#fff; border-radius:10px; overflow:hidden; box-shadow: 0 0 5px 0 rgba(28, 29, 23, 0.25); } #wrapper.ulmt-checkout div.subscr-active h1 { padding-top:224px; margin-bottom:14px; font-size:24px; font-weight:500; color:#333; background:url(/img/4/pro/pro_successful_payment.png) no-repeat center top transparent; } #wrapper.ulmt-checkout div.subscr-active p { font-size:16px; line-height:140%; } #wrapper.ulmt-checkout div.subscr-active p.action { margin-top:30px; } #wrapper.ulmt-checkout div.message { margin-top:-10px; margin-bottom:20px; } #wrapper.ulmt-checkout div.message p { margin:0; font-size:15px; font-weight:bold; } div.subscr-success { text-align:center; color:#546e7a; } div.subscr-success h1 { padding-top:224px; margin-bottom:14px; font-size:24px; font-weight:500; color:#333; background:url(/img/4/pro/pro_successful_payment.png) no-repeat center top transparent; } div.subscr-success p { padding:0 10px; margin-bottom:14px; font-size:16px; line-height:140%; } div.subscr-success p.action { margin-top:30px; margin-bottom:0; } div.loading { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background-color:#fff; background-color:rgba(255,255,255,0.9); } div.loading div.pleasewait { max-width:400px; margin:auto; } div.loading div.content { padding:20px; text-align:center; } div.loading div.content h2 { color:#333; } div.loading div.content p:last-child { margin-bottom:0; } div.loading div.content div.loader { height:10px; margin-bottom:20px; background:url(/img/preloader.gif) no-repeat center center transparent; } @media screen and (max-width: 958px) { h2 { padding:0 10px; } div.plans-compare { padding:0 10px; } } @media screen and (max-width: 700px) { div.hightlight { padding:20px 10px; } div.upgrade-h { padding-top:40px; padding-bottom:108px; } div.upgrade-h h1 { font-size:30px; } div.upgrade-h p strong { font-size:22px; } div.upgrade-h p span { font-size:16px; } div.products { padding-top:108px; } div.products p.img { top:-108px; margin-left:-100px; } div.products p.img img { width:200px; height:216px; } div.products div.buy p { max-width:140px; } div.products div.buy p:last-child { margin-left:30px; } div.products div.buy span { font-size:14px; } div.products div.buy p a.bt { font-size:15px; } } @media screen and (max-width: 580px) { #wrapper.ulmt-checkout div.payment-desc div.form-row label { display:block; width:auto; margin-bottom:5px; text-align:left; } } @media screen and (max-width: 500px) { div.social-lst { margin-left:10px; margin-right:10px; } div.social-wg { display:block; width:auto; margin-left:0; } div.products div.buy p { max-width:120px; } div.products div.buy span { font-size:13px; } div.products div.buy p:last-child { margin-left:20px; } } @media screen and (max-width: 400px) { #wrapper.ulmt-checkout div.payment-desc div.form-row #card-number, #wrapper.ulmt-checkout div.payment-desc div.form-row #card-name { width:100%; } #wrapper.ulmt-checkout p.summary { font-size:14px; } #wrapper.ulmt-checkout p.gotopayment span { float:none; display:block; margin-top:20px; text-align:left; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) { div.plans-table span { background-image:url(/img/36/sprite@2x.png); background-size:500px 454px; } div.upgrade-features p span.icon { background-image:url(/img/3/sprite_unli@2x.png); background-size:370px 36px; } #wrapper.ulmt-checkout div.subscr-active h1, div.subscr-success h1 { background-image:url(/img/4/pro/pro_successful_payment@2x.png); background-size:392px 198px; } }