@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans.eot');
    src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans.woff2') format('woff2'),
    url('fonts/OpenSans.woff') format('woff'),
    url('fonts/OpenSans.ttf') format('truetype'),
    url('fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-Bold.woff2') format('woff2'),
    url('fonts/OpenSans-Bold.woff') format('woff'),
    url('fonts/OpenSans-Bold.ttf') format('truetype'),
    url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/GothamBold.woff2') format('woff2'),
    url('fonts/GothamBold.woff') format('woff'),
    url('fonts/GothamBold.ttf') format('truetype'),
    url('fonts/GothamBold.svg#GothamBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.eot');
    src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/OpenSans-Light.woff2') format('woff2'),
    url('fonts/OpenSans-Light.woff') format('woff'),
    url('fonts/OpenSans-Light.ttf') format('truetype'),
    url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/MyriadPro-Regular.woff2') format('woff2'),
    url('fonts/MyriadPro-Regular.woff') format('woff'),
    url('fonts/MyriadPro-Regular.ttf') format('truetype'),
    url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body.background {
    background-image: url("images/background.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
}

nav {
    z-index: 1000;
}

.container-fluid {
    font-family: 'Open Sans';
    max-width: 1280px;
}

.logo-container .line {
    margin-left: 25px;
    margin-right: 25px;
}

.logo-container .tagline {
    color: #000;
    font-size: 0.8rem;
}

.page-title {
    text-align: left;
    height: 226px;
}

.page-title h1 {
    font-family: 'Gotham';
    font-size: 3.5rem;
    font-weight: bold;
}

.title h1 {
    font-family: 'Gotham';
    font-size: 3.5rem;
    font-weight: bold;
}

.page-title-logo {
    position: relative;
    margin-top: -100px;
}

.one-time-offer {
    background: url("images/one-time-offer.png");
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    width: 180px;
    height: 40px;
    padding-top: 5px;
    padding-right: 9px;
    text-align: right;
}

.top-banner {
    background: url("images/top-banner.png");
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    width: 580px;
    height: 55px;
}

.relief-recovery-performance {
    background: url("images/relief-recovery-performance.png");
    background-size: auto 100%;
    background-position: left top;
    background-repeat: no-repeat;
    width: 550px;
    height: 40px;
    font-family: 'Gotham';
    font-size: 1.4rem;
    font-weight: bold;
    padding-top: 7px
}

.relief-recovery-performance .text-1 {
    margin-left: 40px;
    min-width: 120px;
    max-width: 120px;
}

.relief-recovery-performance .text-2 {
    margin-left: 3px;
    min-width: 150px;
    max-width: 150px;
}

.relief-recovery-performance .text-3 {
    margin-left: 10px;
    min-width: 150px;
    max-width: 150px;
}

.top-discount-approved {
    background: url("images/top-discount-approved.png");
    background-size: 100% auto;
    background-position: left 5px;
    background-repeat: no-repeat;
    width: 295px;
    height: 55px;
    font-size: 0.8rem;
    color: #fff;
    padding-top: 10px;
    padding-left: 60px;
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    background-color: #21a9e1;
}

.inline {
    display: inline-block;
    box-sizing: content-box;
}

.inline div {
    box-sizing: content-box;
}

.text-primary {
    color: #21a9e1 !important;
}

h1, h2, h3, h4, h5 {
    color: #21a9e1 !important;
}

h5 {
    margin-bottom: 0px;
    line-height: 33px;
}

.font-size-small {
    padding-top: 10px;
    text-align: left;
    font-size: 0.7rem;
}

.font-size-small .sub {
    padding-top: 10px;
    color: #666666;
}

.product-price {
    border: 1px #fff solid;
}

.selection {
    border: 1px #39b54a solid;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.06);
    padding: 10px;
}

.selection.product-price {
    padding: 0px;
}

.components-container {
    background-color: #f8f8f8;
    border: 1px solid #e6e6e4;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.06);
    padding: 40px;
}

.card-header {
    text-align: left;
    background-color: white;
}

.option {
    height: 70px;
}

body {
    counter-reset: section;                       /* Set a counter named 'section', and its initial value is 0. */
}

.option-number::before {
    counter-increment: section;
    content: counter(section);
}

.product-component {
    margin-bottom: 20px;
}

.option-number {
    width: 60px;
    height: 60px;
    background-color: #21a9e1;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    font-size: 30pt;
    font-weight: bold;
    text-align: center;
}

.option-icon {
    width: 60px;
    height: 60px;
    background-color: #21a9e1;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    font-size: 30pt;
    font-weight: bold;
    text-align: center;
}

.option-name {
    display: inline-block;
    color: #21a9e1;
    font-size: 20pt;
    line-height: 60px;
    padding-left: 10px;
}

.btn-pay-now {
    background-color: #fbb03b !important;
    color: #000 !important;
    border: 0px;
    width: 100%;
    height: 60px;
    font-size: 18pt;
}

.savings-tag {
    display: inline-block;
    width: 100px;
    height: 26px;
    line-height: 26px;
    background: url("images/discount-tag.png");
    background-size: 100% auto;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

.card {
    border: 0px;
}

.h-60 {
    height: 60px;
}

.lh-60 {
    line-height: 60px;
}

.check-mark {
    position: relative;
    width: 40px;
    height: 40px;
    left: 20px;
    top: -20px;
}

.check-mark.checked {
    background: url("images/check-mark.png");
    background-size: 100% 100%;
}

.best-value {
    position: relative;
    width: 36px;
    height: 60px;
    left: -36px;
    top: -2px;
}

.best-value.checked {
    background: url("images/best-value.png");
    background-size: auto 100%;
}

.secure-order-form {
    width: 140px;
    height: 52px;
    background: url("images/secure-order-form.png");
    background-size: 100% auto;
    position: relative;
    right: 78px;
    top: -25px;
    margin-left: auto;
}

.satisfaction-guarantee-container {
    width: 460px;
    margin-left: auto;
    margin-right: 100px;
}

.satisfaction-guarantee-img {
    width: 190px;
    height: 110px;
    background: url("images/satisfaction-guarantee.png");
    background-size: 100% auto;
    text-align: right;
    float: left;
}

.satisfaction-guarantee-text {
    float: right;
    padding-top: 40px;
}

.satisfaction-guarantee-text h5 {
    color: #000 !important;
}

.presale-upsell-image {
    width: 35%;
}

.presale-upsell-description {
    width: 55%;
}

.ssl-256-bit {
    width: 100px;
    height: 35px;
    background: url("images/256-bit-ssl.png");
    background-size: 100% auto;
    position: relative;
    margin-top: 15px;
}

.shipping-box {
    width: 131px;
    height: 30px;
    background: url("images/shipping.png");
    background-size: 100% auto;
    text-align: right;
    padding-right: 10px;
    margin-left: auto;
}

.processing-fee-box {
    width: 165px;
    height: 30px;
    background: url("images/processing-fee.png");
    background-size: 100% auto;
    text-align: right;
    padding-right: 10px;
    margin-left: auto;
}

.total-box {
    width: 120px;
    height: 30px;
    background: url("images/total.png");
    background-size: 100% auto;
    text-align: right;
    padding-right: 10px;
    margin-left: auto;
}

.mb-40 {
    margin-bottom: 40px;
}

.form-control[type="text"], select.form-control {
    height: 60px;
    line-height: 60px;
    font-size: 1.2rem;
}

.tiny-thumbnail {
    max-width: 50px;
    max-height: 50px;
}

.your-card {
    background-color: #F7F7F7;
    background-image: url("images/your-cart.png");
    background-position: 80px top;
    background-size: 110px 22px;
    background-repeat: no-repeat;
    width: 100%;
    padding: 10px;
    padding-top: 40px;
}

.credit-card-icon {
    width: 40%;
}

.paypal-icon {
    width: 25%;
}

ul {
    list-style-image: url("images/bullet.png");
}

.ul .li {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 32px;
    font-size: 22px;
}

.ul .li img {
    margin-right: 10px;
}

.col-person {
    /*background-image: url("images/testimonial-circle.png");*/
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
}

.col-person-image-container {
    /*margin-top: 120px;*/
    margin-bottom: 40px;

    line-height: 200px;
    border:1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    height: 200px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.col-person-image-container img {
    position: relative;
    left: 50%;
    top: 50%;
    /*-webkit-transform: translateY(-50%) translateX(-50%);*/
    /*-moz-transform: translateY(-50%) translateX(-50%);*/
    /*transform: translateY(-50%) translateX(-50%);*/
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 500px)
{
    .w-400 {
        width: 100% !important;
    }

    .product-logo {
        width: 100% !important;
    }
}

@media (max-width: 992px)
{
    html {
        font-size: 14px;
    }

    body {
        background-size: auto 1100px;
    }

    .top-right-logo {
        text-align: center !important;
    }

    .page-title {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .components-container {
        padding: 20px !important;
    }

    .card-header {
        padding: 0.5rem;
    }

    .card-body {
        padding: 0.5rem;
    }

    .container-fluid, label {
        font-size: 1rem !important;
    }

    h1 {
        font-size: 2rem !important;
    }

    .page-title {
        float: none !important;
        height: auto;
    }

    .page-title-logo {
        float: none !important;
    }

    .page-title-logo img {
        width: 100%;
    }

    .top-banner {
        display: none;
    }

    .relief-recovery-performance {
        display: none;
    }

    .logo-container .line {
        display: none;
    }

    .p-5 {
        padding: 0px !important;
    }

    .col-sm-12, .col-md-6, .col-lg-6 {
        padding-left: 0px !important;
        padding-right: 0px !important;;
    }

    .option-number, .option-icon {
        font-size: 2rem;
        width: 42px;
        height: 42px;
    }

    .option-icon img {
        height: 20px;
    }

    .option-name {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .option-value-radio {
        position: relative;
        left: -30px;
    }

    .option-value-price {
        min-width: auto !important;
        font-size: 0.8rem;
    }

    .savings-tag {
        background: #3ab54b;
        width: 35px;
        height: 9px;
        font-size: 0.5rem;
        line-height: 0.5rem;
        padding: 3px;
    }

    .btn-pay-now {
        font-size: 0.8rem;
    }

    .presale-upsell-image {
        width: 30%;
    }

    .credit-card-icon {
        width: 100%;
        text-align: left;
        padding-left: 10px;
    }

    .credit-cards-image {
        display: none;
    }

    .paypal-icon {
        width: 100%;
        text-align: left;
        padding-left: 10px;
    }

    .satisfaction-guarantee-container {
        width: 100%;
        text-align: center;
    }
    .satisfaction-guarantee-img {
        display: block;
        float: none;
        width: auto;
        height: 200px;
    }

    .satisfaction-guarantee-text {
        display: block;
        float: none;
    }

    .logo-container .tagline {
        display: block;
    }

    .top-discount-approved {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }

    .finish-order-logo-container {
        display: none;
    }

    .order-now-row {
        display: none;
    }

    .order-now-row.small {
        display: block;
    }

    .black-row {
        display: none;
    }

    .check-list {
        padding-left: 20px;
        padding-right: 20px;
    }

    .col-person {
        padding-bottom: 20px;
    }

    .col-feature {
        padding-bottom: 20px;
    }

    .w-400 {
        /*width: 100% !important;*/
    }

    .receipt-table {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1280px)
{
    .page-title {
        min-height: 220px;
    }

    .page-title-logo {
        position: absolute;
        right: 0px;
    }

    .page-title h1 {
        font-size: 3rem !important;
    }

    .black-row h1 {
        font-size: 1.0rem !important;
    }

    .black-row img {
        width: 30px;
    }

    .black-row .w-300 {
        width: 25%;
    }

    .black-row .w-400 {
        width: 30%;
    }
}

@media (min-width: 992px)
{
    .top-header {
        height: 80px;
        position: relative;
    }

    .header {
        min-height: 303px;
        max-height: 304px;
    }

    .components-container-left {
        padding-left: 0px;
        padding-right: 20px;
    }

    .components-container-right {
        padding-left: 20px;
        padding-right: 0px;
    }

    .component-product-configurator {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .card-container {
        margin-bottom: 40px;
    }

}

/* landing page */
.btn-yellow {
    background-color: #FBB03B;
    color: #000000;
    border: 0px;
}

.btn-order-now {
    background-color: #FBB03B;
    color: #000000;
    border: 0px;
}

.check-list {

}

.check-list .check-list-check {
    width: 25px;
}

.check-list .check-list-text {
    width: 92%;
}

.order-now-row {
    width: 100%;
    height: 120px;
}

.order-now-row-left {
    background-image: url("images/order-now-row-left.png");
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: left center;
    width: 15px;
    height: 100%;
    float: left;
}

.order-now-row-middle {
    background-image: url("images/order-now-row-middle.png");
    background-size: auto 100px;
    background-repeat: repeat-x;
    background-position: left center;
    width: calc(100% - 30px);
    height: 100%;
    float: left;
    line-height: 120px;
}

.order-now-row-right {
    background-image: url("images/order-now-row-right.png");
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: left center;
    width: 15px;
    height: 100%;
    float: right;
}

.order-now-row-btn {
    display: inline-block;
    width: 250px;
    height: 65px;
    background-image: url("images/order-now-row-btn.png");
    background-size: 100% 100%;
    text-align: center;
    line-height: 65px;
    font-size: 1.1rem;
    font-weight: bold;
    padding-right: 20px;
    vertical-align: middle;
}

.order-now-row-btn:hover {
    text-decoration: none;
}

.limited-availability-container {
    height: 65px;
    vertical-align: middle;
    line-height: normal;
    width: calc(100% - 500px);
    text-align: center;
}

.limited-availability {
    margin-left: 40%;
}

.check-now-tag {
    display: inline-block;
    width: 90px;
    height: 17px;
    line-height: 17px;
    background: url("images/check-now.png");
    background-size: 100% auto;
    color: #fff;
    font-size: 0.7rem;
    font-weight: bold;
    text-align: center;
}

.black-row {
    width: 100%;
    height: 120px;
}

.black-row-left {
    background-image: url("images/box-black-left.png");
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: left center;
    width: 15px;
    height: 100%;
    float: left;
}

.black-row-middle {
    background-image: url("images/box-black-middle.png");
    background-size: auto 100px;
    background-repeat: repeat-x;
    background-position: left center;
    width: calc(100% - 30px);
    height: 100%;
    float: left;
    line-height: 120px;
}

.black-row-right {
    background-image: url("images/box-black-right.png");
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: left center;
    width: 15px;
    height: 100%;
    float: right;
}

.black-row-column {
    vertical-align: middle;
    height: 65px;
    line-height: normal;
}

.w-300 {
    width: 300px;
}

.w-400 {
    width: 400px;
}

.vl {
    border-left: 2px solid #3d3d3d;
    height: 60%;
    vertical-align: middle;
}

.order-now-row.small .order-now-row-btn {
    width: 60%;
}

.order-now-row.small img {
    width: 30%;
}

ol li {
    list-style-type: none;
}


/*global*/
h1, h2, h3 { margin:0 0 30px; line-height:.9em; letter-spacing:-.06em; }
h4, h5 { letter-spacing:-.06em; }
h1 + h1 { margin-top:-30px; }

.btn { box-shadow:2px 2px 2px rgba(0,0,0,.2); padding:10px 40px; font-size:1.1em; font-weight:700; }
.btn-primary { color:#222; border:1px solid #ffc400; }
.btn-primary.disabled,
.btn-primary:disabled { border-color:#ffc400; }

/*common*/
.top-header h5.logo-container { letter-spacing:normal; }
.top-header .logo-container img.logo { max-height:65px; }

/*index*/
.body-landing .page-title h1 { margin:15px 0 20px; }
.body-landing .page-title h4,
.body-landing .page-title h5 { margin:0; font-size:1.5em; line-height:1em; }

@media(max-width:991px) {
    .body-landing .page-title { text-align:center; }
    .body-landing .page-title br { display:none; }

    .body-landing .check-list { margin:25px 0 0; text-align:center; }
    .body-landing .check-list .check-list-check { float:none !important; display:inline; }
    .body-landing .check-list .check-list-text { float:none !important; display:inline; }
    .body-landing .check-list .font-size-small { text-align:center; }

    /*#funnel-app .top-right-logo img { height:350px; }*/
}

.body-landing .check-list { line-height:1.1em; }
.body-landing .check-list .font-size-small { margin:5px 0 0; line-height:1.2em; }

.body-landing .black-row .black-row-column { padding-top:10px; }
.body-landing .black-row h1,
.body-landing .black-row h4 { margin:0; }
.body-landing .black-row .text-light { font:1.2em serif; font-style:italic; }

/*.body-landing .col-person { background:none; font:1.1em serif; line-height:1.1em; font-style:italic; }*/
/*.body-landing .col-person img.person-image { width:250px; height:250px; margin:0 0 30px; border:1px solid #ccc; border-radius:200px;}*/
/*.body-landing .col-person h3 { margin:0 0 15px; font-size:1.6em; font-style:normal; letter-spacing:-.04em; }*/

/*checkout*/
.body-checkout .pricing-header .header { min-height:initial; max-height:initial; }
.body-checkout .pricing-header .header:after { content:""; display:block; clear:both; }

/*.body-checkout .header-right-container.page-title-logo { margin-top:-80px; z-index:-1; }*/

.body-checkout .pricing-header .header-right-container.page-title-logo { margin-top:-80px; z-index:-1; }

.body-checkout .satisfaction-guarantee-container .satisfaction-guarantee-img {
    width:200px; height:120px !important; display:inline-block;
    background-size:contain !important; background-repeat:no-repeat;
}

@media(max-width:991px) {
    .body-checkout .pricing-header .header .header-left-container { float:none !important; }
    .body-checkout .pricing-header .header-right-container.page-title-logo { display:none; }
}

.body-checkout input + .body-checkout .message:not(:empty),
.body-checkout select + .body-checkout .message:not(:empty) {
    padding:6px 10px; margin:0 10px;
    background:#fbfbdf; color:red; border:1px solid orange; border-top:0;
    font-size:.8em; font-weight:700; text-align:left; line-height:.9em; letter-spacing:-.03em;
    border-bottom-left-radius:5px; border-bottom-right-radius:5px;
}

@media(max-width:640px) {
    .form-control[type="text"],
    select.form-control {
        height:auto; line-height:1em;
        padding:10px;
        font-size:1em;
    }
}
<script type="text/javascript">
axios.defaults.baseURL  = window.location.origin + "/api";
axios.post("/page-stats/page-view/pixel/16717d34-079b-41e4-a70f-bfe126375abd", {
    width: window.screen.width,
    height: window.screen.height,
    colorDepth: window.screen.colorDepth,
    pixelDepth: window.screen.pixelDepth,
    orientation: (typeof window.screen.orientation != "undefined") ? window.screen.orientation.type : null,
    data: JSON.stringify(localStorage),
    gets: window.location.search
});
</script>