/*** MENU ***/
#nav-index, #nav-legal { display: none; }
    #nav-ext a:nth-child(2) { 
        background-color: #6ea833;
        color: #ffffff !important;
    }


/*** HEADING ***/
#heading {
    border-bottom: 6px solid #f0f0f0;
}
#heading .inner {
    padding-bottom: 3vw;
}

/* text */
#heading .label span {
    color: #ffffff;
}
#heading .billing {
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    margin-top: 2.6vw;
    width: 17vw;
    text-align: center;
    border-radius: 500px;
    padding: 1vw 2vw;
    float: left;
    z-index: 100;
}
    #heading .billing .text {
        overflow: hidden;
        position: relative;
        margin-top: .15vw;
        color: #333333;
        font-size: 1.2vw;
        font-family: 'sol-500';
    }
        #heading .billing .t-left {
            padding-right: .5vw;
            float:left;
        }
        #heading .billing .t-right {
            padding-left: .5vw;
            float: right;
        }


/*** COMPARE ***/
#compare1 {
    border: none;
    background-color: #f0f0f0;
    padding-bottom: 15.4vw;
}
#compare {
    border: none;
}
#compare .inner {
    overflow: visible;
    padding: 0px;
    padding-bottom: 1vw;
}
#compare .table {
    overflow: hidden;
    position: relative;
    margin-top: -27.5vw;
    width: 100%;
    padding-bottom: 3vw;
    float: left;
}
    #compare table {
        width: 100%;
        border-collapse: collapse;
        text-decoration: none !important;
    }

    /* heading */
    #compare table th {
        text-align: left;
        text-transform: capitalize;
        padding: 1.5vw .5vw;
        padding-bottom: 8vw;
    }

        /* colum head 1 */
        #compare th:nth-child(1) {
            vertical-align: middle;
            padding: .5vw 0px;
        }
            #compare th:nth-child(1) div {
                overflow: hidden;
                position: relative;
                padding: 4.5vw 0px 0px 2vw;
            }
            #compare th:nth-child(1) span:nth-child(1) {
                font-size: 1.5vw;
                font-family: 'sol-700';
                padding-top: 2vw;
                display: block;
            }
            #compare th:nth-child(1) span:nth-child(2) {
                font-size: 1.3vw;
                font-weight: normal;
                padding-top: .3vw;
                display: block;
            }

        /* pricing */
        #compare th .plan {
            overflow: hidden;
            position: relative;
            margin: 0;
            background: #ffffff;
            text-align: center;
            border-radius: 1.5vw;
            padding: 1.5vw;
        }
            #compare th .plan:hover {
                cursor: pointer;
            }

            /* price */
            #compare th .price {
                overflow: hidden;
                position: relative;
                margin-top: .8vw;
                display: block;
            }
                #compare th .price span {
                    overflow: hidden;
                    color: #6ea833;
                    font-size: 3.3vw;
                    font-family: 'sol-800';
                    text-transform: none;
                }

            /* text */
            #compare th .text {
                overflow: hidden;
                position: relative;
                margin-top: .8vw;
                display: block;
            }
                #compare th .text div {
                    overflow: hidden;
                    position: relative;
                    display: block;
                }
                    #compare th .text div:nth-of-type(1) {
                        font-size: 1.7vw;
                        font-family: 'sol-500';
                    }
                    #compare th .text div:nth-of-type(2) {
                        margin-top: .4vw;
                        color: #666666;
                        font-size: 1.2vw;
                        line-height: 1.3;
                    }
                #compare th .text span {
                    overflow: hidden;
                    position: relative;
                    margin-top: 1.5vw;
                    font-size: 1.1vw;
                    font-weight: normal;
                    text-transform: capitalize;
                    line-height: 1.3;
                    border-radius: 1vw;
                    padding: 1.5vw 0vw;
                    display: block;
                }
                    #compare th .text .month {
                        background-color: #ddd;
                    }
                    #compare th .text .year {
                        background-color: #6ea833;
                        color: #ffffff;
                    }

            /* toggle annual */
            #compare .plan .show, #compare1 .plan .show {
                display: none !important;
            }

    /* rows */
    #compare td {
        text-align: center;
        padding: 2.2vw 2vw;
        vertical-align: middle;
    }
        #compare td div {
            font-size: 1.6vw;
            font-family: 'sol-800';
            text-transform: capitalize;
        }
        #compare td span:nth-child(1) {
            font-size: 1.3vw;
            font-family: 'sol-500';
            text-transform: capitalize;
        }
            #compare td span:nth-child(2) {
                color: #888888;
                font-size: 1.3vw;
                line-height: 1.3;
                padding-top: .7vw;
                display: block;
            }
        #compare td:nth-child(n+2) {
            text-align: center;
        }
        #compare td:first-child {
            text-align: left;
            border-radius: 1vw 0px 0px 1vw;
        }
        #compare td:last-child {
            border-radius: 0px 1vw 1vw 0px;
        }
        #compare td i {
            color: #999999;
            font-size: 2vw;
        }
            #compare td .fa-circle-check {
                color: #6ea833;
            }
        #compare tr:nth-child(even) {
            background-color: #f0f0f0;
        }
    
    /* button */
    #compare .table button {
        margin-top: .8vw;
        width: 100%;
        text-transform: capitalize;
        border-radius: 500px;
        padding: 1.5vw 0px;
    }


