/**
 * WHMCS.com Website
 *
 * URL:       http://www.whmcs.com/
 * Author:    WHMCS <info@whmcs.com>
 * Version:   4.0
 * Copyright: Copyright (c) WHMCS Limited 2005-2016
 */

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Montserrat:400,700");

body, div, td {
    font-family: 'Open Sans', sans-serif;
}

.body {
    margin-top: 70px;
}

header.header .navbar {
    margin: 0;
    background-color: transparent;
    background: #00455e;
    border: 0;
    border-radius: 0;
    font-size: 14px;
}

header.header .navbar-brand {
    height: 70px;
}

header.header .navbar-nav > li {
    margin: 19px 0;
    border-radius: 3px;
    font-size: 1.1em;
}

header.header .navbar-nav > li > a {
    margin: 0;
    padding: 0 15px;
    line-height: 32px;
    color: #fff;
    text-shadow: 1px 1px #222;
}

header.header .navbar-nav > li > a:hover {
    color: #fff;
}

header.header .navbar-nav>.open>a,
header.header .navbar-nav>.open>a:hover,
header.header .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #fff;
}

header.header .navbar-nav>.active>a,
header.header .navbar-nav>.active>a:hover,
header.header .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: transparent;
}

header.header .navbar-nav>li>a:hover,
header.header .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

header.header .navbar-toggle {
    margin-top: 18px;
}

header.header .navbar-collapse {
    border-color: #87c1d7;
}

header.header .navbar li.get-started {
    margin: 15px 0;
    background: #5abb02; /* Old browsers */
    background: -moz-linear-gradient(top,  #5abb02 0%, #399600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5abb02), color-stop(100%,#399600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5abb02 0%,#399600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5abb02 0%,#399600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5abb02 0%,#399600 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5abb02 0%,#399600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5abb02', endColorstr='#399600',GradientType=0 ); /* IE6-9 */
}
header.header .navbar li.get-started a {
    line-height: 40px;
}

header.header .navbar li.active {
    background-color: #003041;
}
header.header .navbar li.active a {
    color: #ffbe00;
}

.dropdown-large {
    position: static !important;
}
.dropdown-menu-large {
    margin-left: -354px;
    margin-right: 16px;
    padding: 20px 0px;
    left: auto !important;
    right: auto !important;
    border-top: 0;
}
.dropdown-menu-large > li > ul {
    padding: 0;
    margin: 0;
}
.dropdown-menu-large > li > ul > li {
    list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
    color: #428bca;
    font-size: 18px;
}
@media (max-width: 768px) {
    .dropdown-menu-large {
        margin-left: 0 ;
        margin-right: 0 ;
    }
    .dropdown-menu-large > li {
        margin-bottom: 30px;
    }
    .dropdown-menu-large > li:last-child {
        margin-bottom: 0;
    }
    .dropdown-menu-large .dropdown-header {
        padding: 3px 15px !important;
    }
    .dropdown-menu-large > li > ul > li > a {
        color: #efefef;
    }
}



@media (max-width: 991px) {
    header.header .navbar-header {
        float: none;
    }
    header.header .navbar-left,.navbar-right {
        float: none !important;
    }
    header.header .navbar-toggle {
        display: block;
    }
    header.header .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    header.header .navbar-collapse .navbar-nav > li > a {
        line-height: 28px;
    }
    header.header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    header.header .navbar-collapse.collapse {
        display: none!important;
    }
    header.header .navbar-nav {
        float: none!important;
        margin-top: 7px;
    }
    header.header .navbar-nav>li {
        float: none;
    }
    header.header .collapse.in{
        display:block !important;
    }
    .dropdown-menu-large {
        margin-left: 16px;
    }
}



#main-body {
    padding-top: 15px;
    padding-bottom: 15px;
}











