@charset "utf-8";

.bullets-home h2, .header, .logo {
    text-align: center
}

    .header h1, .header h2, .header h3, .header h4 {
        color: #fff
    }

body {
    padding-top: 20px;
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: silver
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
    margin-top: 0 !important;
    text-transform: uppercase
}

.h2, h2 {
    color: #00285d
}

.phone {
    display: inline-block
}

.logo {
    padding: 20px 0
}

.bullets-home, .content {
    padding: 40px 0
}

.content {
    background: #f4eee3
}

    .content h2 {
        margin-top: 0
    }

.header {
    padding: 60px 0;
    background-color: #005CAB
}

    .header h1 {
        margin-top: 50px !important;
        font-size: 46px
    }

    .header.header-faqs, .header.header-home, .header.header-how, .header.header-member, .header.header-non-member {
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important
    }

    .header.header-home {
        background: url(../img/bg-home.jpg) center center no-repeat
    }

    .header.header-faqs {
        background: url(../img/headerbg.jpg) center center no-repeat
    }

    .header.header-how {
        background: url(../img/headerbg2.jpg) center center no-repeat
    }

    .header.header-member {
        background: url(../img/headerbg3.jpg) center center no-repeat
    }

    .header.header-non-member {
        background: url(../img/headerbg4.jpg) center center no-repeat
    }

.required {
    color: #C80003
}

.join {
    font-size: 35px
}

.header-break {
    display: inline
}

.side-nav li a {
    background: #e8ddc7
}

    .side-nav li a:hover {
        background: #333 !important;
        color: #fff
    }

footer {
    background: #851013;
    color: #fff;
    padding: 40px 0
}

    footer .foot-right {
        text-align: right
    }

    #footertext, footer .group-code {
        text-align: center
    }

.main {
    background-color: #FFF;
    border-radius: 10px
}

.app {
    width: 100%;
    height: 100%;
    min-height: 1200px
}

.logos {
    padding: 25px 15px
}

.logo-r {
    float: right
}

.rsscontent {
    padding: 20px
}

#footertext {
    font-size: 12px;
    line-height: 18px
}

.footer {
    padding-top: 10px;
    padding-bottom: 10px
}

.hdr-content {
    padding-top: 12%;
    padding-bottom: 15%;
    background-image: url(../images/hdr.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.btn-rnd {
    font-size: x-large
}

.btn.btn-lg {
    font-size: 21px;
    line-height: 1.42857143;
    border-radius: 15px
}

.btn.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.shadow {
    max-width: 260px
}

.right {
    float: none;
    white-space: nowrap
}

.hdr-img {
    max-width: 90%;
    margin-bottom: 20px;
}

.ngic-logo {
    margin-right: 15px
}

.disclosure {
    font-size: x-small
}

.search {
    padding-right: 10px !important;
    padding-left: 0 !important
}

@media (min-width:1200px) {
    .container {
        width: 1020px
    }

    .hdr-content {
        background-size: cover
    }
}

@media (max-width:1200px) {
    .header.header-member {
        background: url(../img/headerbg32.jpg) center center no-repeat !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important
    }

    .header.header-non-member {
        background: url(../img/headerbg42.jpg) center center no-repeat !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important
    }
}

@media (max-width :992px) {
    .join {
        font-size: 24px
    }

    .bullets-home .first-list {
        margin-bottom: 0
    }

    .header {
        padding: 20px 0
    }

        .header h1 {
            font-size: 36px;
            margin-top: 20px !important
        }

    .header-button {
        font-size: 16px !important
    }
}

@media (max-width:768px) {
    .header-break {
        display: none
    }

    .content {
        padding: 20px 0
    }

    footer, footer .foot-right {
        text-align: center
    }
}

.PRODUCT td {
    vertical-align: middle !important
}

.PRODUCT th {
    vertical-align: bottom !important;
    color: #fff !important;
    background: #333;
}

.PRODUCT h3 {
    font-size: 20px;
}

.FIVECOLUMN.PRODUCT ul li {
    margin-left: 17px
}

.FIVECOLUMN.PRODUCT ul {
    padding-left: 0
}

.FIVECOLUMN.PRODUCT .table {
    border: none;
    max-width: 520px
}

#heresHow.table {
    max-width: none
}

.FIVECOLUMN.PRODUCT .table > tbody > tr > td, .FIVECOLUMN.PRODUCT .table > tbody > tr > th, .FIVECOLUMN.PRODUCT .table > tfoot > tr > td, .FIVECOLUMN.PRODUCT .table > tfoot > tr > th, .FIVECOLUMN.PRODUCT .table > thead > tr > td, .FIVECOLUMN.PRODUCT .table > thead > tr > th {
    border: none
}

#heresHow tr {
    border-bottom: 1px solid #666
}

