@font-face {
    font-family: 'Locator Black';
    src: url(../fonts/locator-black-webfont-c62cb45cdba025465c7f39c7039d6cd6c37c577014aa9553d9dc3124e1f2061b.eot?#iefix) format("embedded-opentype"),url(../fonts/locator-black-webfont.woff) format("woff"),url(../fonts/locator-black-webfont-cf4936618d9fdae8391877c2f6b49cb7a57753fb24f02574af2aa89f0203b554.ttf) format("truetype"),url(../fonts/locator-black-webfont-21cee56003f7aff9aeda759c2a743434fb9a13297b8654d7273a5afdebdab5af.svg#svgFontName) format("svg")
}

@font-face {
    font-family: 'Locator Bold';
    src: url(../fonts/locator-bold-webfont-e8e7f1d97f648b0f761a9e43fa02dfacc25c261ab42db534fa260916d6db295a.eot?#iefix) format("embedded-opentype"),url(../fonts/locator-bold-webfont.woff) format("woff"),url(../fonts/locator-bold-webfont-3a09f101396e4d7feb16028df52b4e2743241d42098a19f7ed00b1b50ae040a0.ttf) format("truetype"),url(../fonts/locator-bold-webfont-b687e97eed4d0d65507b294d67ad97eb5475dfd2a0c2aa58d09dfd9b027f82d9.svg#svgFontName) format("svg")
}

@font-face {
    font-family: 'Locator Regular';
    src: url(../fonts/locator-regular-webfont-9c38153deb079e71866f09fb962526dcacdb2c3d3caa202cd79a97da588d7eef.eot?#iefix) format("embedded-opentype"),url(../fonts/locator-regular.woff) format("woff"),url(../fonts/locator-regular-webfont-c6ae1fdb5d3281570520aeaacdf71059babddc8667fa9c4668d103b10333ce31.ttf) format("truetype"),url(../fonts/locator-regular-webfont-c06057bed512a8a542019b7fc0f1ddcfae06735b2d1ee74d4c31d6d15ff28422.svg#svgFontName) format("svg")
}

@font-face {
    font-family: 'Locator Light';
    src: url(../fonts/locator-light-webfont-fd5425e06e20d8824cf460f64f1dbac5e840854f98307f799b5d026c4f3b8267.eot?#iefix) format("embedded-opentype"),url(../fonts/locator-light-webfont.woff) format("woff"),url(../fonts/locator-light-webfont-24ce924b6ca9b7c011a6970973e6306bcbe770a684e7639093182ec80266f84d.ttf) format("truetype"),url(../fonts/locator-light-webfont-d8311093ee56122f7ec020f5b0a74056b6b8fddc75ce54098b390d2009c2d245.svg#svgFontName) format("svg")
}

@font-face {
    font-family: 'Locator Light Italic';
    src: url(../fonts/locator-lightitalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/locator-lightitalic-webfont.woff) format("woff"),url(../fonts/locator-lightitalic-webfont-20eeb88eefdba29902b6be026eba2eb27529218192de7e87f01261bb7c5e4686.ttf) format("truetype"),url(../fonts/locator-lightitalic-webfont-b5d0fc7c369962d459ad61c93a93fa2f810a7b760cab1b0881dde91757fc6981.svg#svgFontName) format("svg")
}
.font-regular, .button-as-link, th:first-child, .change-plan-list li .price sup, .period, .change-plan-block .price sup, .header-row div[class*='tier'] .tier-highlight, .period-switcher h4, .mobile-pricing-table .annual-row div[class*='tier'], .easter .positive-highlight-text {
    font-weight: normal;
    font-family: 'Locator Regular' !important;
    font-size: 16px !important;
}

#main-area {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-top: 2.5rem;
    margin-bottom: 60px;
    margin-bottom: 3.75rem;
    min-height: 500px;
    min-height: 31.25rem;
    width: 1000px;
}
    #main-area * {
        
    }
    #main-area:after {
        content: '\0000a0';
        display: table;
        clear: both
    }

@media screen and (max-width: 1252px) {
    #main-area {
        padding-left: 26px;
        padding-left: 1.625rem;
        padding-right: 26px;
        padding-right: 1.625rem;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-left: 0%;
        float: none
    }
}

@media screen and (max-width: 1252px) and (max-width: 600px) {
    #main-area {
        padding-left: 13px;
        padding-left: 0.8125rem;
        padding-right: 13px;
        padding-right: 0.8125rem
    }
}

#main-area h1 {
    margin: 0
}
#sign-up p.large-sell {
    font-size: 22px;
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
}

.header-row .tier1 {
    background-color: #ffc107 !important;
    color: #fff !important;
}

.header-row .tier2 {
    background-color: #ff5722 !important;
    color: #fff !important;
}

button[type='submit'], input[type='submit'] {
    outline: none;
    line-height: 1em
}

.standard-button, .soft-button, .lesser, .keen-button {
    background-color: #368be0;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 0.1875rem;
    -moz-border-radius: 3px;
    -moz-border-radius: 0.1875rem;
    -ms-border-radius: 3px;
    -ms-border-radius: 0.1875rem;
    -o-border-radius: 3px;
    -o-border-radius: 0.1875rem;
    border-radius: 3px;
    border-radius: 0.1875rem;
    padding: 13px 20px 10px;
    padding: 0.8125rem 1.25rem 0.625rem;
    display: inline-block;
    letter-spacing: 0.1em;
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border: none
}

    .standard-button:hover, .soft-button:hover, .lesser:hover, .keen-button:hover {
        background-color: #66cc66;
        color: #fff
    }

button:disabled, button:disabled:hover {
    background-color: #c3c3c1
}

.soft-button {
    background-color: #fff;
    color: #368be0;
    border: 3px solid #368be0
}

    .soft-button:hover {
        background-color: #368be0;
        color: #fff
    }

