@media (max-width: 600px) {
    #my-account nav {
        margin-bottom: 26px;
        margin-bottom: 1.625rem
    }
}
section#my-account {
    padding: 26px 26px 26px 290px;
    padding: 1.625rem 1.625rem 1.625rem 18.125rem
}
@media screen and (max-width: 960px) {
    section#my-account {
        padding: 26px 26px 26px 220px;
        padding: 1.625rem 1.625rem 1.625rem 13.75rem
    }
}
@media screen and (max-width: 768px) {
    section#my-account {
        padding: 26px;
        padding: 1.625rem
    }
}
@media screen and (max-width: 600px) {
    section#my-account {
        padding: 13px 13px 26px;
        padding: 0.8125rem 0.8125rem 1.625rem
    }
}
section#my-account h3 {
    border-bottom: 1px solid #dedfdf;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    margin: 30px 0 20px;
    margin: 1.875rem 0 1.25rem
}
section#my-account ul.plan-benefits {
    margin: 20px 0 26px;
    margin: 1.25rem 0 1.625rem;
    padding: 0 0 0 30px;
    padding: 0 0 0 1.875rem;
    list-style: none
}
section#my-account ul.plan-benefits li {
    margin: 0 0 16px;
    margin: 0 0 1rem;
    padding: 0 0 0 36px;
    padding: 0 0 0 2.25rem
}
section#my-account ul.plan-benefits li.results {
    background: url(../../holding-icons-5dbc123cd03753a75027baf653c97ef64b99c3c4f31aea6b6705ab9abe1c7b0e.html) 0px 2px no-repeat transparent
}
section#my-account ul.plan-benefits li.territories {
    background: url(../../holding-icons-5dbc123cd03753a75027baf653c97ef64b99c3c4f31aea6b6705ab9abe1c7b0e.html) 0px -28px no-repeat transparent
}
section#my-account ul.plan-benefits li.tick {
    background: url(../../holding-icons-5dbc123cd03753a75027baf653c97ef64b99c3c4f31aea6b6705ab9abe1c7b0e.html) 0px -56px no-repeat transparent
}
section#my-account .period-switcher {
    position: relative;
    padding: 0;
    border: 0;
    height: 66px;
    height: 4.125rem;
    float: none;
    -webkit-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    width: 100%
}
.details-form .form-row {
    max-width: 300px;
    max-width: 18.75rem
}
.details-form .form-row input[type='text'],
.details-form .form-row input[type='email'],
.details-form .form-row input[type='password'],
.details-form .form-row select {
    margin-top: 4px;
    margin-top: 0.25rem
}
.details-form .form-row:not(.checkbox-row) label {
    position: relative;
    display: block
}
.details-form .form-row.cvv-row {
    margin-top: 38px;
    margin-top: 2.375rem
}
.details-form .form-row.cvv-row label {
    position: absolute;
    top: -21px;
    top: -1.3125rem
}
.email-greyed {
    display: block;
    color: #888783;
    margin-top: 4px;
    margin-top: 0.25rem
}
.card-greyed {
    display: block;
    color: #888783;
    margin-top: 4px;
    margin-top: 0.25rem
}
.cancel-link {
    color: #bb0022 !important
}
.positive-link {
    color: #368be0 !important
}
.button-sell {
    position: relative;
    padding: 2px 0 0 220px;
    padding: 0.125rem 0 0 13.75rem
}
.button-sell .standard-button,
.button-sell .soft-button,
.button-sell .lesser,
.button-sell .keen-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    width: 12.5rem
}
.button-sell span.sell-text .button-as-link {
    display: block;
    margin-top: 4px;
    margin-top: 0.25rem
}
@media (min-width: 601px) {
    #update-billing-form .form-row {
        max-width: 300px;
        max-width: 18.75rem;
        margin-left: 160px;
        margin-left: 10rem
    }
    #update-billing-form .form-row:not(.checkbox-row) label {
        position: absolute;
        text-align: left;
        right: auto;
        top: 10px;
        top: 0.625rem;
        left: -160px;
        left: -10rem
    }
}
@media (max-width: 600px) {
    #update-billing-form .form-row {
        max-width: 300px;
        max-width: 18.75rem
    }
    #update-billing-form .form-row input[type='text'],
    #update-billing-form .form-row input[type='email'],
    #update-billing-form .form-row input[type='password'],
    #update-billing-form .form-row select {
        margin-top: 4px;
        margin-top: 0.25rem
    }
    #update-billing-form .form-row:not(.checkbox-row) label {
        position: relative;
        display: block
    }
    #update-billing-form .form-row.cvv-row {
        margin-top: 38px;
        margin-top: 2.375rem
    }
    #update-billing-form .form-row.cvv-row label {
        position: absolute;
        top: -21px;
        top: -1.3125rem
    }
}
#user_number {
    margin-bottom: 14px
}
.change-plan-list li {
    position: relative;
    padding: 13px;
    background-color: #f2f6fa;
    margin-bottom: 6px
}
.change-plan-list li>* {
    display: inline-block
}
.change-plan-list li.current-plan {
    background-color: #dedfdf;
    color: #888783
}
.change-plan-list li.current-plan a {
    color: #888783
}
.change-plan-list li h4 {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0;
    text-align: left;
    width: 200px
}
.change-plan-list li .price {
    position: absolute;
    right: 190px;
    right: 11.875rem;
    top: 13px;
    top: 0.8125rem;
    font-size: 22px;
    font-size: 1.375rem
}
.change-plan-list li button {
    position: absolute;
    right: 13px;
    width: 141px;
    width: 8.8125rem;
    top: 11px;
    top: 0.6875rem;
    padding: 7px 18px 5px;
    padding: 0.4375rem 1.125rem 0.3125rem
}
.period {
    font-size: 14px;
    font-size: 0.875rem;
    color: #888783
}
.change-plans {
    width: 80%
}
@media screen and (max-width: 960px) {
    .change-plans {
        width: 100%
    }
}
.change-plans.annual .monthly {
    display: none
}
.change-plans.monthly .annual {
    display: none
}
.change-plan-block {
    position: relative;
    margin-bottom: 52px;
    margin-bottom: 3.25rem
}
.change-plan-block .price {
    position: absolute;
    right: 2px;
    right: 0.125rem;
    top: 2px;
    top: 0.125rem;
    display: block;
    font-size: 22px;
    font-size: 1.375rem
}
.change-plan-block button {
    position: absolute;
    right: 0;
    top: 44px;
    padding: 8px 20px 6px;
    padding: 0.5rem 1.25rem 0.375rem
}
.change-plan-title {
    text-align: left !important;
    border-bottom: 1px solid #dedfdf;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    margin: 30px 0 20px;
    margin: 1.875rem 0 1.25rem
}
.benefits {
    display: block;
    margin-bottom: 13px;
    margin-bottom: 0.8125rem
}
.notify-logged-in {
    margin-top: 0;
    margin-top: 0
}
.discount-section {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
    max-width: 810px;
    max-width: 50.625rem;
    margin: 0 auto;
    margin: 0 auto
}
@media (max-width: 768px) {
    .discount-section {
        text-align: left
    }
}
.discount-pull-bottom .discount-section {
    margin: 40px auto -27px;
    margin: 2.5rem auto -1.6875rem
}
.rosette-holder {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin-right: 20px
}
.was-price {
    display: block;
    font-size: 24px !important;
    font-size: 1.5rem !important;
    color: #aaa;
    margin-top: -11px;
    margin-top: -0.6875rem
}
.was-price sup {
    font-size: 18px !important;
    font-size: 1.125rem !important
}
#sign-up h1 {
    text-align: center;
    font-size: 50px;
    font-size: 3.125rem;
    margin: 22px 0;
    margin: 1.375rem 0
}
#sign-up p.large-sell {
    font-size: 24px;
    text-align: center;
    max-width: 810px;
    max-width: 50.625rem;
    margin: 22px auto
}
@media (max-width: 768px) {
    #sign-up h1,
    #sign-up p.large-sell {
        text-align: left
    }
    #sign-up h1 {
        margin: 0
    }
}
#sign-up form {
    margin-top: 35px
}
@media (min-width: 769px) {
    #sign-up form .form-row {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
        max-width: 18.75rem
    }
    #sign-up form .form-row input:not([type='checkbox']) {
        width: 100%
    }
    #sign-up form .form-row:not(.checkbox-row) label {
        position: absolute;
        right: 104%;
        width: 200px;
        width: 12.5rem;
        top: 10px;
        top: 0.625rem;
        text-align: right
    }
    #sign-up form .form-row:not(.checkbox-row) .input-tip {
        top: 4px;
        top: 0.25rem
    }
}
@media (max-width: 768px) {
    #sign-up form .form-row {
        max-width: 300px;
        max-width: 18.75rem
    }
    #sign-up form .form-row input[type='text'],
    #sign-up form .form-row input[type='email'],
    #sign-up form .form-row input[type='password'],
    #sign-up form .form-row select {
        margin-top: 4px;
        margin-top: 0.25rem
    }
    #sign-up form .form-row:not(.checkbox-row) label {
        position: relative;
        display: block
    }
    #sign-up form .form-row.cvv-row {
        margin-top: 38px;
        margin-top: 2.375rem
    }
    #sign-up form .form-row.cvv-row label {
        position: absolute;
        top: -21px;
        top: -1.3125rem
    }
}
p.sign-up-seller {
    max-width: 65%;
    text-align: center;
    margin: 1em auto 1em
}
#sign-up.thankyou h1 {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto
}
#sign-up.thankyou p,
#sign-up.thankyou span,
#sign-up.thankyou a {
    text-align: center;
    width: 70%;
    font-size: 18px;
    font-size: 1.125rem;
    margin-left: auto;
    margin-right: auto
}
#sign-up.thankyou .signature {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 0
}
#sign-up.thankyou span {
    display: block;
    margin-bottom: 26px;
    margin-bottom: 1.625rem
}
#sign-up.thankyou a.cta {
    font-size: 24px;
    font-size: 1.5rem;
    display: block
}
.invoices {
    list-style: none;
    margin: 26px 0;
    padding: 0
}
.invoices>li {
    position: relative;
    max-height: 46px;
    max-height: 2.875rem;
    -moz-transition: 0.35s;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    margin-bottom: 5px;
    border: 1px solid #acd2f7;
    overflow: hidden
}
.invoices>li .invoice-date {
    position: absolute;
    right: 124px;
    right: 7.75rem
}
.invoices>li .expand {
    cursor: pointer;
    color: #368be0;
    position: absolute;
    right: 20px
}
.invoices>li .expand:hover {
    color: #2b2b2b
}
.invoices>li .invoice-header {
    background-color: #f2f6fa;
    padding: 15px 20px 12px;
    padding: 0.9375rem 1.25rem 0.75rem
}
.invoices>li .invoice-content {
    padding: 13px 20px;
    padding: 0.8125rem 1.25rem
}
.invoices>li .invoice-status {
    display: inline-block;
    margin-left: 16px;
    margin-left: 1rem
}
.invoices>li .invoice-status.collected {
    color: #66cc66
}
.invoices>li .invoice-status.open {
    color: #bb0022
}
.invoices>li .invoice-item-row {
    padding: 3px 0;
    text-align: right;
    position: relative
}
.invoices>li .invoice-item-row span.total-label {
    position: absolute;
    right: 120px;
    right: 7.5rem
}
.invoices>li .invoice-item-row.total-row {
    margin-top: 10px;
    margin-top: 0.625rem;
    padding-top: 14px;
    padding-top: 0.875rem;
    border-top: 1px solid #dedfdf
}
.expanded {
    max-height: 800px !important;
    max-height: 50rem !important
}
header#admin-header {
    position: relative;
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #dedfdf;
    margin-bottom: 26px
}
header#admin-header h1 {
    margin: 0
}
header#admin-header .admin-header {
    position: absolute;
    right: 0;
    font-size: 28px;
    font-size: 1.75rem;
    color: #c3c3c1;
    bottom: 12px;
    bottom: 0.75rem
}
section#admin-users .group {
    margin-bottom: 26px;
    margin-bottom: 1.625rem
}
section#admin-users .group:not(:last-child) {
    padding-bottom: 26px;
    padding-bottom: 1.625rem;
    border-bottom: 1px solid #dedfdf
}
section#admin-users h3 {
    border-bottom: 1px solid #dedfdf;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    margin: 30px 0 20px;
    margin: 1.875rem 0 1.25rem
}
section#admin-users label {
    width: 120px;
    width: 7.5rem
}
#user-form select {
    display: inline-block;
    width: 250px;
    width: 15.625rem
}
#user-form button,
#user-form input[type=submit] {
    margin-left: 155px;
    margin-left: 9.6875rem
}
#user-search-form label,
#user-search-form input,
#user-search-form button,
#user-search-form select {
    display: inline-block;
    margin-right: 10px;
    margin-right: 0.625rem
}
#user-search-form input {
    width: 300px;
    width: 18.75rem
}
#user-search-form select {
    width: 200px;
    width: 12.5rem
}
header#login-header {
    position: relative;
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 10px;
    padding-bottom: 0.625rem
}
header#login-header h1 {
    margin: 0
}
section#login {
    position: relative;
    background-color: #fff;
    border: 1px solid #dedfdf;
    -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: 26px 26px 52px;
    padding: 1.625rem 1.625rem 3.25rem
}
section#login h1 {
    text-align: center;
    font-size: 50px;
    font-size: 3.125rem;
    margin: 22px 0;
    margin: 1.375rem 0
}
section#login form .form-row {
    max-width: 300px;
    max-width: 18.75rem
}
section#login form .form-row input[type='text'],
section#login form .form-row input[type='email'],
section#login form .form-row input[type='password'],
section#login form .form-row select {
    margin-top: 4px;
    margin-top: 0.25rem
}
section#login form .form-row:not(.checkbox-row) label {
    position: relative;
    display: block
}
section#login form .form-row.cvv-row {
    margin-top: 38px;
    margin-top: 2.375rem
}
section#login form .form-row.cvv-row label {
    position: absolute;
    top: -21px;
    top: -1.3125rem
}
.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 {
    padding: 10px;
    /* background: url("https://s3.amazonaws.com/wordtracker-front-end-assets/images/tick.png") center center no-repeat transparent; */
    /* background-size: 16px; */
}
.cross {
    width: 19px;
    width: 1.1875rem;
    height: 20px;
    height: 1.25rem;
    background: url("../../../public-assets/cross.html") center center no-repeat transparent
}
.dash {
    /* width: 1.4375rem; */
    /* background: url("https://s3.amazonaws.com/wordtracker-front-end-assets/images/dash.png") center center no-repeat transparent; */
    padding: 10px;
}
.sign-up-plan {
    text-align: center
}
.sign-up-plan p.large-sell {
    margin-top: -20px !important
}
.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("../../green-rosette-da0eb6043c4c74a837e2fd07548a14e4c3e1e055901cb36c5ddd31eea277b4c6.html") left top no-repeat
}
.get-traffic {
    right: -120px;
    top: -60px
}
.get-traffic a {
    color: #fff
}
.get-traffic a:hover {
    color: #2b2b2b
}
.pricing-table,
.mobile-pricing-table,
.desktop-pricing-table {
    /* max-width: 810px; */
    /* max-width: 50.625rem; */
    font-size: 16px;
    font-size: 1rem;
    margin: 0px 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;
    width: 7.5rem
}
.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: 40px;
    /* height: 3.75rem; */
    width: 21%;
    text-align: right;
    border-top: 1px solid #f2f2f2;
    font-size: 13px;
    border-left: 1px solid #f2f2f2;
    padding: 13px 11px 0;
    padding: 3px 20px;
    line-height: 30px;
    color: black;
    font-size: 14px;
}
.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: #ffffff;
    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: #ffffff;
}
.header-row div[class*='tier'] {
    position: relative;
    padding: 21px 16px;
    padding: 0.3125rem 1rem;
    border: none !important;
    text-align: center;
    background-color: #01a0e3;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 16px;
    color: white;
}
.header-row div[class*='tier'] .tier-highlight {
    position: absolute;
    top: 18px;
    top: 3px;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    width: 100%;
    margin: 0 auto;
    left: 0;
}
.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
}
.blank {
    border: none !important
}
div[class*='tier'] {
    float: left;
    width: 26%;
    padding: 0px;
    font-size: 13px;
    height: 40px;
    text-align: center;
    border-top: 1px solid #f2f2f2;
    -moz-transition: 0.15s;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    position: relative;
    background-color: #fff;
}
.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
}

