﻿.v3PriceWrapper {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 128px;
    padding: 0 32px;
}
.prodHeader {
    display: flex;
    align-items: flex-start;
    margin-top: 64px;
}


.prodHeader > div:first-child {
    flex: 1;
}

.prodHeader > div:last-child {
    flex: 0;
    white-space: nowrap;
    padding-left: 32px;
}
a.capterraWrap {
    display: flex;
    flex-direction: column;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
    background: #efefef;
    color: #666;
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 100%;
    padding: 16px 32px;
}
a.capterraWrap:hover {
    text-decoration: none;
}
    a.capterraWrap .reviewCountWrap {
        margin-top: 8px;
    }

    h1 {
        margin: 0;
        margin-bottom: 16px;
        display: block;
        width: 100%;
        padding: 0;
        max-width: 100%;
        text-align: left;
        font-size: 3.5rem;
    }
span.h1Tag {
    font-size: 1.8rem;
    font-weight: 500;
    display: block;
    line-height: 120%;
}

ul.testimonials {
    max-width: 100%;
    display: flex;
    overflow-x: auto;
    margin: 0;
    margin-top: 32px;
    padding: 0;
    list-style: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}
ul.testimonials li {
    margin: 0;
    padding: 0;
    margin-right: 8px;
    padding-bottom: 16px;
    scroll-snap-align: start;
}
ul.testimonials li:last-child {
    margin-right: 0;
}
ul.testimonials li > div {
    width: 420px;
    max-width: 80vw;
    background: #efefef;
    border-radius: 16px;
    height: 100%;
    padding: 8px;
    display: flex;
    -webkit-user-select: none;
    user-select: none;
}
ul.testimonials li > div:hover {
    cursor: pointer;
}
ul.testimonials li > div > div:first-child {
    max-width: 64px;
    min-width: 64px;
}
ul.testimonials li > div > div:first-child img {
    border-radius: 50%;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
}
ul.testimonials li > div > div:last-child {
    padding-left: 16px;
    line-height: 100%;
    padding-right: 16px;
}
ul.testimonials li > div > div:last-child blockquote {
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    line-height: 150%;
    margin-bottom: 16px;
}
ul.testimonials li > div > div:last-child strong {
    display: block;
    font-size: 1rem;
    font-weight: 500;
}
ul.testimonials li > div > div:last-child span.authorRel {
    font-size: 0.85rem;
}
ul.testimonials .attribution {
    display: flex;
    align-items: center;
}
ul.testimonials .attribution > div:first-child {
    flex: 1;
}
ul.testimonials .attribution > div:last-child {
    white-space: nowrap;
    padding-right: 16px;
    flex: 0;
}
    ul.testimonials .attribution > div:last-child img {
        min-width: 20px;
        max-width: 20px;
    }


ul.productPriceFilterBar {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    align-items: stretch;
    white-space: nowrap;
}
ul.productPriceFilterBar li {
    margin: 0;
    padding: 0;
    margin-right: 16px;
    -webkit-user-select: none;
    user-select: none;
    flex: 1;
    display: flex;
}
ul.productPriceFilterBar li:last-child {
    margin-right: 0;
}
ul.productPriceFilterBar li > div {
    border-radius: 16px;
    background: #efefef;
    line-height: 100%;
    font-size: 1rem;
    font-weight: 500;
}
ul.productPriceFilterBar li > div select {
    padding: 0;
    margin: 0;
    border-radius: 16px;
    margin: 4px;
    margin-left: 0;
    padding: 8px 8px;
    border: 0;
    background: #fff;
    font-size: 1rem;
    max-width: 300px;
    scroll-margin-top: 130px;
}
ul.productPriceFilterBar li:first-child select {
    width: 32px;
}
ul.productPriceFilterBar label {
    padding-left: 16px;
    padding-right: 8px;
    display: inline-block;
    font-size: 0.85rem;
}
.countryWarning {
    display: none;
    background: #f9d235;
    border-radius: 3px;
    padding: 32px;
    margin-top: 8px;
    align-items: center;
    margin-top: 48px;
}
.countryWarning .message {
    line-height: 130%;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    margin-bottom: 32px;
}
.countryWarning .message strong {
    font-weight: 500;
    color: #dc0d8a;
}
.countryWarning img {
    margin-top: -64px;
}
    #GoToGeoCountry {
        background: #dc0d8a;
        color: #fff;
        font-weight: 500;
        border-radius: 16px;
        padding: 8px 16px;
        line-height: 120%;
        display: block;
    }