.lesser, .keen-button {
    background-color: #f1f1f1;
    border: 1px solid #888783;
    color: #888783;
    box-sizing: border-box
}

    .lesser:hover, .keen-button:hover {
        background-color: #f1f1f1;
        color: #368be0;
        border: 1px solid #368be0
    }

.keen-button {
    border: 1px solid #368be0;
    color: #368be0;
    letter-spacing: 0.05em
}

.header-row, .pricing-row, .feature-row, .footer-row, .results-row, .territories-row, .comp-metrics-row, .api-row, .timeseg-row, .blank-row {
    width: 100%;
    float: left
}

.pricing-icon, span.tick, .cross, .dash {
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    text-indent: -624.9375rem
}

span.tick {
    background: url(../images/green-checkmark.svg) center center no-repeat transparent;
    margin-top: -5px;
}
span.untick {
    background: url(../images/green-uncheckmark.svg) center center no-repeat transparent;
    margin-top: -5px;
}
span.untick {
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    text-indent: -624.9375rem;
}
.cross {
    width: 19px;
    width: 1.1875rem;
    height: 20px;
    height: 1.25rem;
    background: url("../fonts/cross.png") center center no-repeat transparent
}


.sign-up-plan {
    text-align: center
}

    .sign-up-plan p.large-sell {
        
    }

.choose-plan-title {
    position: relative;
    display: inline-block;
    margin: 32px auto -20px
}

.rosette {
    display: block;
    position: absolute;
    writing-mode: lr-tb;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    top: -10px;
    top: -0.625rem;
    right: -20px;
    right: -1.25rem;
    width: 100px;
    width: 6.25rem;
    height: 100px;
    height: 6.25rem;
    text-align: center;
    line-height: 1.3em;
    padding: 20px 0;
    padding: 1.25rem 0;
    background: url("../fonts/green-rosette-da0eb6043c4c74a837e2fd07548a14e4c3e1e055901cb36c5ddd31eea277b4c6.png") left top no-repeat
}

.get-traffic {
    right: -120px;
    top: -60px
}

    .get-traffic a {
        color: #fff
    }

        .get-traffic a:hover {
            color: #087096
        }

.pricing-table, .mobile-pricing-table, .desktop-pricing-table {
    font-size: 13px;
    margin: 68px auto 0;
    margin: 4.25rem auto 0;
}

    .pricing-table:before, .mobile-pricing-table:before, .desktop-pricing-table:before, .pricing-table:after, .mobile-pricing-table:after, .desktop-pricing-table:after {
        content: '\0000a0';
        display: table
    }

    .pricing-table .standard-button, .mobile-pricing-table .standard-button, .desktop-pricing-table .standard-button, .pricing-table .soft-button, .mobile-pricing-table .soft-button, .desktop-pricing-table .soft-button, .pricing-table .lesser, .mobile-pricing-table .lesser, .desktop-pricing-table .lesser, .pricing-table .keen-button, .mobile-pricing-table .keen-button, .desktop-pricing-table .keen-button {
        width: 120px;
        height: 28px;
        font-size: 11px;
    }

        .pricing-table .standard-button:hover, .mobile-pricing-table .standard-button:hover, .desktop-pricing-table .standard-button:hover, .pricing-table .soft-button:hover, .mobile-pricing-table .soft-button:hover, .desktop-pricing-table .soft-button:hover, .pricing-table .lesser:hover, .mobile-pricing-table .lesser:hover, .desktop-pricing-table .lesser:hover, .pricing-table .keen-button:hover, .mobile-pricing-table .keen-button:hover, .desktop-pricing-table .keen-button:hover {
            background-color: #66cc66
        }

    .pricing-table .current, .mobile-pricing-table .current, .desktop-pricing-table .current {
        display: block
    }

.monthly-row, .annual-row, .monthly-buttons, .annual-buttons {
    display: none
}

.feature-name, .no-feature-column:before, .desktop-pricing-table .header-row:before, .footer-row:before, .blank-row:before, .period-switcher {
    float: left;
    height: auto;
    width: 28%;
    text-align: right;
    border-top: 2px solid #f2f2f2;
    border-left: 2px solid #f2f2f2;
    padding: 2px 10px;
    font-size: 12px;
    color: #9e9e9e;
    line-height: 22px;
}

    .feature-name .background, .no-feature-column:before .background, .desktop-pricing-table .header-row:before .background, .footer-row:before .background, .blank-row:before .background, .period-switcher .background {
        background-color: #f5f6f9
    }

.no-feature-column:before, .desktop-pricing-table .header-row:before, .footer-row:before, .blank-row:before {
    content: '\0000a0';
    border: none
}

.header-row div[class*='tier'] {
    padding: 14px 16px;
    padding: 0.875rem 1rem;
    border: none !important
}

.header-row .tier1 {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 0.25rem;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 0.25rem;
    -ms-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 0.25rem;
    -o-border-top-left-radius: 4px;
    -o-border-top-left-radius: 0.25rem;
    border-top-left-radius: 4px;
    border-top-left-radius: 0.25rem
}

.header-row .tier2 {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 0.25rem;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 0.25rem;
    -ms-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 0.25rem;
    -o-border-top-left-radius: 4px;
    -o-border-top-left-radius: 0.25rem;
    border-top-left-radius: 4px;
    border-top-left-radius: 0.25rem;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 0.25rem;
    -moz-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 0.25rem;
    -ms-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 0.25rem;
    -o-border-top-right-radius: 4px;
    -o-border-top-right-radius: 0.25rem;
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem;
    margin-top: -15px;
    margin-top: -0.9375rem
}

.header-row .tier3 {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 0.25rem;
    -moz-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 0.25rem;
    -ms-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 0.25rem;
    -o-border-top-right-radius: 4px;
    -o-border-top-right-radius: 0.25rem;
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem
}

