/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */


/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/

     /* WEB FONTS, CHYOU KNOWWW */
            @media screen {
                @font-face {
                    font-family: 'proxima_nova_rgregular';
                    src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot');
                    src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
                        url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff') format('woff'),
                        url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf') format('truetype'),
                        url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
                    font-weight: normal;
                    font-style: normal;
                }
                @font-face {
                    font-family: 'proxima_nova_rgbold';
                    src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot');
                    src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
                        url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff') format('woff'),
                        url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf') format('truetype'),
                        url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
                    font-weight: normal;
                    font-style: normal;
                }

                @font-face {
                    font-family: 'adelle_rgregular';
                    src: url('https://litmus.com/fonts/Emails/adelle_reg-webfont.eot');
                    src: url('https://litmus.com/fonts/Emails/adelle_reg-webfont.eot?#iefix') format('embedded-opentype'),
                        url('https://litmus.com/fonts/Emails/adelle_reg-webfont.woff') format('woff'),
                        url('https://litmus.com/fonts/Emails/adelle_reg-webfont.ttf') format('truetype'),
                        url('https://litmus.com/fonts/Emails/adelle_reg-webfont.svg#adelle_rgregular') format('svg');
                    font-weight: normal;
                    font-style: normal;
                }
            }


html {
    font-family: "proxima_nova_rgregular", sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
* Remove the margin in all browsers (opinionated).
*/

body {
    margin: 0;
}


/* HTML5 display definitions
========================================================================== */


/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/

article,
aside,
details,

/* 1 */

figcaption,
figure,
footer,
header,
main,

/* 2 */

menu,
nav,
section,
summary {
    /* 1 */
    display: block;
}


/**
* Add the correct display in IE 9-.
*/

audio,
canvas,
progress,
video {
    display: inline-block;
}


/**
* Add the correct display in iOS 4-7.
*/

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
    vertical-align: baseline;
}


/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/

template,

/* 1 */

[hidden] {
    display: none;
}


/* Links
========================================================================== */


/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}


/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/

a:active,
a:hover {
    outline-width: 0;
}


/* Text-level semantics
========================================================================== */


/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}


/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/

b,
strong {
    font-weight: inherit;
}


/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
    font-weight: bolder;
}


/**
* Add the correct font style in Android 4.3-.
*/

dfn {
    font-style: italic;
}


/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
    font-size: 2em;
}


/**
* Add the correct background and color in IE 9-.
*/

mark {
    background-color: #ff0;
    color: #000;
}


/**
* Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}


/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/* Embedded content
========================================================================== */


/**
* Remove the border on images inside links in IE 10-.
*/

img {
    border-style: none;
}


/**
* Hide the overflow in IE.
*/

svg:not(:root) {
    overflow: hidden;
}


/* Grouping content
========================================================================== */


/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/**
* Add the correct margin in IE 8.
*/

figure {
    margin: 1em 40px;
}


/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}


/* Forms
========================================================================== */


/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
select,
textarea {
    font: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
}


/**
* Restore the font weight unset by the previous rule.
*/

optgroup {
    font-weight: bold;
}


/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input {
    /* 1 */
    overflow: visible;
}


/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
    /* 1 */
    text-transform: none;
}


/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/

button,
html [type="button"],

/* 1 */

[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}


/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}


/**
* Change the border, margin, and padding in all browsers (opinionated).
*/

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}


/**
* Remove the default vertical scrollbar in IE.
*/

textarea {
    overflow: auto;
}


/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}


/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}


/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}


/* End Normalize */


/*  Marketo Form Resets  */


/* remove width constraint to allow for float */

.mktoForm {
    width: 460px !important;
    margin-left: 0 !important;
    position: relative !important;
    font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
    margin: 0 auto !important;
    padding: 0px !important;
}


/* remove left margin */

.mktoForm span {
    margin-left: 0px !important;
}


/* remove offset */

