/* Minification failed. Returning unminified contents.
(22,1): run-time error CSS1019: Unexpected token, found '@import'
(22,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700)'
 */
/*Sticky footer*/
* {
    margin: 0;
}

html, body {
    height: 100%;
}

.body-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
    height: 155px; /* .push must be the same height as .footer */
}
/*Sticky footer*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

body {
    font-family: 'Open Sans', sans-serif;
}

.home {
    padding-top: 0;
}

    .home #menu li a {
        color: white;
    }

#home-menu {
    position: fixed;
    top: 0;
}

#home-menu li a {
    color: #8f8e8e !important;
}

header {
    width: 100%;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    z-index: 3000;
}


.bx-wrapper {
    width: 100% !important;
    margin: 0 auto;
}

ul {
    font-size: 18px;
}

input {
    color: black;
}

::-webkit-input-placeholder {
    color: #6f6f6e !important;
}

::-moz-placeholder {
    color: #6f6f6e !important;
}
/* FF 19+ */
:-moz-placeholder {
    color: #6f6f6e !important;
}
/* FF 18- */
:-ms-input-placeholder {
    color: #6f6f6e !important;
}

.placeholder {
    color: #6f6f6e !important;
}
/* for the polyfill */

.form-dropdown {
    color: #6f6f6e !important;
}

.mobile-banner .header-logo {
    margin-top: 140px;
    max-width: 361px;
}


#logo {
    float: left;
    max-width: 300px;
    margin-left: 40px;
    margin-top: 4px;
}

#hidden-logo {
    float: left;
    max-width: 180px;
    margin-left: 40px;
    margin-top: -15px;
    margin-bottom: -18px;
}

#menu {
    float: left;
    margin-top: 8px;
    padding-bottom: 25px;
    margin-left: -5px;
}

    #menu li {
        display: inline;
        margin: 0 -1px;
        padding: 10px;
        padding-bottom: 15px;
    }

        #menu li a {
            background-color: transparent;
            text-transform: none;
            color: #8f8e8e;
            font-weight: bold;
        }

            #menu li a:hover {
                text-decoration: none;
            }

#hidden-menu {
    float: left;
    margin-top: 5px;
}

    #hidden-menu li {
        display: inline;
        margin: 0 -1px;
        padding: 10px;
    }

        #hidden-menu li a {
            background-color: transparent;
            text-transform: none;
            color: #8f8e8e;
            font-weight: bold;
            font-size: 12px !important;
        }

            #hidden-menu li a:hover {
                text-decoration: none;
            }

.narrow {
    max-width: 1000px;
    margin: 0 auto;
}
.narrow-support {
    max-width: 1150px;
    margin: 0 auto;
}

.header-logo {
    width: 100%;
    margin: 90px 0 20px 0;
}

.button {
    display: block;
    padding: 16px 15px 10px 15px;
    min-width: 120px;
    font-weight: bold;
    margin: 0 10px;
    width: 200px;
}

.laptop-kid {
    width: 500px;
    background: url('../../images/laptop-kid-bg.png') no-repeat 0 60px;
    background-size: 350px;
}

.what-is-it-home {
    width: 500px;
    background-size: 350px;
}

button:hover {
    text-decoration: none;
}