.tier2 {
    display: relative;
    border-top: none;
    background-color: #fff;
    border-top: 2px solid #f2f2f2
}

.header-row .tier1 {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 0.25rem;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 0.25rem;
    -ms-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 0.25rem;
    -o-border-top-left-radius: 4px;
    -o-border-top-left-radius: 0.25rem;
    border-top-left-radius: 4px;
    border-top-left-radius: 0.25rem;
    color: #e05f17;
    height: 60px;
    height: 3.75rem
}

.header-row .tier2 {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 0.25rem;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 0.25rem;
    -ms-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 0.25rem;
    -o-border-top-left-radius: 4px;
    -o-border-top-left-radius: 0.25rem;
    border-top-left-radius: 4px;
    border-top-left-radius: 0.25rem;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 0.25rem;
    -moz-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 0.25rem;
    -ms-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 0.25rem;
    -o-border-top-right-radius: 4px;
    -o-border-top-right-radius: 0.25rem;
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem;
    margin-top: -17px;
    margin-top: -1.0625rem;
    padding-top: 38px !important;
    padding-top: 2.375rem !important;
    color: #d7dbe0;
    height: 77px;
    height: 4.8125rem
}

.header-row .tier3 {
    height: 60px;
    height: 3.75rem;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 0.25rem;
    -moz-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 0.25rem;
    -ms-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 0.25rem;
    -o-border-top-right-radius: 4px;
    -o-border-top-right-radius: 0.25rem;
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem;
    color: #eeba19
}

.header-row div[class*='tier'] {
    position: relative;
    padding: 21px 16px;
    padding: 1.3125rem 1rem;
    border: none !important;
    text-align: center;
    background-color: #087096;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    line-height: 10px;
}

    .header-row div[class*='tier'] .tier-highlight {
        position: absolute;
        top: -24px;
        text-transform: initial;
        color: #ff5722;
        display: block;
        width: 100%;
        margin: 0 auto;
        left: 0;
        font-weight: 700;
        background: #fff;
        border: 2px solid #80808024;
        border-bottom: none;
        height: 23px;
        padding-top: 7px;
        transform: rotateZ(30deg);
        margin-left: 85px;
        margin-top: 23px;
        font-size: 9px !important;
        padding-left: 9px;
    }

.footer-row .tier1 {
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 0.25rem;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 0.25rem;
    -ms-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 0.25rem;
    -o-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 0.25rem;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.25rem;
    height: 60px;
    height: 3.75rem
}

.footer-row .tier2 {
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 0.25rem;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 0.25rem;
    -ms-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 0.25rem;
    -o-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 0.25rem;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.25rem;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0.25rem;
    -moz-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 0.25rem;
    -ms-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 0.25rem;
    -o-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 0.25rem;
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.25rem;
    height: 90px;
    height: 5.625rem;
    border-bottom: 2px solid #f2f2f2
}

.footer-row .tier3 {
    height: 60px;
    height: 3.75rem;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0.25rem;
    -moz-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 0.25rem;
    -ms-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 0.25rem;
    -o-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 0.25rem;
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.25rem
}

.footer-row .feature-name, .footer-row .no-feature-column:before, .footer-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .footer-row .header-row:before, .footer-row .footer-row:before, .footer-row .blank-row:before, .footer-row .period-switcher {
    background-color: #fff
}
.feature-name b {
    color: #000;
}
.blank {
    border: none !important
}

div[class*='tier'] {
    float: left;
    width: 24%;
    padding: 13px 16px;
    padding: 4px 15px;
    text-align: center;
    border-top: 2px solid #f2f2f2;
    -moz-transition: 0.15s;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    position: relative;
    background-color: #fff;
    font-weight: 700;
}

.tier1 {
    border-left: 2px solid #f2f2f2
}

.tier2 {
    border-left: 2px solid #f2f2f2;
    border-right: 2px solid #f2f2f2;
    border-top: none
}

.tier3 {
    border-right: 2px solid #f2f2f2
}

.feature-tooltip {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 44px;
    height: 2.75rem;
    padding: 13px 16px;
    padding: 0.8125rem 1rem;
    top: 0;
    left: 0
}

.feature-tooltip {
    z-index: 1000;
    height: 44px;
    height: 2.75rem;
    position: absolute;
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    top: 2px;
    top: 0.125rem;
    left: 2px;
    left: 0.125rem;
    right: 2px;
    right: 0.125rem;
    bottom: 2px;
    bottom: 0.125rem
}

.tier1 .background, .tier2 .background, .tier3 .background {
    background-color: #fff
}

.feature-row, .footer-row, .results-row, .territories-row, .comp-metrics-row, .api-row, .timeseg-row, .blank-row {
    position: relative;
    height: 44px;
    height: 2.75rem
}

    .feature-row .feature-tooltip, .footer-row .feature-tooltip, .results-row .feature-tooltip, .territories-row .feature-tooltip, .comp-metrics-row .feature-tooltip, .api-row .feature-tooltip, .timeseg-row .feature-tooltip, .blank-row .feature-tooltip {
        font-family: 'Locator Light', Verdana, Arial, sans-serif;
        padding: 7px 16px !important;
        padding: 0.4375rem 1rem !important;
        height: 44px;
        height: 2.75rem;
        color: transparent;
        z-index: 1001;
        text-align: center;
        line-height: 44px;
        line-height: 2.75rem;
        background-color: rgba(181,189,211,0);
        width: auto !important
    }

        .feature-row .feature-tooltip a, .footer-row .feature-tooltip a, .results-row .feature-tooltip a, .territories-row .feature-tooltip a, .comp-metrics-row .feature-tooltip a, .api-row .feature-tooltip a, .timeseg-row .feature-tooltip a, .blank-row .feature-tooltip a {
            color: transparent
        }

    .comp-metrics-row .feature-name, .comp-metrics-row .no-feature-column:before, .comp-metrics-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .comp-metrics-row .header-row:before, .comp-metrics-row .footer-row:before, .comp-metrics-row .blank-row:before, .comp-metrics-row .period-switcher {
        border-bottom: 2px solid #f2f2f2;
        -webkit-border-radius: 0 0 0 3px;
        -webkit-border-radius: 0 0 0 0.1875rem;
        -moz-border-radius: 0 0 0 3px;
        -moz-border-radius: 0 0 0 0.1875rem;
        -ms-border-radius: 0 0 0 3px;
        -ms-border-radius: 0 0 0 0.1875rem;
        -o-border-radius: 0 0 0 3px;
        -o-border-radius: 0 0 0 0.1875rem;
        border-radius: 0 0 0 3px;
        border-radius: 0 0 0 0.1875rem;
        height: 46px;
        height: 2.875rem
    }

    .api-row .tier3 {
        color: #66cc66
    }