.noPriceRisesNotice {
    margin-top: 16px;
    display: flex;
    background: #88E788;
    border-radius: 16px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    padding: 8px 16px;
    line-height: 130%;
    text-align: left;
}
.noPriceRisesNotice strong {
    font-weight: 500;
}
.noPriceRisesNotice img {
    margin-right: 8px;
}
.billingFrequencyNotAvailable {
    display: none;
    background: #f9d235;
    border-radius: 16px;
    padding: 16px 24px;
    margin: 0 8px;
    margin-top: 16px;
    text-align: center;
    align-items: center;
    line-height: 100% !important;
}
    .billingFrequencyNotAvailable h3 {
        margin: 0;
        padding: 0;
        font-size: 1.15rem !important;
        text-transform: none !important;
        font-weight: 500 !important;
        font-family: 'Roboto', Arial, sans-serif;
    }
    .billingFrequencyNotAvailable > span {
        display: block;
        font-weight: 500;
        font-size: 1rem !important;
        text-align: left !important;
        line-height: 100% !important;
        margin: 16px 0;
    }
.billingFrequencyNotAvailable a {
    display: block;
    background: #dc0d8a;
    color: #fff;
    border-radius: 16px;
    font-size: 1rem !important;
    font-weight: 500;
    line-height: 100%;
    padding: 8px 0;
    margin-top: 32px;
}


    ul.productsList {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        margin-top: 32px;
    }

ul.productsList > li {
    margin: 0;
    padding: 0;
    flex: 1;
}
        ul.productsList li.productListItem h3 {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 1.7rem;
            padding-left: 8px;
            padding-right: 8px;
        }
        ul.productsList li.productListItem.CAnim_Startup,
        ul.productsList li.productListItem.C3_StartupBusiness {
            display: none;
        }
    ul.productsList > li > div {
        border-radius: 8px;
        border: 1px solid #efefef;
        margin-right: 16px;
    }
ul.productsList > li:last-child > div {
    margin-right: 0;
}
.billingFrequency {
    display: flex;
    align-items: center;
}
.billingFrequency input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
    .billingFrequency label {
        height: 100%;
        display: flex !important;
        align-items: center;
        padding: 0 32px !important;
    }
    .billingFrequency input[type=radio]:checked + label {
        background: #dc0d8a;
        color: #fff;
        font-weight: 500;
        border-radius: 16px;
    }

.buyNowLinkWrap {
    display: none;
}
.pricePerSeatWrap {
    margin-bottom: 32px;
}
    .pricePerSeatWrap .billing,
    .pricePerSeatWrap .from {
        display: none;
        font-weight: 500;
        font-size: 0.85rem;
        line-height: 100%;
        color: #666;
    }
.pricePerSeatWrap .billing {
    display: block;
}
        .pricePerSeatWrap .price {
            color: #dc0d8a;
            font-weight: 500;
            line-height: 100%;
            display: flex;
            justify-content: center;
        }
    .pricePerSeatWrap .price > span {
        line-height: 100%;
        display: flex;
    }
        .pricePerSeatWrap .price > span:nth-child(1) {
            font-size: 1.8rem;
            align-items: center;
        }
        .pricePerSeatWrap .price > span:nth-child(2) {
            font-size: 3rem;
            align-items: center;
            padding: 0 8px;
            font-family: 'Passion One', cursive;
        }
.pricePerSeatWrap .price > span:nth-child(3) {
    font-size: 1.15rem;
    padding-bottom: 7px;
    flex-direction: column;
    justify-content: flex-end;
    line-height: 80%;
}
.pricePerSeatWrap .price > span:nth-child(3) span {
    text-align: left;
}

.pricePerSeatWrap .price .plusVAT {
    font-size: 0.75rem;
}