.blue-small {
    background-color: #008ccd;
    color: white !important;
    text-align: center;
    float: left;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

    .blue-small:hover {
        background-color: #23B5FA !important;
        -webkit-transition: background-color linear 0.3s;
        -moz-transition: background-color linear 0.3s;
        -o-transition: background-color linear 0.3s;
        transition: background-color linear 0.3s;
    }

.blue-bg {
    text-decoration: none;
    font-size: 20px;
    background-color: #008ccd;
    color: white !important;
    text-align: center;
    float: left;
    width: 270px;
    height: 60px;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

    .blue-bg:hover {
        text-decoration: none;
        font-size: 20px;
        background-color: #23B5FA !important;
        width: 270px;
        height: 60px;
        -webkit-transition: background-color linear 0.3s;
        -moz-transition: background-color linear 0.3s;
        -o-transition: background-color linear 0.3s;
        transition: background-color linear 0.3s;
    }

.gray-bg {
    text-decoration: none;
    font-size: 16px;
    background-color: #9A9999;
    color: white !important;
    text-align: center;
    float: left;
    width: 270px;
    height: 45px;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

    .gray-bg:hover {
        text-decoration: none;
        font-size: 16px;
        background-color: #9A9999 !important;
        width: 270px;
        height: 45px;
        -webkit-transition: background-color linear 0.3s;
        -moz-transition: background-color linear 0.3s;
        -o-transition: background-color linear 0.3s;
        transition: background-color linear 0.3s;
    }

.green-small {
    background-color: #37b34a;
    color: white !important;
    text-align: center;
    float: left;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

    .green-small:hover {
        background-color: #37b34a !important;
        -webkit-transition: background-color linear 0.3s;
        -moz-transition: background-color linear 0.3s;
        -o-transition: background-color linear 0.3s;
        transition: background-color linear 0.3s;
    }

.green-bg {
    text-decoration: none;
    font-size: 20px;
    background-color: #37b34a;
    color: white !important;
    text-align: center;
    float: left;
    width: 270px;
    height: 60px;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

    .green-bg:hover {
        text-decoration: none;
        font-size: 20px;
        background-color: #54b463 !important;
        float: left;
        width: 270px;
        height: 60px;
        -webkit-transition: background-color linear 0.3s;
        -moz-transition: background-color linear 0.3s;
        -o-transition: background-color linear 0.3s;
        transition: background-color linear 0.3s;
    }

.green-lg {
    text-decoration: none;
    font-size: 30px;
    background-color: #37b34a;
    color: white !important;
    text-align: center;
    float: left;
    width: 400px;
    height: 100px;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
    padding: 29px 15px 10px 15px !important;
}

    .green-lg:hover {
        text-decoration: none;
        font-size: 30px;
        background-color: #FF54B463 !important;
        float: left;
        width: 400px;
        height: 100px;
        -webkit-transition: background-color linear 0.3s;
        -moz-transition: background-color linear 0.3s;
        -o-transition: background-color linear 0.3s;
        transition: background-color linear 0.3s;
        padding: 29px 15px 10px 15px !important;
    }

.head-slider-wrapper .cycle-slideshow > div {
    height: 673px;
    margin-bottom: -39px;
}

.test-slider .cycle-slideshow > div {
    max-height: 400px !important;
}

.slide {
    width: 100%;
}

    .slide .col-md-7 {
        padding-left: 130px;
        padding-right: 170px;
    }

    .slide h2,
    .slide h4 {
        color: white;
    }

    .slide h2 {
        font-size: 55px;
        margin: 100px 0 20px 0;
    }

        .slide h2 span {
            font-size: 14px;
        }

    .slide h4 {
        line-height: 1.4;
        font-size: 24px;
    }


.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.who-needs-it-btn {
    cursor: pointer;
    background: #1d1d1b !important;
}

    .who-needs-it-btn:hover {
        background: #303030 !important;
    }

.who-needs-it-hidden {
    max-width: 700px;
    margin: 0 auto !important;
    float: none !important;
}

.social-banner {
    position: absolute;
    right: 20px;
    top: 25px;
}

    .social-banner img {
        max-width: 35px;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

        .social-banner img:hover {
            opacity: 0.80;
            transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            -moz-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
        }

.image-ticker {
    position: relative;
}

    .image-ticker div > a {
        display: inline-block;
        max-width: 16.666%;
    }

    .image-ticker div img {
        display: inline-block;
        margin: 0 20px;
        width: 100%;
    }

.image-ticker {
    overflow: hidden;
}

    .image-ticker > div {
    }

.sprev {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 435px;
    left: 80px;
    background: url('../../images/sprev.png');
    background-size: cover;
    z-index: 2900;
}

.snext {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 435px;
    right: 80px;
    background: url('../../images/snext.png');
    background-size: cover;
    z-index: 2900;
}

.what-is-it-prev {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 435px;
    left: 80px;
    background: url('../../images/sprev.png');
    background-size: cover;
    z-index: 2900;
}

.what-does-it-cost-circle {
    margin-left:150px;
    width: 72% !important;
}

.what-is-it-next {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 435px;
    right: 80px;
    background: url('../../images/snext.png');
    background-size: cover;
    z-index: 2900;
}

.what-use-it-prev {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 1580px;
    left: 80px;
    background: url('../../images/image_leftarrow.png');
    background-size: cover;
    z-index: 2900;
}

.what-use-it-next {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 1580px;
    right: 80px;
    background: url('../../images/image_rightarrow.png');
    background-size: cover;
    z-index: 2900;
}

.what-it-does-prev {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 605px;
    left: 80px;
    background: url('../../images/image_leftarrow.png');
    background-size: cover;
    z-index: 2900;
}

.what-it-does-next {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 605px;
    right: 80px;
    background: url('../../images/image_rightarrow.png');
    background-size: cover;
    z-index: 2900;
}

.what-does-it-do-prev {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 605px;
    left: 80px;
    background: url('../../images/image_leftarrow.png');
    background-size: cover;
    z-index: 2900;
}

.what-does-it-do-next {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 605px;
    right: 80px;
    background: url('../../images/image_rightarrow.png');
    background-size: cover;
    z-index: 2900;
}

.trial-form, .signup-form {
    max-width: 780px;
    margin: 20px auto;
}

.customer-feedback-prev {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 4634px;
    left: 80px;
    background: url('../../images/image_leftarrow.png');
    background-size: cover;
    z-index: 2900;
}

.customer-feedback-next {
    height: 58px;
    width: 27px;
    position: absolute;
    top: 4634px;
    right: 80px;
    background: url('../../images/image_rightarrow.png');
    background-size: cover;
    z-index: 2900;
}

.caret-right {
    background: url('../../images/caret-right.jpg') right center #0085c9 repeat-y;
    color: white;
    padding: 10px 45px 10px 0;
    margin: 30px 0;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    min-width: 250px;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

.caret-right-blue {
    background: url('../../images/caret-right-white.jpg') right center #006faf repeat-y !important;
    color: white !important;
    padding: 10px 55px 10px 0;
    margin: 40px auto !important;
    display: block;
    min-width: 250px;
    text-align: left;
    float: none !important;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

.caret-right:hover {
    color: white;
}

.model-list {
    max-width: 670px;
    font-size: 16px;
    margin: 30px auto;
}

    .model-list li {
        margin: 10px 0;
        list-style-image: url('../../images/arrow-large.png');
    }

.slide .button:hover {
    background-color: #0099e1;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

.center {
    text-align: center;
}

.middle {
    display: block;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
    width: 90%;
}

.do-list {
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 15px;
}

    .do-list li {
        list-style-image: url('../../images/tick.png');
    }

        .do-list li a {
            border-radius: 0;
            /*text-transform: uppercase;*/
            font-size: 17px;
            color: white;
            border: none;
            padding: 10px 0 !important;
        }

            .do-list li a:hover {
                font-weight: bold;
                text-decoration: none;
            }

.does-list {
    margin-top: 43px;
    margin-bottom: 40px;
    font-size: 17px;
}

    .does-list li {
        list-style-image: url('../../images/tick.png');
        padding-top: 14px;
    }

        .does-list li a {
            border-radius: 0;
            /*text-transform: uppercase;*/
            font-size: 17px;
            color: white;
            border: none;
            padding: 10px 0 !important;
        }

            .does-list li a:hover {
                font-weight: bold;
                text-decoration: none;
            }

.landing-page-list {
    margin-top: 30px !important;
}

    .landing-page-list li {
        color: #6f6f6e !important;
        padding-bottom: 10px !important;
        list-style-image: url('/images/tick_grey.png') !important;
    }

.mobile-features-list {
    font-size: 25px !important;
    margin: 0 auto;
    float: none;
    margin-top: 25px !important;
    margin-bottom: 20px !important;
}

    .mobile-features-list li {
        list-style-image: url('../../images/tick.png');
    }

.do-list li a {
    border-radius: 0;
    /*text-transform: uppercase;*/
    font-size: 25px !important;
    color: white;
    border: none;
    padding: 10px 0 !important;
}

    .do-list li a:hover {
        font-weight: bold;
        text-decoration: none;
    }

.strip {
    margin: -22px auto 0 auto;
    text-align: center;
    display: block;
    width: 100%;
}

.tick-list {
    list-style-image: url('../../images/gray-tick.png');
}

    .tick-list li {
        margin: 20px 0;
        font-size: 22px;
    }

.why-use-it-banner {
    background: url('../../images/header_pic.jpg') center top no-repeat;
    background-size: cover;
    min-height: 414px;
    padding: 80px 0 30px 0 !important;
}

.social img {
    width: 10%;
    margin-bottom: 15px;
    opacity: 0.4;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

    .social img:hover {
        opacity: 1;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

.contact-form {
    background: url('../../images/ContactUs_contactForm_bg.jpg') center top no-repeat;
    min-height: 650px;
    color: white;
}

    .contact-form form {
        max-width: 370px;
        margin: 0 auto;
    }

        .contact-form form input {
            border-radius: 3px;
            color: black;
            border: none;
        }

            .contact-form form input[type=submit] {
                width: 50%;
                margin: 20px 0;
                padding: 6px 10px;
                color: white !important;
                background: #008ccd;
            }

.emailpayments-form {
    /*background: url('../../images/ContactUs_contactForm_bg.jpg') center top no-repeat;*/
    min-height: 650px;
    color: black;
}

    .emailpayments-form form {
        max-width: 570px;
        margin: 0 auto;
    }

        .emailpayments-form form input {
            border-radius: 3px;
            color: black;
            border: none;
        }

            .emailpayments-form form input[type=submit] {
                width: 150% !important;
                margin: 20px 0;
                padding: 6px 10px;
                color: black !important;
                background: #008ccd;
            }

.section {
    min-height: 780px;
    overflow: hidden;
    margin-top: -2%;
    padding: 25px !important;
    width: 100%;
    clear: both;
}

    .section h2,
    .section h1 {
        text-transform: uppercase;
        font-size: 55px !important;
        margin: 40px 0;
        font-weight: bold;
    }

    .section h1 {
        text-transform: uppercase;
        font-size: 45px;
        text-align: center;
        width: 100%;
        font-weight: bold;
    }

.nav-tabs {
    display: table;
    width: 100% !important;
    max-width: 1025px;
}

    .nav-tabs li a {
        border-radius: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        color: white;
        border: none;
        padding: 10px 0 !important;
    }

    .nav-tabs > li {
        display: table-cell;
        width: 16.666%;
        text-align: center;
    }

.benefit {
    max-width: 880px;
    width: 100%;
    float: left;
    margin: 20px 11px 220px 11px;
}

    .benefit img {
        width: 45%;
        display: block;
        margin: 0 auto;
    }

    .benefit p {
        text-align: center;
        margin: 15px auto;
        width: 90%;
    }

.customer-feedback-cycle {
    width: 100%;
    float: left;
    margin: 20px 11px 206px 11px;
}

    .customer-feedback-cycle img {
        width: 71%;
        display: block;
        margin: 0 auto;
    }

    .customer-feedback-cycle p {
        text-align: left !important;
        width: 90%;
    }

.Why-use-it-cycle {
    max-width: 257px;
    width: 100%;
    float: left;
    margin: 20px 63px 206px 11px;
}

    .Why-use-it-cycle img {
        width: 45%;
        display: block;
        margin: 0 auto;
    }

    .Why-use-it-cycle p {
        text-align: left;
        margin: 15px auto;
        width: 90%;
    }


.Why-is-it-cycle {
    max-width: 257px;
    width: 100%;
    float: left;
    margin: 97px 63px 206px 11px;
}

    .Why-is-it-cycle img {
        width: 45%;
        display: block;
        margin: 0 auto;
    }

    .Why-is-it-cycle p {
        text-align: left;
        margin: 15px auto;
        width: 90%;
    }


.Why-use-it-main-cycle {
    /*max-width: 257px;
    width: 100%;
    float: left;*/
    /*margin: 97px 63px 206px 11px;*/
    max-width: 399px;
    width: 100%;
    float: left;
    margin: 56px 34px 320px 19px;
}


    .Why-use-it-main-cycle img {
        width: 73%;
        display: block;
        margin: 0 auto;
    }

    .Why-use-it-main-cycle p {
        text-align: left;
        /*margin: 15px auto;
        width: 90%;*/
    }


.what-does-it-do-cycle {
    max-width: 2573px;
    width: 100%;
    float: left;
    margin: 82px 63px -302px -38px;
    /*margin: 97px 63px 206px 11px;*/
}

    .what-does-it-do-cycle img {
        width: 243%;
        display: block;
        float: right;
        margin: 0 auto;
        margin: -159px 446px auto;
    }

    .what-does-it-do-cycle p {
        text-align: left;
        margin: 15px auto;
        width: 90%;
    }

.Why-use-it-cycle-font-color {
    color: #ffffff !important;
    font-weight: bold;
    text-align: left;
}

.support-items-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.support-item {
    max-width: 160px;
    height: 200px;
}

    .support-item img {
        display: block;
        margin: 0 auto;
        width: 65%;
    }

    .support-item p {
        padding: 15px 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 24px !important;
        line-height: 1.1;
    }

.tab-content {
    min-height: 380px;
}

.nav-tabs li a:hover {
    background: transparent;
    border: none;
}

.nav-tabs li.active a {
    color: #0085c9;
}

.section p {
    font-size: 18px;
}

.section-white {
    padding: 20px 0;
    background-color: #fff;
}

.section-offwhite {
    padding: 20px 0;
    background-color: #eaeaea;
}

.section-white-main {
    padding: 20px 0;
    background-color: #fff;
}

.section-comingsoon {
    padding: 20px 0;
}

.section-green {
    background-color: #006599;
    color: white;
    padding: 40px 0;
}

.section-footer-blue {
    background-color: #0270A3;
    color: white;
    padding: 40px 0;
    min-height: 200px;
}

    .section-footer-blue p {
        font-size: 12px !important;
        font-weight: bold;
    }

.section-footer-white {
    background-color: #ffffff;
    color: #494949;
    padding: 40px 0;
    min-height: 200px;
}

    .section-footer-white p {
        font-size: 12px !important;
        font-weight: bold;
    }

.section-blue,
.section-blue-noarrow {
    background-color: #0085c8;
    color: white;
}

.section-blue-main,
.section-blue-main-noarrow {
    background-color: #0085c8;
    color: white;
}

.section-darkgray {
    background: #323232;
    color: #535352 !important;
}

.section-gray {
    background: #eaeaea;
}

.section-background {
    background: url('../../../images/image_banner.jpg') no-repeat center center;
    padding-top: 1px;
    background-size: auto;
}

.section-background-image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.section-gray h2 {
    color: #3c3c3b;
    font-weight: bold;
}

.section-smeasypartners {
    background: #eaeaea;
    min-height: 100px !important;
}

    .section-smeasypartners h2 {
        color: #3c3c3b;
        font-weight: bold;
    }

.section-blue-main .button {
    font-weight: normal;
    background-color: white;
    margin: 20px 0;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #0085c8;
    padding-top: 16px;
}

.nextbtn:hover {
    background: #303030 !important;
}

.gray-btn {
    text-decoration: none;
    font-size: 20px;
    background-color: grey !important;
    color: white !important;
    text-align: center;
    float: none !important;
    overflow: auto;
    width: 270px;
    height: 60px;
    margin: 15px auto !important;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
}

    .gray-btn:hover {
        text-decoration: none;
        font-size: 20px;
        background-color: #303030 !important;
        width: 270px;
        height: 60px;
        -webkit-transition: background-color linear 0.3s;
        -moz-transition: background-color linear 0.3s;
        -o-transition: background-color linear 0.3s;
        transition: background-color linear 0.3s;
    }

.black-btn {
    background: #1d1d1b;
    color: white !important;
    width: 20%;
    margin: 15px auto !important;
    display: block;
    float: none !important;
    overflow: auto;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

    .black-btn:hover {
        background: #303030;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

.section-white h1,
.section-white p {
    color: #6f6f6e;
    text-align: center;
}

.section-comingsoon h1,
.section-comingsoon p {
    color: #6f6f6e;
    text-align: center;
}

.footer-top ul li {
    list-style: none;
}

.footer-top a {
    color: #535352 !important;
}

    .footer-top a:hover {
        text-decoration: none;
        color: white !important;
    }

.home #mobile-menu {
    margin-top: 63px !important;
}

/*.slide-1 {
    background: url('../../images/image_banner.jpg') center -125px no-repeat;
    background-size: auto 874px;
}*/

.btn-register {
    background: url('../../images/btn_30dayfreetrial.png');
    width: 200px !important;
    color: white;
    text-align: center;
}

    .btn-register :hover {
        background: url('../../images/btn_30dayfreetrial_ov.png');
        width: 200px !important;
        color: white;
        text-align: center;
    }

.mobile {
    display: none;
}

/* iFrame Responsive */

.wrapper {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    background: #CCC;
}

.h_iframe {
    position: relative;
}

    .h_iframe .ratio {
        display: block;
        width: 70%;
        height: auto;
    }

    .h_iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.knob-container {
    max-width: 200px;
    float: left;
    margin: 20px 20px;
}

    .knob-container input {
        color: #221510 !important;
    }

    .knob-container p {
        text-align: center;
        max-width: 150px;
        margin-top: -30px;
    }

.section-white .button {
    margin: 0 auto;
    width: 20%;
    overflow: auto;
    text-align: center;
    text-transform: uppercase;
    background: #0085c8;
    color: white;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

    .section-white .button:hover {
        background-color: #23B5FA;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

.section-comingsoon .button {
    margin: 0 auto;
    width: 20%;
    overflow: auto;
    text-align: center;
    text-transform: uppercase;
    background: #0085c8;
    color: white;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

    .section-comingsoon .button:hover {
        background-color: #23B5FA;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

.who-needs-it {
    padding: 0 80px;
}

    .who-needs-it img {
        float: left;
        margin: 10px;
        max-width: 190px;
    }

.box-extension {
    padding: 15px;
    color: #a19b9b;
}

    .box-extension p {
        font-size: 16px;
    }

.box {
    float: left;
    margin: 0;
    padding: 10px 25px 10px 25px;
    background: white;
    color: black !important;
    width: 100%;
    transition: padding linear 0.2s;
    -webkit-transition: padding linear 0.2s;
    -moz-transition: padding linear 0.2s;
    -o-transition: padding linear 0.2s;
}

    .box .button {
        min-height: 43px;
        background: #008ccd;
    }

        .box .button:hover {
            width: 70% !important;
        }

.transparent,
.transparent:hover {
    background-color: transparent !important;
}

.box p {
    font-size: 22px !important;
    padding: 40px 0;
    /*border-top: 2px solid #494949;
    border-bottom: 2px solid #494949;*/
    text-align: center;
    font-weight: normal;
    /*line-height: 1.8;*/
    min-height: 180px;
}

.navbar-default .navbar-collapse {
    background-color: transparent !important;
}

.or-pricing {
    float: left;
}

.or-pricing-cont {
    display: block;
    overflow: auto;
    margin: 25px auto;
    overflow: hidden;
    /*max-width: 600px;*/
}

h2.or-pricing {
    padding-top: 100px;
    font-size: 40px !important;
    padding-left: 40px;
    padding-right: 40px;
}

img.or-pricing {
    width: 40%;
}

.box h2 {
    padding-left: 15px;
    font-size: 65px !important;
}

.box-1 {
    background: rgba(255, 255, 255, 0.8);
    -webkit-transition: background linear 0.3s;
    -moz-transition: background linear 0.3s;
    -o-transition: background linear 0.3s;
    transition: background linear 0.3s;
}

.box-2 {
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: background linear 0.3s;
    -moz-transition: background linear 0.3s;
    -o-transition: background linear 0.3s;
    transition: background linear 0.3s;
}

.box-3 {
    background: rgba(255, 255, 255, 0.4);
    -webkit-transition: background linear 0.3s;
    -moz-transition: background linear 0.3s;
    -o-transition: background linear 0.3s;
    transition: background linear 0.3s;
}

.box-4 {
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: background linear 0.3s;
    -moz-transition: background linear 0.3s;
    -o-transition: background linear 0.3s;
    transition: background linear 0.3s;
}

.box:hover {
    background: white;
    -webkit-transition: background linear 0.3s;
    -moz-transition: background linear 0.3s;
    -o-transition: background linear 0.3s;
    transition: background linear 0.3s;
}

.box-extension {
    background-color: white;
    min-height: 430px;
    margin: 0 16px 0 15px;
    overflow: auto;
    padding: 40px;
}

.box a {
    cursor: pointer;
}

.costing img {
    margin-top: 40px;
    max-width: 600px;
}

.three-part .narrow .col-md-4 h3 {
    text-transform: uppercase;
    color: #0085c9;
}

.three-part .narrow .col-md-4 p {
    color: #989898;
    min-height: 75px;
}

.test-slider img {
    width: 100%;
    height: auto;
    float: left;
}

.test-slider h3 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 60px;
}

.test-slider h4 {
    font-size: 24px;
}

.test-slider h3,
.test-slider h4 {
    color: #0085c9;
}



.test-slider h3,
.test-slider h4,
.test-slider p {
    width: 100%;
    float: left;
}



.test-slider p {
    font-style: italic;
    color: #6f6f6e;
    margin: 20px 0;
}

#testimonial-pager {
    position: absolute;
    right: 27%;
    top: -10px;
    z-index: 500;
}

    #testimonial-pager span {
        font-size: 100px;
        color: #a7cad5;
        cursor: pointer;
        display: block;
        float: left;
        line-height: 0.6;
    }

.slider-wrapper {
    position: relative;
}

.cycle-pager-active {
    color: #007ab8 !important;
}

.clear-mobile {
    display: none;
    clear: both;
}

.menu-toggle {
    cursor: pointer;
    display: none;
}

.one-half {
    width: 40%;
    float: left;
    margin: 5%;
}

.full-width {
    width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 176px;
}

    .full-width img {
        width: 100%;
        max-width: 52px;
    }

.mobile-acc {
    display: none;
}

.mobile-banner {
    display: none;
    overflow: auto;
}

#mobile-menu {
    background: #008ccd;
    margin: 0 0 0 0 !important;
    width: 100%;
    padding: 0;
    list-style: none;
    border-top: 5px solid #006899;
    border-bottom: 5px solid #006899;
    position: fixed;
    z-index: 3000;
}

    #mobile-menu li a {
        display: block;
        width: 100%;
        padding: 10px;
        color: white;
    }

        #mobile-menu li a:hover,
        #mobile-menu li a:active {
            text-decoration: none;
            background: #006899;
        }

.mobile-banner {
    position: relative;
}

.clear {
    clear: both;
    margin: 5px 0;
    padding: 5px;
}

.section-white-mini .button {
    margin: 0 auto;
    width: 20%;
    overflow: auto;
    text-align: center;
    text-transform: uppercase;
    background: #0085c8;
    color: white;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

    .section-white-mini .button:hover {
        background: #23B5FA;
    }

.section-comingsoon-mini .button {
    margin: 0 auto;
    width: 20%;
    overflow: auto;
    text-align: center;
    text-transform: uppercase;
    background: #0085c8;
    color: white;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

    .section-comingsoon-mini .button:hover {
        background: #23B5FA;
    }


.accordion-group {
    clear: both;
    width: 100%;
}

.accordion-toggle {
    width: 100%;
    display: block;
    text-align: left;
    padding: 15px;
    color: #0085c8;
    font-weight: bold;
    text-transform: uppercase;
    clear: both;
}

    .accordion-toggle:hover {
        text-decoration: none;
    }

.pulse {
    z-index: 2000;
    left: 46px;
}

#mobile-menu-top {
    display: none;
}

.mobile-banner .mobile-cta {
    width: 70%;
    display: block;
    margin: 30px auto;
}

.menu-acc {
    max-width: 120px !important;
    float: right;
}

.menu-home {
    max-width: 180px !important;
    float: right;
}

.white-block {
    width: 30%;
    margin: 1%;
    background: white;
    float: left;
    padding: 10px;
}

    .white-block p {
        color: gray;
        font-size: 16px;
        padding: 25px 5px 5px 5px;
        border-top: 3px solid #0085c8;
    }

.lost-password-form {
    min-height: 100px;
    color: white;
}

    .lost-password-form form {
        max-width: 370px;
        margin: 0 auto;
    }

        .lost-password-form form input {
            border-radius: 3px;
            color: black;
            border: none;
        }

            .lost-password-form form input[type=submit] {
                width: 50%;
                margin: 20px 0;
                padding: 6px 10px;
                color: white !important;
                background: #008ccd;
            }

.lost-password-button {
    cursor: pointer;
    background: #1d1d1b;
    right: 40%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: white !important;
    width: 100%;
    display: block;
    float: none !important;
    overflow: auto;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}

.required-image {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    float: left;
}

.Voucher-btn {
    cursor: pointer;
    width: 150px !important;
    background: #1d1d1b !important;
}

    .Voucher-btn:hover {
        background: #303030 !important;
    }

.Voucher-hidden {
    margin: 0 auto !important;
    float: left !important;
}

.Voucher-form {
    min-height: 100px;
    color: white;
}

    .Voucher-form form {
        max-width: 370px;
        margin: 0 auto;
    }

        .Voucher-form form input {
            border-radius: 3px;
            color: black;
            border: none;
        }

            .Voucher-form form input[type=submit] {
                width: 50%;
                margin: 20px 0;
                padding: 6px 10px;
                color: white !important;
                background: #008ccd;
            }

.Voucher-button {
    cursor: pointer;
    background: #1d1d1b;
    right: 40%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: white !important;
    width: 100%;
    display: block;
    float: none !important;
    overflow: auto;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}

/*Primary Button*/
.btn-primary {
    color: #fff;
    background-color: #0085c8;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #0091c8;
    }

textarea {
    resize: none;
}

.home-heading {
    color: #fff;
    font-size: 38px;
    margin-left: -43px;
    color: white;
}

.register-button {
    text-decoration: none;
    background-color: #37b34a;
    color: white !important;
    text-align: center;
    float: right !important;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
    font-size: 12px;
}

    .register-button:hover {
        text-decoration: none;
        background-color: #37b34a !important;
        -webkit-transition: background-color linear 0.3s;
        -moz-transition: background-color linear 0.3s;
        -o-transition: background-color linear 0.3s;
        transition: background-color linear 0.3s;
        font-size: 12px;
    }

.What-does-it-do-button {
    text-decoration: none !important;
    background-color: white !important;
    color: #1d7591 !important;
    text-align: center;
    float: left !important;
    -webkit-transition: background-color linear 0.3s;
    -moz-transition: background-color linear 0.3s;
    -o-transition: background-color linear 0.3s;
    transition: background-color linear 0.3s;
    font-size: 14px;
    font-weight: bold;
}

.whats-different-about-it {
    /*float: left;
    margin: 10px;
    max-width: 170px;
    padding-left: 40px;
    margin-left: 20px;*/
    max-width: 170px;
    padding: 15px;
}

.main-header {
    margin-top: 2px !important;
    height: 128px !important;
}


.form-paragraph {
    font-size: 24px;
    padding-bottom: 10px;
    text-align: left;
}

.form-paragraph-finfind {
    color: #6f6f6e;
    font-size: 24px;
    padding-bottom: 10px;
    text-align: left;
}

.what-does-it-do-ul {
    width: 520px;
    height: 39px;
    text-align: left;
    color: gray;
    padding-right: 7px;
    font-size: 18px;
    float: left;
}

.what-does-it-do-headings {
    text-align: left !important;
    color: #0085c8;
    font-size: 35px !important;
    padding-left: 83px;
}

@media(max-width:768px) {
    .col-xs-8 {
        width: inherit !important;
        float: inherit !important;
    }

    .does-list {
        margin-top: 0px;
    }

    .navbar-header-padding {
        padding-right: 21px !important;
        padding-left: 21px !important;
        padding-top: 15px !important;
    }

    .who-needs-it-p {
        font-size: 18px;
        margin: 5px auto;
    }

    .who-needs-it-hidden.do-list ul {
        width: 100%;
    }

        .who-needs-it-hidden.do-list ul li {
            font-size: 18px;
        }

    #mainContent {
        margin-top: 60px;
    }

    .menu-popup-header {
        padding-bottom: 40px !important;
    }

    .navbar-popup-header-padding {
        padding-bottom: 5px !important;
    }

    #imageMonthly, #imageAnnual {
        float: none !important;
        width: 80%;
    }
}

@media (min-width:1011px) {
    .sitemap-padding {
        padding-left: 110px;
    }
}

@media (min-width:768px) and (max-width:768px) {

    .mobile-banner {
        padding-top: 125px !important;
    }

    #mainContent {
        margin-top: 0 !important;
    }

    #mainContentReseller {
        margin-top: 0 !important;
    }

    .menu-header {
        font-weight: bold;
        font-size: 10px;
        text-align: left;
        margin-left: -27px;
        padding-right: 40px !important;
    }

    .navbar-header-padding {
        padding-right: 21px !important;
        padding-left: 0 !important;
        padding-top: 15px !important;
    }

    .menu-popup-header {
        padding-bottom: 0 !important;
    }

    .navbar-popup-header-padding {
        padding-bottom: 0 !important;
    }
}

@media(min-width:769px) and (max-width:1010px) {
    .col-xs-8 {
        width: inherit !important;
        float: inherit !important;
    }

    .who-needs-it-p {
        font-size: 22px;
        margin: 20px auto;
    }

    .menu-header {
        font-weight: bold;
        font-size: 10px;
        text-align: left;
        margin-left: -27px;
        padding-right: 25px !important;
    }

    .navbar-header-padding {
        padding-right: 21px !important;
        padding-left: 21px !important;
        padding-top: 15px !important;
    }

    .navbar-popup-header-padding {
        padding-bottom: 5px !important;
    }

    #mainContent {
        margin-top: 50px !important;
    }

    #mainContentReseller {
        margin-top: 0 !important;
    }

    #imageMonthly, #imageAnnual {
        float: none !important;
        width: 50%;
    }
}

@media(min-width:769px) and (max-width:991px) {
    .menu-header {
        font-weight: bold;
        font-size: 10px;
        text-align: left;
        margin-left: -35px;
        padding-right: 25px !important;
    }

    .navbar-header-padding {
        padding-right: 21px !important;
        padding-left: 21px !important;
        padding-top: 15px !important;
    }

    .navbar-popup-header-padding {
        padding-bottom: 5px !important;
    }

    #mainContent {
        margin-top: 50px !important;
    }

    #mainContentReseller {
        margin-top: 0 !important;
    }

    #imageMonthly, #imageAnnual {
        float: none !important;
        width: 50%;
    }
}

@media(min-width: 992px) and (max-width:1010px) {

    .col-md-2 {
        width: inherit !important;
        float: inherit !important;
        padding-left: inherit !important;
        padding-right: inherit !important;
    }

    .who-needs-it-p {
        font-size: 22px;
        margin: 20px auto;
    }

    .col-md-3 {
        width: 100% !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .col-md-8 {
        width: inherit !important;
        float: inherit !important;
    }

    .container {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #videoparent {
        max-height: 520px !important;
    }

    #imageMonthly, #imageAnnual {
        float: none !important;
        width: 80% !important;
    }
}

@media(max-width:997px) {
    .carousel-inner > .active {
        min-height: 758px;
    }
}

@media(min-width:1011px) and (max-width: 1200px) {
    .col-md-3 {
        width: 100% !important;
        padding-bottom: 30px !important;
    }

    .menu-header {
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        margin-left: -27px;
        padding-right: 30px !important;
    }

    .who-needs-it-p {
        font-size: 22px;
        margin: 5px auto;
    }

    #mainContent {
        margin-top: 70px;
    }


    .navbar-header-padding {
        padding-right: 21px !important;
        padding-left: 21px !important;
        padding-bottom: 5px !important;
        padding-top: 15px !important;
    }

    #imageMonthly, #imageAnnual {
        float: left !important;
        width: 40%;
    }
}

