body {
    margin: 0;
    padding: 0;
    background: repeat-x top #fff
}

body, select, input, div {
    font-size: 13px;
    line-height: 24px;
    font-weight: 300;
    font-family: 'Lato',sans-serif
}

img {
    border: none
}

::-moz-selection {
    color: #fff;
    background: #000
}

::selection {
    color: #fff;
    background: #000
}

.group:after {
    content: "";
    display: table;
    clear: both
}

a {
    outline: none;
    color: #0b6f7b;
    text-decoration: none
}

    a:hover {
        outline: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.2s ease-in-out;
        text-decoration: none
    }

    a:focus {
        outline: none;
        text-decoration: none
    }

.clear {
    clear: both;
    height: auto
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px
}

.header {
    width: 100%;
    float: left;
    margin: 0
}

.headerbox {
    float: left;
    width: 100%;
    margin: 0
}

    .headerbox i.fas {
        font-size: 20px
    }

.logo {
    float: left;
    margin: 5px 0 0 0
}

    .logo a {
        display: block
    }

.menubox {
    float: left;
    margin-left: 20px
}

#main-nav {
    float: right;
    margin: 0
}

    #main-nav ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        #main-nav ul li {
            float: left;
            position: relative;
            margin: 0 0 0 1px;
            list-style: none
        }

            #main-nav ul li a {
                display: block;
                color: #777;
                padding: 31px 27px;
                font-weight: 300;
                font-size: 16px;
                line-height: 18px
            }

            #main-nav ul li.current a, #main-nav ul li:hover a {
                background: #33c0d1;
                color: #fff
            }

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 7px 8px 5px 4px;
    text-align: center;
    text-decoration: none;
    line-height: 1.125em;
    cursor: pointer
}

    .slicknav_btn:hover {
        text-decoration: none
    }

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: right
}

.slicknav_menu .slicknav_icon {
    float: left;
    margin: 3px 5px 0 0
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_nav {
    clear: both
}

    .slicknav_nav ul, .slicknav_nav li {
        display: block;
        border-top: 1px solid #292929;
        color: #000
    }

        .slicknav_nav li.nummber {
            padding: 5px 2%;
            width: 96%
        }

            .slicknav_nav li.nummber i {
                margin: 0 5px 0 0
            }

        .slicknav_nav li.slicknav_open {
            background: #33c0d1
        }

    .slicknav_nav .slicknav_arrow {
        font-size: .8em;
        margin: 0 0 0 .4em
    }

    .slicknav_nav .slicknav_item {
        display: block;
        cursor: pointer
    }

    .slicknav_nav a {
        display: block
    }

    .slicknav_nav .slicknav_item a {
        display: inline
    }

.slicknav_menu:before, .slicknav_menu:after {
    content: " ";
    display: table
}

.slicknav_menu:after {
    clear: both
}

.slicknav_menu {
    *zoom: 1
}

.slicknav_menu {
    width: 100%;
    font-size: 14px;
    margin: 20px 0 0
}

.slicknav_btn {
    margin: 0;
    text-decoration: none;
    text-shadow: none;
    background: #33c0d1
}

.slicknav_menu .slicknav_menutxt {
    color: #FFF;
    font-weight: 700;
    text-shadow: none
}

.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    background: #080808;
    font-size: .875em
}

    .slicknav_nav, .slicknav_nav ul {
        list-style: none;
        overflow: hidden
    }

        .slicknav_nav ul {
            padding: 5px 20px;
            margin: 0;
            background: #33c0d1
        }

            .slicknav_nav ul ul {
                background: #fff
            }

        .slicknav_nav .slicknav_item {
            padding: 5px 10px;
            margin: 0
        }

        .slicknav_nav a {
            padding: 10px;
            margin: 0;
            text-decoration: none;
            color: #fff;
            font-weight: 700;
            text-transform: capitalize
        }

        .slicknav_nav .slicknav_item a {
            padding: 0;
            margin: 0
        }

        .slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover {
            color: #FFF;
            background: #33c0d1
        }

            .slicknav_nav .slicknav_item:hover a {
                color: #0f9dd1
            }

        .slicknav_nav .slicknav_txtnode {
            margin-left: 15px
        }

        .slicknav_nav ul, .slicknav_nav li:first-child {
            border-top: none;
            border-color: #fff
        }

.slicknav_menu {
    display: none
}

.button a {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 300;
    border-radius: 4px;
    padding: 16px 52px;
    background: #33c0d1
}

    .button a:hover {
        background: #33c0d1;
        opacity: .8
    }

.banner_con {
    width: 100%;
    float: left;
    background: url(../img/banner.png) no-repeat center top #0e0e0e
}

.banner {
    width: 96%;
    float: left;
    padding: 117px 0 0;
    height: 392px;
    box-sizing: content-box
}

