html { outline: 1px solid red; }

body { min-height: 100%; background: #f3f3f6; }

.top-menu { display: none; }
.bottom { display: none; }

.store-logo { display: block; width: 157px; height: 38px; margin: 0 auto 22px; }

.order-landing { min-height: 100%; }

.order-landing .store-popup { position: relative; margin: 0 auto; padding: 0 70px 40px; width: 980px; min-height: 630px; box-sizing: border-box; border-radius: 5px; background-color: #fff; }


.order-landing .popup-header { position: relative; width: 100%; height: 229px; padding: 0 0 0 400px; border-bottom: 1px solid #c4cad3; box-sizing: border-box; }
.order-landing .popup-header .device { display: block; position: absolute; top: 27px; left: 20px; width: 308px; height: 177px; }
.order-landing .popup-header .title { padding: 65px 0 10px; color: #17212f; font-size: 3.375em; font-weight: 300; line-height: 100%; }
.order-landing .popup-header .subtitle { color: #4d545f; font-size: 1.375em; font-weight: 400; line-height: 150%; }


.order-landing .popup-body { position: relative; width: 100%; height: 213px; border-bottom: 1px solid #c4cad3; box-sizing: border-box; }
.order-landing .popup-body .details-title { height: 62px; padding: 20px 0 0; color: #b6bcc4; font-size: 1.313em; font-weight: 400; box-sizing: border-box; }

.order-landing .popup-body .product { position: relative; width: 50%; height: 90px; padding: 0 0 0 112px; box-sizing: border-box; }
.order-landing .popup-body .product .icon { display: block; position: absolute; top: 0; left: 0; width: 90px; height: 90px; }
.order-landing .popup-body .product .product-name { padding: 14px 0 10px; color: #17212f; font-size: 2.25em; font-weight: 400; line-height: 100%; }
.order-landing .popup-body .product .license-selector { color: #4d545f; font-size: 1.313em; font-weight: 400; line-height: 100%; }

.order-landing .popup-body .price { position: relative; width: 50%; text-align: right; }
.order-landing .popup-body .price #pdfe-price { padding: 0 0 25px; color: #17212f; font-size: 2.25em; font-weight: 400; }
.order-landing .popup-body .price #update-quantity { display: inline-block; height: 43px; padding: 0 33px 0 0; color: #4d545f; font-size: 1.25em; font-weight: 400; line-height: 43px; }
.order-landing .popup-body .price #pdfe-quantity { margin: 0; padding: 0 8px 0 20px; height: 41px; color: #4d545f; font-size: 1.375em; font-weight: 600; text-align: center; border: 1px solid #c4cad3; border-radius: 6px; -webkit-appearance: none; }
.order-landing .popup-body .price #pdfe-quantity:focus { outline: none; }


.order-landing .popup-footer { position: relative; width: 100%; }

.order-landing .popup-footer .prices { position: relative; width: 100%; min-height: 90px; }
.order-landing .popup-footer .prices #edu-promo { display: inline-block; padding: 30px 0 0; color: #4d545f; font-size: 1.125em; font-weight: 400; }
.order-landing .popup-footer .prices .prices-list { display: inline-block; padding: 22px 0; }
.order-landing .popup-footer .prices .prices-list .price-label { padding: 8px 40px 8px 0; color: #4d545f; font-size: 1.25em; font-weight: 400; line-height: 100%; }
.order-landing .popup-footer .prices .prices-list .price-text { padding: 8px 0 8px; min-width: 65px; color: #4d545f; font-size: 1.25em; font-weight: 600; line-height: 100%; }
.order-landing .popup-footer .prices #pdfe-list-price { color: #b0b5bd; text-decoration: line-through; }
.order-landing .popup-footer .prices #pdfe-save-price { color: #3fc322; }

.order-landing .popup-footer .checkout { position: relative; width: 100%; height: 58px; text-align: right; }
.order-landing .popup-footer .checkout img { display: block; }
.order-landing .popup-footer .checkout img.norton { width: 136px; height: 58px; }
.order-landing .popup-footer .checkout img.visa { width: 64px; height: 21px; margin: 22px 0 0 45px; }
.order-landing .popup-footer .checkout img.master-card { width: 40px; height: 24px; margin: 20px 0 0 33px; }
.order-landing .popup-footer .checkout img.american-express { width: 62px; height: 20px; margin: 23px 0 0 27px; }
.order-landing .popup-footer .checkout img.paypal { width: 22px; height: 25px; margin: 20px 0 0 34px; }
.order-landing .popup-footer .btn { border-radius: 6px; min-width: 190px; height: 46px; margin: 6px 0 0; padding: 0 20px; font-size: 1.25em; font-weight: 400; line-height: 46px; box-sizing: border-box; }


.order-landing #edu-offer-popup { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 5px; }
.order-landing #edu-offer-popup table { height: 100%; }
.order-landing #edu-offer-popup .content { width: 100%; }
.order-landing #edu-offer-popup .icon { display: block; margin: 0 auto; width: 176px; height: 136px; background: url("/img/store/icon-education.png") no-repeat center center; background-size: 176px 136px; }
.order-landing #edu-offer-popup h2 { margin: 0; padding: 72px 0 0; color: #343434; font-size: 1.875em; font-weight: 400; line-height: 46px; }
.order-landing #edu-offer-popup p { margin: 0; padding: 12px 0 0; color: #565656; font-size: 1.25em; line-height: 30px; }

.order-landing #edu-offer-popup .edu-form { position: relative; padding: 36px 0 0; }
.order-landing #edu-offer-popup p.error { position: absolute; top: 5px; left: 0; width: 100%; padding: 0; text-align: center; font-size: 1em; color: #fe3131; }
.order-landing #edu-offer-popup input { display: block; margin: 0; padding: 0 15px; width: 436px; height: 60px; border: 2px solid #d9dcdf; font-size: 1.25em; border-radius: 4px; box-sizing: border-box; }
.order-landing #edu-offer-popup input:focus { outline: none; }
.order-landing #edu-offer-popup input.error { padding: 0 50px 0 15px; border-color: #fccdcb; background: #fff4f4 url("/img/store/icon-wrong.png") no-repeat 96% center; background-size: 30px 30px; }
.order-landing #edu-offer-popup .button { display: block; margin: 20px 0 32px; padding: 0; width: 436px; height: 60px; font-size: 1.375em; font-weight: 400; line-height: 60px; color: #fff; border-radius: 4px; background-color: #2f9aff; }
.order-landing #edu-offer-popup .send-email { font-size: 1.25em; color: #2f9aff; }

.order-landing #edu-offer-popup .edu-success { position: relative; padding: 50px 0 0; min-height: 187px; }
.order-landing #edu-offer-popup .success-icon { display: block; margin: 0 auto; width: 36px; height: 36px; background: url("/img/store/icon-ok.png") no-repeat center center; background-size: 36px 36px; }

.order-landing #edu-offer-popup .close { display: block; position: absolute; top: 38px; right: 38px; width: 18px; height: 18px; background: url("/img/store/icon-close.png") no-repeat center center; background-size: 18px 18px; z-index: 3; }



@media (-webkit-min-device-pixel-ratio: 2) {
    .order-landing .popup-header .device { content: url("/img/theme.20170130/store/macbook_2x.png"); }
    .order-landing .popup-body .product .icon { content: url("/img/theme.20170130/store/PDFExpert_2x.png"); }

    .order-landing .popup-body { position: relative; width: 100%; height: 213px; border-bottom: 1px solid #c4cad3; box-sizing: border-box; }
    .order-landing .popup-body .details-title { height: 62px; padding: 20px 0 0; color: #b6bcc4; font-size: 1.313em; font-weight: 400; box-sizing: border-box; }

    .order-landing .popup-footer .checkout img.norton { content: url("/img/theme.20170130/store/norton_2x.png"); }
    .order-landing .popup-footer .checkout img.visa { content: url("/img/theme.20170130/store/visa_2x.png"); }
    .order-landing .popup-footer .checkout img.master-card { content: url("/img/theme.20170130/store/mc_2x.png"); }
    .order-landing .popup-footer .checkout img.american-express { content: url("/img/theme.20170130/store/amex_2x.png"); }
    .order-landing .popup-footer .checkout img.paypal { content: url("/img/theme.20170130/store/pp_2x.png"); }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    body { min-width: 1200px; }

    .order-landing .content { width: 100%; }
    .order-landing .store-popup { padding: 0 60px 26px; width: 780px; min-height: 560px; }

    .order-landing .popup-header { height: 200px; padding: 0 0 0 320px; }
    .order-landing .popup-header .device { width: 264px; height: auto; }
    .order-landing .popup-header .title { padding: 65px 0 10px; font-size: 2.688em; }
    .order-landing .popup-header .subtitle { font-size: 1.125em; }

    .order-landing .popup-body { height: 180px; }
    .order-landing .popup-body .details-title { height: 56px; padding: 15px 0 0; font-size: 1.125em; }

    .order-landing .popup-body .product { height: 72px; padding: 0 0 0 100px; }
    .order-landing .popup-body .product .icon { width: 72px; height: 72px; }
    .order-landing .popup-body .product .product-name { padding: 10px 0 8px; font-size: 1.813em; }
    .order-landing .popup-body .product .license-selector { font-size: 1.063em; }

    .order-landing .popup-body .price #pdfe-price { padding: 0 0 20px; font-size: 1.813em; }
    .order-landing .popup-body .price #update-quantity { height: 38px; padding: 0 33px 0 0; font-size: 1.125em; line-height: 38px; }
    .order-landing .popup-body .price #pdfe-quantity { padding: 0 6px 0 18px; height: 36px; font-size: 1.25em; }

    .order-landing .popup-footer .checkout img.norton { width: auto; height: 46px; margin: 5px 0 0 0; }
    .order-landing .popup-footer .checkout img.visa { width: auto; height: 16px; margin: 20px 0 0 30px; }
    .order-landing .popup-footer .checkout img.master-card { width: auto; height: 20px; margin: 18px 0 0 30px; }
    .order-landing .popup-footer .checkout img.american-express { width: auto; height: 16px; margin: 20px 0 0 30px; }
    .order-landing .popup-footer .checkout img.paypal { width: auto; height: 20px; margin: 18px 0 0 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    body { min-width: 768px; }

    .order-landing .content { width: 100%; }
    .order-landing .store-popup { padding: 0 30px 20px; width: 700px; min-height: 560px; }

    .order-landing .popup-header { padding: 0 0 0 330px; }
    .order-landing .popup-header .device { left: 0; }
    .order-landing .popup-header .title { padding: 55px 0 10px; font-size: 2.75em; }
    .order-landing .popup-header .subtitle { font-size: 1.25em; line-height: 150%; }

    .order-landing .popup-body .price #pdfe-quantity { padding: 0 12px 0 12px; }

    .order-landing .popup-footer .checkout img.norton { width: auto; height: 46px; margin: 5px 0 0 0; }
    .order-landing .popup-footer .checkout img.visa { width: auto; height: 16px; margin: 20px 0 0 15px; }
    .order-landing .popup-footer .checkout img.master-card { width: auto; height: 20px; margin: 18px 0 0 15px; }
    .order-landing .popup-footer .checkout img.american-express { width: auto; height: 16px; margin: 20px 0 0 15px; }
    .order-landing .popup-footer .checkout img.paypal { width: auto; height: 20px; margin: 18px 0 0 15px; }
}


/* iPhone 4 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body { background: #fff; }

    .ip_top { display: none; }
    #ip_footer { display: none; }

    iframe#PopupFrame.unblurred { position: absolute !important; }

    .order-landing { padding: 20px 0 20px; }
    .order-landing h3 { padding: 0 0 30px; font-size: 1.5em; line-height: 22px; }

    .order-landing .store-popup { width: auto; margin: 0 10px; padding: 0 0 15px; min-height: 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1); }
    .order-landing .store-popup h3 { padding: 20px; color: #343434; font-size: 1em; text-align: center; }

    .order-landing .store-popup .gray { margin: 0 0 20px; padding: 20px 0; background-color: #f7f7f7; }
    .order-landing .store-popup .gray .icon { display: block; margin: 0 auto; width: 55px; height: 55px; background: url("/img/icons/72x72/PDF-Expert-mac-icon-72.png") no-repeat center center; background-size: 55px 55px; }
    .order-landing .store-popup .gray h3 { padding: 15px 0 10px; font-size: 1em; font-weight: 700; line-height: 16px; color: #343434; }
    .order-landing .store-popup .gray .license-selector { padding: 0 0 15px; color: #aeaeae; font-size: 0.75em; font-weight: 600; line-height: 16px; }

    .order-landing .store-popup .gray #pdfe-price-ip { padding: 0; color: #343434; font-size: 1em; font-weight: 400; line-height: 16px; }
    .order-landing .store-popup table { margin: 0 auto; width: 220px; }
    .order-landing .store-popup table tr { background-color: transparent !important; }

    .order-landing .store-popup table .price-label { padding: 5px 0 5px 20px; font-size: 0.875em; font-weight: 400; color: #343434; line-height: 16px; }
    .order-landing .store-popup table .price-text { padding: 0; color: #343434; font-size: 1em; font-weight: 400; line-height: 16px; }

    .order-landing .store-popup table #update-quantity { padding: 5px 0 5px 20px; font-size: 0.875em; font-weight: 400; color: #343434; line-height: 16px; }

    .order-landing .store-popup table #pdfe-list-price-ip { color: #999; text-decoration: line-through; }
    .order-landing .store-popup table #pdfe-save-price-ip { color: #07a100; }

    .order-landing .store-popup table #pdfe-quantity-ip { margin: 0; padding: 0; width: 48px; height: 28px; color: #343434; font-size: 1em; font-weight: 400; line-height: 16px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; }
    .order-landing .store-popup table #pdfe-quantity-ip:focus { outline: none; }

    .order-landing .store-popup .btn { margin: 20px auto 0; padding: 0; width: 270px; height: 44px; font-size: 1em; font-weight: 600; line-height: 44px; }

    .payments { display: block; margin: 0 auto; width: 300px; height: 46px; background: url("/img/store/iphone/payment-iph5-footer@2x.png") no-repeat center center; background-size: 300px 46px; }
}

/* iPhone 6 styles */
@media only screen and (min-device-width : 374px) and (max-device-width : 376px) {
    .order-landing .store-popup { padding: 0 0 30px; }
    .payments { display: block; margin: 0 auto; width: 355px; height: 46px; background: url("/img/store/iphone/payment-iph6-footer@2x.png") no-repeat center center; background-size: 355px 46px; }
}

/* iPhone 6 Plus styles */
@media only screen and (min-device-width : 413px) and (max-device-width : 415px) {
    .order-landing .store-popup { padding: 0 0 30px; }
    .payments { display: block; margin: 0 auto; width: 355px; height: 46px; background: url("/img/store/iphone/payment-iph6plus-footer@3x.png") no-repeat center center; background-size: 355px 46px; }
}