@media(min-width: 1011px) {
    .mobile-banner .table-img {
        width: 80%;
        display: block;
        margin: 20px auto 0 auto;
        position: absolute;
        bottom: 0;
        left: 8%;
        content: url("../../images/TABLE.png");
    }
}

@media(max-width: 1011px) {
    .what-does-it-do-headings {
        text-align: left !important;
        color: #0085c8;
        font-size: 25px !important;
        padding-left: 50px;
    }

    .what-does-it-do-ul {
        width: 100%;
        height: auto;
        text-align: left;
        color: gray;
        padding-right: 7px;
        padding-bottom: 10px;
        font-size: 18px;
        float: left;
    }

    .form-paragraph-finfind {
        font-size: 18px;
    }

    .form-paragraph {
        font-size: 18px;
        padding-bottom: 10px;
        text-align: left;
    }

    .mobile-features-list {
        font-size: 18px !important;
        margin: 0 auto;
        float: none;
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .what-does-it-cost-circle {
        margin-left: 150px;
        width: 72% !important;
    }

    h1, h2, h3, h4, h5, h6,
    p, a {
        text-align: center;
    }

    p {
        padding: 10px;
    }

    /*body {
        padding-top: 60px;
    }*/

    header {
        /*padding: 15px 0;*/
        height: 64px;
    }

    .contact-form form {
        padding: 20px;
    }

        .contact-form form input,
        .contact-form form textarea,
        .contact-form form label {
            float: left;
            width: 90%;
        }

        .contact-form form input,
        .contact-form form textarea {
            font-size: 16px;
            padding: 10px;
        }

        .contact-form form label {
            margin: 10px 0;
            padding: 0;
        }

    .emailpayments-form form {
        padding: 20px;
    }

        .emailpayments-form form input,
        .emailpayments-form form textarea,
        .emailpayments-form form label {
            float: left;
            width: 90%;
        }

        .emailpayments-form form input,
        .emailpayments-form form textarea {
            font-size: 16px;
            padding: 10px;
        }

        .emailpayments-form form label {
            margin: 10px 0;
            padding: 0;
        }

    #mobile-menu-top {
        display: block;
    }

    #mobile-menu {
        margin-top: 0;
    }

    .white-block {
        max-width: 330px;
        width: 100%;
        margin: 20px auto;
        float: none;
    }

        .white-block .button {
            width: 100% !important;
            max-width: 200px;
        }

    .sprev,
    .snext {
        display: none;
    }

        .snext:hover,
        .sprev:hover {
            width: 20px;
            height: 45px;
        }

    .header-logo {
        width: 60%;
        margin: 78px auto 70px auto;
        display: block;
    }

    .black-btn {
        clear: both;
        float: left !important;
    }

    .menu-toggle i {
        clear: right;
        float: right;
        font-size: 35px;
        width: 38%;
        color: #008ccd;
        text-align: right;
        padding-top: 0;
    }

    .do-list {
        margin: 0 auto;
        float: none;
        width: 90%;
        font-size: 18px !important;
    }

    .support-item {
        margin: 10px auto;
    }

    #testimonial-pager {
        top: inherit !important;
        bottom: -10px;
        right: 40%;
    }

    .box {
        margin: 20px 0 0 0 !important;
    }

    .web {
        display: none;
    }

    .mobile {
        display: block;
    }

        .mobile .benefit {
            margin-bottom: 20px;
        }

    .section-blue .button, .section-blue-main .button,
    .section-gray .button,
    .section-smeasypartners .btn-registerbutton,
    .section-white .button,
    .section-comingsoon .button,
    .section-green .button,
    .section--footer-green .button {
        float: none !important;
        margin: 20px auto !important;
        /*width: 50% !important;*/
    }





    .video img {
        /*width: 100% !important;*/
        /*margin: 20px 0 !important;*/
    }

    .social {
        max-width: 230px;
        margin: 0 auto;
    }

        .social a img {
            opacity: 0.5;
            width: 32%;
            transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            -moz-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
        }

            .social a img:hover {
                opacity: 1;
                transition: all linear 0.3s;
                -webkit-transition: all linear 0.3s;
                -moz-transition: all linear 0.3s;
                -o-transition: all linear 0.3s;
            }

    .footer-top ul {
        padding: 0;
    }

        .footer-top ul li {
            text-align: center;
        }

    .footer-top p {
        text-align: center;
    }



    #logo {
        width: 45%;
        height: auto;
    }

    .clear {
        clear: both;
    }

    .clear-mobile {
        display: inherit;
    }

    .menu-acc,
    .head-slider-wrapper {
        display: none;
    }

    .mobile-acc {
        display: inherit;
        position: absolute;
        z-index: 2000;
        width: 100%;
        top: 50px;
    }

        .mobile-acc .col-md-4 {
            overflow: auto;
            float: left;
        }

    .head-slider-wrapper {
        position: relative;
    }

    .mobile-banner {
        display: inherit;
        width: 100%;
        height: auto;
        background: url('../../images/banner-placeholder.jpg') center top no-repeat;
        background-size: cover;
        padding-top: 35px;
        padding-bottom: 48.3%;
    }

    .one-third .blue-bg {
        font-size: 18px;
        width: 30%;
    }

    .mobile-banner h1 {
        font-size: 70px;
        color: white;
        margin-top: 0;
        padding: 120px 0 20px 0;
    }

    .mobile-banner p {
        font-size: 24px;
        color: white;
        padding: 15px 30px;
    }

    .mobile-full {
        width: 100%;
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        clear: both;
    }

    .knob-container {
        max-width: 150px;
        float: none;
        margin: 20px auto;
    }

    .who-needs-it img {
        float: none;
        width: 100%;
        max-width: 280px;
        margin: 15px auto;
        display: block;
    }

    .benefit {
        max-width: 100%;
    }

        .benefit img {
            width: 30%;
        }

        .benefit p {
            width: 100%;
        }

    .laptop-kid {
        background-size: cover;
    }

    .what-is-it-home {
        background-size: cover;
    }

    .laptop-kid img {
        width: 100%;
        margin-bottom: 10px;
    }

    .what-is-it-home img {
        width: 100%;
        margin-bottom: 10px;
    }

    img.or-pricing {
        display: block;
        width: 60%;
        margin: 20px auto;
        float: none;
    }

    h2.or-pricing {
        width: 100%;
        padding-top: 0 !important;
    }

    .mobile-banner .table-img {
        width: 80%;
        display: block;
        margin: 20px auto 0 auto;
        position: absolute;
        bottom: 0;
        /*left: 8%;*/
        content: url("../../images/TABLE.png");
    }

    #freeTrialButton {
        float: none !important;
    }

    .section h2, .section h1 {
        text-transform: uppercase;
        font-size: 35px !important;
        margin: 40px 0;
        font-weight: bold;
    }
}