.pricing-row {
    height: 128px;
    height: 8rem
}

    .pricing-row.with-discount {
        height: 153px;
        height: 9.5625rem
    }

        .pricing-row.with-discount .tier1, .pricing-row.with-discount .tier2, .pricing-row.with-discount .tier3 {
            height: 153px;
            height: 9.5625rem;
            padding-top: 20px;
            padding-top: 1.25rem
        }

        .pricing-row.with-discount .feature-name, .pricing-row.with-discount .no-feature-column:before, .pricing-row.with-discount .desktop-pricing-table .header-row:before, .desktop-pricing-table .pricing-row.with-discount .header-row:before, .pricing-row.with-discount .footer-row:before, .pricing-row.with-discount .blank-row:before, .pricing-row.with-discount .period-switcher {
            height: 153px;
            height: 9.5625rem;
            padding: 28px 11px;
            padding: 1.75rem 0.6875rem
        }

    .pricing-row .tier1, .pricing-row .tier2, .pricing-row .tier3 {
        height: 128px;
        height: 8rem;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 1em;
        border-top: none !important;
        padding-top: 38px;
        padding-top: 2.375rem;
        font-family: 'Locator Bold', Verdana, Arial, sans-serif
    }

        .pricing-row .tier1 .standard-button, .pricing-row .tier1 .soft-button, .pricing-row .tier1 .lesser, .pricing-row .tier1 .keen-button, .pricing-row .tier2 .standard-button, .pricing-row .tier2 .soft-button, .pricing-row .tier2 .lesser, .pricing-row .tier2 .keen-button, .pricing-row .tier3 .standard-button, .pricing-row .tier3 .soft-button, .pricing-row .tier3 .lesser, .pricing-row .tier3 .keen-button {
            line-height: 14px;
            line-height: 0.875rem;
            margin: 13px auto;
            margin: 0.8125rem auto;
            display: block
        }

        .pricing-row .tier1 sup, .pricing-row .tier2 sup, .pricing-row .tier3 sup {
            font-size: 40px;
            font-size: 11px;
            color: #9c27b0;
            font-family: 'Locator', Verdana, Arial, sans-serif
        }

            .pricing-row .tier1 sup.decimal, .pricing-row .tier2 sup.decimal, .pricing-row .tier3 sup.decimal {
                font-size: 20px;
                font-size: 1.25rem;
                vertical-align: super;
                margin-right: -25px
            }

        .pricing-row .tier1 .period, .pricing-row .tier2 .period, .pricing-row .tier3 .period {
            font-size: 12px;
            font-size: 0.75rem;
            color: #087096 !important;
            font-family: 'Locator', Verdana, Arial, sans-serif
        }

            .pricing-row .tier1 .period .billed-annually, .pricing-row .tier2 .period .billed-annually, .pricing-row .tier3 .period .billed-annually {
                margin-top: -18px;
                display: block;
                color: #999 !important;
                font-size: 13px;
            }

    .pricing-row .feature-name, .pricing-row .no-feature-column:before, .pricing-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .pricing-row .header-row:before, .pricing-row .footer-row:before, .pricing-row .blank-row:before, .pricing-row .period-switcher {
        height: 128px;
        height: 8rem;
        padding: 10px 11px;
        padding: 0.625rem 0.6875rem
    }

.annual-row div[class*='tier'] {
    padding-top: 8px
}

.buttons-row, .footer-row {
    height: 80px;
    height: 5rem
}

    .buttons-row .tier1, .footer-row .tier1, .buttons-row .tier2, .footer-row .tier2, .buttons-row .tier3, .footer-row .tier3 {
        height: 82px !important;
        height: 5.125rem !important;
        padding: 18px 0;
        padding: 1.125rem 0
    }

        .buttons-row .tier1 .standard-button, .footer-row .tier1 .standard-button, .buttons-row .tier1 .soft-button, .footer-row .tier1 .soft-button, .buttons-row .tier1 .lesser, .footer-row .tier1 .lesser, .buttons-row .tier1 .keen-button, .footer-row .tier1 .keen-button, .buttons-row .tier2 .standard-button, .footer-row .tier2 .standard-button, .buttons-row .tier2 .soft-button, .footer-row .tier2 .soft-button, .buttons-row .tier2 .lesser, .footer-row .tier2 .lesser, .buttons-row .tier2 .keen-button, .footer-row .tier2 .keen-button, .buttons-row .tier3 .standard-button, .footer-row .tier3 .standard-button, .buttons-row .tier3 .soft-button, .footer-row .tier3 .soft-button, .buttons-row .tier3 .lesser, .footer-row .tier3 .lesser, .buttons-row .tier3 .keen-button, .footer-row .tier3 .keen-button {
            margin-top: 0
        }

    .buttons-row .tier1, .footer-row .tier1, .buttons-row .tier2, .footer-row .tier2, .buttons-row .tier3, .footer-row .tier3 {
        border-bottom: 2px solid #f2f2f2
    }

    .buttons-row .tier2, .footer-row .tier2 {
        border-right: 2px solid #f2f2f2;
        height: 99px !important;
        height: 6.1875rem !important
    }

