/* CSS Document */

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 6px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

#checkoutform2 *, .checkout2 * {
    box-sizing: border-box;
}

#checkoutform2 {
    width: 57%;
    float: left;
}

.cog-confirmation-message {
    text-align: center;
}

.product-description {
    font-size: 12px !important;
    font-weight: normal !important
}

#checkoutform2.cog-embed {
    width: 85%;
    float: none;
    margin: 0 auto 60px auto;
}

#checkoutbull {
    padding: 34px 0 0 0px;
    float: right;
    width: 450px;
    text-align: left;
}

.orderdetails {

    float: right;
    width: 352px;
    text-align: left;
    margin-top: 0px !important;
    background: url(/images/greenbox.jpg) no-repeat;
    background-size: cover;
    border: 1px solid #B0B1B1;

    background-position: top;
    padding: 10px 3px 28px 20px;
    min-height: 290px;
}

.orderdetails td {
    text-align: left;
}

.secheader {
    min-height: 192px;
}

.checkoutheader {
    background: url(/images/checkout.jpg) no-repeat center center / cover rgba(0, 0, 0, 0);
    height: 176px;
    width: 100%;
}

#checkoutform2 .inputRow2 {
    padding: 4px 0;
    position: relative;
}

#checkoutform2 input,
#checkoutform2 select {
    border: 1px solid #B0B1B1;
    box-shadow: 0 1px 4px -2px #999999 inset;
    color: #666;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 10px;
    outline: medium none;
    padding: 12px;
    width: 100%;
}

#checkoutform2.cog-embed input,
#checkoutform2.cog-embed select {
    margin-top: 0;
}

.stripeInputs {
    border: 1px solid #B0B1B1 !important;
    box-shadow: 0 1px 4px -2px #999999 inset;
    color: #666;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 10px;
    outline: none;
    padding: 12px !important;
    /* 12px padding */
    background-color: #ffffff !important;
}

#card-errors {
    color: #fa755a;
    margin-top: 10px;
}



#checkoutform2 textarea:focus,
#checkoutform2 input:focus {
    border: 2px solid #1594D0;
    color: #000;
}

#checkoutform2 .checkbox {
    width: 30px;
}

#checkoutform2 input[type="checkbox"] {
    position: relative;
    top: -6px;
}

#checkoutform2 .checkwrap input {
    display: inline;
    width: 18px;
}

.commonTitle {
    color: #1594D0;
    font-size: 30px;
    font-weight: normal;
    line-height: 24px;
    margin: 20px 0 0px 0;
    padding-bottom: 0px;
    text-align: left;
    width: auto;
}

#checkoutbull li:before {

    color: #1594D0;
    font-family: 'FontAwesome';
    content: '\f138';

    margin: 0 5px 0 -15px;
}

#checkoutbull li {}

.checkoutformwrap {
    width: 300px;
    margin: 0 auto;
    color: #FFF;
}

#checkoutform2 .el-checkbox-group {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    /* Adjust minmax value as needed */
    gap: 6px;
    /* Optional: Add some space between the grid items */
}

#checkoutform2 .el-checkbox {
    display: inline-flex;
}

#checkoutform2 .el-checkbox__input {
    padding-right: 4px;
    margin-top: 10px;

}

#checkoutform2 .viewDemoBtn,
#checkoutform2 .cog-button--submit {
    color: #FFF;
    font-size: 24px;
}

.orderdetails h4 {
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 18px;
}

.orderdetails td {
    font-weight: bold;
    font-size: 16px;
    padding: 4px 0;
}

.orderdetails .label {
    width: 100px;
}

.orderdetails table {
    width: auto;
}

.orderdetails .label {
    color: #1594D0;
    font-weight: normal;
}

.totaldetails {
    font-weight: normal;
    font-size: 12px;
    display: block;
    color: #000;
}

.total {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
    margin-top: 24px;
}

.inputRow {
    position: relative;
}

#checkoutform2 .error {
    color: #F00;
    font-weight: bold;
}