@media(min-width:1200px) {
    .menu-header {
        font-weight: bold;
        font-size: 21px;
        text-align: left;
        margin-left: -27px;
        padding-right: 25px !important;
        padding-bottom: 5px !important;
    }

    #mainContent {
        margin-top: 167px;
    }

    .navbar-header-padding {
        padding-right: 21px !important;
        padding-left: 21px !important;
        padding-top: 15px !important;
    }

    #imageMonthly {
        float: left !important;
    }

    #imageAnnual {
        float: right !important;
    }

    #whatitdoesimage {
        max-width: 600px;
    }

    #mobileDiv {
        padding-right: 0;
    }
}

@media(max-width: 1200px) {

    .team img {
        margin: 15px auto;
    }

    .slide .col-md-7 {
        padding-left: 100px;
    }

    #menu {
        display: none;
    }

    .menu-toggle {
        display: inherit;
    }

        .menu-toggle i {
            clear: right;
            float: right;
            font-size: 35px;
            width: 25%;
            color: #008ccd;
            text-align: right;
            padding-top: 7px;
        }

    .pulse {
        left: 30px;
    }

    .menu-acc {
        max-width: 120px !important;
        margin-left: 40px;
        margin-right: 0;
    }

    .slider-wrapper {
        margin-top: 60px;
        overflow: hidden;
        padding-bottom: 80px;
    }

    #testimonial-pager {
        top: -5px;
    }

    .laptop-kid {
        width: 100%;
    }

    .what-is-it-home {
        width: 100%;
    }

    .contact-form form input,
    .contact-form form textarea {
        float: right;
        color: black !important;
    }

    .contact-form form textarea {
        width: 50%;
    }

    .contact-form img {
        float: right;
        margin-right: 5px;
        margin-top: 5px;
    }

    .emailpayments-form form input,
    .emailpayments-form form textarea {
        float: right;
        color: black !important;
    }

    .emailpayments-form form textarea {
        width: 50%;
    }

    .emailpayments-form img {
        float: right;
        margin-right: 5px;
        margin-top: 5px;
    }

    #logo {
        margin-left: 0;
    }

    .tab-content img,
    .accordion-inner img {
        width: 90%;
    }

    .tab-content {
        margin-top: 176px;
    }

    .nav-tabs li a {
        color: #0085c9;
    }

    .nav-tabs > li {
        float: left;
        width: 100%;
    }

    .nav-tabs {
        top: 0 !important;
    }

        .nav-tabs > li.active > a {
            border: none;
        }

    .tab-content img {
        margin-top: 0 !important;
    }

    .accordion-inner img {
        margin-top: 0 !important;
    }

    .accordion {
        padding: 0 !important;
    }
}

