tabbit

Wed Feb 15 2017
Copied to clipboard! Copy reply
.MEC_mobile_image { display: inline-block; }
.MEC_mobile_upcase { text-transform: uppercase; }
.MEC_mobile_fl { float: left; }
.MEC_mobile_fr { float: right; }
.MEC_mobile_clear { clear: both; }
.MEC_mobile_hidden { display: none !important; }
a.MEC_mobile_footer_blue { color: #0fafed; text-decoration: none; }

.MEC_mobile_page-container {
    position: relative;
    display: none;
    max-width: 768px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
    background-color: #fdfaf5;
}

.MEC_mobile_full-content {
    position: relative;
    display: block;
    width: 100%;
}

.MEC_mobile_masthead-container {
    background-image: url('../../images/masthead_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fdfaf5;
}

.MEC_mobile_padded-content {
    position: relative;
    display: block;
    width: 89%;
    margin: 0 auto;
    padding: 0 0;
}

.MEC_mobile_pc-mag-image {
    position: absolute;
    top: -4.5%;
    left: 16.7%;
    height: 50%;
    max-height: 100%;
}

.MEC_mobile_pc-image {
    max-width: 100%;
    width: 100%;
}

.MEC_mobile_cta-headline {
    text-align: center;
    padding: 42px 0 56px;
}

.MEC_mobile_cta-main-headline {
    font-family: gothambold;
    font-size: 38px;
    color: #0065bd;
}

.MEC_mobile_cta-subheadline {
    font-family: gothambook;
    font-size: 38px;
    color: #0065bd;
}

.MEC_mobile_value-bullets-and-testimonial {
    background-color: #fdfaf5;
    font-family: gothambook;
    font-size: 30px;
    line-height: 36px;
    color: #363534;
    padding: 27px 0 0;
}

.MEC_mobile_value-bullet-list ul li {
    padding: 0 0 51px 0;
}

.MEC_mobile_testimonial {
    font-family: gothambold;
    font-style: italic;
    font-size: 26px;
    line-height: 36px;
    color: #363534;
}

.MEC_mobile_testimonial p {
    padding: 6px 0 0;
    margin: 0 0;
}

.MEC_mobile_testimonial-quote { padding: 0 0 51px 0; }

.MEC_mobile_testimonial-sig {
    font-family: gothambook;
    font-style: normal;
}

.MEC_mobile_testimonial-score {
    padding: 0 0 0 20px;
    float: right;
}

.MEC_mobile_options-container {
    background-color: #eeeadf;
    padding: 37px 0 43px;
}

.MEC_mobile_options-header {
    font-family: gothammedium;
    font-size: 38px;
    text-align: center;
    color: #363534;
    padding: 0 0 37px;
}

.MEC_mobile_options-subheader {
    text-align: center;
}

.MEC_mobile_add-to-cart-container {
    background-color: #fff;
    min-height: 1262px;
}

.MEC_mobile_add-to-cart {
    width: 87.4%;
    margin: 0 auto;
}

.MEC_mobile_instant-or-cd-container {
    width: 100%;
    margin: 0 auto;
    font-family: gothambold;
    font-size: 12px;
    color: #363534;
    padding: 42px 0 52px 0;
}

.MEC_mobile_pick-download, .MEC_mobile_pick-cd-rom {
    display: block;
    width: 50%;
    text-align: center;
    font-family: gothammedium;
    font-size: 26px;
    cursor: pointer;
}

.MEC_mobile_pick-download {
    border-radius: 10px 0 0 10px;
    padding: 24.8px 0 26px;
}

.MEC_mobile_pick-cd-rom.MEC_mobile_picked {
    padding: 38px 0;
    background-color: #0065bd;
    border-radius: 0 10px 10px 0;
}

.MEC_mobile_pick-download.MEC_mobile_unpicked {
    box-sizing: border-box;
    border: 4px solid #363534;
    border-right: none;
    border-radius: 10px 0 0 10px;
    padding: 21.8px 0 21px 0;
}

.MEC_mobile_pick-cd-rom.MEC_mobile_unpicked {
    box-sizing: border-box;
    padding: 34px 0;
    border: 4px solid #363534;
    border-left: none;
    border-radius: 0 10px 10px 0;
}

.MEC_mobile_picked {
    color: #fff;
    background-color: #0065bd;
}

.MEC_mobile_value-bullet-list ul li {
    color: #363534;
    text-indent: 0em;
    padding: 0 0 42px;
    line-height: 30px;
}

.MEC_mobile_online-value-points ul li,
.MEC_mobile_digital-value-points ul li {
    font-family: gothammedium;
    font-size: 26px;
    color: #363534;
    text-indent: -.8em;
    padding: 0 0 42px 28.8px; /** adjusts for custom bullet */
    line-height: 30px;
}

.MEC_mobile_value-bullet-list ul li:before,
.MEC_mobile_online-value-points ul li:before,
.MEC_mobile_digital-value-points ul li:before {
    content: "• ";
    color: #0065bd;
}

.MEC_mobile_online-value-points {
    padding: 0 0 47px;
}

.MEC_mobile_online-options,
.MEC_mobile_digital-options {
    width: 100%;
}

.MEC_mobile_online-option,
.MEC_mobile_digital-option {
    padding: 0 0 46px;
}

.MEC_mobile_online-option label,
.MEC_mobile_digital-option label {
    font-family: gothambook;
    font-size: 26px;
    color: #363534;
    padding: 0 0 0 24px;
}

.MEC_mobile_best-value {
    font-family: gothambold;
    font-size: 20px;
    color: #467700;
    padding: 0 0 0 11%;
}

.MEC_mobile_strike-price {
    font-family: gothammedium;
    font-size: 20px;
    color: #ab0000;
    text-decoration: line-through;
}

.MEC_mobile_price {
    font-family: gothammedium;
    font-size: 26px;
    color: #0097de;
}

input[name=product_option].MEC_mobile-radio {
    height: 32px;
    width: 32px;
    position: relative;
    top: 6px;
    left: 0;
}

.MEC_mobile_blue-button {
    font-family: gothammedium;
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    color: #fff;
    background-color: #0097de;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 31px 0;
    margin: 0 auto 30px 0;
}

.MEC_mobile_satisfaction-logo img {
    display: block;
    margin: 0 auto 34px auto;
}

.MEC_mobile_satisfaction-copy {
    text-align: center;
}

.MEC_mobile_confidence {
    font-family: gothambold;
    font-size: 22px;
    color: #0063c0;
}

.MEC_mobile_guarantee {
    font-family: gothambook;
    font-size: 22px;
    color: #363534;
    padding: 0 0 22px;
}

.MEC_mobile_instant_or_cd_container {
    width: 100%;
    margin: 0 auto;
    font-family: gothambold;
    font-size: 12px;
    color: #363534;
    height: 50px;
    border: 2px solid #363534;
    margin: 0 auto 47px;
}

.MEC_mobile_pick_download,
.MEC_mobile_pick_cd_rom {
    display: inline-block;
    height: 23px;
    width: 50%;
    text-align: center;
    padding: 12px 0 0;
    text-decoration: none;
    color: #363534;
    cursor: pointer;
}

.MEC_mobile_pick_download {
    height: 38px;
    padding: 12px 0 0;
}

.MEC_mobile_pick_cd_rom {
    height: 31px;
    padding: 19px 0 0;
}

.MEC_mobile_pick_download.MEC_mobile_picked,
.MEC_mobile_pick_cd_rom.MEC_mobile_picked {
    color: #fff;
    background-color: #363534;
}

.MEC_mobile_gift-it {
    width: 100%;
    text-align: center;
    padding: 23px 0 47px;
    margin: 0 auto;
}

.MEC_mobile_gift-it label {
    background-image: url('../../images/mobile/gift.svg');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding: 0 6px 0 20px;
    vertical-align: middle;
}

.MEC_mobile_gift-it input,
.MEC_mobile_gift-it span {
    font-family: gothambook;
    font-size: 15px;
    color: #363534;
    vertical-align: middle;
}

.MEC_mobile_nav,
.demofigure .democall.democall-mobile,
.MEC_mobile_stats,
.MEC_mobile_review_wrap,
.MEC_mobile_footer {
    display: none;
}

.demofigure-wrap { margin: 1em auto!important; }

@media (max-width: 768px) {
    body { min-width: 320px !important; }
    .MEC_mobile_page-container { display: block; }
    .MEC_master-container { display: none; }


    /** Begin header mobile re-styling */
    #nav-wrap { display: none !important; }
    .MEC_mobile_nav {
        width: 100%;
        display: block;
        background-color: #ecc200;
        height: 53px;
        box-shadow: inset 0 20px 6px -22px;
        -moz-box-shadow: inset 0 20px 6px -22px;
        -webkit-box-shadow: inset 0 20px 6px -22px;
    }

    .MEC_mobile_nav_container {
        display: block;
        width: 92%;
        padding: 0;
        margin: 0 auto;
    }

    .MEC_mobile_rosetta_logo {
        background-image: url('../../images/mobile/rs-logo.png');
        width: 120px;
        height: 55px;
    }

    a.MEC_mobile_logo_link {
        display: block;
        width: 100%;
        height: 100%;
    }

    .MEC_mobile_nav_menu {
        display: block;
        height: 53px;
        border-right: 1px solid #c9a600;
    }

    .MEC_mobile_nav_phone {
        border-left: 1px solid #c9a600;
        border-right: 1px solid #c9a600;
        font-family: gothammedium;
        font-size: 10.8px;
        height: 100%;
        text-align: center;
        padding: 20px 15px 0;
        /** padding: 20px 0; */
    }

    .MEC_mobile_livechat {
        background-image: url('../../images/mobile/mobile_chat.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        height: 32px;
        width: 92px;
        margin: 10px 15px 0;
    }
    /** End header mobile re-styling */

    /** Begin demo mobile re-styling */
    .demofigure {
        text-align: initial;
    }
    .demofigure .demoimage {
        width: 95%;
        display: block;
        margin: 0 auto;
    }

    .demofigure .democall.democall-mobile {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .demofigure .demoimage::after {
        display: none;
    }

    .democall.democall-mobile p.dem_head {
        padding-bottom: 28px !important;
    }

    .democall.democall-desktop .dem_head { display: none; }

    .democall.democall-desktop {
        display: block;
        margin: 0;
        text-align: left;
        max-width: 95%;
        width: 95%;
        margin: 0 auto;
        font-size: 18px;
    }

    .democall.democall-desktop p {
        padding-top: 20px;
    }

    a.startdemo.open-demo-btn {
        display: block !important;
        width: 88% !important;
        margin: 20px auto 0 !important;
        box-sizing: border-box;
        background-color: #fff !important;
        color: #0195dd !important;
        border: 3px solid #0195dd !important;
        border-radius: 3px !important;
    }
    /** End demo mobile re-styling */

    /** Begin stats mobile re-styling */
    .stats { display: none !important; }
    .MEC_mobile_stats {
        display: block;
        background-color: #f9f6f1;
        box-shadow: inset 0 12px 20px -20px;
        height: auto;
        width: 100%;
    }

    .MEC_mobile_stat_second_shadow {
        display: block;
        box-shadow: inset 0 -12px 20px -20px;
        height: 100%;
    }

    .MEC_mobile_stats_header {
        text-align: center;
    }

    .MEC_mobile_stats_header p {
        font-size: 24px;
        font-family: gothambook;
        padding: 20px 0 35px;
    }

    .MEC_mobile_stat {
        display: block;
        width: 90%;
        margin: 0 auto 35px;
        text-align: center;
        border: 3px solid #444;
    }

    .MEC_stat_image {
        background-repeat: no-repeat;
        background-size: contain;
        margin: 30px auto 35px;
    }

    .MEC_stat_corp {
        background-image: url('../../images/mobile/icon-corp.png');
        height: 92px;
        width: 106px;
    }

    .MEC_stat_nonprof {
        background-image: url('../../images/mobile/icon-public.png');
        height: 92px;
        width: 92px;
    }

    .MEC_stat_edu {
        background-image: url('../../images/mobile/icon-edu.png');
        height: 92px;
        width: 92px;
    }

    .MEC_stat_copy {
        font-size: 24px;
        padding: 0 0 30px 0;
    }
    .MEC_stat_number {
        font-size: 50px;

    }
    /** End stats mobile re-styling */

    /** Begin rev mobile re-styling */
    .blockreviews.maxwidth {
        font-family: gothambook;
        width: 97%;
        margin: 0 auto;
        text-align: center;
    }

    .rev_head {
        padding: 20px 0;
        font-size: 26px !important;
    }

    .MEC_mobile_review_wrap {
        display: block;
    }

    .MEC_review_video_image {
        display: block;
        width: 97%;
        margin: 0 auto;
    }

    .MEC_review_video_image img {
        width: 100%;
        height: auto;
    }

    .MEC_mobile_review {
        width: 97%;
        margin: 0 auto;
        text-align: left;
        padding: 30px 0 0 0;
    }

    .MEC_mobile_review_stars img {
        width: 125px;
    }

    .MEC_mobile_review_title {
        font-family: gothammedium;
        font-size: 18px;
        padding: 10px 0 25px;
    }

    .MEC_mobile_review_quote, .MEC_mobile_review_signature {
        font-family: gothambook;
        font-size: 18px;
    }

    .MEC_mobile_review_signature {
        padding: 15px 0 0;
    }

    .MEC_mobile_review_readmore {
        display: block;
        padding: 20px 0;
        text-align: left;
        width: 97%;
        margin: 0 auto;
    }

    .MEC_mobile_review_readmore_link {
        text-decoration: underline;
        color: #30352e;
        font-size: 16px;
    }

    .review-wrap { display: none !important; }
    /** End rev mobile re-styling */

    /** Begin footer mobile re-styling */
    nav.pageblock.bottomnav, footer { display: none !important; }

    .MEC_mobile_footer {
        display: block !important;
        width: 100%;
        background-color: #363533;
    }

    .MEC_mobile_footer_container {
        width: 97%;
        margin: 0 auto;

    }

    .MEC_mobile_footer_social_links {
        display:block;
        width: 97%;
        margin: 0 auto;
        text-align: center;
        padding: 20px 0 0;
    }

    .MEC_mobile_social_icon {
        display: inline-block;
        background-size: 30px;
        background-repeat: no-repeat;
        height: 30px;
        width: 30px;
        margin: 3px;
    }

    .MEC_mobile_social_icon a {
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    .MEC_mobile_social_facebook { background: url('../../images/mobile/icon-fb.png'); }
    .MEC_mobile_social_twitter { background: url('../../images/mobile/icon-twitter.png'); }
    .MEC_mobile_social_youtube { background: url('../../images/mobile/icon-youtube.png'); }
    .MEC_mobile_social_googleplus { background: url('../../images/mobile/icon-google.png'); }
    .MEC_mobile_social_blog { background: url('../../images/mobile/icon-blog.png'); }

    .MEC_mobile_footer_legal,
    .MEC_mobile_footer_terms_and_conditions {
        width: 75%;
        margin: 0 auto;
        padding: 20px 0 25px;
    }

    .MEC_mobile_footer_legal p,
    .MEC_mobile_footer_terms_and_conditions p {
        color: #fbfbf9;
        font-family: gothambook;
        font-size: 12px;
        line-height: 20px;
    }
    /** End footer mobile re-styling */

    /** Background gradient for review section*/
    section.pageblock.bottombuy {
        background: linear-gradient(177deg, #ffffff 0%, #ffffff 20%, #f2efb8 21%, #f9ca02 22%, #f9ca02 100%) !important;
    }

    .revw-vid-iframe-container,
    #revw-vid-iframe {
        width: 98%!important;
    }

    #revw-vid-lightbox.show .video-close { right: 2%!important; }
}

@media (max-width: 500px) {
    section.pageblock.bottombuy {
        background: linear-gradient(177deg, #ffffff 0%, #ffffff 13%, #f2efb8 14%, #f9ca02 15%, #f9ca02 100%) !important;
    }
    #revw-vid-iframe { height:305px!important; }
}

@media (min-width: 425px) and (max-width: 625px) {
    body { min-width: 320px !important; }
    .MEC_mobile_page-container { display: block; }
    .MEC_master-container { display: none; }
    .MEC_mobile_add-to-cart-container { height: auto; min-height: auto; }
    .MEC_mobile_cta-main-headline, .MEC_mobile_cta-subheadline, .MEC_mobile_options-header { font-size: 38px; }
    .MEC_mobile_value-bullets-and-testimonial { font-size: 16px; }
    .MEC_mobile_value-bullet-list ul li { line-height: 20px; padding: 0 0 22px; }
    .MEC_mobile_testimonial { font-size: 17px; line-height: 20px; }
    .MEC_mobile_testimonial-quote { padding: 0 0 31px 0; }
    img.MEC_mobile_testimonial-score { height: 15px; }
    .MEC_mobile_pick-download, .MEC_mobile_pick-cd-rom { font-size: 18px; }
    .MEC_mobile_pick-download { padding: 25px 0 26px; }
    .MEC_mobile_pick-download.MEC_mobile_unpicked { padding: 22px 0 21px; }
    .MEC_mobile_pick-cd-rom.MEC_mobile_picked { padding: 35px 0 33.6px; }
    .MEC_mobile_pick-cd-rom.MEC_mobile_unpicked { padding: 31px 0 29.6px; }
    .MEC_mobile_online-value-points { padding: 0 0 27px 0; }
    .MEC_mobile_digital-value-points { padding: 0 0 22px 0; }
    .MEC_mobile_online-value-points ul li, .MEC_mobile_digital-value-points ul li { font-size: 23px; line-height: 26px; padding: 0 0 22px 12.7px; }
    input[name=product_option].MEC_mobile-radio { height: 24px; width: 24px; top: 4px; }
    .MEC_mobile_online-option { padding: 0 0 26px; }
    .MEC_mobile_digital-option { padding: 0 0 22px; }
    .MEC_mobile_online-option label, .MEC_mobile_digital-option label { font-size: 18px; padding: 0 0 0 5px;}
    .MEC_mobile_best-value { font-size: 13px; padding: 0 0 0 10%; }
    .MEC_mobile_strike-price { font-size: 14px; }
    .MEC_mobile_price { font-size: 17px; }
    .MEC_mobile_prices { padding-top: 4px; }
    .MEC_mobile_blue-button { font-size: 16px; padding: 24px 0; }
    .MEC_mobile_confidence, .MEC_mobile_guarantee { font-size: 15px; }
}

@media (max-width: 400px) {
    .MEC_mobile_nav_menu { display: none; }
    #revw-vid-lightbox.show .video-close { right:0.3%!important; }
}


@media (min-width: 375px) and (max-width: 425px) {
    body { min-width: 320px !important; }
    .MEC_mobile_page-container { display: block; }
    .MEC_master-container { display: none; }
    .MEC_mobile_add-to-cart-container { height: auto; min-height: auto; }
    .MEC_mobile_cta-main-headline, .MEC_mobile_cta-subheadline, .MEC_mobile_options-header { font-size: 32px; }
    .MEC_mobile_value-bullets-and-testimonial { font-size: 16px; }
    .MEC_mobile_value-bullet-list ul li { line-height: 20px; padding: 0 0 22px; }
    .MEC_mobile_testimonial { font-size: 13px; line-height: 20px; }
    .MEC_mobile_testimonial-quote { padding: 0 0 31px 0; }
    img.MEC_mobile_testimonial-score { height: 13px; }
    .MEC_mobile_pick-download, .MEC_mobile_pick-cd-rom { font-size: 15px; }
    .MEC_mobile_pick-cd-rom.MEC_mobile_picked { padding: 33px 0 32px; }
    .MEC_mobile_pick-cd-rom.MEC_mobile_unpicked { padding: 29px 0 28px; }
    .MEC_mobile_online-value-points { padding: 0 0 27px 0; }
    .MEC_mobile_digital-value-points { padding: 0 0 22px 0; }
    .MEC_mobile_online-value-points ul li, .MEC_mobile_digital-value-points ul li { font-size: 16px; line-height: 20px; padding: 0 0 22px 12.7px; }
    input[name=product_option].MEC_mobile-radio { height: 16px; width: 16px; top: 3px; }
    .MEC_mobile_online-option { padding: 0 0 26px; }
    .MEC_mobile_digital-option { padding: 0 0 22px; }
    .MEC_mobile_online-option label, .MEC_mobile_digital-option label { font-size: 12px; padding: 0 0 0 5px; vertical-align: text-top; }
    .MEC_mobile_best-value { font-size: 13px; padding: 0 0 0 10%; }
    .MEC_mobile_strike-price { font-size: 11px; }
    .MEC_mobile_price { font-size: 13px; }
    .MEC_mobile_prices { padding-top: 4px; }
    .MEC_mobile_blue-button { font-size: 16px; padding: 24px 0; }
    .MEC_mobile_confidence, .MEC_mobile_guarantee { font-size: 15px; }
    #revw-vid-iframe { height:250px!important; }
}

@media (min-width: 320px) and (max-width: 375px) {
    body { min-width: 320px !important; }
    .MEC_mobile_page-container { display: block; }
    .MEC_master-container { display: none; }
    .MEC_mobile_add-to-cart-container { height: auto; min-height: auto; }
    .MEC_mobile_cta-main-headline, .MEC_mobile_cta-subheadline, .MEC_mobile_options-header { font-size: 30px; }
    .MEC_mobile_value-bullets-and-testimonial { font-size: 16px; }
    .MEC_mobile_value-bullet-list ul li { line-height: 20px; padding: 0 0 22px; }
    .MEC_mobile_testimonial { font-size: 13px; line-height: 20px; }
    .MEC_mobile_testimonial-quote { padding: 0 0 31px 0; }
    img.MEC_mobile_testimonial-score { height: 13px; }
    .MEC_mobile_pick-download, .MEC_mobile_pick-cd-rom { font-size: 13px; }
    .MEC_mobile_pick-cd-rom.MEC_mobile_picked { padding: 32px 0 31.6px; }
    .MEC_mobile_pick-cd-rom.MEC_mobile_unpicked { padding: 28px 0 27.6px; }
    .MEC_mobile_online-value-points { padding: 0 0 27px 0; }
    .MEC_mobile_digital-value-points { padding: 0 0 22px 0; }
    .MEC_mobile_online-value-points ul li, .MEC_mobile_digital-value-points ul li { font-size: 16px; line-height: 20px; padding: 0 0 22px 12.7px; }
    input[name=product_option].MEC_mobile-radio { height: 16px; width: 16px; top: 3px; }
    .MEC_mobile_online-option { padding: 0 0 26px; }
    .MEC_mobile_digital-option { padding: 0 0 22px; }
    .MEC_mobile_online-option label, .MEC_mobile_digital-option label { font-size: 12px; padding: 0 0 0 5px; vertical-align: text-top; }
    .MEC_mobile_best-value { font-size: 13px; padding: 0 0 0 10%; }
    .MEC_mobile_strike-price { font-size: 11px; }
    .MEC_mobile_price { font-size: 13px; }
    .MEC_mobile_prices { padding-top: 4px; }
    .MEC_mobile_blue-button { font-size: 16px; padding: 24px 0; }
    .MEC_mobile_confidence, .MEC_mobile_guarantee { font-size: 15px; }
    #revw-vid-iframe { height:220px!important; }
}