.licenseInfo {
    margin: 0 8px;
    margin-top: 16px;
    margin-bottom: 32px;
    background: red;
    border-radius: 16px;
    display: flex;
    align-items: flex-start;
    padding: 16px;
}
.licenseInfo > div:first-child {
    min-width: 64px;
    max-width: 64px;
    margin-right: 16px;
}
    .licenseInfo.CAnim_Personal,
    .licenseInfo.C3_Personal {
        background: #F0FAF1;
    }
    .licenseInfo.CAnim_Startup,
    .licenseInfo.C3_StartupBusiness {
        background: #F1F7FD;
    }
    .licenseInfo.CAnim_Business,
    .licenseInfo.C3_Business {
        background: #F1F7FD;
    }
    .licenseInfo.CAnim_Educational,
    .licenseInfo.C3_Educational {
        background: #F8F2FC;
    }

    .licenseInfo .iconWrap {
        width: 64px;
        height: 64px;
        background: #ec0658;
        border-radius: 50%;
        padding: 12px;
        box-shadow: rgba(9, 30, 66, 0.25) 0 1px 1px, rgba(9, 30, 66, 0.13) 0 0 1px 1px;
    }

    .licenseInfo.CAnim_Personal .iconWrap,
    .licenseInfo.C3_Personal .iconWrap {
        background: #c9f4ce;
    }

    .licenseInfo.CAnim_Startup .iconWrap,
    .licenseInfo.C3_StartupBusiness .iconWrap {
        background: #b1cde9;
    }

    .licenseInfo.CAnim_Business .iconWrap,
    .licenseInfo.C3_Business .iconWrap {
        background: #b1cde9;
    }

    .licenseInfo.CAnim_Educational .iconWrap,
    .licenseInfo.C3_Educational .iconWrap {
        background: #d2b4e6;
    }
    .licenseInfo .iconWrap img {
        border-radius: 25%;
    }

    .licenseInfo .constraint {
        display: flex;
        line-height: 110%;
        align-items: flex-start;
        line-height: 110%;
    }
.licenseInfo .constraint > div:first-child {
    min-width: 16px;
    max-width: 16px;
}
.licenseInfo .constraint > div:first-child img {
    display: block;
    margin-top: 4px;
}
    .licenseInfo .constraint > div:first-child img.tick {
        filter: invert(55%) sepia(18%) saturate(1302%) hue-rotate(75deg) brightness(94%) contrast(90%);
    }



