body{
    background:#f7f8fa;
}

#main{
    padding:0;
    position: relative;
}

#main.whitelabel{
    margin-bottom:-30px;
}

.cpr-bg{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 1;
    height:300px;
    background:#003777;
    background: -moz-linear-gradient(top,  #005da4 0%, #003777 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005da4), color-stop(100%,#003777));
    background: -webkit-linear-gradient(top,  #005da4 0%,#003777 100%);
    background: -o-linear-gradient(top,  #005da4 0%,#003777 100%);
    background: -ms-linear-gradient(top,  #005da4 0%,#003777 100%);
    background: linear-gradient(to bottom,  #005da4 0%,#003777 100%);
}

.broadbean .cpr-bg{
    top:100px;
}

.cpr-main{
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.broadbean .cpr-main{
    padding-bottom: 50px;
}

.cpr-main > .main-center{
    max-width: 740px;
}

.cpr-top{
    padding: 40px 0 35px 0;
}

.broadbean .cpr-top{
    padding:20px 0 25px 0;
}

.info-div.cpr-redirect-msg{
    margin:15px 0 -15px 0;
    border-top:1px solid #dfdfdf;
    border-radius: 5px;
}

.cpr-redirect-msg h3{
    color:#4a4a4a;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

.cpr-top h1{
    font-size: 36px;
    line-height: 42px;
    font-weight: 600;
    text-align: center;
    color:#fff;
}

.cpr-top h1 span{
    padding-left: 41px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M30.27,4.229c-1.194-1.057-2.248-1.816-3.303-0.623L11.069,21.658l-5.662-5.209 c-1.15-1.059-2.101-0.211-3.16,0.939c-1.059,1.149-1.825,2.169-0.673,3.227l4.261,3.922l0,0l4.472,3.914 c0.001,0,0.002,0.002,0.002,0.002l0.4,0.272C11.077,28.948,11.312,29,11.694,29c0.743,0,1.69-1.203,1.69-1.203l1.936-2.229 l-0.001-0.002l0.21-0.238l3.209-3.644L31.292,7.43C32.347,6.237,31.463,5.285,30.27,4.229z'/%3E%3C/svg%3E") no-repeat 5px center/30px auto;
    padding-right: 5px;
}

.cpr-top h1 span.post{
    padding-left: 37px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M30.673,26.332l-5.964-5.961l4.255-2.459c0.333-0.191,0.525-0.557,0.499-0.938 c-0.027-0.384-0.272-0.716-0.629-0.856L9.859,8.553C9.489,8.404,9.063,8.492,8.781,8.774C8.497,9.057,8.41,9.482,8.558,9.854 l7.568,18.965c0.141,0.355,0.475,0.598,0.858,0.627c0.383,0.025,0.748-0.167,0.941-0.497l2.456-4.255l5.964,5.962 c0.476,0.476,1.036,0.382,1.418,0l2.909-2.91C31.065,27.354,31.065,26.721,30.673,26.332L30.673,26.332z M30.673,26.332'/%3E%3Cpath fill='%23FFFFFF' d='M5.398,3.979c-0.391-0.392-1.025-0.392-1.417,0c-0.392,0.391-0.392,1.025,0,1.417l2.227,2.225 c0.32,0.319,1.04,0.377,1.417,0c0.392-0.391,0.392-1.026,0-1.417L5.398,3.979z M5.398,3.979'/%3E%3Cpath fill='%23FFFFFF' d='M6.154,10.901c0-0.552-0.449-1-1.003-1H2.001c-0.553,0-1.001,0.448-1.001,1c0,0.555,0.448,1.005,1.001,1.005 H5.15C5.705,11.906,6.154,11.456,6.154,10.901L6.154,10.901z M6.154,10.901'/%3E%3Cpath fill='%23FFFFFF' d='M5.748,13.995L3.52,16.22c-0.392,0.391-0.392,1.022,0,1.417c0.196,0.197,0.452,0.293,0.709,0.293 c0.255,0,0.513-0.096,0.708-0.293l2.228-2.227c0.392-0.39,0.392-1.026,0-1.415C6.773,13.604,6.139,13.604,5.748,13.995L5.748,13.995 z M5.748,13.995'/%3E%3Cpath fill='%23FFFFFF' d='M10.91,6.149c0.553,0,1.002-0.448,1.002-1V2c0-0.553-0.449-1-1.002-1c-0.554,0-1.002,0.448-1.002,1v3.148 C9.908,5.701,10.356,6.149,10.91,6.149L10.91,6.149z M10.91,6.149'/%3E%3Cpath fill='%23FFFFFF' d='M15.419,7.161l2.227-2.225c0.392-0.392,0.392-1.026,0-1.417c-0.393-0.391-1.025-0.391-1.417,0l-2.227,2.225 c-0.392,0.389-0.392,1.025,0,1.417C14.437,7.595,15.181,7.399,15.419,7.161z'/%3E%3C/svg%3E") no-repeat left center/32px auto;
}

.cpr-top h1 span.search{
    padding-left: 41px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M23.27,18.292c0.69-0.669,1.206-1.431,1.551-2.277c0.346-0.847,0.516-1.71,0.516-2.591 c0-0.878-0.17-1.749-0.516-2.606c-0.345-0.856-0.86-1.622-1.551-2.296c-0.69-0.673-1.469-1.174-2.333-1.499 c-0.869-0.325-1.757-0.488-2.669-0.488c-0.91,0-1.799,0.163-2.664,0.488c-0.869,0.325-1.646,0.825-2.335,1.499 c-0.688,0.675-1.208,1.44-1.548,2.296c-0.345,0.857-0.52,1.728-0.52,2.606c0,0.881,0.174,1.744,0.52,2.591 c0.341,0.846,0.86,1.608,1.548,2.277c0.689,0.675,1.467,1.179,2.335,1.517c0.864,0.337,1.753,0.508,2.664,0.508 c0.912,0,1.8-0.171,2.669-0.508C21.801,19.471,22.579,18.967,23.27,18.292L23.27,18.292z M27.269,4.612 c1.245,1.218,2.179,2.592,2.802,4.123c0.623,1.529,0.93,3.087,0.93,4.673c0,1.586-0.307,3.145-0.93,4.675 c-0.623,1.531-1.557,2.906-2.802,4.12c-1,0.979-2.112,1.761-3.334,2.346c-1.221,0.588-2.486,0.978-3.8,1.173 c-1.312,0.196-2.629,0.185-3.948-0.032c-1.323-0.217-2.585-0.631-3.785-1.236l-5.734,5.602c-0.333,0.326-0.7,0.564-1.1,0.718 C5.168,30.924,4.752,31,4.318,31c-0.432,0-0.85-0.076-1.25-0.228c-0.401-0.153-0.768-0.392-1.1-0.718 c-0.333-0.326-0.578-0.686-0.734-1.073C1.078,28.59,1,28.182,1,27.758s0.078-0.832,0.233-1.22c0.156-0.393,0.401-0.749,0.734-1.077 l5.534-5.407c-0.777-1.193-1.323-2.477-1.633-3.842c-0.313-1.37-0.394-2.736-0.252-4.104C5.763,10.739,6.14,9.406,6.75,8.115 c0.611-1.291,1.451-2.46,2.519-3.503c1.244-1.194,2.65-2.094,4.216-2.703C15.052,1.302,16.647,1,18.268,1 c1.624,0,3.217,0.303,4.785,0.909C24.619,2.518,26.024,3.418,27.269,4.612L27.269,4.612z M27.269,4.612'/%3E%3C/g%3E%3C/svg%3E") no-repeat 5px center/30px auto;
}

.cpr-top p{
    font-size: 16px;
    line-height: 22px;
    color:#fff;
    margin:15px 0 0 0;
    text-align: center;
}

.broadbean .cpr-top-inner{
    position: relative;
    z-index: 5;
}

.broadbean .cpr-top:before{
    content: "";
    position: absolute;
    top:0px;
    left:-10000px;
    right:-10000px;
    bottom:0px;
    background:#003777;
    z-index:1;
}

.broadbean .cpr-top img{
    display: block;
    margin:0 auto;
    width:110px;
    border:0;
}

.broadbean .cpr-top p{
    clear: both;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    margin-top:10px;
}

.whitelabel .cpr-top img{
    display: block;
    margin:0 auto;
    width:150px;
    border:0;
}

.whitelabel .cpr-top p{
    clear: both;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    margin-top:10px;
}

.broadbean-steps{
    padding: 15px 0;
    height: 50px;
    margin: 0 20px;
    width: auto;
    display: block;
    float: none;
    clear: both;
}

.broadbean-step{
    position: absolute;
    top:15px;
    text-align: center;
    opacity: 0.6;
    width: 120px;
    margin-left:-60px;
}

.broadbean-step span{
    color:#003777;
    background:#fff;
    border-radius:50%;
    width:24px;
    height: 24px;
    line-height: 23px;
    clear: both;
    display: block;
    margin:0 auto;
    font-size: 15px;
    font-weight: 600;
}

.broadbean-step.step1 span{
    box-shadow: 0px 0px 15px rgba(255,255,255,0.4);
}

.broadbean-step p{
    color:#fff;
    font-size:14px;
    line-height: 21px;
    font-weight: 600;
}

.broadbean-step.step1{
    left:25%;
    opacity: 1;
}

.broadbean-step.step2{
    left:75%;
}

.cpr-form-wrap{
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    background:#fff;
    box-shadow: 0px 1px 25px rgba(0,0,0,0.3);
    margin:0 20px;
}

.cpr-form-top{
    background:#ffa500;
    padding:15px 20px 10px 20px;
    position: relative;
}

.broadbean .cpr-form-top{
    padding-top:20px;
}

.broadbean-bar{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    height: 5px;
    background:rgba(0,0,0,0.2);
    overflow: hidden;
}

.broadbean-bar span{
    position: absolute;
    top:0px;
    left:0px;
    width:25%;
    height: 5px;
    background:#fff;
}

.cpr-form-top h2{
    color:#fff;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
}

.cpr-form-top:after{
    content: "";
    position: absolute;
    bottom:-20px;
    border-top:20px solid #ffa500;
    border-left:370px solid transparent;
    border-right:370px solid transparent;
    left:50%;
    transform: translateX(-50%);
}

.cpr-form-inner{
    padding:35px 30px 30px 30px;
    overflow: hidden;
}

.cpr-form-col-left,
.cpr-form-col-right{
    float: left;
    width:48%;
}

.cpr-form-col-left{
    margin-right:4%;
}

#client-purchase-reg-form .row{
    margin-top:10px;
}

#client-purchase-reg-form label{
    color:#4a4a4a;
    font-size: 14px;
    font-weight: 600;
}

#client-purchase-reg-form span#password-extra{
    color:#999;
    float: right;
    font-size: 13px;
    font-weight: 400;
    margin-top: -23px;
}

#client-purchase-reg-form input:not([type="submit"]),
#client-purchase-reg-form select{
    height:34px;
    border-color: #dfdfdf;
    padding:0;
    text-indent: 10px;
    outline:0;
}

#client-purchase-reg-form select{
    text-indent: 6px;
}

#client-purchase-reg-form input:not([type="submit"]):focus,
#client-purchase-reg-form select:focus{
    border-color: #aaccee;
    box-shadow: inset 0px 2px 5px rgba(0,93,164,0.04);
    background:0;
    outline:0;
}

#client-purchase-reg-form input.error:focus,
#client-purchase-reg-form select.error:focus,
#client-purchase-reg-form input.error,
#client-purchase-reg-form select.error{
    border-color: #e01a22;
}