.mktoOffset {
    width: auto !important;
}


/* remove gutter margin */

.mktoGutter {
    width: auto !important;
}

.mktoFormCol,
.mktoFieldWrap,
{
    width: 100% !important;
}

.mktoForm input[type=text],
.mktoForm input[type=email],
.mktoForm input[type=tel] {
    height: 53px !important;
    width: 460px !important;
    font-size: 18px !important;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    border-radius: 2px;
    color: #a8a5a1;
    display: inline !important;
    padding-left: 20px !important;
    float: left !important;
}

.mktoFormCol,
.mktoFieldWrap {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mktoForm input[type=text] {}

.mktoForm input[type=email] {}

.mktoForm input[type=tel] {}


/* button style */

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    border: 0 !important;
    font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
    font-size: 18px !important;
    line-height: 18px !important;
    text-decoration: none !important;
    padding: 12px 35px !important;
    margin: 0 auto !important;
    height: 53px !important;
    width: 460px !important;
    overflow: hidden !important;
    text-align: center !important;
    background: #f9d314 !important;
    font-weight: 800 !important;
    color: #33434B !important;
    display: inline-block !important;
}


/* line 4, styles/_reset.scss */

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


/* line 4, styles/_reset.scss */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* line 4, styles/_reset.scss */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}


/* line 5, styles/_reset.scss */

a {
    color: inherit;
    text-decoration: none;
}


/* line 13, styles/ui_patterns/_forms.scss */

label {
    color: #393939;
    display: block;
    margin-bottom: 10px;
    text-align: left;
}


/* line 19, styles/ui_patterns/_forms.scss */

button {
    cursor: pointer;
}


/* line 23, styles/ui_patterns/_forms.scss */

form .button {
    display: block;
    margin: 16px auto 10px auto;
}


/* line 29, styles/iframes.scss */

.mktoAsterix {
    display: none;
}


/* line 30, styles/iframes.scss */

.mktoLabel {
    display: none;
}

.cta {
    border: 2px solid #33434B;
    border-radius: 25px;
    color: #33434B;
    font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 18px;
    text-decoration: none;
    padding: 12px 35px;
    margin: 0 auto !important;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    background: none !important;
}

.cta:hover {
    border: 2px solid #33434B;
    border-radius: 25px;
    color: #ffffff;
    font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 18px;
    text-decoration: none;
    padding: 12px 35px;
    margin: 0 auto !important;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    background: #33434B !important;
}

img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