.licenseInfo .constraint > div:last-child {
    padding-left: 12px;
    text-align: left;
    font-size: 1rem;
    font-weight: 400;
}
.licenseInfo .constraint > div:last-child strong {
    font-weight: 500;
}
.licenseInfo .constraint + .constraint {
    margin-top: 12px;
}
.licenseInfo .emailQs {
    font-size: 0.85rem;
    margin-top: 12px;
    margin-bottom: -4px;
    line-height: 100%;
    padding-top: 8px;
    margin-left: -80px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
    .licenseInfo .equiv {
        font-size: 0.75rem !important;
        line-height: 100%;
        font-style: italic;
    }
a.backToBizTop {
    display: flex;
    line-height: 100%;
    font-size: 0.85rem;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    margin-top: 4px;
}
a.backToBizTop img {
    margin-right: 4px;
}

.goCheckoutWrapper {
    background: #f8f8f8;
    padding: 16px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    line-height: 100%;
}
    .goCheckoutWrapper > div.qtyWrap {
        flex: 0;
        padding-right: 8px;
        margin-top: -3px;
    }
    .goCheckoutWrapper > div.btnsWrap {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .goCheckoutWrapper input[type=number] {
        font-size: 1rem;
        padding: 6px 0 6px 6px;
        width: 100%;
        border: 1px solid #c0c0c0;
        border-radius: 3px;
        min-width: 64px;
    }
.goCheckoutWrapper label {
    font-weight: 500;
    font-size: 1rem;
}
.buyNowLink {
    background: #dc0d8a;
    color: #fff;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 16px 0;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.buyNowLink img {
    max-height: 32px;
    margin-left: -32px;
}
.buyNowLink:hover img {
    animation: rubberBand;
    animation-duration: 1s;
}
.buyNowLink.redirecting {
    justify-content: center;
    opacitY: 0.3;
}
.buyNowLink.loading {
    opacitY: 1;
    animation: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.buyNowLink.redirecting img {
    margin-left: 0;
}
.buyNowLink.redirecting:hover img {
    animation: none;
}

.buyNowLink.redirecting:hover {
    text-decoration: none;
    cursor: wait;
}


.requestQuote {
    border: 1px solid #dc0d8a;
    color: #dc0d8a;
    background: #fff;
    margin-top: 4px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 500;
    padding: 4px 0;
}

.tierTableWrap {
    padding: 4px;
    border: 1px solid #efefef;
    margin: 0 16px;
    border-radius: 3px;
}
.tierTableWrap table thead td {
    background: #dc0d8a;
    color: #fff;
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 100%;
    padding: 8px 0;
}
.tierTableWrap table thead td:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}
    .tierTableWrap table thead td:last-child {
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        border-top-right-radius: 3px;
    }
.tierTableWrap table tbody td {
    background: #fff !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 100%;
}
.tierTableWrap .tierPrice {
    color: #dc0d8a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tierTableWrap .tierPrice span:first-child {
    padding-right: 4px;
    font-size: 0.85rem;
}
.tierPlusVAT {
    font-size: 0.75rem;
    line-height: 100%;
    color: #666;
    margin-top: 2px;
    display: none;
}
.tierTableWrap .tierPrice span:last-child {
    font-family: 'Passion One', cursive;
    font-size: 1.4rem;
    font-weight: normal;
}
.tierTableWrap table tbody tr {
    border-bottom: 1px solid #efefef;
}
.tierTableWrap table tbody tr:last-child {
    border-bottom: none;
}

.whatsIncludedWrap {
    padding: 0 16px;
    padding-bottom: 16px;
}
    .whatsIncludedWrap h3 {
        text-align: left;
        text-transform: none !important;
        font-family: 'Roboto', Arial, sans-serif;
        font-size: 1rem !important;
        font-weight: 500 !important;
        margin-bottom: 8px;
    }
.whatsIncludedWrap > div {
    display: flex;
    font-size: 1rem;
    line-height: 130%;
    margin-bottom: 16px;
    margin-left: 8px;
}

.whatsIncludedWrap > div > div:first-child {
    max-width: 16px;
    min-width: 16px;
    padding-top: 2px;
}
.whatsIncludedWrap > div > div:last-child {
    text-align: left;
    padding-left: 16px;
}
.productListItem.CAnim_Educational img.thinker,
.productListItem.CAnim_Educational .whatsIncludedWrap > div > div:first-child img.tick,
.productListItem.C3_Educational img.thinker,
.productListItem.C3_Educational .whatsIncludedWrap > div > div:first-child img.tick {
    filter: invert(29%) sepia(11%) saturate(6768%) hue-rotate(246deg) brightness(92%) contrast(82%);
}
.productListItem.CAnim_Personal img.thinker,
.productListItem.CAnim_Personal .whatsIncludedWrap > div > div:first-child img.tick,
.productListItem.C3_Personal img.thinker,
.productListItem.C3_Personal .whatsIncludedWrap > div > div:first-child img.tick {
    filter: invert(55%) sepia(18%) saturate(1302%) hue-rotate(75deg) brightness(94%) contrast(90%);
}
.productListItem.CAnim_Startup img.thinker,
.productListItem.CAnim_Business img.thinker,
.productListItem.CAnim_Startup .whatsIncludedWrap > div > div:first-child img.tick,
.productListItem.CAnim_Business .whatsIncludedWrap > div > div:first-child img.tick,
.productListItem.C3_StartupBusiness img.thinker,
.productListItem.C3_Business img.thinker,
.productListItem.C3_StartupBusiness .whatsIncludedWrap > div > div:first-child img.tick,
.productListItem.C3_Business .whatsIncludedWrap > div > div:first-child img.tick {
    filter: invert(34%) sepia(11%) saturate(2952%) hue-rotate(169deg) brightness(92%) contrast(96%);
}
.whatsIncludedWrap .award,
.whatsIncludedWrap .cgsIncluded {
    align-items: center;
}
.whatsIncludedWrap .award img,
    .whatsIncludedWrap .cgsIncluded img {
        border-radius: 50%;
        display: block;
        min-width: 26px;
        max-width: 26px;
        margin-left: -4px;
    }
.whatsIncludedWrap .award > div:first-child,
    .whatsIncludedWrap .cgsIncluded > div:first-child {
        padding-top: 0;
    }
.whatsIncludedWrap .cgsIncluded:hover img {
    animation: flipInY;
    animation-duration: 1s;
}
.whatsIncludedWrap .award:hover img {
    animation: heartBeat;
    animation-duration: 1s;
}
/* Hide edu pricing, not required but stops reflow */
.licenseInfo.C3_Educational .pricePerSeatWrap {
    display: none !important;
}
.prodDiscountLabel,
.tierDiscountLabel {
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    color: #286a28;
    background: #88E788;
    line-height: 100%;
    font-size: 0.75rem;
    border-radius: 3px;
    padding: 2px 0;
    padding-right: 8px;
    font-weight: 700;
    margin-left: 8px;
}
    .prodDiscountLabel img,
    .tierDiscountLabel img {
        display: block;
        margin-left: -8px;
        margin-right: 8px;
        transform: scale(1.5);
    }
.prodDiscountLabel {
    font-size: 1rem;
    padding: 6px 0;
    padding-right: 12px;
    padding-left: 12px !important;
    margin-top: 16px;
    font-weight: 500;
    display: none;
}
    .prodDiscountLabel img {
        transform: scale(2.5);
        position: relative;
        left: -8px;
    }
        .minOrderSize {
            line-height: 120%;
            font-size: 0.85rem;
            margin-bottom: 32px;
            padding-top: 4px;
            font-style: italic;
            padding-left: 8px;
            padding-right: 8px;
        }
.seatsPreLabel {
    display: block;
    color: #999;
    font-size: 0.75rem;
    margin-top: 4px;
    margin-bottom: 1px;
    line-height: 100%;
    font-style: italic;
}


@media screen and (max-width: 1150px) {
    .licenseInfo {
        flex-direction: column;
        margin-top: 32px;
    }

        .licenseInfo > div:first-child {
            margin: 0 auto;
            padding: 0 !important;
            margin-top: -32px;
        }

        .licenseInfo > div:last-child {
            padding-top: 16px;
        }

        .licenseInfo .emailQs {
            margin-left: 0;
        }

    .buyNowLink img {
        display: none;
    }
}
@media screen and (max-width: 1000px) {
    .v3PriceWrapper {
        padding: 0 16px;
    }

    .prodHeader {
        margin-top: 24px;
    }

    ul.productPriceFilterBar li > div select {
        scroll-margin-top: 110px;
    }
    ul.productPriceFilterBar li {
        justify-content: center;
        margin-right: 0;
    }
    .productPriceFilterBar {
        position: sticky;
        z-index: 5;
        top: 80px;
        background: #efefef;
        display: flex;
        margin-lefT: -16px !important;
        width: calc(100% + 32px);
        padding: 8px !important;
        flex-wrap: wrap;
    }
    ul.productsList > li > div {
        margin-right: 0;
    }
    .productPriceFilterBar .billingFrequency {
        min-height: 32px;
    }
    ul.productPriceFilterBar label {
        displaY: none;
    }

    .billingFrequency label {
        padding: 0 8px !important;
    }
}
@media screen and (max-width: 950px) {
    ul.productsList {
        flex-direction: column;
        margin-bottom: 64px;
        width: 100%;
    }
        ul.productsList > li {
            max-width: 600px;
            margin: 0 auto;
            margin-top: 32px;
        }
}
@media screen and (max-width: 720px) {
    .prodHeader {
        flex-direction: column;
    }

    .prodHeader > div:last-child {
        padding-left: 0;
        width: 100%;
    }

    a.capterraWrap {
        width: 100%;
        margin-top: 16px;
    }
}
    @media screen and (max-width: 440px) {
        h1 {
            font-size: 2.5rem;
            margin-bottom: 0 !important;
        }

        span.h1Tag {
            font-size: 1.3rem;
        }

        .v3PriceWrapper {
            padding: 0 16px;
        }

        ul.testimonials .attribution {
            display: block;
        }

            ul.testimonials .attribution > div:last-child {
                padding-right: 0;
                padding-top: 4px;
            }
    }







    /* FEATURE TABLE */
    .featureTableWrap {
        background: rgba(255, 255, 255, 0.7);
        -webkit-border-radius: 3px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius: 3px;
        -moz-border-radius-topleft: 0;
        border-radius: 3px;
        border-top-left-radius: 0;
        margin: 0;
        padding: 5px;
        position: relative;
        margin-bottom: 60px;
    }

        .featureTableWrap ul {
            list-style: none;
            margin: 0;
            padding: 0;
            background: #fff;
        }

        .featureTableWrap li {
            margin: 0;
            padding: 0;
            position: relative;
        }

        .featureTableWrap ul.feature, .featureTableWrap ul.head {
            display: flex;
        }

        /* Head */
        .featureTableWrap ul.head {
            background: #dc0d8a;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .featureTableWrap ul.head > li {
                color: #fff;
                font-weight: 500;
                padding: 12px 0;
            }

            /* Small head */
            .featureTableWrap ul.head.small {
                margin-left: -9px;
                margin-right: -9px;
                border-radius: 0;
            }

                .featureTableWrap ul.head.small > li {
                    padding: 3px 0;
                    font-size: 1.15rem !important;
                }

            /* Column layout */
            .featureTableWrap ul.feature > li, .featureTableWrap ul.head > li {
                min-width: 25%;
                max-width: 25%;
                text-align: center;
            }

                .featureTableWrap ul.feature > li:first-child, .featureTableWrap ul.head > li:first-child {
                    min-width: 50%;
                    max-width: 50%;
                    text-align: left;
                    padding-left: 20px;
                }

            .featureTableWrap ul.head.small > li:first-child {
                min-width: 100%;
                max-width: 100%;
            }

        /* Count columns */
        .featureTableWrap ul.feature > li:nth-child(2), .featureTableWrap ul.feature > li:nth-child(3) {
            font-weight: 500;
            font-size: 1.1rem;
            transition: all 200ms ease-in-out;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .featureTableWrap ul.feature > li:nth-child(2) {
            color: #c0c0c0;
            font-weight: normal;
        }

        /* Feature column */
        .featureTableWrap ul.feature > li {
            align-self: center;
            padding: 8px 0;
        }

            .featureTableWrap ul.feature > li:first-child h4 {
                margin: 0;
                padding: 0;
                font-family: 'Roboto', Arial, sans-serif;
                font-weight: 500;
                font-size: 1.15rem;
                transition: all 200ms ease-in-out;
                line-height: 130%;
            }

            .featureTableWrap ul.feature > li:first-child p {
                margin: 0;
                padding: 0;
                font-size: 1rem;
            }

        /* Top images */
        .featureTableWrap img.monkeyTopper2 {
            position: absolute;
            right: calc(12.5% - 0);
            bottom: calc(100% - 25px);
            z-index: 2;
        }
        /* Infinity */
        .featureTableWrap span.infinity {
            font-size: 0;
            display: flex;
            margin: 0 auto;
        }

            .featureTableWrap span.infinity span:first-child {
                display: inline-flex;
                justify-content: center;
                align-items: center;
                background: #dc0d8a;
                color: #fff;
                font-weight: 500;
                font-size: 2.5rem;
                border-radius: 50%;
                width: 32px;
                height: 32px;
                max-width: 32px;
                margin: 0 auto;
                flex-shrink: 0;
            }

            .featureTableWrap span.infinity span:last-child {
                font-size: 0;
                color: #dc0d8a;
                font-style: italic;
                transition: all 300ms ease-in-out;
                line-height: 100%;
                min-width: 100%;
                max-width: 100%;
                align-self: center;
                text-align: left;
                padding-bottom: 2px;
            }

        /* Check */
            .featureTableWrap span.check span:first-child {
                display: flex;
                justify-content: center;
                align-items: center;
                background: #dc0d8a;
                border-radius: 50%;
                width: 28px;
                height: 28px;
                margin: 0 auto;
                padding: 2px;
            }

        /* Cross */
            .featureTableWrap span.cross span:first-child {
                display: flex;
                justify-content: center;
                align-items: center;
                background: #c0c0c0;
                border-radius: 50%;
                width: 20px;
                height: 20px;
                margin: 0 auto;
                padding: 2px;
            }

        /* Hover FX */
        .featureTableWrap ul.feature:hover {
            background: #f5f5f5;
            border-radius: 3px;
        }

            .featureTableWrap ul.feature:hover li:first-child h4 {
                color: #dc0d8a;
            }

            .featureTableWrap ul.feature:hover span.infinity span:first-child {
                animation: infinityPulse 0.8s infinite;
                margin-bottom: 5px;
            }

            .featureTableWrap ul.feature:hover span.infinity span:last-child {
                font-size: 1.2rem;
                padding-left: 7px;
            }

            .featureTableWrap ul.feature:hover span.check span:first-child {
                animation: infinityPulse 0.8s infinite;
            }
    @keyframes infinityPulse {
        0% {
            -moz-box-shadow: 0 0 0 0 #dc0d8a;
            box-shadow: 0 0 0 0 #dc0d8a;
        }

        70% {
            -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
            box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        }

        100% {
            -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
            box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        }
    }

    /* More benefits */
    #MoreBenefits {
        position: absolute;
        z-index: -1;
        top: -20px;
    }

        #MoreBenefits + div.expandableWrap {
            display: none;
        }

        #MoreBenefits:checked + div.expandableWrap {
            display: block;
        }

    .featureTableWrap ul.head label {
        display: block;
        margin-left: -20px;
        margin-top: -3px;
        margin-bottom: -3px;
        padding-top: 3px;
        padding-bottom: 3px;
        display: flex;
        background: #dc0d8a;
        align-items: center;
    }

    .timelineSecs {
        display: block !important;
        line-height: 120% !important;
    }

        .timelineSecs span {
            font-size: 0.85rem;
            display: block !important;
        }

    .featureTableWrap ul.head label:hover {
        text-decoration: underline;
    }

    div.expandableWrap span.check > span:first-child {
        background: #dc0d8a !important;
    }

    .featureTableWrap div.expandableWrap ul.feature:hover span.check span:first-child {
        animation: infinityPulseRed 0.8s infinite;
    }

    .featureTableWrap div.expandableWrap ul.feature:hover li:first-child h4 {
        color: #dc0d8a;
    }

    .featureTableWrap div.expandableWrap span.infinity span:first-child {
        background: #dc0d8a;
    }

    .featureTableWrap div.expandableWrap span.infinity span:last-child {
        color: #dc0d8a;
    }

    .featureTableWrap div.expandableWrap ul.feature:hover span.infinity span:first-child {
        animation: infinityPulseRed 0.8s infinite;
    }


    @keyframes infinityPulseRed {
        0% {
            -moz-box-shadow: 0 0 0 0 #dc0d8a;
            box-shadow: 0 0 0 0 #dc0d8a;
        }

        70% {
            -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
            box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        }

        100% {
            -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
            box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        }
    }

    /* Responsive */
    @media screen and (max-width: 500px) {
        .featureTableWrap {
            padding: 0;
            margin-left: -15px;
            margin-right: -15px;
        }

            .featureTableWrap ul.feature > li:first-child, .featureTableWrap ul.head > li:first-child {
                padding-left: 10px;
                padding-right: 10px;
            }

            .featureTableWrap ul.head.small {
                margin-left: 0;
                margin-right: 0;
            }

            .featureTableWrap ul.head label {
                margin-left: -10px;
                margin-right: -10px;
            }

            .featureTableWrap ul.feature {
                flex-wrap: wrap;
                border-bottom: 1px solid #efefef;
            }

                .featureTableWrap ul.feature > li:first-child {
                    min-width: 100%;
                    max-width: 100%;
                }

                .featureTableWrap ul.feature > li:nth-child(2) {
                    margin-left: 50%;
                }

            .featureTableWrap img.monkeyTopper2 {
                width: 100px;
                right: 20px;
                bottom: calc(100% - 15px);
            }

            .featureTableWrap ul.feature:hover span.infinity span:first-child {
                margin-bottom: 0;
            }

            .featureTableWrap ul.feature:hover span.infinity span:last-child {
                display: none;
                padding-left: 0;
            }
    }

    h2.featureHeader {
        text-align: center;
    }

.requestQuoteWrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 6;
    justify-content: center;
    align-items: center;
}
.requestQuoteWrap:hover {
    cursor: pointer;
}
    .requestQuoteWrap > div {
        margin-top: 112px;
        cursor: auto;
        padding: 32px;
        background: #fff;
        border-radius: 16px;
        width: 600px;
        max-width: 90%;
        max-height: 70%;
        overflow-y: auto;
        box-shadow: rgba(0, 0, 0, 0.09) 0 2px 1px, rgba(0, 0, 0, 0.09) 0 4px 2px, rgba(0, 0, 0, 0.09) 0 8px 4px, rgba(0, 0, 0, 0.09) 0 16px 8px, rgba(0, 0, 0, 0.09) 0 32px 16px;
    }
.requestQuoteWrap h2 {
    margin: 0;
    padding: 0;
    text-align: center;
}
    .requestQuoteWrap span.quoteHead {
        line-height: 120%;
        font-size: 1rem;
        display: block;
        margin-top: 16px;
    }
.quoteFormElements {
    width: 80%;
    margin: 0 auto;
    padding-top: 24px;
}
    .quoteFormElements textarea,
    .quoteFormElements input {
        font-size: 1rem;
        border-radius: 8px;
        padding: 8px !important;
        border: 1px solid #c0c0c0;
        font-family: 'Roboto', Arial, sans-serif;
    }