.blank-row {
    height: 89px;
    height: 5.5625rem
}

    .blank-row div[class*='tier'] {
        border: none !important;
        padding-top: 20px;
        padding-top: 1.25rem;
        background-color: transparent;
        line-height: 1.3em;
        font-size: 14px;
        font-size: 0.875rem;
        height: 68px;
        height: 4.25rem
    }

.animate-row:hover .feature-tooltip, .results-row:hover .feature-tooltip, .territories-row:hover .feature-tooltip, .comp-metrics-row:hover .feature-tooltip, .api-row:hover .feature-tooltip, .timeseg-row:hover .feature-tooltip {
    display: block;
    background-color: rgba(43,43,43,0.9);
    color: white;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.18);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.18);
    -ms-box-shadow: 0 0 20px rgba(0,0,0,0.18);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.18);
    box-shadow: 0 0 20px rgba(0,0,0,0.18);
    top: -7px;
    top: -0.4375rem;
    left: -7px;
    left: -0.4375rem;
    right: -7px;
    right: -0.4375rem;
    bottom: -7px;
    bottom: -0.4375rem;
    height: 57px;
    height: 3.5625rem;
    padding-top: 16px;
    padding-top: 1rem;
    font-size: 16px;
    font-size: 1rem;
    -webkit-border-radius: 4px;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 4px;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 4px;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 4px;
    -o-border-radius: 0.25rem;
    border-radius: 4px;
    border-radius: 0.25rem
}

    .animate-row:hover .feature-tooltip a, .results-row:hover .feature-tooltip a, .territories-row:hover .feature-tooltip a, .comp-metrics-row:hover .feature-tooltip a, .api-row:hover .feature-tooltip a, .timeseg-row:hover .feature-tooltip a {
        color: #368be0
    }

.plan-reminder {
    background-color: #28282c;
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem;
    color: #fff;
    padding: 7px 20px;
    padding: 0.4375rem 1.25rem;
    line-height: 1.2em;
    margin-top: -5px;
    margin-top: -0.3125rem
}

.pricing-row .feature-name, .pricing-row .no-feature-column:before, .pricing-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .pricing-row .header-row:before, .pricing-row .footer-row:before, .pricing-row .blank-row:before, .pricing-row .period-switcher {
    position: relative
}

.desktop-pricing-table .pricing-row .feature-name, .desktop-pricing-table .pricing-row .no-feature-column:before, .desktop-pricing-table .pricing-row .header-row:before, .desktop-pricing-table .pricing-row .footer-row:before, .desktop-pricing-table .pricing-row .blank-row:before, .desktop-pricing-table .pricing-row .period-switcher {
    padding-left: 4px;
    padding-left: 0.25rem;
    padding-right: 4px;
    padding-right: 0.25rem
}
.desktop-pricing-table .pricing-row .period-switcher {
    text-align: right;
}
    .period-switcher {
        position: absolute;
        padding: 29px 0;
        padding: 1.8125rem 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-left-radius: 0.3125rem;
        -moz-border-top-left-radius: 5px;
        -moz-border-top-left-radius: 0.3125rem;
        -ms-border-top-left-radius: 5px;
        -ms-border-top-left-radius: 0.3125rem;
        -o-border-top-left-radius: 5px;
        -o-border-top-left-radius: 0.3125rem;
        border-top-left-radius: 5px;
        border-top-left-radius: 0.3125rem;
        border-top: 2px solid #f2f2f2;
        border-left: 2px solid #f2f2f2;
        background-color: #fafafa;
        text-align: center
    }

    .period-switcher h4 {
        margin-top: 0;
        font-size: 16px;
        font-size: 1rem;
        padding: 0 15px;
        padding: 0 0.9375rem
    }

    .period-switcher .period-switch, .period-switcher .monthly-switch, .period-switcher .annual-switch {
        margin-top: -15px;
        display: inline-block;
        -webkit-border-radius: 3px;
        -webkit-border-radius: 0.1875rem;
        -moz-border-radius: 3px;
        -moz-border-radius: 0.1875rem;
        -ms-border-radius: 3px;
        -ms-border-radius: 0.1875rem;
        -o-border-radius: 3px;
        -o-border-radius: 0.1875rem;
        border-radius: 3px;
        font-size: 13px;
        background-color: transparent;
        cursor: pointer;
        border: 1px solid #368be0;
        text-transform: uppercase;
        color: #368be0;
        width: auto;
        padding: 1px 15px;
    }

        .period-switcher .period-switch.current, .period-switcher .current.monthly-switch, .period-switcher .current.annual-switch {
            -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.18);
            -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.18);
            -ms-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.18);
            -o-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.18);
            box-shadow: inset 1px 1px 2px rgba(0,0,0,0.18);
            color: #aaa;
            background-color: #f2f2f2;
            cursor: default;
            border: 1px solid #ccc
        }

        .period-switcher .period-switch:not(.current):hover, .period-switcher .monthly-switch:not(.current):hover, .period-switcher .annual-switch:not(.current):hover {
            color: #66cc66;
            border: 1px solid #66cc66;
            background-color: #fff
        }

        .period-switcher .monthly-switch {
            margin-right: 8px;
            margin-right: 0.5rem;
            margin-left: 10px;
        }