#heresHow thead th h3 {
    text-transform: none !important;
    margin-bottom: 0
}

#heresHow tbody td {
    font-size: 14px
}

    #heresHow tbody td:nth-child(1) {
        font-weight: 700
    }

    #heresHow tbody td:nth-child(1), #heresHow th:nth-child(1) {
        width: 20%
    }

    #heresHow tbody td:nth-child(3), #heresHow th:nth-child(3) {
        width: 17%
    }

    #heresHow tbody td:nth-child(1) span {
        font-size: 12px;
        font-style: italic;
        font-weight: 400
    }

    #heresHow tbody td:nth-child(2) span, #heresHow th:nth-child(2) span {
        color: #666;
        font-weight: 700
    }

    #heresHow tbody td:nth-child(3) span, #heresHow th:nth-child(3) span {
        color: #a86205;
        font-weight: 700
    }

    #heresHow tbody td:nth-child(4) span, #heresHow th:nth-child(4) span {
        color: #0d5cab;
        font-weight: 700
    }

.table#heresHow td, .table#heresHow th {
    text-align: left
}

.CMAL td, .CRNT td, .LAPN-PRICING td {
    text-align: left !important
}

.CMAL table {
    max-width: 500px !important;
    width: 100% !important
}

.CMAL td, .CRNT td, .HMIP-COLUMNS th {
    width: 33% !important
}

.CMAL td, .CRNT td {
    font-weight: 400 !important;
    vertical-align: top !important;
    border: 0 !important;
    padding: 0 !important
}

.LAPN-PRICING {
    max-width: 400px !important
}

.TDOC .video-table td:first-child, .TVIP .video-table td:first-child {
    border-right: 1px solid #fff !important
}

.TDOC td, .TDOC th, .TVIP td, .TVIP th {
    padding: 0 !important;
    border: 0 !important
}

.TDOC .video-table, .TVIP .video-table {
    text-align: center
}

.LCA td, .LCA th {
    text-align: center !important
}

.VSPS td:nth-child(1), .VSPS th:nth-child(1) {
    width: 40%
}

.VSPS td:nth-child(2), .VSPS th:nth-child(2) {
    width: 60%
}

.TWOCOLUMN td:nth-child(2), .TWOCOLUMN td:nth-child(3), .TWOCOLUMN th:nth-child(2), .TWOCOLUMN th:nth-child(3) {
    width: 50%
}

.THREECOLUMN td:nth-child(2), .THREECOLUMN td:nth-child(3), .THREECOLUMN th:nth-child(2), .THREECOLUMN th:nth-child(3) {
    text-align: center
}

.FOURCOLUMN td:nth-child(2), .FOURCOLUMN td:nth-child(3), .FOURCOLUMN td:nth-child(4), .FOURCOLUMN th:nth-child(2), .FOURCOLUMN th:nth-child(3), .FOURCOLUMN th:nth-child(4) {
    text-align: center;
    width: 22%
}

.FIVECOLUMN td:nth-child(2), .FIVECOLUMN td:nth-child(3), .FIVECOLUMN td:nth-child(4), .FIVECOLUMN td:nth-child(5), .FIVECOLUMN th:nth-child(2), .FIVECOLUMN th:nth-child(3), .FIVECOLUMN th:nth-child(4), .FIVECOLUMN th:nth-child(5) {
    text-align: center;
    width: 17%
}

.SIXCOLUMN th:nth-child(2), .SIXCOLUMN ttd:nth-child(2) {
    text-align: left
}

.SIXCOLUMN td:nth-child(2), .SIXCOLUMN td:nth-child(3), .SIXCOLUMN td:nth-child(4), .SIXCOLUMN td:nth-child(5), .SIXCOLUMN td:nth-child(6), .SIXCOLUMN th:nth-child(2), .SIXCOLUMN th:nth-child(3), .SIXCOLUMN th:nth-child(4), .SIXCOLUMN th:nth-child(5), .SIXCOLUMN th:nth-child(6) {
    text-align: center;
    width: 16%
}

.SEVENCOLUMN td:nth-child(2), .SEVENCOLUMN td:nth-child(3), .SEVENCOLUMN td:nth-child(4), .SEVENCOLUMN td:nth-child(5), .SEVENCOLUMN td:nth-child(6), .SEVENCOLUMN td:nth-child(7), .SEVENCOLUMN th:nth-child(2), .SEVENCOLUMN th:nth-child(3), .SEVENCOLUMN th:nth-child(4), .SEVENCOLUMN th:nth-child(5), .SEVENCOLUMN th:nth-child(6), .SEVENCOLUMN th:nth-child(7) {
    text-align: center;
    width: 12%
}

.PRODUCT img {
    display: none !important;
}

.product-logo {
    max-width: 200px;
}

@media (max-width:767px) {
    .right {
        float: none;
        white-space: nowrap
    }
}