@media (max-width:992px) {
    /*-- Small Size --*/
    .testimonialsPanel {
        padding-bottom: 67px !important;
    }
    .testimonialHeader {
        font-size: 44px;
        padding-top: 25px !important;
        margin-top: 30px !important;
        text-align: center;
    }
    .cta {
        border: 2px solid #33434B;
        border-radius: 25px;
        color: #ffffff;
        font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
        font-size: 22px;
        line-height: 18px;
        text-decoration: none;
        padding: 12px 35px;
        margin: 0 auto !important;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        background: #33434B !important;
    }
    .advisor {
        bottom: -10px !important;
    }
    .trustheader {
        margin-top: 50px !important;
    }
    .btn-bask {
        background-color: #f9d314;
        color: #33434b;
        font-size: 32px;
        line-height: 32px;
        border-radius: 32px !important;
        padding: 10px 75px;
    }
    .btn-bask:hover {
        background-color: #f9bb14;
        color: #33434b;
        font-size: 32px;
        line-height: 32px;
        border-radius: 32px !important;
        padding: 10px 75px;
    }
    #header-container {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }
    #footer-chat {
        text-align: center;
        padding-top: 20px;
        color: #939598;
        font-size: 20px;
    }
    #header-chat {
        text-align: right;
        padding-top: 20px;
        color: #939598;
        font-size: 20px;
    }
    #header-label {
        font-style: italic;
        color: #00b5db;
        font-size: 13.5px;
        margin-right: 8px;
        vertical-align: 3px;
    }
    #catch-wrapper {
        padding-bottom: 50px;
    }
    #catch-title {
        font-size: 28px;
        line-height: 36px;
        font-weight: 700;
        color: #33434b;
        text-align: center;
        padding: 40px 0px;
    }
    .form-group input {
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #33434b !important;
        background-color: #eaeff0 !important;
        text-align: center;
        border-radius: 0px !important;
    }
    #instructions-wrapper {
        background-color: #eaeff0;
    }
    #instructions-title {
        font-size: 28px;
        line-height: 36px;
        font-weight: 700;
        color: #00b5db;
        text-align: center;
        padding-bottom: 20px;
    }
    .instructions-info {
        font-size: 14px;
        line-height: 18px;
        color: #33434b;
        text-align: center;
        padding: 20px 40px;
    }
    .advisor-info {
        font-size: 14px;
        line-height: 18px;
        color: #33434b;
        text-align: center;
        padding: 5px 40px 10px 40px;
    }
    h1 {
        font-size: 44px !important;
        font-weight: 600 !important;
    }
    cta {
        margin: 0 auto;
        width: 100% !important;
        border-collapse: collapse;
    }
    .trustParagraph {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0.36px;
        color: #6D6E71;
        margin-top: 0px !important;
        padding-top: 0px;
    }
    .trustheader {
        margin-top: 0px;
        padding-top: 0px;
        font-size: 26px;
    }
    .input {
        display: inline-block;
    }
}

@media (max-width:750px) {

    .hero-spacer {
        min-height: 0px !important;
    }
    .testimonialsPanel {
        padding-bottom: 60px !important;
    }
    .cta {
        border: 2px solid #33434B;
        border-radius: 25px;
        color: #ffffff;
        font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
        font-size: 22px;
        line-height: 18px;
        text-decoration: none;
        padding: 12px 35px;
        margin: 0 auto !important;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        background: #33434B !important;
    }
    .reviewWrapper {
        padding: 0px !important;
        padding-left: 5px !important;
        padding-left: 5px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .btn-bask {
        background-color: #f9d314;
        color: #33434b;
        font-size: 32px;
        line-height: 32px;
        border-radius: 32px !important;
        padding: 10px 75px;
    }
    .btn-bask:hover {
        background-color: #f9bb14;
        color: #33434b;
        font-size: 32px;
        line-height: 32px;
        border-radius: 32px !important;
        padding: 10px 75px;
    }
    #logo {
        margin: 0 auto;
    }
    #header-container {
        padding: 20px;
    }
    #header-chat {
        text-align: center;
        padding-top: 20px;
        color: #939598;
        font-size: 20px;
    }
    #header-label {
        font-style: italic;
        color: #00b5db;
        font-size: 13.5px;
        margin-right: 8px;
        vertical-align: 3px;
    }
    #catch-wrapper {
        padding-bottom: 50px;
    }
    #catch-title {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        color: #33434b;
        text-align: center;
        padding: 20px 0px;
    }
    .que-title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        color: #33434b;
    }
    .form-group input {
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #33434b !important;
        background-color: #eaeff0 !important;
        text-align: center;
        border-radius: 0px !important;
    }
    #instructions-wrapper {
        background-color: #eaeff0;
    }
    #instructions-title {
        font-size: 28px;
        line-height: 36px;
        font-weight: 700;
        color: #00b5db;
        text-align: center;
        padding-bottom: 20px;
    }
    .instructions-info {
        font-size: 18px;
        line-height: 20px;
        color: #33434b;
        text-align: center;
        padding: 15px 20px;
    }
    .advisor-info {
        font-size: 16px;
        line-height: 20px;
        color: #33434b;
        text-align: center;
        padding: 20px 0px;
    }
    .advisor {
        vertical-align: bottom;
        bottom: 0px;
    }
    .trustheader {
        font-size: 44px;
        padding-bottom: 20px !important;
        margin-top: 0px !important;
        text-align: center;
    }
    .testimonialHeader {
        font-size: 44px;
        padding-top: 25px !important;
        margin-top: 30px !important;
        text-align: center;
    }
    .trustParagraph {
        font-size: 18px;
        line-height: 29.99px;
        letter-spacing: 0.36px;
        color: #6D6E71;
        margin-top: 26px;
        margin-bottom: 26px;
        text-align: center;
    }
    .gotyacovered {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    cta {
        margin: 0 auto;
        width: 100% !important;
    }
    #submit {
        background: #00b5db;
        font-family: inherit;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: 1px;
        cursor: pointer;
        transition: background .3s ease-in-out;
    }
    .cta {
        margin-top: -20px;
    }
}