header.header .headline {
    margin: 0;
    height: 190px;
    padding: 40px 0 0;
    background-color: #026584;
    background-image: url('../images/headline-bg.jpg');
    background-size: cover;
    display: block;
    text-align: center;
}
header.header .headline-cover {
    padding: 70px 0 0;
    background-size: cover;
    height: 250px;
}
header.header .headline-social {
    border-top: 1px solid #333;
    background-image: url('../images/headlines/social.jpg');
    height: 350px;
}
header.header .headline-resellers {
    background-image: url('../images/headlines/buildings.jpg');
}
header.header .headline-services {
    background-image: url('../images/headlines/desk.jpg');
}

header.header .headline h1 {
    margin: 0;
    padding: 0;
    font-size: 50px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 400;
    line-height: inherit;
}
header.header .headline h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #9dc9d6;
    font-family: Open Sans;
    font-weight: 300;
    line-height: inherit;
}
header.header .headline-cover h1,
header.header .headline-cover h2 {
    color: #fff;
    text-shadow:0 0 20px rgba(0, 0, 0, 0.9);
}
header.header .headline-cover h2 {
    font-weight: 400;
}

@media (max-width: 680px) {
    header.header .headline h1 {
        padding: 40px 0 0;
        font-size: 30px;
    }
    header.header .headline h2 {
        padding: 0;
        font-size: 16px;
    }
}






footer.footer {
    background: #2b2d35;
    padding: 5em 0;
    color: white;
}
footer.footer .footer-logo {
    padding: 0 1em;
}
footer.footer .footer-logo p,
footer.footer .footer-logo a {
    font-size: 0.9em;
    margin-right: 10px;
    color: #C9CACC;
}
footer.footer .footer-logo a:hover {
    color: #4aa1db;
    text-decoration: none;
}
footer.footer h2 {
    text-transform: uppercase;
}
footer.footer h3 {
    text-transform: uppercase;
    font-size: 1.1em;
    margin-top: 2.1em;
    margin-bottom: 1em;
}
footer.footer .label {
    font-weight: 400;
    letter-spacing: 0.5px;
}
footer.footer ul {
    margin-bottom: 4em;
}
footer.footer ul li {
    display: block;
    margin-bottom: 0.75em;
}
footer.footer ul li a {
    color: #C9CACC;
}
footer.footer ul li a:hover {
    color: #4aa1db;
    text-decoration: none;
}
footer.footer .copyright {
    color: rgba(255, 255, 255, 0.7);
    line-height: 2;
    font-weight: 200;
    letter-spacing: 0.7px;
}
footer.footer .logo {
    padding: 1em 0 0;
}
footer.footer .icon {
    font-size: 1.5em;
    margin: 1.5em 0.75em 0;
}




.icon {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #d8d8d8;
    font-size: 1em;
}
.icon:hover {
    color: #4aa1db;
}
.icons .icon-wrapper {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: rgba(74, 161, 219, 0.4);
    text-align: center;
    margin: 2em auto 0;
    padding: 3em 0;
}
.icons .icon-wrapper .icon-large {
    color: white;
    font-size: 4em;
    display: block;
}
.icons .icon-wrapper span {
    text-transform: uppercase;
    font-weight: 600;
    color: #206c9f;
}
.icons p {
    margin: 0 2em 2em;
}
.facebook {
    background: #3b5998 !important;
    color: white !important;
}
.facebook:hover {
    background: #2d4373 !important;
}
.google {
    background: #db4a39 !important;
    color: white !important;
}
.google:hover {
    background: #be3323 !important;
}
.linkedin {
    background: #0e76a8 !important;
    color: white !important;
}
.linkedin:hover {
    background: #0a5579 !important;
}
.twitter {
    background: #00acee !important;
    color: white !important;
}
.twitter:hover {
    background: #0087bb !important;
}
.youtube {
    background: #c4302b !important;
    color: white !important;
}
.youtube:hover {
    background: #9a2622 !important;
}

.instagram {
    background: #ca976e !important;
    color: white !important;
}
.instagram:hover {
    background: #c08d64 !important;
}