#checkoutform2 label.error {
    position: absolute;
    left: 290px;
    top: 18px;
    background-color: transparent;
    padding: 6px;
    width: 260px;
    display: block;
}

.checkoutformwrap2 {
    margin-top: 20px;
    padding: 20px 0;
    background: linear-gradient(to bottom, #2C9ED5 0%, #2782AC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: auto;
    margin-bottom: 30px;
    width: 880px;
}

.checkoutselect {
    padding: 6px 3px;
    line-height: 2em;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    background-color: #E6E6E6;
    color: #333333;
    text-decoration: none !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

btn:hover,
.btn:focus {
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none !important;
    transition: background-position 0.1s linear 0s;
}

.btn:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}

.btn.active,
.btn:active {
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}

.btn.disabled,
.btn[disabled] {
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}



.img-rounded {
    border-radius: 6px;
}

.img-polaroid {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
}

.img-circle {
    border-radius: 500px;
}

.checkout2 {
    background: url(/images/ReviewDistributionsmall.png) no-repeat;
    background-position: 670px 690px;
}

#checkoutform2 .viewDemoBtn,
#checkoutform2 .cog-button--submit,
.gform_wrapper .gform_button {
    margin: 0;
    width: 100%;
    border: 1px solid #B0B1B1;
    background-color: #0070ba;
    box-shadow: 0 1px 4px -2px #999999 inset;
    padding: 12px;
    padding-top: 9px;
}
.gform_wrapper .gform_button:hover {
    background-color: #0172ef !important;
    color: #fff !important;
    border:1px solid #0172ef !important;
} 

#checkoutform2 .viewDemoBtn:hover,
#checkoutform2 .cog-button--submit:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.row:after {
    clear: both;
}

#checkoutform2 [class*="span"] {
    float: left;
    margin-left: 20px;
    min-height: 1px;
}

#checkoutform2 .container {
    width: 940px;
}