#client-purchase-reg-form input.valid:focus,
#client-purchase-reg-form select.valid:focus,
#client-purchase-reg-form input.valid,
#client-purchase-reg-form select.valid{
    border-color: #5bb543;
}

input:-webkit-autofill ,
input:focus:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px white inset!important;
    box-shadow: 0 0 0px 1000px white inset!important;
}

#client-purchase-reg-form input.btn{
    float:right;
    margin:20px 0 0 0;
}

#client-purchase-reg-form.loading:before{
    content: "";
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index: 5;
    background: rgba(255,255,255,0.6);
}

#client-purchase-reg-form.loading:after{
    content: "";
    position: absolute;
    z-index: 10;
    top:50%;
    left:50%;
    margin:-12px;
    width:20px;
    height:20px;
    border:2px solid #005da4;
    border-top-color: transparent;
    border-radius: 50%;
    animation: rotate 0.8s infinite linear;
}

.cpr-stats-row{
    background:#fff;
    border-top:1px solid #dfdfdf;
    padding: 30px 0 40px 0;
    margin:40px 0 0 0;
}

.cpr-stats-row > .main-center{
    max-width: 880px;
}

.stats-row{
    padding:0 0 20px 0;
    text-align: center;
}

.stats-row .stat{
    display: inline-block;
    width:190px;
    margin:10px;
}