@media (min-width:992px) {
    /*-- Medium Size --*/
    .testimonialHeader {
        font-size: 44px;
        padding-top: 25px !important;
        margin-top: 30px !important;
        text-align: center;
    }
    .testimonialsPanel {
        padding-bottom: 70px !important;
    }
    .trustheader {
        margin-top: 55px !important;
    }
    .btn-bask {
        background-color: #f9d314;
        color: #33434b;
        font-size: 32px;
        line-height: 32px;
        border-radius: 32px !important;
        padding: 10px 75px;
    }
    .btn-bask:hover {
        background-color: #f9bb14;
        color: #33434b;
        font-size: 32px;
        line-height: 32px;
        border-radius: 32px !important;
        padding: 10px 75px;
    }
    #header-container {
        padding: 20px;
    }
    #footer-chat {
        text-align: center;
        padding-top: 20px;
        color: #939598;
        font-size: 20px;
    }
    #header-chat {
        text-align: right;
        padding-top: 20px;
        color: #939598;
        font-size: 20px;
    }
    #header-label {
        font-style: italic;
        color: #00b5db;
        font-size: 13.5px;
        margin-right: 8px;
        vertical-align: 3px;
    }
    #catch-wrapper {
        padding-bottom: 50px;
    }
    #catch-title {
        font-size: 36px;
        line-height: 42px;
        font-weight: 700;
        color: #33434b;
        text-align: center;
        padding: 40px 0px;
    }
    .que-title {
        font-size: 28px;
        line-height: 32px;
        font-weight: 700;
        color: #33434b;
    }
    .form-group input {
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #33434b !important;
        background-color: #eaeff0 !important;
        text-align: center;
        border-radius: 0px !important;
    }
    #instructions-wrapper {
        background-color: #eaeff0;
    }
    #instructions-title {
        font-size: 36px;
        line-height: 42px;
        font-weight: 700;
        color: #00b5db;
        text-align: center;
        padding-bottom: 20px;
    }
    .instructions-info {
        font-size: 18px;
        line-height: 24px;
        color: #33434b;
        text-align: center;
        padding: 20px 40px;
    }
    .advisor-info {
        font-size: 18px;
        line-height: 24px;
        color: #33434b;
        text-align: center;
        padding: 10px 40px;
    }
}