.span12 {
    width: 100%;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

.offset12 {
    margin-left: 980px;
}

.offset11 {
    margin-left: 900px;
}

.offset10 {
    margin-left: 820px;
}

.offset9 {
    margin-left: 740px;
}

.offset8 {
    margin-left: 660px;
}

.offset7 {
    margin-left: 580px;
}

.offset6 {
    margin-left: 500px;
}

.offset5 {
    margin-left: 420px;
}

.offset4 {
    margin-left: 340px;
}

.offset3 {
    margin-left: 260px;
}

.offset2 {
    margin-left: 180px;
}

.offset1 {
    margin-left: 100px;
}

.row-fluid {
    width: 100%;
}

.row-fluid:before,
.row-fluid:after {
    content: "";
    display: table;
    line-height: 0;
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.12766%;
    min-height: 30px;
    width: 100%;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

body.res1170 .row-fluid.zn_has_sidebar .span9.zn_float_right,
body .row-fluid.zn_has_sidebar .span9.zn_float_right {
    margin-left: 2.12766%;
}

body.res1170 .row-fluid.zn_has_sidebar .span9.zn_float_right+.span3,
body .row-fluid.zn_has_sidebar .span9.zn_float_right+.span3 {
    margin-left: 0;
}

.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.12766%;
}

.row-fluid .span12 {
    width: 100%;
}

.row-fluid .span11 {
    width: 91.4894%;
}

.row-fluid .span10 {
    width: 82.9787%;
}

.row-fluid .span9 {
    width: 74.4681%;
}

.row-fluid .span8 {
    width: 65.9574%;
}

.row-fluid .span7 {
    width: 57.4468%;
}

.row-fluid .span6 {
    width: 48.9362%;
}

.row-fluid .span5 {
    width: 40.4255%;
}

.row-fluid .span4 {
    width: 31.9149%;
}

.row-fluid .span3 {
    width: 23.4043%;
}

.row-fluid .span2 {
    width: 14.8936%;
}

.row-fluid .span1 {
    width: 6.38298%;
}

.row-fluid .offset12 {
    margin-left: 104.255%;
}

.row-fluid .offset12:first-child {
    margin-left: 102.128%;
}

.row-fluid .offset11 {
    margin-left: 95.7447%;
}

.row-fluid .offset11:first-child {
    margin-left: 93.617%;
}

.row-fluid .offset10 {
    margin-left: 87.234%;
}

.row-fluid .offset10:first-child {
    margin-left: 85.1064%;
}

.row-fluid .offset9 {
    margin-left: 78.7234%;
}

.row-fluid .offset9:first-child {
    margin-left: 76.5957%;
}

.row-fluid .offset8 {
    margin-left: 70.2128%;
}

.row-fluid .offset8:first-child {
    margin-left: 68.0851%;
}

.row-fluid .offset7 {
    margin-left: 61.7021%;
}

.row-fluid .offset7:first-child {
    margin-left: 59.5745%;
}

.row-fluid .offset6 {
    margin-left: 53.1915%;
}

.row-fluid .offset6:first-child {
    margin-left: 51.0638%;
}

.row-fluid .offset5 {
    margin-left: 44.6809%;
}

.row-fluid .offset5:first-child {
    margin-left: 42.5532%;
}

.row-fluid .offset4 {
    margin-left: 36.1702%;
}

.row-fluid .offset4:first-child {
    margin-left: 34.0426%;
}

.row-fluid .offset3 {
    margin-left: 27.6596%;
}

.row-fluid .offset3:first-child {
    margin-left: 25.5319%;
}

.row-fluid .offset2 {
    margin-left: 19.1489%;
}

.row-fluid .offset2:first-child {
    margin-left: 17.0213%;
}

.row-fluid .offset1 {
    margin-left: 10.6383%;
}

.row-fluid .offset1:first-child {
    margin-left: 8.51064%;
}

.pricing_table {
    margin: 25px 0 40px 0;
    text-align: center;

}

.pricing_table .tb_header {}

.pricing_table .tb_header h4 {

    color: #FFFFFF;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 23px 0 20px 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.pricing_table .price {

    color: #FFFFFF;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    padding: 0px 0;
    text-shadow: 1px 1px 0 #000000;
}

.pricing_table .price:first-child p:first-letter {
    font-size: 26px;
    font-weight: 300;
    margin-right: 2px;
    padding-bottom: 20px;
}

.pricing_table>.section_inner>.section_inner_margin {
    display: flex;
    justify-content: center;
    align-items: stretch;
    height: 100%;
}

.pricing_table>.section_inner>.section_inner_margin>div {
    height: 100%;
    ;
}

.pricing_table .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern {
    color: #fff;
    border-color: #0172ef !important;
    background-color: #0172ef !important;
}

.flex-vertical-center {
    display: flex;
    align-items: center;
}

.pricing_table .wpb-plan-title {
    line-height: 36px;
    width: 90%;
    font-weight: 700;
    margin: 0 auto !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid #e0e0e0;
}

/* Generate a #0172ef! background with a radial light color gradient in the middle */
.pricing_table .wpb-pricing-table {
    padding: 0;
    display: flex;
    flex-direction: column;
    color: #fff;
    background-color: hsl(212, 99%, 47%);
    background-image:
        radial-gradient(circle farthest-side at center 20%, hsl(232, 41%, 74%) 0%, hsl(212, 99%, 47%) 100%)
}

.pricing_table .wpb-pricing-table>* {
    padding: 15px 0;
    margin: 0;
}

.wpb-plan-features {
    background-color: #cbcbcb;
    background: linear-gradient(90deg, rgb(224, 224, 224) 0%, 25.7812%, rgb(206, 206, 206) 51.5625%, 75.7812%, rgb(186, 186, 186) 100%);
    color: #000;
}

.pricing_table .wpb-plan-features,
.pricing_table .wpb-plan-features li {
    color: #000;
}

.pricing_table .wpb-plan-title {
    order: 1;
}

.pricing_table .wpb-plan-description {
    order: 3;
    padding-top: 0;
    font-size: 13px;
}

.pricing_table .wpb-plan-features {
    order: 4;
}

.pricing_table .wpb-price-container {
    order: 2;
}

.pricing_table .wpb-pricing-table .vc_btn3-container {
    order: 5;
    padding: 0;
}

.pricing_table .wpb-price-container,
.pricing_table h3 {
    color: #fff;
}

.buttonbk {
    border-top: 1px solid #96d1f8;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    padding: 5px 20px;
    padding-top: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
    text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
    color: #fff !important;
    font-size: 14px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}

.buttonbk:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc;
    text-decoration: none;
}