/*** BENEFITS ***/
#benefit {
    background: #f0f0f0;
}

#benefit .inner {
    padding: 3vw 0vw;
    padding-bottom: 4.5vw;
}

/* left */
#benefit .left {
    padding-right: 2vw;  
}

/* list */
#benefit .point {
    overflow: hidden;
    position: relative;
    margin-top: 2vw;
    width: 100%;
    float: left;
}
    #benefit .point .ico {
        overflow: hidden;
        position: relative;
        height: 8vw;
        width: 8vw;
        background: #6ea833;
        color:#ffffff;
        font-size: 3vw;
        text-align: center;
        border-radius: 100%;
        padding-top: 2.2vw;
        float: left;
    }
    #benefit .point .text {
        overflow: hidden;
        position: relative;
        margin: 0;
        padding-top: 1.3vw;
        padding-left: 1.7vw;
    }
        #benefit .point .text div:nth-child(1) {
            overflow: hidden;
            font-family: 'sol-500';
            font-size: 1.4vw;
            text-transform: capitalize;
            display: block;
        }
        #benefit .point .text div:nth-child(2) {
            overflow: hidden;
            position: relative;
            margin-top: .6vw;
            color: #888888;
            font-size: 1.4vw;
            display: block;
        }


/*** FAQ ***/
#faq {
    background: #ffffff;
}

    #faq .inner {
        padding: 3vw 0vw;
        padding-bottom: 3.5vw;
    }

    /* questions */
    #faq .point {
        overflow: hidden;
        position: relative;
        margin-top: 1.2vw;
        width: 100%;
        background: #f0f0f0;
        border-radius: 1vw;
        padding: 2.5vw 3vw;
        float: left;
    }
    
        #faq .point .point-title {
            overflow: hidden;
            position: relative;
            width: 100%;
            cursor: pointer;
            float: left;
        }
    
            #faq .point .point-title .ico::after {
                overflow: hidden;
                position: relative;
                margin-top: .2vw;
                content: '\f067';
                font-family: 'FontAwesome';
                font-size: 1.3vw;
                float: right;
            }
                .open::after {
                    content: "\f068" !important;
                }
    
            #faq .point .point-title .text {
                overflow: hidden;
                position: relative;
                margin: 0;
                margin-top: .1vw;
                font-size: 1.3vw;
                font-family: 'sol-500';
                text-transform: capitalize;
            }
    
        #faq .point .point-desc {
            overflow: hidden;
            position: relative;
            margin-top: 1.3vw;
            color: #666666;
            font-size: 1.3vw;
            line-height: 1.4;
            float: left;
            display: none;
        }
            #faq .point .point-desc span {
                display: block;
                padding-bottom: 1vw;
            }
    
            #faq .point .point-desc div {
                font-size: .8vw;
                color: #333333;
                text-transform: capitalize;
            }
    
            #faq .point .point-desc a {
                color: #6ea833;
            }

            









/*** ----- BREAKPOINTS ----- ***/

/* Tablet */
@media screen and (min-device-width: 650px)
and (max-device-width: 1024px) {


}