.bannerlt {
    width: 50%;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    color: #fff;
    position: relative
}

    .bannerlt h1 {
        font-size: 42px;
        font-weight: 700;
        line-height: 42px;
        margin: 0 0 10px 0
    }

    .bannerlt h2 {
        font-size: 30px;
        font-weight: 300;
        line-height: 30px;
        margin: 0
    }

    .bannerlt ul {
        margin: 25px 0 20px;
        padding: 0;
        list-style: none
    }

        .bannerlt ul li {
            margin: 0;
            width: 40%;
            padding: 5px 0;
            font-size: 30px;
            font-size: 16px;
            border-bottom: 1px solid #272727
        }

            .bannerlt ul li:last-child {
                border-bottom: none
            }

            .bannerlt ul li .fa {
                margin-right: 10px;
                color: #40d04d
            }

    .bannerlt .btn1 {
        display: inline-block
    }

        .bannerlt .btn1 a {
            font-size: 20px;
            color: #FFF;
            font-weight: 500
        }

.price_holder {
    color: #fff;
    right: 110px;
    width: 141px;
    bottom: 20px;
    height: 116px;
    font-size: 20px;
    font-weight: 300;
    padding: 25px 0 0;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    border: 2px dashed #33c0d1;
    box-sizing: content-box
}

    .price_holder span {
        display: block;
        color: #fff;
        font-size: 40px;
        line-height: 42px;
        font-weight: 700
    }

.plan_box {
    width: 100%;
    margin: 35px 0 0;
    float: left
}

.plan1 {
    width: 23%;
    margin: 0;
    padding: 0 0;
    display: inline-block;
    margin-right: 48px;
    font-size: 16px;
    font-weight: 300;
    vertical-align: top
}

.plan_inner:last-child {
    margin-right: 0
}

.plan_icon {
    margin: 0
}

.plan_inner {
    background: #f7f7f7;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    border-radius: 10px;
    border: 1px solid #e8e8e8
}

.plan1:first-child .plan_inner {
    padding-bottom: 0
}

.plan_inner h4 {
    font-size: 22px;
    color: #000
}

.plan1 h4 {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    font-weight: 700;
    padding: 0 0 30px
}

.sub_plan1 ul {
    display: inline-block;
    width: 85%;
    padding: 0%;
    margin: 0
}

.plan1 ul li {
    list-style: none;
    margin: 15px 0;
    padding: 0
}

.price {
    background: #fff;
    width: 100%;
    color: #010101;
    font-weight: 400;
    padding: 25px 0;
    vertical-align: central;
    display: inline-block
}

    .price span {
        color: #33c0d1;
        font-size: 40px;
        font-weight: 500
    }

.plan1 .btn1 {
    margin: 30px 0 0;
    display: inline-block
}

    .plan1 .btn1 a {
        padding: 10px 40px;
        color: #FFF;
        font-weight: 500
    }

.contentbox {
    float: left;
    width: 100%
}

    .contentbox h2 {
        margin: 0 0 15px;
        font-size: 40px;
        line-height: 42px;
        color: #0e0e0e;
        font-weight: 300
    }

    .contentbox p {
        margin: 0;
        color: #777
    }

.textbox {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 18px;
    line-height: 24px
}

.contentbox.feature .textbox p {
    font-size: 16px;
    color: #777
}

.box1 {
    display: inline-block;
    margin: 0 3% 0 0;
    width: 22.9%
}

    .box1:last-child {
        margin-right: 0
    }

    .box1 .imageholder {
        margin: 40px 0 0 0;
        height: 64px
    }

.innerbox {
    float: left;
    width: 100%;
    background: #f7f7f7;
    padding: 27px 0%;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    box-sizing: content-box
}

hr.plan-divider {
    width: 60%;
    margin: 0 auto;
    border: none;
    border-top: 1px dashed #e8e8e8
}

.innerbox h3 {
    margin: 10px 0;
    color: #3c3c3c;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.innerbox ul {
    margin: 0;
    padding: 20px 0 25px;
    list-style: none
}

    .innerbox ul li {
        font-size: 14px;
        font-weight: 300;
        color: #000;
        padding-bottom: 5px
    }

        .innerbox ul li:last-child {
            padding-bottom: 0
        }

.price {
    margin: 0;
    color: #6d6b6b;
    padding: 13px 0;
    width: 100%;
    font-size: 14px;
    background: #e8e8e8
}

    .price.plan-table {
        margin: 0;
        color: #fff;
        padding: 13px 0;
        width: 100%;
        font-size: 14px;
        background: #33c0d1
    }

    .price span {
        color: #383636;
        font-size: 20px;
        font-weight: 700;
        margin: 0 3px
    }

    .price.plan-table span {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        margin: 0
    }

        .price.plan-table span.dollar {
            margin-left: 5px;
            font-size: 24px;
            margin-right: 2px
        }

        .price.plan-table span.num {
            margin-right: 5px
        }

.innerbox .btn1 {
    display: inline-block;
    margin: 30px 0 0
}

    .innerbox .btn1 a {
        padding: 8px 46px;
        color: #FFF;
        font-weight: 500
    }