.buttonimg {

    border-radius: 5px;
}

.buttonimg:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

}

.button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}

.pricing_table .price p {
    margin: 0;
    color: #fff;
}

.pricing_table .price p span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 4px;
}

.pricing_table .tb_content {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.pricing_table .tb_content li {
    font-size: 14px;
    line-height: 2;
    margin: 0;
    padding: 5px 14px;
}

.pricing_table .tb_content li:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0.1);
}

.pricing_table .tb_content li:first-child {
    border-top: 1px solid #FFFFFF;
}

.pricing_table .tb_content li:last-child {}

.pricing_table .tb_content li hr {
    margin: 10px 50px;
}

.pricing_table .signin {
    padding: 13px 0 7px 0;
}

.pricing_table .pr_table_col {

    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 0;
}

.pricing_table [class*="span"]:nth-child(2n+1) .pr_table_col {}

.pricing_table .pr_table_col.highlight {
    z-index: 1;
}

.pricing_table .pr_table_col:hover {
    z-index: 2;
}

.pricing_table .pr_table_col.highlight,
.pricing_table .pr_table_col:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.pricing_table .pr_table_col.highlight .tb_content li,
.pricing_table .pr_table_col:hover .tb_content li {}

.checkoutoptions {
    margin-bottom: 50px !important;
}

.pricing_table .pr_table_col .vc_column-inner {
    padding: 0;
}

.price-table-or-col {
    margin-top: 14% !important;
}

.pricing_table .pr_table_col.highlight .price,
.pricing_table .pr_table_col:hover .price {}

.pricing_table {
    margin-bottom: 50px;
}

.flex-vertical-center {
    display: flex;
    align-items: center;
}

.flex-vertical-center.wpb_column,
.flex-vertical-center .vc_column-inner,
.flex-vertical-center .vc_column-inner .wpb_wrapper {
    height: 100%;
}

.pricing_table .pr_table_col {
    transition: box-shadow 0.2s ease-out 0s;
}

.pricing_table .pr_table_col.caption_column {
    box-shadow: none;
    margin-top: 50px;
}

.pricing_table .pr_table_col.caption_column .tb_header {
    color: #444444;
    font-size: 18px;
    font-weight: 700;
    padding: 41px 0;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.pricing_table .pr_table_col.caption_column .tb_content li {
    padding: 5px 0;
    text-align: left;
    text-indent: 30px;
}

.span3 {
    width: 270px;
}

@media (max-width: 768px) {
    .setup-fee-description, .product-description {
        display: block;
    }

    .checkoutoptions .span6,
    .orderdetails,
    #checkoutform2 .viewDemoBtn,
    #checkoutform2 .cog-button--submit {
        float: none;
        margin: 20px auto !important;
        width: 95% !important;
    }

    #checkoutbull {
        width: 95% !important;
        margin: 0px auto !important;
        padding-top: 16px !important;
    }

    #checkoutform2 {
        width: 95% !important;
    }

    .orderdetails {
        background-position: left !important;
        max-width: 350px;
    }



    .checkoutheader {
        max-width: 480px;
        margin: auto;
        background-position: right
    }

}

@media (max-width: 767px) {

    .checkoutoptions .span6,
    .orderdetails,
    #checkoutform2 .viewDemoBtn,
    #checkoutform2 .cog-button--submit,
    #checkoutform2 {

        width: 100% !important;
    }

    .pricing_table>.section_inner>.section_inner_margin {
        flex-direction: column;
    }

    .price-table-or-col {
        margin-top: 0 !important;
    }

}