.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: 35px;
}

.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: 19px;
    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: 2.5rem;
    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: 13px;
    color: #888 !important;
    font-family: 'Locator', Verdana, Arial, sans-serif;
}
.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 .tier1 .standard-button,
.annual-row .tier1 .soft-button,
.annual-row .tier1 .lesser,
.annual-row .tier1 .keen-button {
    margin-top: 10px !important;
    margin-top: 0.625rem !important
}
.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
}

.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;
}
.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: 29px;
    font-size: 16px;
    font-size: 1rem;
    padding: 0 15px;
    padding: 0 0.9375rem;
    font-size: 14px;
}
.period-switcher .period-switch,
.period-switcher .monthly-switch,
.period-switcher .annual-switch {
    margin-top: 5px;
    margin-top: 0.3125rem;
    display: inline-block;
    width: 81px;
    width: 5.0625rem;
    -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: 6px 0 4px;
    padding: 0.375rem 0 0.25rem;
    font-size: 12px;
    font-size: 0.75rem;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #368be0;
    text-transform: uppercase;
    color: #368be0
}
.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
}
.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
}
.mobile-pricing-table {
    margin-top: 50px;
    margin-top: 3.125rem;
    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-bottom: 2px solid #f2f2f2 !important;
    border-right: 2px solid #f2f2f2;
    border-left: 2px solid #f2f2f2;
    width: 35%;
    margin-top: 0 !important
}
.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
}
.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: 10px
}
.mobile-pricing-table div[class*=row] {
    float: none
}
.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: 90px;
    width: 5.625rem;
    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 div[class*='tier'] {
        padding-top: 48px
    }
    .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 .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: 1rem
    }
}
.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: 768px) {
    .easter-eggs {
        display: block
    }
}
.easter .positive-highlight-text {
    color: #829efe
}
.easter-holder {
    width: auto;
    height: auto;
    margin-top: -20px;
    margin-bottom: -20px
}

.feature-name {
    text-align: left;
    background: white;
    text-transform: capitalize;
}
.tier2 {
    background: #f9f9f9!important;
    border: none!important;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.14);
    border-bottom: 0px!important;
}

 .pricing-table.t2:hover .brand-hover {
    background-color: #545353 !important
}
  .pricing-table.t2:hover .table-info {
    background-color: #d95c22 !important
}
  span.tick i {
    font-size: 16px;
}
  #blogGrid{
      display:none;
  }
 

  @media(max-width:768px){
  #blogGrid{
      display:block;
  }
 
  #blogGrid a.mb-30.blog-grid-item{
      width:100%
  }
  }