.quoteFormElements textarea {
    margin: 0;
    padding: 0;
}
        .quoteFormElements input[type=number] {
            min-width: 100px;
            max-width: 100px;
        }

        .quoteFormElements textarea {
            height: 90px;
        }
    .quoteFormElements label {
        font-weight: 500;
        display: block;
        line-height: 100%;
        padding-bottom: 4px;
    }
.quoteFormElements label span {
    color: red;
    font-style: none;
}
    .quoteFormElements textarea + label {
        margin-top: 8px;
    }
.quoteFormElements input + label {
    margin-top: 8px;
}
.quoteSplit {
    margin-top: 8px;
    display: flex;
    align-items: flex-start;
}
.quoteSplit > div {
    flex: 1;
}
    .quoteSplit > div:nth-child(2) {
        text-align: right;
        padding-left: 16px;
        flex: 0;
    }
.quoteSplit > div:nth-child(1) {
    padding-right: 16px;
}
.quoteFormElements .pinkButton {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.quoteFormElements .pinkButton img {
    display: none;
}
.quoteFormElements .pinkButton.waiting {
    background: #666 !important;
}
    .quoteFormElements .pinkButton.waiting img {
        display: inline;
    }
.quoteFormElements .c {
    margin-top: 32px;
}
@media screen and (max-width:1000px) {
    .requestQuoteWrap > div {
        margin-top: 80px;
        max-height: 80%;
    }
}
#QuoteError {
    display: none;
    background: #f97572;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 3px;
    margin-bottom: 8px;
    padding: 16px;
    line-height: 120%;
}
.quoteSubmitted {
    display: none;
    background: #7df972;
    color: #377931;
    padding: 16px;
    border-radius: 16px;
    margin-top: 32px;
}
.quoteSubmitted h3 {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 8px;
}
.quoteSubmitted span {
    margin: 0;
    line-height: 120%;
    padding: 0;
    display: block;
    font-weight: 500;
}