.menu-media-icons {
    margin-right: -12.5px;
    text-align: center;
}


/*Busy Overlay*/
#overlay {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1030;
    background-color: transparent;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    border-radius: 5px;
    text-align: center;
}

    #overlay img.loading_circle {
        position: absolute;
        top: 25%;
        /*margin-left: -32px;*/
    }

.overlay-container {
    position: relative;
}

.drop-main-menu-home {
    font-size: 12px !important;
    font-weight: normal !important;
}

.formError {
    color: #af0303;
}

.what-is-it-carosel-header {
    text-align: center;
    font-size: 20px;
    min-height: 70px;
    padding-top: 10px;
}

.what-is-it-carosel-caption {
    font-size: 17px;
    text-align: center;
    min-height: 100px;
}

.support-home {
    max-width: 200px;
    float: left;
    margin: -12px;
    padding-top: 20px;
    width: 100%;
}

    .support-home img {
        display: block;
        margin: 0 auto;
        width: 65%;
    }

    .support-home p {
        padding: 15px 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px !important;
        line-height: 1.1;
    }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.carousel-control {
    width: 1% !important;
}

.right.carousel-control {
    filter: none;
}

.left.carousel-control {
    filter: none;
}
/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

/*Reseller landing/free trial pages*/
.reseller-banner {
    min-height: 100px;
}

