/* Pricing Page */

#plans-section {
    background-color: #FBFBFB;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.price-pkg {
    margin-top: 30px;
    margin-bottom: 30px;
}

.price-pkg-inside {
    border: 1px solid #CCC;
    background-color: #FFF;
}

.price-pkg-header {
    padding: 20px 0;
    border-bottom: 1px solid #CCC;
    position: relative;
    background:#fff !important;
}

    .price-pkg-header h2 {
        margin-bottom: 0px;
    }

.price-pkg.gold .price-pkg-header {
    padding-bottom: 40px;
    border-bottom-color: #18C485;
}

#popular-tag {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.price-pkg-body {
    padding: 30px;
}

    .price-pkg-body > header {
        margin-bottom: 30px;
        position: relative;
    }

        .price-pkg-body > header > h3 {
            margin-bottom: 0px;
        }

        .price-pkg-body > header > hr.divider {
            margin-bottom: 20px;
        }

#lb-pricing-link {
    display: block;
    margin-top: 30px;
    text-align: center;
}

.price-table {
    width: 100%;
    margin: 30px 0;
    font-size: 14px;
}

    .price-table td,
    .price-table th {
        border: 1px solid #DDD;
        padding: 3px;
    }

    .price-table h3 {
        padding: 0px;
        margin: 0px !important;
        font-size: 16px;
    }

    .price-table > tbody > tr:nth-child(odd) {
        background: #F0F0F0;
    }

    .price-table th {
        font-weight: bold;
    }

    .price-table td,
    .price-table th {
        text-align: center;
        width: 15%;
    }

        .price-table td:first-child,
        .price-table th:first-child {
            text-align: left;
            width: 40%;
        }

    .price-table > tbody > tr:hover {
        background: #E0E0E0 !important;
    }

        .price-table > tbody > tr:hover > td {
            border-color: #D0D0D0;
        }

    .price-table th.basic {
        background: #91479A;
        color:#fff;
    }

    .price-table th.semi {
        background: #1F9BDE;
        color:#fff;
    }

    .price-table th.custom {
        background: #8ADC64;
        color:#fff;
    }

        .price-table th.pro {
        background: #FFB718;
        color:#fff;
    }



.price-check {
    color: #8adc64;
    font-size: 18px;
}


/*******************
MEDIA QUERIES
********************/

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #plans-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .price-pkg {
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .price-pkg.gold {
            margin-top: -20px;
        }

            .price-pkg.gold > .price-pkg-inside {
                box-shadow: 0px 1px 3px #CCC;
                -webkit-box-shadow: 0px 1px 3px #CCC;
                -moz-box-shadow: 0px 1px 3px #CCC;
                -o-box-shadow: 0px 1px 3px #CCC;
            }



        .price-table td,
        .price-table th {
            padding: 10px;
        }

        .price-table h3 {
            font-size: 30px;
        }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #lb-pricing-link {
        margin-top: 20px;
        text-align: left;
    }
}

.tooltip {
    font-size: 16px;
    width: 300px;
    padding: 15px;
    text-align: left;
}

a.underlined {
    text-decoration: underline;
}

    a.underlined:hover {
        text-decoration: none;
    }



@media (min-width: 1200px) {
    #hero-youget {
        padding-top: 40px;
    }
}


.soft-callout {
    background: rgba(255,255,255,0.1);
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 40px rgba(255,255,255,0.2) inset;
    border-radius: 5px;
}

    .soft-callout h1, .soft-callout h2, .soft-callout h3 {
        margin-top: 0px;
    }

    .soft-callout .btn {
        font-size: 14px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

@media (min-width: 768px) {
    .soft-callout .btn {
        font-size: 18px;
    }
}

.soft-callout .row {
    margin-left: 0px;
    margin-right: 0px;
}

.btn-lg {
    font-size: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
}

#btn-getstarted {
    font-size: 14px;
}

@media (min-width: 768px) {
    #btn-getstarted {
        font-size: 18px;
    }
}