.featurebox {
    color: #fff;
    background: #0e0e0e
}

    .featurebox h2 {
        color: #fff
    }

    .featurebox .box1 {
        width: 13.5%;
        padding: 0 2%;
        margin: 0;
        vertical-align: top;
        display: inline-block;
        text-align: center;
        box-sizing: content-box
    }

        .featurebox .box1 h4 {
            padding: 0;
            margin: 15px 0 0;
            width: auto;
            color: gray;
            font-weight: 500;
            font-size: 16px
        }

.rtbox {
    width: 37.2%
}

    .rtbox img {
        float: left
    }

.ltbox {
    width: 60%;
    float: left;
    margin-top: 80px;
    text-align: left
}

    .ltbox h2 {
        font-size: 42px;
        line-height: 42px;
        color: #252525;
        margin-bottom: 20px
    }

    .ltbox h3 {
        margin: 0 0 15px;
        font-size: 32px;
        line-height: 32px;
        color: #7e7d7d;
        font-weight: 300
    }

    .ltbox p {
        margin: 0
    }

.copyright {
    background: #000;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #ccc;
    padding: 30px 0
}

    .copyright p {
        margin: 10px 0
    }

        .copyright p.siteinfo {
            font-weight: 500;
            margin-bottom: 5px
        }

        .copyright p.social {
            margin-top: 10px;
            padding-bottom: 7px
        }

            .copyright p.social a {
                margin: 0 2px
            }

                .copyright p.social a img {
                    border-radius: 4px
                }

                    .copyright p.social a img:hover {
                        opacity: .8
                    }

        .copyright p a {
            color: #ccc
        }

            .copyright p a:hover {
                color: #fff
            }

    .copyright span.divider {
        margin: 0 13px 0 0;
        padding: 0 12px 0 0;
        border-right: 1px solid #3c3b3b
    }

.sub_banner {
    width: 96%;
    float: left;
    padding: 115px 0 0;
    height: 186px;
    box-sizing: content-box
}

    .sub_banner .bannerlt {
        width: 100%
    }

.sub_plan1 {
    width: 22%;
    margin-right: 6px
}

    .sub_plan1 .plan_inner {
        padding: 0 0 20px;
        box-sizing: content-box
    }

.heading_box {
    float: left;
    width: 100%;
    height: 97px;
    display: table
}

    .heading_box h4 {
        margin: 0;
        padding: 0;
        line-height: 28px;
        display: table-cell;
        vertical-align: middle;
        color: #3c3c3c;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase
    }

.sub_plan1 .price .num {
    font-size: 24px;
    line-height: 36px
}

.sub_plan1 .price .dollar {
    font-size: 26px;
    line-height: 28px
}

.lable {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    background: #33c0d1;
    padding: 22px 0;
    width: 100%
}

.plan_inner ul {
    margin: 10px 0;
    padding: 0
}

    .plan_inner ul li {
        list-style: none;
        padding: 8px 0;
        margin: 0 auto;
        font-size: 14px;
        border-bottom: 1px dashed #e8e8e8;
        width: 100%;
        color: #777
    }

        .plan_inner ul li .fa {
            font-size: 16px;
            line-height: 16px;
            color: #40d04d
        }

        .plan_inner ul li:last-child {
            border-bottom: none
        }

.sub_plan1 .btn1 {
    margin: 0 0 0;
    display: inline-block
}

.sub_plan1 h4 span {
    display: block
}

.sub_plan1:first-child h4 {
    padding-bottom: 0;
    min-height: 50px
}

.aligncenter {
    text-align: center
}

.floatlt {
    float: left !important
}

.floatrt {
    float: right !important
}

.nomargin_rt {
    margin-right: 0 !important
}

.red {
    color: #ee0000 !important
}

.padded {
    padding: 60px 0
}

    .padded.feature {
        padding: 90px 0
    }

.whmcsthemes {
    float: left;
    width: 100%;
    background: #F7F7F7
}

.whmcscontentbox {
    border: 1px solid #e8e8e8
}

#whmcsthemes #nav {
    float: unset
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato',sans-serif
}

.navbar-main {
    background-color: #0e0e0e;
    font-family: 'Lato',sans-serif
}

    .navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:focus, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > li > a:hover {
        background-color: #0e0e0e
    }

    .navbar-main li.account {
        background-color: #0e0e0e
    }

.landing-page .get-started .price {
    background: none;
    color: #FFF
}

.affiliate-stat span {
    margin-top: 20px;
    margin-bottom: 20px
}

#whmcsthemes .landing-page.ssl ul.ssl-certs-all .price strong {
    font-size: 1em
}

@media screen and (max-width: 800px) {
    .logo a img {
        height: 100px !important;
    }

    .slicknav_menu {
        margin-top: 58px !important;
    }
}

@media screen and (min-width: 801px) {
    .logo a img {
        max-height: 70px !important;
    }
}