#side-bar-nav h3 {
    display:block;
    margin:0;
    padding:0 15px;
    height:35px;
    line-height:35px;
    background-color:#e6e6e6;
    color:#7d99a3;
    font-size:13px;
    font-weight:400;
}
#side-bar-nav ul {
    padding: 0;
    list-style:none;
}
#side-bar-nav ul li a {
    display:block;
    margin:0;
    padding:0 15px;
    height:42px;
    line-height:42px;
    border-bottom:1px solid #e6e6e6;
    color:#0092c0;
    font-size:14px;
    text-decoration:none;
}
#side-bar-nav ul li a:hover {
    color:#777;
}
#side-bar-nav ul li.active {
    background-color: #fff;
    background-image: url("../images/sidebar-current.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left: -14px;
    padding-left: 14px;
}
#side-bar-nav ul li.active a,
#side-bar-nav ul li.active a:hover {
    background-color:#006c8e;
    color:#fff;
    border-bottom: 0;
}





.clear{clear:both;}
.col1-25,.col2-25,.col3-25{float:left;width:25%;}
.col1-33,.col2-33{float:left;width:33%;}
.col1-50{float:left;width:48%;}
.col2-50{float:right;width:48%;}
.col3-33{float:right;width:33%;}
.col4-25{float:right;width:25%;}
.floatleft{float:left;}
.floatright{float:right;}