.reseller-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1000;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #8f8e8e;
}

.reseller-container-background {
    min-height: 460px;
    background-size: auto auto;
}

.reseller-container {
    color: #8f8e8e;
    min-height: 125px;
    font-size: 18px;
}

.reseller-section {
    min-height: 780px;
    overflow: hidden;
    margin-top: 0 !important;
    padding: 25px !important;
    width: 100%;
    clear: both;
}
/*End Reseller landing/free trial pages*/


.thank-you-login-button, .thank-you-login-button:hover {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    color: white;
    background-color: #37b34a;
    font-size: 24px;
    text-decoration: none;
}

.invoicing-landing-page-box1 {
    background-color: #CEDBE4;
}

.invoicing-landing-page-box2 {
    background-color: #ACC7DA;
}

.invoicing-landing-page-box3 {
    background-color: #81B3CE;
}

    .invoicing-landing-page-box1, .invoicing-landing-page-box2, .invoicing-landing-page-box3, .invoicing-landing-page-box1:hover, .invoicing-landing-page-box2:hover, .invoicing-landing-page-box3:hover {
        min-height: 200px;
        text-align: center;
        vertical-align: middle;
        padding: 50px 25px 10px 25px;
        font-size: 24px;
        color: #494949;
    }

        .invoicing-landing-page-box1:hover, .invoicing-landing-page-box2:hover, .invoicing-landing-page-box3:hover {
            -o-transition: background-color .4s ease-out, background-color .4s ease-in;
            -ms-transition: background-color .4s ease-out, background-color .4s ease-in;
            -moz-transition: background-color .4s ease-out, background-color .4s ease-in;
            -webkit-transition: background-color .4s ease-out, background-color .4s ease-in;
            background-color: white !important;
        }