.standard-button.disabled, .disabled.soft-button, .disabled.lesser, .disabled.keen-button, .standard-button.disabled:hover, .disabled.soft-button:hover, .disabled.lesser:hover, .disabled.keen-button:hover {
    background-color: #eaeded;
    border-color: transparent;
    color: #cad2d3;
    cursor: default
}
@media (max-width: 820px) {
    #sign-up h1 {
        margin-left: 0;
        margin-right: 0;
        line-height: 36px;
    }
    #sign-up h1, #sign-up p.large-sell {
        text-align: left;
    }
    #sign-up h1 {
        font-size: 30px;
        margin: 22px 0 0px;
    }
    #sign-up p.large-sell {
        font-size: 15px;
        line-height: 20px;
    }
}

.mobile-pricing-table {
    margin-top: 15px;
    display: none
}

    .mobile-pricing-table .header-row div[class*='tier'] {
        width: 100%;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 0.25rem;
        -moz-border-top-left-radius: 4px;
        -moz-border-top-left-radius: 0.25rem;
        -ms-border-top-left-radius: 4px;
        -ms-border-top-left-radius: 0.25rem;
        -o-border-top-left-radius: 4px;
        -o-border-top-left-radius: 0.25rem;
        border-top-left-radius: 4px;
        border-top-left-radius: 0.25rem;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 0.25rem;
        -moz-border-top-right-radius: 4px;
        -moz-border-top-right-radius: 0.25rem;
        -ms-border-top-right-radius: 4px;
        -ms-border-top-right-radius: 0.25rem;
        -o-border-top-right-radius: 4px;
        -o-border-top-right-radius: 0.25rem;
        border-top-right-radius: 4px;
        border-top-right-radius: 0.25rem;
        border: none !important;
        padding-top: 13px !important;
        padding-top: 0.8125rem !important;
        height: 44px !important;
        height: 2.75rem !important
    }

    .mobile-pricing-table .monthly-row .feature-name, .mobile-pricing-table .monthly-row .no-feature-column:before, .mobile-pricing-table .monthly-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .mobile-pricing-table .monthly-row .header-row:before, .mobile-pricing-table .monthly-row .footer-row:before, .mobile-pricing-table .monthly-row .blank-row:before, .mobile-pricing-table .monthly-row .period-switcher {
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-left-radius: 0.25rem;
        -moz-border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 0.25rem;
        -ms-border-bottom-left-radius: 4px;
        -ms-border-bottom-left-radius: 0.25rem;
        -o-border-bottom-left-radius: 4px;
        -o-border-bottom-left-radius: 0.25rem;
        border-bottom-left-radius: 4px;
        border-bottom-left-radius: 0.25rem
    }

    .mobile-pricing-table .monthly-row div[class*='tier'] {
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 0.25rem;
        -moz-border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 0.25rem;
        -ms-border-bottom-right-radius: 4px;
        -ms-border-bottom-right-radius: 0.25rem;
        -o-border-bottom-right-radius: 4px;
        -o-border-bottom-right-radius: 0.25rem;
        border-bottom-right-radius: 4px;
        border-bottom-right-radius: 0.25rem
    }

    .mobile-pricing-table div[class*='tier'] {
        border-top: none !important;
        border-right: none;
        width: 35%;
        margin-top: 0 !important;
        font-size: 17px;
    }

    .mobile-pricing-table .feature-name, .mobile-pricing-table .no-feature-column:before, .mobile-pricing-table .desktop-pricing-table .header-row:before, .desktop-pricing-table .mobile-pricing-table .header-row:before, .mobile-pricing-table .footer-row:before, .mobile-pricing-table .blank-row:before, .mobile-pricing-table .period-switcher {
        text-align: left;
        width: 65%;
        border-top: none;
        border-bottom: 2px solid #f2f2f2;
        float: left;
        height: auto;
        border-right: none;
        border-left: none;
        padding: 4px;
        border-bottom: none !important;
        text-decoration: underline;
    }

    .mobile-pricing-table .comp-metrics-row .feature-name, .mobile-pricing-table .comp-metrics-row .no-feature-column:before, .mobile-pricing-table .comp-metrics-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .mobile-pricing-table .comp-metrics-row .header-row:before, .mobile-pricing-table .comp-metrics-row .footer-row:before, .mobile-pricing-table .comp-metrics-row .blank-row:before, .mobile-pricing-table .comp-metrics-row .period-switcher {
        height: 44px;
        height: 2.75rem
    }

    .mobile-pricing-table .disclaimer {
        margin-top: 14px;
        font-size: 10px;
        float: left;
        padding: 0px 30px 0px 30px;
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
    }

    .mobile-pricing-table div[class*=row] {
        float: left;
        min-height: 40px !important;
    }

    .mobile-pricing-table .header-row {
        height: 44px
    }

    .mobile-pricing-table .pricing-row {
        display: block
    }

        .mobile-pricing-table .pricing-row.with-discount.monthly-row {
            height: 197px !important;
            height: 12.3125rem !important
        }

            .mobile-pricing-table .pricing-row.with-discount.monthly-row div[class*='tier'], .mobile-pricing-table .pricing-row.with-discount.monthly-row .feature-name, .mobile-pricing-table .pricing-row.with-discount.monthly-row .no-feature-column:before, .mobile-pricing-table .pricing-row.with-discount.monthly-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .mobile-pricing-table .pricing-row.with-discount.monthly-row .header-row:before, .mobile-pricing-table .pricing-row.with-discount.monthly-row .footer-row:before, .mobile-pricing-table .pricing-row.with-discount.monthly-row .blank-row:before, .mobile-pricing-table .pricing-row.with-discount.monthly-row .period-switcher {
                height: 197px !important;
                height: 12.3125rem !important
            }

        .mobile-pricing-table .pricing-row.with-discount.annual-row {
            height: 153px !important;
            height: 9.5625rem !important
        }

            .mobile-pricing-table .pricing-row.with-discount.annual-row .tier1, .mobile-pricing-table .pricing-row.with-discount.annual-row .tier2, .mobile-pricing-table .pricing-row.with-discount.annual-row .tier3 {
                height: 153px !important;
                height: 9.5625rem !important
            }

        .mobile-pricing-table .pricing-row.with-discount .tier1, .mobile-pricing-table .pricing-row.with-discount .tier2, .mobile-pricing-table .pricing-row.with-discount .tier3 {
            padding-top: 20px;
            padding-top: 1.25rem
        }

            .mobile-pricing-table .pricing-row.with-discount .tier1 .was-price, .mobile-pricing-table .pricing-row.with-discount .tier2 .was-price, .mobile-pricing-table .pricing-row.with-discount .tier3 .was-price {
                margin-top: 0;
                margin-bottom: 20px
            }

            .mobile-pricing-table .pricing-row.with-discount .tier1 sup, .mobile-pricing-table .pricing-row.with-discount .tier1 .decimal, .mobile-pricing-table .pricing-row.with-discount .tier2 sup, .mobile-pricing-table .pricing-row.with-discount .tier2 .decimal, .mobile-pricing-table .pricing-row.with-discount .tier3 sup, .mobile-pricing-table .pricing-row.with-discount .tier3 .decimal {
                font-size: 14px !important;
                font-size: 0.875rem !important
            }

            .mobile-pricing-table .pricing-row.with-discount .tier1 .decimal, .mobile-pricing-table .pricing-row.with-discount .tier2 .decimal, .mobile-pricing-table .pricing-row.with-discount .tier3 .decimal {
                margin-right: -10px
            }

        .mobile-pricing-table .pricing-row.with-discount .feature-name, .mobile-pricing-table .pricing-row.with-discount .no-feature-column:before, .mobile-pricing-table .pricing-row.with-discount .desktop-pricing-table .header-row:before, .desktop-pricing-table .mobile-pricing-table .pricing-row.with-discount .header-row:before, .mobile-pricing-table .pricing-row.with-discount .footer-row:before, .mobile-pricing-table .pricing-row.with-discount .blank-row:before, .mobile-pricing-table .pricing-row.with-discount .period-switcher {
            height: 153px !important;
            height: 9.5625rem !important;
            padding-top: 13px;
            padding-top: 0.8125rem
        }

    .mobile-pricing-table .annual-row {
        height: 99px !important;
        height: 6.1875rem !important
    }

        .mobile-pricing-table .annual-row div[class*='tier'] {
            height: 99px !important;
            height: 6.1875rem !important;
            height: 99px !important;
            height: 6.1875rem !important;
            padding-top: 18px;
            padding-top: 1.125rem;
            font-size: 24px !important;
            font-size: 1.5rem !important;
            line-height: 1em
        }

            .mobile-pricing-table .annual-row div[class*='tier'] .standard-button, .mobile-pricing-table .annual-row div[class*='tier'] .soft-button, .mobile-pricing-table .annual-row div[class*='tier'] .lesser, .mobile-pricing-table .annual-row div[class*='tier'] .keen-button {
                font-size: 12px;
                font-size: 0.75rem;
                height: 29px;
                height: 1.8125rem;
                padding: 4px 9px 0;
                padding: 0.25rem 0.5625rem 0;
                width: auto;
                margin-top: 7px;
                margin-top: 0.4375rem
            }
   
    .mobile-pricing-table .annual-row div[class*='tier'] sup {
        margin-top: -0.25em !important;
        font-size: 18px !important;
        font-size: 1.125rem !important
    }

        .mobile-pricing-table .annual-row .feature-name, .mobile-pricing-table .annual-row .no-feature-column:before, .mobile-pricing-table .annual-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .mobile-pricing-table .annual-row .header-row:before, .mobile-pricing-table .annual-row .footer-row:before, .mobile-pricing-table .annual-row .blank-row:before, .mobile-pricing-table .annual-row .period-switcher {
            height: 99px !important;
            height: 6.1875rem !important
        }

    .mobile-pricing-table .monthly-row {
        height: 129px !important;
        height: 8.0625rem !important
    }

        .mobile-pricing-table .monthly-row div[class*='tier'] {
            background-color: #fafafa;
            height: 129px !important;
            height: 8.0625rem !important;
            height: 129px !important;
            height: 8.0625rem !important;
            padding-top: 24px;
            padding-top: 1.5rem;
            font-size: 40px !important;
            font-size: 2.5rem !important
        }

            .mobile-pricing-table .monthly-row div[class*='tier'] sup {
                margin-top: -0.5em;
                font-size: 28px !important;
                font-size: 1.75rem !important
            }

        .mobile-pricing-table .monthly-row .feature-name, .mobile-pricing-table .monthly-row .no-feature-column:before, .mobile-pricing-table .monthly-row .desktop-pricing-table .header-row:before, .desktop-pricing-table .mobile-pricing-table .monthly-row .header-row:before, .mobile-pricing-table .monthly-row .footer-row:before, .mobile-pricing-table .monthly-row .blank-row:before, .mobile-pricing-table .monthly-row .period-switcher {
            font-size: 24px;
            font-size: 1.5rem;
            background-color: #fafafa;
            height: 129px !important;
            height: 8.0625rem !important
        }