/* PAID PAGE */
.paid,
.waiting, 
.reddit {
    display: block;
    margin: 64px auto;
    width: 600px;
    line-height: 140%;
    max-width: 90%;
    border: 1px solid #efefef;
    padding: 32px;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
}
.reddit {
    box-shadow: none;
    display: flex;
    line-height: 120%;
}
.reddit a {
    font-weight: 500;
    font-size: 1.2rem;
}
    .reddit img {
        box-shadow: none;
        display: block;
    }
.reddit > div:first-child {
    min-width: 48px;
    max-width: 48px;
}

.reddit > div:last-child {
    padding-left: 16px;
}
.reddit span {
    display: block;
    font-size: 0.75rem;
    padding-bottom: 8px;
}

.paid h1,
.waiting h1 {
    font-size: 2rem;
    line-height: 100%;
    padding-left: 32px;
    margin-bottom: 0;
}
.paid span,
.waiting span {
    font-size: 1.15rem;
    display: block;
}
.waiting span + span {
    margin-top: 16px;
}
    .waiting img.thinker {
        display: block;
        filter: brightness(0) saturate(100%) invert(27%) sepia(81%) saturate(6908%) hue-rotate(311deg) brightness(86%) contrast(102%);
    }
.paidHead,
.waitHead {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.paidHead img {
    display: block;
}
    .paid .paymentLinks {
        display: flex;
        margin-top: 32px;
        margin-right: 8px;
        padding-top: 16px;
        border-top: 1px solid #efefef;
    }
.paid .paymentLinks a {
    flex: 1;
    border: 1px solid #dc0d8a;
    padding: 8px 16px;
    font-weight: 500;
    border-radius: 3px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    margin-right: 8px;
}
    .paid .paymentLinks a:hover {
        background: #dc0d8a;
        color: #fff;
        text-decoration: none;
    }
.paid h3 {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 4px;
}
.paid .loginReg {
    margin-top: 16px;
    display: flex;
    margin-right: 8px;
}
.paid .loginReg a {
    flex: 1;
    margin-right: 8px;
}
.prePayDiscountsWrap {
    margin: 0 auto;
    max-width: 600px;
    margin-bottom: 32px;
}

.prePayDiscountLine {
    background: #efefef;
    padding: 8px 16px;
    text-align: center;
}
.prePayDiscountLine:hover {
    background: #c0c0c0;
    cursor: pointer;
}
    .prePayDiscountLine.selected {
        color: #286a28;
        background: #88E788;
        font-weight: 500;
    }
.prePayDiscountLine a {
    font-weight: 500;
}
.qtySaving {
    margin-top: 18px;
    color: #286a28;
    background: #88E788;
    line-height: 100%;
    font-weight: 500;
    border-radius: 3px;
    padding: 12px 0;
    border: 2px dashed #286a28;
}
.prePayDiscountsWrap h2 {
    text-align: center;
    margin: 0;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
}
.prePayDiscountsWrap p {
    margin: 0;
    display: block;
    text-align: center;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 120%;
}
.prePayDiscountsWrap .prePayDiscountLine:first-of-type {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.prePayDiscountsWrap .prePayDiscountLine:last-of-type {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}