.btn-green {
    padding: 8px 20px;
    background: #5abb02; /* Old browsers */
    background: -moz-linear-gradient(top,  #5abb02 0%, #399600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5abb02), color-stop(100%,#399600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5abb02 0%,#399600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5abb02 0%,#399600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5abb02 0%,#399600 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5abb02 0%,#399600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5abb02', endColorstr='#399600',GradientType=0 ); /* IE6-9 */
    color: #fff;

}

.btn-amber {
    padding: 8px 20px;
    background: #ffbd00; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffbd00 0%, #ff8200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd00), color-stop(100%,#ff8200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffbd00 0%,#ff8200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffbd00 0%,#ff8200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffbd00 0%,#ff8200 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffbd00 0%,#ff8200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd00', endColorstr='#ff8200',GradientType=0 ); /* IE6-9 */
    color: #fff;

}





.partnerbox {
    margin: 5px 0 5px 0;
    min-height: 250px;
    padding: 10px;
    background-color: #F3F3F3;
    border: 1px solid #EAEAEA;
    text-align: center;
}
.partnerbox p {
    line-height: 16px !important;
}
.partnerbox .logo {
    background-color: #FFFFFF;
    height: 100px;
    padding: 0;
    margin-bottom: 10px;
    text-align: center;
}





.job-listing {
    float: left;
    width: 50%;
    margin: 0 0 20px 0;
    padding: 20px;
    background-color: #f8f8f8;
    border: 10px solid #fff;
    text-align: center;
    box-sizing: border-box;
}

.job-listing b {
    font-size: 14px;
}

.job-listing-icon {
    margin-top: 0;
}

.job-listing i.job-listing-icon-bg {
    color: #ff6600;
}

.job-listing i.job-listing2-icon-bg {
    color: #E74C3C;
}

.job-listing i.job-listing3-icon-bg {
    color: #2ECC71;
}





table.pricing-big thead .heading{background:#ccc url(../images/bg_subnav_top.gif) repeat-x;padding:10px;min-height:65px;border-top:1px solid #CCC;text-align:center;}
table.pricing-big thead th.top-left .heading{-moz-border-radius-topleft:5px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;-webkit-border-radius:5px 0px 0px 0px;border-radius:5px 0px 0px 0px;border-left:1px solid #CCC;border-top:1px solid #CCC;}
table.pricing-big thead th.top-right .heading{-moz-border-radius-topleft:0px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;-webkit-border-radius:0px 5px 0px 0px;border-radius:0px 5px 0px 0px;border-right:1px solid #51A3C0;border-left:1px solid #51A3C0;}
table.pricing-big thead .heading .heading-name{font-size:1.1em;color:#555;font-weight:bold;}
table.pricing-big thead .heading .heading-price{font-size:1.8em;padding:10px 0;color:#333;}
table.pricing-big thead .heading .heading-price span.recurring{font-size:12px!important;color:#777!important;}
table.pricing-big thead th.highlight .heading{background:#0183b3 url(../images/bg_subnav_active.gif) repeat-x;border-top:1px solid #51A3C0;}
table.pricing-big thead th.highlight .mostpopular{padding:0;background-color:#51A3C0;font-size:11px;border-top:1px solid #7DC5DF;font-weight:bold;color:#FFF;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;height:8px;}
table.pricing-big thead th.highlight .heading .heading-name{color:#c2dfea;}
table.pricing-big thead th.highlight .heading .heading-price{color:#FFF;}
table.pricing-big thead th.highlight .heading .heading-price span.recurring{color:#63b0cb!important;}
table.pricing-big th,table.pricing-big td{padding:0;}
table.pricing-big tbody td{width:25%;}
table.pricing-big tbody td.left div{border-left:1px solid #CCC;}
table.pricing-big tbody td div{padding:10px;text-align:center;}
table.pricing-big tbody td.highlight div{background-color:#daebf2;padding:10px;border-left:1px solid #a8d1e0;border-right:1px solid #a8d1e0;z-index:300;color:#0083b1;}
table.pricing-big tfoot .footer-order{padding:10px;border-bottom:1px solid #CCC;}
table.pricing-big tfoot td.highlight .footer-order{padding-bottom:20px;background-color:#daebf2;border:1px solid #a8d1e0;border-top:0;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;}
table.pricing-big tfoot td.bot-left .footer-order{-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:5px;-webkit-border-radius:0px 0px 0px 5px;border-radius:0px 0px 0px 5px;border-left:1px solid #CCC;}
table.pricing-big tfoot td.bot-right .footer-order{-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:0px;-webkit-border-radius:0px 0px 5px 0px;border-radius:0px 0px 5px 0px;border-right:1px solid #CCC;border-left:1px solid #CCC;}
table.pricing-big tfoot .footer-order a.btn{text-align:center;font-weight:bold;text-transform:uppercase;}
table.pricing-big tr th p {
    padding: 0 !important;
}






.feature{overflow:hidden;padding-bottom:10px;width:100%;}
.feature h3{margin:10px 0 0 0;padding:0;}
.feature img{vertical-align:top;margin: 10px 0 0 0;padding:10px 18px 0 2px;}
.feature-list .bigtext{padding:3px 0 10px 0!important;margin:0!important;background-color:transparent!important;}
#feature-container .highlight{line-height:20px;overflow:hidden;padding-top:20px;width:100%;}
#feature-container h2{font-size:24px;padding:0 0 10px;}
#feature-container h3{font-size:18px;font-weight:normal;}
.feature-list ul#feature-nav{margin:0;padding:0 20px 0 0;}
.feature-list ul#feature-nav li{line-height:none;list-style:none;padding:0;}
.feature-list ul#feature-nav li a{color:#777;display:block;height:40px;line-height:40px;overflow:hidden;padding-left:10px;text-decoration:none;width:167px;}
.feature-list ul#feature-nav li a span{background:url(../images/sprite_feature-list.png) no-repeat;display:block;float:left;height:16px;margin:12px 10px 0 0;width:16px;}
.feature-list ul#feature-nav li a span.billing{background-position:-16px -16px;}
.feature-list ul#feature-nav li a span.customizable{background-position:-96px -16px;}
.feature-list ul#feature-nav li a span.developer{background-position:-112px -16px;}
.feature-list ul#feature-nav li a span.easytouse{background-position:-32px -16px;}
.feature-list ul#feature-nav li a span.mobile{background-position:-128px -16px;}
.feature-list ul#feature-nav li a span.modular{background-position:-80px -16px;}
.feature-list ul#feature-nav li a span.product{background-position:-48px -16px;}
.feature-list ul#feature-nav li a span.reporting{background-position:-64px -16px;}
.feature-list ul#feature-nav li a span.support{background-position:-144px -16px;}
.feature-list ul#feature-nav li a span.automation{background-position:-160px -16px;}
.feature-list ul#feature-nav li a:hover{color:#555;}
.feature-list ul#feature-nav li a:hover span.billing,.feature-list ul#feature-nav li.ui-tabs-selected a span.billing{background-position:-16px 0;}
.feature-list ul#feature-nav li a:hover span.customizable,.feature-list ul#feature-nav li.ui-tabs-selected a span.customizable{background-position:-96px 0;}
.feature-list ul#feature-nav li a:hover span.developer,.feature-list ul#feature-nav li.ui-tabs-selected a span.developer{background-position:-112px 0;}
.feature-list ul#feature-nav li a:hover span.easytouse,.feature-list ul#feature-nav li.ui-tabs-selected a span.easytouse{background-position:-32px 0;}
.feature-list ul#feature-nav li a:hover span.mobile,.feature-list ul#feature-nav li.ui-tabs-selected a span.mobile{background-position:-128px 0;}
.feature-list ul#feature-nav li a:hover span.modular,.feature-list ul#feature-nav li.ui-tabs-selected a span.modular{background-position:-80px 0;}
.feature-list ul#feature-nav li a:hover span.product,.feature-list ul#feature-nav li.ui-tabs-selected a span.product{background-position:-48px 0;}
.feature-list ul#feature-nav li a:hover span.reporting,.feature-list ul#feature-nav li.ui-tabs-selected a span.reporting{background-position:-64px 0;}
.feature-list ul#feature-nav li a:hover span.support,.feature-list ul#feature-nav li.ui-tabs-selected a span.support{background-position:-144px 0;}
.feature-list ul#feature-nav li a:hover span.automation,.feature-list ul#feature-nav li.ui-tabs-selected a span.automation{background-position:-160px 0;}
.feature-list ul#feature-nav li.ui-tabs-selected{background:url(../images/bg_feature-tab.gif) no-repeat;}
.feature-list ul#feature-nav li.ui-tabs-selected a{color:#333;}




img.floatleft{margin:20px;}
img.floatright{margin-left:20px;}
img.styling{-moz-box-shadow:3px 3px 2px 2px #ebebeb;-webkit-box-shadow:3px 3px 2px 2px #ebebeb;border:1px solid #CCC;box-shadow:3px 3px 2px 2px #ebebeb;}




.support-blocks div {
    text-align: center;
    border-right: 1px dashed #ccc;
    padding: 15px 30px;
    min-height: 270px;
}
.support-blocks div:last-child {
    border-right: 0;
}

@media (max-width: 1199px) {
    .support-blocks div {
        text-align: center;
        border-right: 1px dashed #ccc;
        padding: 15px 30px;
        min-height: 270px;
    }
    .support-blocks div:first-child {
        border-bottom: 1px dashed #ccc;
    }
    .support-blocks div:last-child {
        border-right: 0;
    }
    .support-blocks div:nth-child(2) {
        border-right: 0;
        border-bottom: 1px dashed #ccc;
    }
}
@media (max-width: 768px) {
    .support-blocks div {
        border: 0;
        border-bottom: 1px dashed #ccc;
    }
    .support-blocks div:last-child {
        border: 0;
    }
}

span.badge-open {
    margin: 20px 0;
    padding: 5px 15px;
    background-color: #4e8d05;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
}
span.badge-open i {
    padding-right: 5px;
}
.badge-closed {
    padding: 5px 15px;
    background-color: #cc0000;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
}
.badge-closed i {
    padding-right: 5px;
}

.support-hours div {
    text-align: center;
}
.support-hours div div {
    padding:5px 5px 12px 5px;
    border-radius:5px;
    background-color:#fff;
}

.support-faq {
    margin-bottom: 50px;
}
.support-faq i {
    padding-right: 5px;
    color: #ccc;
}


/* Google Search */

.gsc-inline-block {
    height: 30px;
    width: auto !important;
}