.stat-callout {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .stat-callout i {
        font-size: 42px;
        color: #BBB;
        margin-right: 10px;
    }






@media (min-width: 992px) {
    .stat-callout {
        border-right: 1px solid #BBB;
    }

        .stat-callout:last-child {
            border-right: none;
        }
}

.stat-num {
    font-size: 42px;
    font-family: 'Roboto', sans-serif;
}

.parallax-bg {
    border-bottom: 3px solid #FFF;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 30px 0;
}

    .parallax-bg:last-child {
        border-bottom: none;
    }

    .parallax-bg h1, .parallax-bg h2, .parallax-bg h3 {
        margin-top: 0px;
    }

    .parallax-bg * {
        color: #FFF;
    }

    .parallax-bg a {
        font-weight: bold;
    }

        .parallax-bg a:hover {
            color: #FFF;
        }

@media (min-width: 1200px) {
    .parallax-bg:first-child .benefit-callout {
        border-left: 5px solid #047cba;
    }

    .parallax-bg:nth-child(2) .benefit-callout {
        border-left: 5px solid #df9310;
    }

    .parallax-bg:nth-child(3) .benefit-callout {
        border-left: 5px solid #18C485;
    }
}



.benefit {
    text-align: center;
}

@media (min-width: 1200px) {
    .benefit {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .benefit-callout {
        padding-left: 30px;
    }
}

.benefit-icon {
    display: block;
    color: #FFF !important;
    color: rgba(255,255,255,0.5) !important;
    font-size: 60px;
    margin-bottom: 15px;
    text-align: center;
}

    .benefit-icon.fa-clock-o {
        font-size: 80px;
    }

@media (min-width: 1200px) {
    .benefit-icon {
        margin-top: 32px;
        margin-bottom: 0px;
    }

        .benefit-icon.fa-money {
            margin-top: 40px;
        }
}


.feature-list img {
    padding: 5px;
    border-width: 5px;
    border-style: solid;
    margin-bottom: 15px;
}

.feature-list:first-child > img {
    border-color: #047cba;
}

.feature-list:nth-child(2) > img {
    border-color: #df9310;
}

.feature-list:nth-child(3) > img {
    border-color: #18C485;
}

.design-grid img {
    display: block;
    margin: 0 auto;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 3px;
}

@media (min-width: 1200px) {
    .design-grid .row {
        margin-left: 30px;
        margin-right: 30px;
    }

        .design-grid .row .design-grid-item {
            padding-left: 30px;
            padding-right: 30px;
        }
}

.design-grid-item {
    position: relative;
    margin-bottom: 60px;
    text-align: center;
}

    .design-grid-item a {
        display: block;
        position: relative;
    }

        .design-grid-item a:after {
            content: '';
            background: none;
            background: transparent;
            transition: background 0.125s;
        }

    .design-grid-item div {
        position: relative;
    }

@media (min-width: 992px) {
    .design-grid-item div:hover a:after {
        content: "See Design #" attr(data-design-num);
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        background: rgba(0,0,0,0.6);
        transition: background 0.125s;
        font-size: 32px;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        color: #FFF;
        padding-top: 25%;
    }
}



    #marketing-section h2 {
        margin-top: 0px;
    }

.marketing-footnote {
    padding: 5px;
    border-radius: 4px;
    margin: 15px;
    background: #000;
    background: rgba(0,0,0,0.5);
}

@media (min-width: 992px) {
    .marketing-footnote {
        background: none;
        width: 475px;
        position: absolute;
        bottom: 0px;
    }
}

.serp-img {
    display: block;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .serp-img {
        margin: 0;
    }
}

.serp-caption {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    text-shadow: none;
    text-align: center;
    margin-bottom: 30px;
}

    .serp-caption * {
        text-shadow: none !important;
    }

    .serp-caption p {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .serp-caption span {
        display: block;
        text-align: center;
    }


.marketing-cta .btn {
    font-size: 18px;
}

.certs img {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .certs {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.reviews-section .fa-star {
    color: #df9310;
}

#plans-section {
    position: relative;
}

    #plans-section .fa-question-circle {
        color: #047cba;
    }

.pricing-badge {
    display: inline-block;
    position: absolute;
    top: 45px;
    text-align: center;
    border-radius: 50%;
    padding: 15px;
}

.plan-tag {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.price-pkg-header {
    padding-bottom: 40px;
}

@media (min-width: 992px) {
    .price-pkg.gold {
        margin-top: 0px;
    }

        .price-pkg.gold .price-pkg-inside {
            height: 460px;
            margin-top: -24px;
        }
}

@media (min-width: 992px) {
    .price-pkg-inside {
        min-height: 424px;
    }
}

.price-pkg-body {
    padding: 15px;
}

.price-table {
    border: none;
    margin: 0;
}

    .price-table td, .price-table th {
        border: none;
        height: 48px;
    }

        .price-table td:first-child, .price-table th:first-child {
            text-align: right;
        }

@media (min-width: 1200px) {
    .price-table td:first-child, .price-table th:first-child {
        width: 292px;
        max-width: 292px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .price-table td, .price-table th {
        width: 292px;
    }
}


.core-features {
    text-align: center;
}

@media (min-width: 1200px) {
    .core-features {
        text-align: right;
    }
}

.compare table {
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .compare table {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .compare table:nth-child(2) {
        border-left: 1px solid #059dec;
    }
}

.compare thead {
    background: #0475b0;
}

.compare tbody tr.no-bg {
    background: transparent !important;
}

@media (min-width: 992px) {
    .compare tbody tr:nth-child(odd) {
        background: #0483c4;
    }
}

.compare td, .compare th {
    padding: 0px 15px;
    height: 48px;
}

    .compare td h3, .compare th h3 {
        margin-top: 20px !important;
    }

.compare .h3 {
    color: #FFF;
}

.btm-line {
    border-bottom: 1px solid #059dec;
}


    .signup-intro h2 {
        margin-top: 0px;
    }

.panel-body > p:last-child {
    margin-bottom: 0px;
}

#modalProof .modal-dialog h3, #modalFAQ .modal-dialog h3 {
    margin: 0 auto;
}

@media (min-width: 1200px) {
    #modalProof .modal-dialog, #modalFAQ .modal-dialog {
        width: 700px;
    }
}

footer {
    margin-top: 0px;

}

.CheckList li::before {
    color: #8adc64;
    font-size: 15px;
    left:15px;
}

.primary-bg1 {
    background-color: #91479A !important;
    color: #fff;
}

.primary-bg {
    background-color: #1F9BDE !important;
    color: #fff;
}



.positive-bg {
    background-color: #8ADC64 !important;
    color: #fff;
}

.secondary-bg {
    background-color: #FFB718 !important;
    color: #fff;
}


.price-pkg-header1 {
        background-color: #91479A !important;
    color: #fff;
}

.price-pkg-header2{
      background-color: #1F9BDE !important;
    color: #fff;
}

.price-pkg-header3{
    background-color: #8ADC64 !important;
    color: #fff;
}

.price-pkg-header4{
    background-color: #FFB718 !important;
    color: #fff;
}



h4, .h4 {
    font-size: 13px;
    font-style:italic;    
}