@media screen and (max-width: 979px) {
    .rosette.get-traffic {
        display: none
    }

    .desktop-pricing-table .standard-button, .desktop-pricing-table .soft-button, .desktop-pricing-table .lesser, .desktop-pricing-table .keen-button {
        width: 100px;
        width: 6.25rem;
        padding: 10px 8px 7px;
        padding: 0.625rem 0.5rem 0.4375rem
    }

    .desktop-pricing-table .period-switcher {
        padding: 27px 12px;
        padding: 1.6875rem 0.75rem
    }

        .desktop-pricing-table .period-switcher h4 {
            padding: 0 7px;
            padding: 0 0.4375rem;
            font-size: 18px !important;
            font-size: 1.125rem !important
        }

        .desktop-pricing-table .period-switch, .desktop-pricing-table .period-switcher .monthly-switch, .period-switcher .desktop-pricing-table .monthly-switch, .desktop-pricing-table .period-switcher .annual-switch, .period-switcher .desktop-pricing-table .annual-switch {
            margin: 10px auto 0 !important;
            margin: 0.625rem auto 0 !important;
            width: 73px;
            width: 4.5625rem
        }

    .desktop-pricing-table .pricing-row div[class*='tier'] {
        font-size: 36px !important;
        font-size: 2.25rem !important;
        padding-top: 32px;
        padding-top: 2rem
    }

        .desktop-pricing-table .pricing-row div[class*='tier'] sup {
            font-size: 22px !important;
            font-size: 1.375rem !important;
            top: -0.7em
        }

    .desktop-pricing-table .annual-row .tier1 .standard-button, .desktop-pricing-table .annual-row .tier1 .soft-button, .desktop-pricing-table .annual-row .tier1 .lesser, .desktop-pricing-table .annual-row .tier1 .keen-button {
        margin-top: 25px !important;
        margin-top: 1.5625rem !important
    }

    .desktop-pricing-table .period {
        line-height: 1em;
        margin-bottom: 23px;
        margin-bottom: 1.4375rem;
        margin-top: -9px;
        margin-top: -0.5625rem
    }
}

