@charset "utf-8";

.savings-list li, .savings-list-light li {
    list-style: none;
    border-top: 1px solid #434345
}

    .savings-list li:last-child, .savings-list-light li:last-child {
        border-bottom: 1px solid #434345
    }

.member-main, .product-text-1, .step-circle {
    text-align: center
}

    .current-simple-plan h3, .current-simple-plan h4, .member-main h2 {
        color: #e31d1a
    }

header.member {
    background: url(../img/headers/members03.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

header.member-current {
    background: url(../img/headers/members04.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

header.member-main {
    background: url(../img/headers/members02.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

header.member.member-washington {
    background: url(../img/headers/header.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.content-how {
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../img/members/members-how.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.member-solution {
    background: url(../img/members/member-solutions.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.savings-list {
    margin: 0;
    padding: 0
}

    .savings-list li {
        padding-top: 10px;
        padding-bottom: 10px
    }

        .savings-list li:nth-child(even) {
            background: #EFEFEF
        }

.savings-list-light {
    margin: 0;
    padding: 0
}

    .savings-list-light li {
        padding-top: 10px;
        padding-bottom: 10px
    }

        .savings-list-light li:nth-child(even) {
            background: #fff
        }

.current-simple-plan .other {
    margin-top: 30px !important
}

.header-image-hover {
    height: 160px;
    cursor: pointer;
    margin: 0 0 30px
}

    .header-image-hover img {
        position: absolute;
        margin: 0 auto;
        width: 360px;
        height: 160px;
        opacity: 1;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }

        .header-image-hover img:hover {
            opacity: 0 !important
        }

.content-red {
    background: rgba(170,0,0,.7);
    padding: 15px;
    color: #fff
}

    .content-red h2 {
        color: #fff
    }

    .content-red hr {
        border-color: #fff !important
    }

.step-cont p {
    line-height: 42px
}

.step-cont span {
    border: 3px solid #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    padding: 0 11px 2px !important;
    line-height: 120% !important
}

.myButtonLink1, .myButtonLink2, .myButtonLink3, .myButtonLink4, .myButtonLink5, .myButtonLink6 {
    display: block;
    width: 198px;
    height: 198px;
    text-indent: -99999px
}

.member-images a {
    margin-bottom: 20px
}

.myButtonLink1 {
    background: url(../img/members/plan01.jpg) bottom left
}

    .myButtonLink1:hover {
        background: url(../img/members/plan01.jpg) top left;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

.myButtonLink2:hover, .myButtonLink3:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.myButtonLink2 {
    background: url(../img/members/plan02.jpg) bottom left
}

    .myButtonLink2:hover {
        background: url(../img/members/plan02.jpg) top left;
        transition: all .3s ease
    }

.myButtonLink3 {
    background: url(../img/members/plan03.jpg) bottom left
}

    .myButtonLink3:hover {
        background: url(../img/members/plan03.jpg) top left;
        transition: all .3s ease
    }

.myButtonLink4:hover, .myButtonLink5:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.myButtonLink4 {
    background: url(../img/members/plan04.jpg) bottom left
}

    .myButtonLink4:hover {
        background: url(../img/members/plan04.jpg) top left;
        transition: all .3s ease
    }

.myButtonLink5 {
    background: url(../img/members/plan05.jpg) bottom left
}

    .myButtonLink5:hover {
        background: url(../img/members/plan05.jpg) top left;
        transition: all .3s ease
    }

.myButtonLink6 {
    background: url(../img/members/plan06.jpg) bottom left
}

    .myButtonLink6:hover {
        background: url(../img/members/plan06.jpg) top left;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

.btn-product-line {
    padding: 22px 16px !important
}

.table-pricing h3 {
    margin: 0
}

.table-pricing .table-title {
    background: #434345;
    color: #fff;
    border-color: #434345
}

.compare-table th:nth-child(1) {
    vertical-align: middle
}

.compare-table td:nth-child(2), .compare-table td:nth-child(3), .compare-table td:nth-child(4), .compare-table td:nth-child(5), .compare-table td:nth-child(6), .compare-table td:nth-child(7), .compare-table td:nth-child(8), .compare-table th:nth-child(2), .compare-table th:nth-child(3), .compare-table th:nth-child(4), .compare-table th:nth-child(5), .compare-table th:nth-child(6), .compare-table th:nth-child(7), .compare-table th:nth-child(8) {
    width: 12%;
    text-align: center;
    vertical-align: middle !important
}

.compare-table-container {
    display: none
}

.compare-desktop {
    display: inline
}

@media (max-width:1200px) {
    .header-image-hover img {
        position: absolute;
        margin: 0 auto;
        width: 293px;
        height: 130px
    }

    .header-image-hover {
        height: 160px;
        cursor: pointer;
        margin: 0 0 10px
    }
}

@media (max-width:992px) {
    .header-image-hover img {
        position: absolute;
        margin: 0 auto 20px !important;
        width: 345px;
        height: 153px
    }

    .header-image-hover {
        height: 153px;
        cursor: pointer;
        margin: 0 0 20px
    }

    .btn-product-line {
        padding: 10px 16px !important
    }
}

@media (max-width:768px) {
    .savings-list li:last-child {
        border-bottom: 0
    }

    .compare-table-container {
        display: block
    }

    .compare-desktop {
        display: none
    }
}

@media (max-width:480px) {
    .header-image-hover img {
        position: absolute;
        margin: 0 auto;
        width: 290px;
        height: 129px
    }

    .header-image-hover {
        height: 129px;
        cursor: pointer;
        margin: 0 0 20px !important
    }

    .myButtonLink1, .myButtonLink2, .myButtonLink3, .myButtonLink4, .myButtonLink5, .myButtonLink6 {
        display: block;
        width: 130px;
        height: 130px;
        text-indent: -99999px
    }

    .myButtonLink1 {
        background: url(../img/members/plan01-sm.jpg) bottom left
    }

        .myButtonLink1:hover {
            background: url(../img/members/plan01-sm.jpg) top left;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }

    .myButtonLink2:hover, .myButtonLink3:hover {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease
    }

    .myButtonLink2 {
        background: url(../img/members/plan02-sm.jpg) bottom left
    }

        .myButtonLink2:hover {
            background: url(../img/members/plan02-sm.jpg) top left;
            transition: all .3s ease
        }

    .myButtonLink3 {
        background: url(../img/members/plan03-sm.jpg) bottom left
    }

        .myButtonLink3:hover {
            background: url(../img/members/plan03-sm.jpg) top left;
            transition: all .3s ease
        }

    .myButtonLink4:hover, .myButtonLink5:hover {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease
    }

    .myButtonLink4 {
        background: url(../img/members/plan04-sm.jpg) bottom left
    }

        .myButtonLink4:hover {
            background: url(../img/members/plan04-sm.jpg) top left;
            transition: all .3s ease
        }

    .myButtonLink5 {
        background: url(../img/members/plan05-sm.jpg) bottom left
    }

        .myButtonLink5:hover {
            background: url(../img/members/plan05-sm.jpg) top left;
            transition: all .3s ease
        }

    .myButtonLink6 {
        background: url(../img/members/plan06-sm.jpg) bottom left
    }

        .myButtonLink6:hover {
            background: url(../img/members/plan06-sm.jpg) top left;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }
}

.PRODUCT img {
    float: right !important
}

.PRODUCT h2 {
    display: none
}

.PRODUCT td {
    vertical-align: middle !important
}

.PRODUCT th {
    vertical-align: bottom !important;
    background: #434345 !important;
    color: #fff !important
}

.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%
}

.FIVECOLUMN td:nth-child(4), .FIVECOLUMN td:nth-child(5), .FIVECOLUMN th:nth-child(4), .FIVECOLUMN th:nth-child(5) {
    font-weight: 700 !important
}

.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%
}

@media (min-width:768px) {
    .TVIP .video-table td {
        display: table-cell
    }
}

.snippet {
    display: none
}

.right-col .snippet {
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    display: block
}

.discount-plan {
    display: block !important
}