/* Mobile */
@media screen and (max-width: 750px) {

    /** HEADING **/
    #heading .inner {
        padding: 60px 20px;
    }

        /* text */
        #heading .billing {
            margin-top: 25px;
            width: 100%;
            border-radius: 500px;
            padding: 15px 25px;
        }
        #heading .billing .text {
            margin-top: 3px;
            font-size: 19px;
            font-family: 'sol-500';
        }
        #heading .billing .t-left {
            padding-right: 10px;
            float: left;
        }
        #heading .billing .t-right {
            padding-left: 10px;
            float: right;
        }
        #heading .billing .switch-con .slider {
            font-size: 20px !important;
        }

    /** COMPARE **/
    #compare-hide {
        display: none;
    }
    #compare1 {
        padding: 0px 20px;
        padding-bottom: 70px;
    }
    #compare .inner {
        overflow: hidden;
        position: relative;
        padding: 0px;
        padding-bottom: 20px;
        float: left;
    }
    #compare .table {
        margin-top: 0px;
        padding: 0px;
        padding-bottom: 0px;
        float: left;
    }

        /* plans */
        #compare1 .mobile .plan {
            overflow: hidden;
            position: relative;
            margin-top: 20px;
            width: 100%;
            background: #ffffff;
            text-align: center;
            border-radius: 20px;
            padding: 50px 30px;
        }
            #compare1 .mobile .plan:nth-of-type(1) {
                margin-top: -50px;
            }

        /* price */
        #compare1 .mobile .price span {
            overflow: hidden;
            color: #6ea833;
            font-size: 50px;
            font-family: 'sol-800';
            display: block;
        }

        /* text */
        #compare1 .mobile .text {
            overflow: hidden;
            position: relative;
            margin-top: 15px;
            display: block;
        }
        #compare1 .mobile .text div {
            overflow: hidden;
            position: relative;
            display: block;
        }
            #compare1 .mobile .text div:nth-child(1) {
                font-size: 30px;
                font-family: 'sol-700';
                text-transform: capitalize;
            }
            #compare1 .mobile .text div:nth-child(2) {
                margin-top: 5px;
                color: #666666;
                font-size: 22px;
                font-weight: normal;
                line-height: 1.3;
            }
        #compare1 .mobile .text span {
            overflow: hidden;
            position: relative;
            margin-top: 25px;
            font-size: 20px;
            font-weight: normal;
            text-transform: capitalize;
            line-height: 1.3;
            border-radius: 15px;
            padding: 25px 0px;
            display: block;
        }
        #compare1 .mobile .text .month {
            background-color: #f0f0f0;
        }
        #compare1 .mobile .text .year {
            background-color: #6ea833;
            color: #ffffff;
        }

        /* button */
        #compare .plans-btn {
            display: none;
        }
        #compare1 .mobile button {
            margin-top: 20px;
            width: 100%;
            font-size: 22px;
            text-transform: capitalize;
            padding: 25px 0px;
        }

        /* rows */
        #compare tr:nth-child(even) {
            background-color: #ffffff;
        }
        #compare tr:nth-child(odd) {
            background-color: #f0f0f0;
        }
        #compare td {
            overflow: hidden;
            text-align: center;
            padding: 15px 0px;
            width: 100%;
            float: left;
        }
            #compare td:nth-of-type(1) {
                padding-top: 50px;
            }
            #compare td:nth-last-of-type(1) {
                padding-bottom: 50px;
            }
        #compare td div {
            font-size: 23px;
            font-family: 'sol-800';
            text-transform: capitalize;
        }
            #compare td span:nth-child(1) {
                font-size: 25px;
                text-align: center;
                font-family: 'sol-500';
                text-transform: capitalize;
                padding-top: 0px;
                display: block;
            }
            #compare td span:nth-child(2) {
                color: #888888;
                font-size: 20px;
                text-align: center;
                line-height: 1.2;
                padding: 0px 20px;
                padding-top: 8px;
                display: block;
            }
            #compare td span:nth-child(3) {
                color: #888888;
                font-size: 20px;
                text-align: center;
                padding: 0px 20px;
                padding-top: 8px;
                display: block;
            }
        #compare td:nth-child(n+2) {
            text-align: center;
        }
        #compare td i {
            color: #999999;
            font-size: 27px;
        }
        #compare tr {
            background-color: #ffffff;
            padding: 30px 0px;
        }

    /** BENEFITS **/
    #benefit .inner {
        padding: 30px 20px;
        padding-bottom: 80px;
    }
    #benefit .label {
        text-align: center;
    }
    #benefit .mtitle {
        padding-bottom: 15px;
    }
    #benefit :is(.left, .right) {
        padding: 0px;
        margin-top: 20px;
    }

        /* list */
        #benefit .point {
            overflow: hidden;
            position: relative;
            margin-top: 20px;
            width: 100%;
            background-color: #ffffff;
            border-radius: 15px;
            padding: 40px 25px;
            float: left;
        }
        #benefit .point .ico {
            width: 80px;
            padding: 20px 0px;
            font-size: 30px;
            border-radius: 15px;
            float: left;
        }
        #benefit .point .text {
            overflow: hidden;
            position: relative;
            margin: 0;
            width: 100%;
            padding-top: 25px;
            padding-left: 0px;
            float: left;
        }
            #benefit .point .text div:nth-child(1) {
                font-size: 19px;
                text-transform: uppercase;
            }
            #benefit .point .text div:nth-child(2) {
                margin-top: 8px;
                font-size: 20px;
                line-height: 1.2;
            }

    /** FAQ **/
    #faq .inner {
        padding: 35px 20px;
        padding-bottom: 30px;
    }

        /* questions */
        #faq .point {
            margin-top: 15px;
            background: #f0f0f0;
            border-radius: 15px;
            padding: 30px;
        }
        #faq .point .point-title .ico::after {
            display: none;
        }
        #faq .point .point-title .text {
            margin-top: 0px;
            font-size: 18px;
        }
        #faq .point .point-desc {
            margin-top: 15px;
            font-size: 19px;
            line-height: 1.3;
        }
        #faq .point .point-desc span {
            display: block;
            padding-bottom: 15px;
        }

}