@media (min-width:1200px) {
    /*-- Large Size --*/
    .testimonialHeader {
        font-size: 44px;
        padding-top: 25px !important;
        margin-top: 30px !important;
        text-align: center;
    }
    .trustheader {
        margin-top: 95px !important;
    }
    .btn-bask {
        background-color: #f9d314;
        color: #33434b;
        font-size: 32px;
        line-height: 32px;
        border-radius: 32px !important;
        padding: 10px 75px;
    }
    .btn-bask:hover {
        background-color: #f9bb14;
        color: #33434b;
        font-size: 32px;
        line-height: 32px;
        border-radius: 32px !important;
        padding: 10px 75px;
    }
    #header-container {
        padding: 20px;
    }
    #header-chat {
        text-align: right;
        padding-top: 20px;
        color: #939598;
        font-size: 20px;
    }
    #catch-wrapper {
        padding-bottom: 50px;
    }
    #catch-title {
        font-size: 42px;
        line-height: 48px;
        font-weight: 700;
        color: #33434b;
        text-align: center;
        padding: 40px 0px;
    }
    .que-title {
        font-size: 32px;
        line-height: 36px;
        font-weight: 700;
        color: #33434b;
    }
    .form-group input {}
    #instructions-wrapper {
        background-color: #eaeff0;
    }
    #instructions-title {
        font-size: 42px;
        line-height: 48px;
        font-weight: 700;
        color: #00b5db;
        text-align: center;
        padding-bottom: 20px;
    }
    .instructions-info {
        font-size: 22px;
        line-height: 30px;
        color: #33434b;
        text-align: center;
        padding: 20px 40px;
    }
    .advisor-info {
        font-size: 22px;
        line-height: 30px;
        color: #33434b;
        text-align: center;
        padding: 10px 40px;
    }
}



@media (max-width:480px) {

    h1 {
        font-size: 1.75em !important;
    }

    button {
        border: 0 !important;
        font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
        font-size: 1.5em !important;
    }


    /*  Marketo Form Resets  */
    /* remove width constraint to allow for float */
    .mktoForm {
        width: 280px !important;
        margin-left: 0 !important;
        position: relative !important;
        font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
        margin: 0 auto !important;
        padding: 0px !important;
    }


    /* remove left margin */
    .mktoForm span {
        margin-left: 0px !important;
    }

    /* remove offset */
    .mktoOffset {
        width: auto !important;
    }

    /* remove gutter margin */
    .mktoGutter {
        width: auto !important;
    }

    .mktoFormCol,
    .mktoFieldWrap,
    {
        width: 100% !important;
    }

    .mktoForm input[type=text],
    .mktoForm input[type=email],
    .mktoForm input[type=tel] {
        height: 53px !important;
        width: 280px !important;
        font-size: 18px !important;
        border: 1px solid #d8d8d8;
        background-color: #fff;
        border-radius: 2px;
        color: #a8a5a1;
        display: inline !important;
        padding-left: 20px !important;
        float: left !important;
    }

    .mktoFormCol,
    .mktoFieldWrap {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mktoForm input[type=text] {}

    .mktoForm input[type=email] {}

    .mktoForm input[type=tel] {}


    /* button style */
    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
        border: 0 !important;
        font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
        font-size: 18px !important;
        line-height: 18px !important;
        text-decoration: none !important;
        padding: 12px 35px !important;
        margin: 0 auto !important;
        height: 53px !important;
        width: 280px !important;
        overflow: hidden !important;
        text-align: center !important;
        background: #f9d314 !important;
        font-weight: 800 !important;
        color: #33434B !important;
        display: inline-block !important;
    }


    /* line 4, styles/_reset.scss */
    a {
        margin: 0;
        padding: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    /* line 4, styles/_reset.scss */
    ins {
        background-color: #ff9;
        color: #000;
        text-decoration: none;
    }

    /* line 4, styles/_reset.scss */
    mark {
        background-color: #ff9;
        color: #000;
        font-style: italic;
        font-weight: bold;
    }

    /* line 5, styles/_reset.scss */
    a {
        color: inherit;
        text-decoration: none;
    }

    /* line 13, styles/ui_patterns/_forms.scss */
    label {
        color: #393939;
        display: block;
        margin-bottom: 10px;
        text-align: left;
    }

    /* line 19, styles/ui_patterns/_forms.scss */
    button {
        cursor: pointer;
    }

    /* line 23, styles/ui_patterns/_forms.scss */
    form .button {
        display: block;
        margin: 16px auto 10px auto;
    }

    /* line 29, styles/iframes.scss */
    .mktoAsterix {
        display: none;
    }

    /* line 30, styles/iframes.scss */
    .mktoLabel {
        display: none;
    }

    .cta {
        border: 2px solid #33434B;
        border-radius: 25px;
        color: #33434B;
        font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
        font-size: 22px;
        line-height: 18px;
        text-decoration: none;
        padding: 12px 35px;
        margin: 0 auto !important;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        background: none !important;
    }

    .cta:hover {
        border: 2px solid #33434B;
        border-radius: 25px;
        color: #ffffff;
        font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
        font-size: 22px;
        line-height: 18px;
        text-decoration: none;
        padding: 12px 35px;
        margin: 0 auto !important;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        background: #33434B !important;
    }

}

.mktoForm {
    font-weight: 400 !important;
}

body {
    font-family: "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    color: #33434b;
}

.logo {
    width: 140px;
    height: 46px;
}

#chat-icon {
    margin-left: 10px;
}