.invoice-landing-page-list li {
    margin-bottom: 10px;
    font-size: 20px;
}

.quoting-landing-page-list li {
    font-size: 20px;
}

.faq-ul {
    text-align: left;
    color: #0085c9;
    font-size: 24px;
    list-style: none;
}

    .faq-ul p {
        text-align: left;
        color: gray;
        font-size: 18px;
    }

.thankyou-faq-questions {
    line-height: 2em;
    color: gray;
    list-style: none;
    margin-bottom: 30px;
    padding-left: 0;
}

    .thankyou-faq-questions li a {
        color: gray;
    }

.what-is-different-mobile div {
    background-color: white;
}

.what-is-different-mobile ul {
    color: black;
    font-size: 14px;
}

.what-is-different-mobile div h3 {
    color: gray;
    margin: 15px;
    padding: 10px;
    border-bottom: solid 1px gray;
}

.what-is-different-mobile div p {
    color: black;
    text-align: justify;
    font-size: 14px;
}

.mobile-support-option, .mobile-support-option a p {
    width: 100%;
    text-align: center;
}

.tobetsa-button {
    border: 1px solid #F98652;
    color: #F98652;
    font-weight: normal;
}

    .tobetsa-button:hover {
        color: white;
        background-color: #F98652;
        text-decoration: none;
        font-weight: normal;
    }

.reseller-button, .reseller-button:hover {
    color: white;
    background-color: #0085c9;
    text-decoration: none;
    font-weight: normal;
}
.visible-item {
    display: block;
}
.hidden-item {
    display: none;
}
.language { position: absolute; top: 5px; right: 5px; padding: 20px; }
.feb-price-change {
    background-color: white;
    color: #0085c8;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
}

.green-bg-new {
    font-size: 20px !important;
    background-color: #37b34a !important;
    color: white !important;
    text-align: center;
    text-decoration:none !important;
    float:inherit !important;
    display:inline-block !important;
    width:20%;
    letter-spacing:1.25px;
    font-weight:700 !important;
}