.stats-row .stat p{
    font-size: 14px;
    line-height: 18px;
}

.stats-row .stat p:first-child{
    color:#003777;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}

.testimonial-row{
    border-top:1px solid #dfdfdf;
    padding-top:30px;
}

.testimonial-row img{
    position: absolute;
    top:50%;
    left:0px;
    height:60px;
    margin-top: -30px;
}

.testimonial-text{
    padding-left:240px;
}

.testimonial-text p{
    margin-top:10px;
}

.testimonial-text p:first-child{
    margin-top:0;
}

.footer{
    margin:0;
}

/* free trial specific */

.cpr-bg.trial{
    height: 630px;
}

.cpr-main.trial > .main-center{
    max-width: 960px;
}

.cpr-main.trial .cpr-top {
    padding: 40px 55px 35px 55px;
    width: auto;
}

.cpr-main.trial .cpr-form-wrap{
    float: left;
    width:72%;
    margin:0;
}

.cpr-contact{
    float: right;
    width:25%;
}

.cpr-module{
    box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
    border: 0;
    padding: 20px 15px;
    background: #fff;
    border-radius: 5px;
}

.cpr-module.cpr-why{
    margin-top:20px;
}

.free-trial-sticker{
    position: absolute;
    top: -15px;
    left: 73%;
    z-index: 15;
    margin-left: -72px;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    background: #5bb543;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding: 19px 17px 15px 17px;
    text-align: center;
    line-height: 18px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    transform: rotate(7deg);
    border: 2px solid #fff;
    background: #005da4;
}

.cpr-whitelabel-logos{
    position: relative;
    z-index: 2;
    margin:30px 0 0 0;
    padding:30px 0;
    border-top:1px solid #dfdfdf;
    background:#fff;
    text-align: center;
}

.cpr-whitelabel-logos p{
    font-size: 16px;
    line-height: 24px;
    color:#4a4a4a;
    clear: both;
    display: block;
    margin:0 0 10px 0;
}

.cpr-whitelabel-logos img{
    display: inline-block;
    vertical-align: middle;
    height:28px;
    margin:15px 35px;
}

.cpr-whitelabel-logos + .row{
    background: #fff;
    padding-bottom: 30px;
}

.password-input-wrap{
    float: left;
    width: 100%;
    position: relative;
    max-width: 100%;
}

.password-input-toggle{
    display: none;
    position: absolute;
    top: 1px;
    right: 2px;
    width: 40px;
    height: 32px;
    background: #ffffff;
    z-index: 1;
    cursor: pointer;
}

.password-input-toggle img{
    width: 20px;
    margin: 10px auto;
    display: block;
    border: 0px;
    opacity: 0.4;
    transition: all 0.2s linear;
}

.password-input-wrap.show-toggle.show-password .password-input-toggle:first-child{
    display: none;
}

.caps-on-icon{
    display: none;
    position: absolute;
    top: 9px;
    right: 7px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    z-index: 1;
    cursor: default;
    opacity: 0.4;
    transition: all 0.2s linear;
}

.password-input-wrap.show-toggle .password-input-toggle:first-child,
.password-input-wrap.show-toggle.show-password .password-input-toggle,
.password-input-wrap.caps-on .caps-on-icon{
    display: block;
}

.password-input-wrap.show-toggle.caps-on .caps-on-icon{
    right: 38px;
}

.password-input-wrap.show-toggle input{
    padding-right: 35px;
}

.password-input-wrap.show-toggle.caps-on input{
    padding-right: 55px;
}

.grecaptcha-badge{
    opacity: 0!important;
}

@media screen and (max-width:730px) {
    .cpr-main.trial .cpr-form-col-left,
    .cpr-main.trial .cpr-form-col-right{
        width:100%;
        margin:0;
    }

    .password-input-toggle{
        line-height: 33px;
    }

    .capstoggle{
        height: 31px;
    }
}

@media screen and (max-width:568px) {
    .cpr-top,
    .cpr-main.trial .cpr-top{
        padding:20px 0;
    }

    .info-div.cpr-redirect-msg{
        margin-bottom: 0;
    }

    .cpr-top h1{
        font-size: 20px;
        line-height: 25px;
    }

    .cpr-top h1 span,
    .cpr-top h1 span.post,
    .cpr-top h1 span.search{
        background-size: 20px auto;
        padding-left:30px;
    }

    .cpr-top h1 span.post{
        padding-left:26px;
    }

    .cpr-top p{
        font-size: 14px;
        line-height: 20px;
    }

    .broadbean .cpr-top p{
        font-size: 16px;
        line-height: 22px;
    }

    .broadbean-steps{
        margin:0 5px;
    }

    .broadbean-step.step2{
        margin-left:-65px;
    }

    .cpr-form-wrap{
        margin:0;
    }

    .cpr-form-top{
        padding: 12px 0 2px 0;
    }

    .cpr-form-top h2{
        font-size: 18px;
        line-height: 22px;
    }

    .cpr-form-col-left,
    .cpr-form-col-right{
        width:100%;
        margin:0;
    }

    #client-purchase-reg-form input.btn{
        width:100%;
    }

    .cpr-stats-row{
        padding-top:10px;
    }

    .testimonial-row img{
        position: static;
        margin: 0 auto;
        float: none;
        display: block;
    }

    .testimonial-text{
        padding:0;
        margin: 15px 0 0 0;
        text-align: center;
    }

    /* trial specific */
    .cpr-main.trial .cpr-form-wrap,
    .cpr-contact{
        width:100%;
    }

    .cpr-module{
        margin-top:35px;
    }

    #client-purchase-reg-form span#password-extra{
        margin-top: -20px;
    }
}