.hero-spacer {
    min-height: 15px;
}

#output {
    font-size: 44px;
    color: #333E48;
    text-align: center;
}

.trust {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9f4f9+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #d9f4f9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d9f4f9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #d9f4f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9f4f9', GradientType=0);
    /* IE6-9 */
}

.trustheader {
    font-size: 44px;
    padding-top: 0px;
}

.shieldicon {
    margin-right: 16px;
    vertical-align: -10px;
}

.trustParagraph {
    font-size: 18px;
    line-height: 29.99px;
    letter-spacing: 0.36px;
    color: #6D6E71;
    margin-top: 46px;
    margin-bottom: 46px;
}

.formspacing {
    margin-top: 40px !important;
    margin-bottom: 130px !important;
}

.xs-form {
    border-radius: 0px;
    display: inline-block;
}

#buttonFollower {
    vertical-align: text-bottom;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-top: 15px;
    padding-bottom: 30px;
}

.hero-title {
    font-size: 20px;
}


/*  Cards  */

.card {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    height: 300px;
    position: relative;
    width: 300px;
}

.review {
    background: #ffffff;
    height: auto;
    vertical-align: middle;
}

.card-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-1:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.20);
}

.card-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.card-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.card-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.customerTestimonials {
    text-align: center;
}

.featured-wrapper {
    background-color: #f3f6f9;
}

.pointer {
    cursor: pointer;
}

.reviewStars {
    font-size: 16px;
    color: #f9d314;
    letter-spacing: .25em;
}

.reviewerName {
    margin-top: 10px;
    font-size: 18px;
    color: #a09e9e;
}

.reviewerSubtitle {
    font-style: italic;
    font-size: 14px;
    line-height: 29.99px;
    letter-spacing: 0.28px;
    color: #6D6E71;
    color: rgb(109, 110, 113);
    margin-top: -5px;
}

.paragraphReview {
    font-size: 16px;
    line-height: 21.99px;
    letter-spacing: 0.32px;
    margin-top: 10px;
}

.reviewWrapper {
    padding: 60px;
}


.trustLine {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.36px;
    color: #a09e9e;
    text-align: center;
}

.trustImage {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0px;
}

.footer-wrapper {
    background-color: #f3f6f9;
}

.footerLinks {
    text-align: center !important;
    color: #939598;
    font-size: 16px;
    margin-left: 12px !Important;
    margin-right: 12px !important;
    padding-right: 0px !important;
    padding-top: 20px !important;
    margin-left: 0px !important;
    width: 100%;
}