@media screen and (max-width: 850px) {
    .desktop-pricing-table .feature-row, .desktop-pricing-table .footer-row, .desktop-pricing-table .results-row, .desktop-pricing-table .territories-row, .desktop-pricing-table .comp-metrics-row, .desktop-pricing-table .api-row, .desktop-pricing-table .timeseg-row, .desktop-pricing-table .blank-row {
        font-size: 14px;
        font-size: 0.875rem
    }
}

@media screen and (max-width: 979px) {
    .desktop-pricing-table .period-switcher {
        padding: 13px 7px;
        padding: 0.8125rem 0.4375rem
    }

    .desktop-pricing-table .pricing-row.annual-row div[class*='tier'] {
        padding-top: 38px
    }

    .desktop-pricing-table .pricing-row div[class*='tier'] {
        padding-top: 48px
    }

        .desktop-pricing-table .pricing-row div[class*='tier'] .billed-annually {
            margin-top: 5px;
            line-height: 1.4em
        }

        .desktop-pricing-table .pricing-row div[class*='tier'] sup, .desktop-pricing-table .pricing-row div[class*='tier'] .decimal {
            font-size: 18px !important;
            font-size: 1.125rem !important
        }

        .desktop-pricing-table .pricing-row div[class*='tier'] .decimal {
            margin-right: -18px;
            top: -2px
        }

    .desktop-pricing-table .pricing-row.with-discount div[class*='tier'] .was-price {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 750px) {
    .desktop-pricing-table {
        display: none
    }

    .mobile-pricing-table {
        display: block
    }
}

@media screen and (max-width: 500px) {
    .mobile-pricing-table div[class*='tier'] {
        width: 50%
    }
        .mobile-pricing-table div[class*='tier'].text {
            font-size: 11px;
            line-height: 13px;
            color: #03a9f4;
        }
    .mobile-pricing-table .feature-row, .mobile-pricing-table .footer-row, .mobile-pricing-table .results-row, .mobile-pricing-table .territories-row, .mobile-pricing-table .comp-metrics-row, .mobile-pricing-table .api-row, .mobile-pricing-table .timeseg-row, .mobile-pricing-table .blank-row {
        font-size: 16px;
        font-size: 1rem
    }

        .mobile-pricing-table .feature-name, .mobile-pricing-table .no-feature-column:before, .mobile-pricing-table .desktop-pricing-table .header-row:before, .desktop-pricing-table .mobile-pricing-table .header-row:before, .mobile-pricing-table .footer-row:before, .mobile-pricing-table .blank-row:before, .mobile-pricing-table .period-switcher {
            width: 50%;
            font-size: 16px;
            font-size: 15px;
            color: #000;
            text-decoration: unset;
        }
}

.rosette-drawing {
    top: 0;
    left: 0;
    position: absolute;
    height: 50px;
    width: 50px;
    background: #66cc66;
    text-align: left
}

    .rosette-drawing:before {
        content: " ";
        position: absolute;
        height: 50px;
        width: 50px;
        background: #66cc66;
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    .rosette-drawing:after {
        width: 50px;
        height: 50px;
        content: " ";
        position: absolute;
        padding-top: 10px;
        text-align: center;
        vertical-align: middle;
        background: #66cc66;
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg)
    }

.rosette-center {
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
    height: 50px;
    padding-top: 13px;
    background-color: rgba(0,0,0,0.1);
    color: #fff;
    z-index: 5;
    -webkit-border-radius: 40px;
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 40px;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 40px;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 40px;
    -o-border-radius: 2.5rem;
    border-radius: 40px;
    border-radius: 2.5rem
}

    .rosette-center em {
        font-style: normal;
        display: block;
        font-size: 20px;
        font-size: 1.25rem
    }

.easter-eggs {
    width: 60px;
    display: inline-block;
    margin: 0px 8px 8px;
    vertical-align: middle
}

@media screen and (max-width: 820px) {
    .easter-eggs {
        display: block
    }
}

.easter .positive-highlight-text {
    color: #829efe
}

.easter-holder {
    width: auto;
    height: auto;
    margin-top: -20px;
    margin-bottom: -20px
}


.bronze_monthly_button {
    background-image: radial-gradient(circle farthest-corner at 10% 20%,#0eae57 0,#0c7475 90%);
}

.gold_monthly_button {
    background-image: radial-gradient(circle farthest-corner at 10% 20%,#55951b .1%,#b7db57 90%);
}

.silver_monthly_button {
    background-image: linear-gradient(109.6deg,#d92488 11.2%,#693b9f 91.1%);
}