.socialIcons {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.footerPanel {
    padding-bottom: 25px !important;
    margin-bottom: 0px !important;
    border-bottom: 2px solid #f9d314;
    margin-bottom: 10px;
}

.footerLinkWrapper {
    text-align: center;
    margin-top: 20px;
}

.FooterSocialIconWrapper {
    width: 100%;
    display: block;
    margin: auto;
}

.borderOffset {
    min-height: 30px;
}

.info-wrapper {
    background-color: #ffffff;
}

.InfoPanel {
    padding-bottom: 67px !important;
}

.HowDoesItWorkHeader {
    font-weight: 600;
    font-size: 44px;
    padding-top: 25px !important;
    margin-top: 30px !important;
    text-align: center;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

.HowDoesItWorkPanel {
    padding-bottom: 35px !important;
}

.HowDoesItWork-wrapper:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background-color: #ffffff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header-wrapper {
    padding-top: 0px !important;
    margin-top: 0px !important;
    width: 100%;
    background-color: #ffffff;
}

.hero-wrapper {
    padding-top: 40px !important;
    margin-top: 0px !important;
    background-color: #ffffff;
    padding-bottom: 35px;
}

.HowDoesItWorkTextPanel {
    padding-bottom: 75px !important;
}

.panel-body {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
    background-color: #fefefe;
    border-radius: 11px;
}

.info-panel {
    margin-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.infoPanelLinks {
    text-align: center;
    color: #00b5db;
}

.info-largepanel {
    margin-bottom: 40px;
}

.info-large-info {
    font-weight: 400;
    line-height: 32px;
    color: #a09e9e;
    padding-left: 20px;
    padding-right: 20px;
}

.info-large-info2 {
    font-weight: 400;
    line-height: 32px;
    color: #a09e9e;
}

hr.yellow {
    border: 0;
    height: 2px;
    background-color: #f9d314;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

hr.thick {
    border: 0;
    height: 1px;
    background-color: #d8d8d8;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.italic {
    font-style: italic;
}

.marketoForm-container {
    margin-top: 25px;
    margin-bottom: 25px !important;
    ;
}

.disclaimer {
    font-size: 12px;
    line-height: 16px;
    color: #a09e9e;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
}

.other-wrapper {
    background-color: #ffffff;
}

.otherPanel {
    padding-bottom: 37px !important;
}

.bullets {
    font-size: 20px !important;
}

.box {
    border: 1px solid #cecece;
    padding-top: 15px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background: #fdfdfd;
}

.randomBG {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://www.bask.com/marketing/lp/g/images/office.png) no-repeat center center !important;
}

.BoxButton {
    border: 0 !important;
    font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
    font-size: 18px !important;
    line-height: 18px !important;
    text-decoration: none !important;
    padding: 12px 35px !important;
    margin: 0 auto !important;
    height: 53px !important;
    width: 100% !important;
    overflow: hidden !important;
    text-align: center !important;
    background: #f9d314 !important;
    font-weight: 800 !important;
    color: #33434B !important;
    display: inline-block !important;
}

.BoxButton:hover {
    background: #ffe357 !important;
}



.BoxButtonGray {
    border: 0 !important;
    font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;
    font-size: 18px !important;
    line-height: 18px !important;
    text-decoration: none !important;
    padding: 12px 35px !important;
    margin: 0 auto !important;
    height: 53px !important;
    width: 100% !important;
    overflow: hidden !important;
    text-align: center !important;
    background: #dddddd !important;
    font-weight: 800 !important;
    color: #33434B !important;
    display: inline-block !important;
}

.BoxButtonGray:hover {
    background: #f0f0f0 !important;
}


h3 {
    font-weight: 600;
}

.reviewBox {
    border: 1.5px dashed #a09e9e;
    border-radius: 20px;
    padding-bottom: 28px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 18px;
    background: #fdfdfd;
}

.page-header {
    border-bottom: none;
}

.infoGetTechHelp {
    font-size: 20px;
    color: #a09e9e;
    font-weight: 300;
}
.modal-title {
    font-size: 32px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: 600;
}

/*  Cards  */

.card {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    height: 300px;
    position: relative;
    width: 300px;
}

.review {
    background: #ffffff;
    height: auto;
    vertical-align: middle;
}

.card-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
    box-shadow: 0 14px 16px rgba(0,0,0,0.15),
        0 10px 10px rgba(0,0,0,0.18);
}

.card-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}