/* --- Global Resets & Defaults --- */
a, a:focus, a:active, a:hover {
    outline: none !important;
    text-decoration: none;
}

img {
    border: none;
}

p {
    font-size: 14px;
    text-align: justify;
    color: #909090;
}

button {
    background: transparent;
    border: none;
    color: #FFCF4D;
    display: block;
    margin: 0 auto;
}

button:hover {
    color: #FFCF4D;
    text-decoration: none;
}

/* --- Top Header Area --- */
#topheader {
    background: #090909;
    padding-top: 0px;
    width: 100%;
    height: 50px;
    font-size: 15px;
}

#topheader .fa {
    color: silver;
    margin-top: 3px;
    font-size: 25px;
}

#topheader .row {
    margin-top: 10px;
}

#topheader .social a {
    padding-right: 0 !important;
}

#topheader .social .fa:hover {
    color: #fff !important;
    transition: color .35s ease-in-out;
}

#topheader a {
    color: #909090;
    font-weight: 400;
}

#topheader a:focus {
    color: #909090 !important;
    font-weight: 400;
}

#topheader a:hover {
    color: #adadad;
    text-decoration: none;
}

#topheader .support {
    text-align: right;
}

#topheader .support a {
    margin-left: 20px;
}

#topheader .btn-blue:focus {
    color: #FFF !important;
}

#topheader .support .fa {
    font-size: 13px;
}

#topheader .support .btn-blue .fa {
    color: #fff;
    margin-top: 0;
}

#topheader .btn.active,
.btn:active {
    box-shadow: none;
}

/* --- Main Navigation Menu --- */
#menu {
    background: #1a1a1a;
    padding-bottom: 10px;
    width: 100%;
    height: 110px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#menu .navbar-default .navbar-toggle {
    background: #1a1a1a !important;
}

#menu .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

#menu .normal {
    margin-top: 30px;
    z-index: 999;
}

#menu .navbar-nav>li>.dropdown-menu {
    border-top: none !important;
    padding-top: 0;
    padding-bottom: 0;
}

#menu .dropdown-menu>li:first-child {
    border-top: 0;
}

#menu .dropdown-menu>li {
    border-top: 1px solid #2a2a2a;
}

#menu .dropdown-menu>li>a {
    color: #ccc;
    font-weight: 300;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

#menu .normal .fa {
    margin-right: 15px !important;
    font-size: 13px;
    vertical-align: inherit;
    width: 12px;
    text-align: center;
}

#menu .normal .dropdown-submenu {
    position: relative;
}

#menu .normal .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: -1px;
    padding-top: 0;
    padding-bottom: 0;
}

#menu .normal .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

#menu .normal .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

#menu .normal .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

#menu .normal .dropdown-submenu.pull-left {
    float: none;
}

#menu .normal .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px;
}

#menu .dropdown-menu>li>a:hover {
    color: #fff;
    background: #2a2a2a;
}

#menu .container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

#menu #mainlogo {
    background: url(../img/sunpath-logo.png) no-repeat;
    background-size: 232px 55px;
    width: 232px;
    margin-top: 0;
    height: 75px;
    margin-left: 0;
}

#menu #mainlogo:hover {
    opacity: .5;
    transition: opacity .55s ease-in-out;
}

#menu .navbar {
    position: relative;
    min-height: 0 !important;
    margin-bottom: 10px;
    margin-top: 29px;
}

#menu .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    padding-left: 0;
}

#menu .navbar-default {
    background: #1a1a1a;
    border: none !important;
    z-index: 99999 !important;
    height: 59px;
}

#menu .navbar-default .navbar-nav>li>a {
    font-size: 17px;
    font-weight: 300;
}

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

#menu .nav>li>a {
    position: relative;
    display: block;
    border: 1px solid #1a1a1a;
    margin: 0 40px 0 0;
}

#menu .nav>li>a.last {
    margin-right: 0 !important;
}

#menu .navbar-default .navbar-nav>.open>a,
#menu .navbar-default .navbar-nav>.open>a:focus,
#menu .navbar-default .navbar-nav>.open>a:hover {
    background: #2a2a2a;
    border: 1px solid #000;
    border-radius: 5px;
}

#menu .navbar-default .navbar-nav>li>a:focus {
    color: #bbb;
}

#menu .navbar-default .navbar-nav>.active>a {
    background-color: #1a1a1a;
    color: #ccc;
}

#menu .navbar-default .navbar-nav>.active>a:hover {
    background-color: #1a1a1a;
    color: #fff;
}

#menu .navbar-default .navbar-nav>.active>a:focus {
    background-color: #2a2a2a;
    color: #bbb;
    border: 1px solid #000;
    border-radius: 5px;
}

#menu #menu-left {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#menu #menu-right {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

#menu #menu-right .fa,
#menu h3 .fa {
    padding-right: 10px !important;
}

#menu h3 .fa {
    color: #2cb0e1;
}

#menu .fa {
    padding-right: 0 !important;
}

/* --- Affix / Sticky Menu States --- */
.affix {
    top: 0 !important;
    height: 60px !important;
    z-index: 9999 !important;
    background: #1a1a1a !important;
    margin-top: -1px;
    position: fixed;
}

.affix .navbar-default,
.affix .navbar-default .navbar-nav>.active>a {
    background: #1a1a1a !important;
}

.affix #mainlogo {
    background: url(../img/sunpath-logo-footer.png) no-repeat !important;
    background-size: 155px 37px !important;
    margin-top: 11px !important;
    margin-left: 0;
}

.affix .navbar {
    min-height: 0 !important;
    margin-top: 0 !important;
}

.affix .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.affix .navbar-nav>li>.normal {
    margin-top: 16px !important;
}

.affix .navbar-default .navbar-collapse {
    margin-top: 7px !important;
}

.affix .navbar-default .navbar-nav>.open>a,
.affix .navbar-default .navbar-nav>.open>a:focus,
.affix .navbar-default .navbar-nav>.open>a:hover {
    background: #2a2a2a !important;
}

.affix .navbar-default .navbar-nav>li>a {
    color: #ccc;
}

.affix .navbar-default .navbar-nav>.active>a {
    color: #B8B8B8 !important;
}

/* --- Hero Image / Video Slider --- */
#imageslider {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: #1a1a1a;
    border-top: .5px solid #101010;
    border-bottom: 1px solid #101010;
}

#imageslider video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover;
}

#imageslider .imageslideroverlay {
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    padding-top: 20px;
    padding-bottom: 100px;
    border-top: 0 solid #000;
}

#imageslider h1 {
    font-size: 50px;
    color: #FFCF4D;
    background: rgba(0, 0, 0, 0.26);
    padding: 20px !important;
    text-align: center;
    font-weight: 100;
    border-radius: 6px;
    margin-bottom: 40px;
}

#imageslider h2 {
    font-size: 30px;
    color: #FFEAB7;
    margin: 20px;
    text-align: center;
    font-weight: 200;
    margin-bottom: 20px;
}

#imageslider .sliderbutton {
    margin-top: 30px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

/* --- Hosting Plans Grid --- */
#hostingplans {
    background: #151515 url(../img/grill_01.png);
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#hostingplans .thumbnail {
    background-color: #202020;
    border-radius: 0;
    padding: 30px;
}

#hostingplans .thumbnail:hover {
    box-shadow: 0 0 20px 1px #000;
}

#hostingplans .thumbnail img {
    max-height: 110px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

#hostingplans h4 {
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    margin-bottom: 30px;
    padding: 20px 0;
    margin-left: 30px;
    margin-right: 40px;
    background-color: #888;
    color: transparent;
    background-clip: text;
    text-shadow: rgba(11, 11, 11, 0.5) 0 3px 3px;
    font-weight: 600;
    font-size: 25px;
    text-transform: uppercase;
}

@-moz-document url-prefix() {
    #hostingplans h4 {
        background-color: transparent;
        color: #888;
    }
}

#hostingplans p.specs {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-bottom: 45px;
    padding: 20px;
    margin-top: 50px;
    font-size: 16px;
    color: #909090;
}

#hostingplans p.price {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 400;
}

#hostingplans .price {
    font-size: 55px;
    color: #ffd000;
    background-clip: text;
    text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 3px;
    margin-top: 50px;
}

#hostingplans sup {
    top: -.3em;
}

#hostingplans .price small {
    color: #6a6a6a;
    background-clip: text;
    text-shadow: rgba(0, 0, 0, 0.8) 1px 2px 2px;
    display: block;
    font-size: 20px;
}

/* --- Section: Why Us & Cloud Plans --- */
#whyus, #cloudplans {
    padding-bottom: 80px;
}

#whyus {
    background: #1a1a1a;
    padding-top: 0;
}

#cloudplans {
    background: #151515 url(../img/grill_01.png);
    padding-top: 40px;
}

#whyus .thumbnail, #cloudplans .thumbnail {
    background: #202020;
    margin-top: 10px;
    margin-bottom: 20px;
}

#cloudplans .thumbnail {
    margin-top: 20px;
}

#whyus .thumbnail img, #cloudplans .thumbnail img {
    max-height: 110px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-bottom: 20px;
}

#whyus h4, #cloudplans h4 {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    background-color: #a59175;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(51, 51, 51, 0.5) 0 3px 3px;
    font-weight: 600;
    font-size: 25px;
    text-transform: uppercase;
}

@-moz-document url-prefix() {
    #whyus h4, #cloudplans h4 {
        background-color: transparent;
        color: #a59175;
        text-shadow: rgba(11, 11, 11, 0.5) 0 3px 3px;
    }
}

#whyus p, #cloudplans p {
    margin-bottom: 0;
    padding: 0 20px 10px 20px;
}

#whyus .big, #cloudplans .big {
    font-size: 60px;
    padding-right: 0;
    color: #a0a0a0;
    margin-top: 15px;
    margin-bottom: 15px;
}

#whyus p.button, #cloudplans p.button {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
}

#whyus p.button {
    text-align: center;
}

#whyus>div>div>div:nth-child(1)>div>div>div>span.annual-plan,
#whyus>div>div>div:nth-child(2)>div>div>div>span.annual-plan,
#whyus>div>div>div:nth-child(3)>div>div>div>span.annual-plan,
#whyus>div>div>div:nth-child(4)>div>div>div>span.annual-plan {
    font-size: 12px;
    font-weight: 400;
}

/* --- Features Carousel --- */
#feature {
    background: #151515 url(../img/grill_01.png);
    padding-top: 20px;
    padding-bottom: 40px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    position: relative;
    overflow: hidden;
}

#feature .carousel-indicators {
    position: absolute;
    bottom: 35px !important;
    left: 33.33% !important;
    right: 0;
    width: auto;
    margin: 0;
    display: flex !important;
    justify-content: center;
}

#feature .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0 6px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #000 !important;
    border: 2px solid #3a3a3a !important;
    display: block;
    flex: 0 0 auto;
    text-indent: -999px;
}

#feature .carousel-indicators .active {
    background-color: #FFCF4D !important;
    border: 2px solid #fff !important;
    opacity: 1;
}

#feature .feature {
    min-height: 300px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 6px;
}

#feature .carousel-control {
    color: #31708f;
    width: 5%;
}

#feature .carousel-control:hover,
#feature .carousel-control:focus {
    color: #31708f;
}

#feature .carousel-control.left,
#feature .carousel-control.right {
    background-image: none;
}

#feature img:not(.skip-style) {
    display: block;
    margin: 0 auto 0 auto;
    margin-right: 20px;
    width: 100%;
    max-width: 280px;
    height: auto;
    filter: sepia(90%);
    transition: filter 0.3s ease;
}

#feature img:not(.skip-style):hover {
    filter: sepia(0%);
}

#feature .fa {
    font-size: 10px;
    color: #8a8a8a;
    padding-right: 5px;
    vertical-align: top;
}

#feature #closingquote {
    padding-left: 5px;
}

#feature p {
    margin-top: 15px;
    margin-bottom: 20px;
}

#feature p.center {
    text-align: center;
}

/* --- FAQ Accordions --- */
#faq {
    background: #1e1e1e;
    padding-top: 50px;
    padding-bottom: 50px;
}

#faq .panel-default>.panel-heading a {
    color: #9a9a9a;
    text-decoration: none;
}

#faq .panel-default>.panel-heading .fa {
    color: #FFCF4D;
}

#faq .panel-default>.panel-heading {
    background-color: #101010;
}

#faq .panel-title,
#faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
    font-size: 13px;
}

#faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background: #f0f0f0;
}

#faq .glyphicon {
    vertical-align: super !important;
}

#faq h4.category {
    color: #8a8a8a;
    margin-left: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* --- Internal Layouts & Content Modules --- */
#subbanner {
    background: url(../img/bg_01.png) no-repeat center top rgba(186, 186, 186, 0.31);
}

#subbanner .subbanneroverlay {
    background: rgba(0, 0, 0, 0.2);
    padding-top: 20px;
    padding-bottom: 20px;
}

#subbanner h1 {
    font-size: 20px;
    background: rgba(0, 0, 0, 0.26);
    padding: 20px !important;
    text-align: left;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    border-radius: 4px;
}

#subbanner .fa {
    color: #fff;
}

#content {
    padding-bottom: 50px;
    padding-top: 50px;
}

#content h1 {
    font-weight: 300;
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 30px;
}

#content h4 {
    margin-top: 30px;
    margin-bottom: 10px;
}

#content p {
    font-size: 14px;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
}

#content .fa,
#content h3.menu .fa {
    color: #f6be25;
}

#content h3.menu .fa {
    font-size: 22px;
    padding-right: 15px;
}

#content .list-group-item.active,
#content .list-group-item.active:focus,
#content .list-group-item.active:hover {
    background-color: #ADADAD !important;
    border-color: #A1A1A1 !important;
}

#content .list-group-item {
    background-color: #151515;
    position: relative;
    display: block;
    padding: 5px 15px;
    margin-bottom: 0;
    border: 1px solid #000;
}

#content .list-group-item .fa {
    color: #999;
}

#content a.list-group-item:focus,
#content a.list-group-item:hover {
    color: #999 !important;
    text-decoration: none;
    background-color: #202020 !important;
    transition: color .25s ease-in-out;
}

#content .list-group {
    margin-bottom: 40px;
}

#content .table,
#services table,
#tabs table {
    border: 1px solid #000;
}

#content .table th {
    padding: 15px;
    background: #f6be25;
    color: #161616;
    text-align: center;
}

#content .table td {
    padding: 15px;
    background: #2a2a2a;
    text-align: center;
    font-weight: 300;
}

/* --- About Us Profile Grid --- */
#aboutus {
    background: #2a2a2a;
    margin: 0;
}

#aboutus .fa {
    color: #f60;
    font-size: 20px;
}

#aboutus h3 {
    margin-top: 60px;
    margin-bottom: 30px;
}

#aboutus h4,
#aboutus .profile h4 {
    font-size: 18px;
    font-weight: 300;
    margin-top: 30px;
    color: #000;
}

#aboutus .profile h4 {
    margin-bottom: 20px;
    margin-top: 20px;
}

#aboutus a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

#aboutus ul li {
    padding-right: 60px;
    font-size: 17px;
    font-weight: 300;
    margin: 5px 0 12px 0;
    color: #ccc;
}

#aboutus .profile {
    margin-top: 25px;
    min-height: 200px;
    text-align: justify;
}

/* --- Services & Products System --- */
#services, #webdesign, #webdesignplans {
    background: #151515;
}

#services {
    padding-top: 70px;
    padding-bottom: 50px;
}

#services h3 {
    margin-top: 40px;
}

#services .btnquote {
    margin-top: 25px;
    margin-bottom: 25px;
}

#services .btnquote2 {
    margin-top: 0;
    margin-bottom: 0;
}

#services .fa {
    color: #f6be25;
    margin-left: 30px;
    margin-right: 10px;
}

#services table th.center {
    text-align: center;
    height: 52px;
    padding-top: 12px;
    color: #ffa700;
    background-color: #3a3a3a;
    border: 1px solid #000;
}

#services table td.center {
    text-align: center;
    border: 1px solid #000;
}

#services .services {
    border: 10px solid #101010;
    margin-bottom: 0;
}

#webdesign {
    padding-top: 70px;
    padding-bottom: 0;
}

#webdesign .benefits .fa {
    color: #f6be25;
    font-size: 20px;
    vertical-align: text-bottom;
    padding-right: 12px;
}

#webdesign .benefits p.light,
#dedicatedintro .benefits p.light,
#sslcertsintro .sslbenefits p.light,
#cloudserversintro .benefits p.light,
#plantable .benefits p.light,
#voiceintro .benefits p.light,
#domainsintro .benefits p.light {
    font-size: 18px;
}

#webdesignplans {
    background-image: url(../img/grill_01.png);
    padding-top: 0;
    padding-bottom: 50px;
    border-top: 1px solid #000;
}

#webdesignplans .web-design-plan {
    margin-bottom: 10px;
    margin-top: 60px;
    text-align: center;
    box-shadow: 0 0 1px 1px #000;
    line-height: 30px;
    background-color: #2a2a2a;
    margin-left: 1px;
}

#webdesignplans .web-design-plan ul {
    list-style: none;
    margin: 0;
    text-align: center;
    padding-top: 0;
    padding-left: 0;
}

#webdesignplans .web-design-plan ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom: 1px solid #1a1a1a;
    color: #9a9a9a;
    font-size: 16px;
}

#webdesignplans .web-design-plan ul li i {
    margin-right: 5px;
}

#webdesignplans .web-design-plan .price {
    background-color: #252525;
    padding: 40px 20px 20px 20px;
    font-size: 60px;
    color: #debb8a;
    text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 2px;
}

#webdesignplans .web-design-plan .price small,
#plantable .plan-table .price small,
#webdesignplans .web-design-plan .price small {
    font-size: 12px;
    margin-top: 22px;
}

#webdesignplans .web-design-plan .type {
    background: linear-gradient(to bottom, #685A47 0, #585146 100%);
    padding: 50px 20px;
    font-weight: 400;
    font-size: 30px;
    color: #d4cabc;
    text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 1px;
}

#webdesignplans .web-design-plan .pricing-footer,
#plantable .plan-table .pricing-footer {
    padding: 20px;
}

#webdesignplans .wdp-attached>.col-lg-4,
#webdesignplans .wdp-attached>.col-lg-3,
#webdesignplans .wdp-attached>.col-md-4,
#webdesignplans .wdp-attached>.col-md-3,
#webdesignplans .wdp-attached>.col-sm-4,
#webdesignplans .wdp-attached>.col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

#webdesignplans .web-design-plan.popular {
    margin-top: 10px;
}

#webdesignplans .web-design-plan.popular .price {
    padding-top: 80px;
}

#webdesignhighlight {
    background: #252525;
    padding-top: 30px;
    padding-bottom: 20px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#webdesignhighlight h2.intro {
    border-bottom: 1px solid #4a4a4a;
    padding-top: 20px;
}

#webdesignhighlight p,
#hostinghighlight p,
#voicehighlight p,
#resellerhighlight p,
#cloudservers p,
#evsslcerts p {
    margin-top: 20px;
}

/* --- Functional Boxes Architecture --- */
#webdesignfeatures, #sslcerts, #evsslcerts, #cloudserverapps {
    background: #151515;
}

#webdesignfeatures {
    padding-top: 70px;
    padding-bottom: 70px;
}

#webdesignfeatures .fa,
#sslcerts .fa,
#evsslcerts .fa,
#cloudserverapps .fa,
#webdesignfeatures .box {
    padding-right: 0;
}

#webdesignfeatures .box,
#sslcerts .box,
#cloudserverapps .box {
    margin-top: 30px;
}

#webdesignfeatures .box>.icon,
#dedicatedservers .box>.icon,
#sslcerts .box>.icon,
#evsslcerts .box>.icon,
#cloudserverapps .box>.icon,
#promotions .box>.icon,
#server-management .box>.icon {
    text-align: center;
    position: relative;
}

#webdesignfeatures .box>.icon>.image,
#sslcerts .box>.icon>.image,
#evsslcerts .box>.icon>.image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 8px solid #3a342b;
    line-height: 88px;
    border-radius: 50%;
    background: #181614;
    vertical-align: middle;
}

#webdesignfeatures .box>.icon:hover>.image,
#sslcerts .box>.icon:hover>.image,
#evsslcerts .box>.icon:hover>.image {
    background: #0d0c0b;
    border: 8px solid #5e513c;
}

#webdesignfeatures .box>.icon>.image>i {
    font-size: 36px !important;
    color: #88785E !important;
}

#webdesignfeatures .box>.icon:hover>.image>i {
    color: #BAED09 !important;
}

#webdesignfeatures .box>.icon>.info,
#sslcerts .box>.icon>.info,
#evsslcerts .box>.icon>.info,
#cloudserverapps .box>.icon>.info,
#promotions .box>.icon>.info,
#server-management .box>.icon>.info {
    margin-top: -24px;
    background: #191919;
    border: 1px solid #000;
    padding: 15px 0 10px 0;
}

#sslcerts .box>.icon>.info,
#evsslcerts .box>.icon>.info,
#cloudserverapps .box>.icon>.info {
    background: #202020;
}

#evsslcerts .box>.icon>.info {
    border-radius: 4px;
}

#webdesignfeatures .box>.icon:hover>.info {
    background: #0e0e0e;
    border: 1px solid #1a1a1a;
    color: #baed09;
}

#webdesignfeatures .box>.icon>.info>h3.title {
    margin-top: 22px;
    font-size: 12px;
    text-transform: uppercase;
    color: #b58b4f;
    font-weight: 300;
}

#webdesignfeatures .box>.icon>.info>h3.price,
#dedicatedservers .box>.icon>.info>h3.price,
#sslcerts .box>.icon>.info>h3.price,
#evsslcerts .box>.icon>.info>h3.price,
#cloudserverapps .box>.icon>.info>h3.price {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 25px;
    color: #222;
}

#sslcerts .box>.icon>.info>h3.price {
    color: #fdd033;
}

#webdesignfeatures .box>.icon>.info>.more,
#dedicatedservers .box>.icon>.info>.more,
#sslcerts .box>.icon>.info>.more,
#evsslcerts .box>.icon>.info>.more,
#cloudserverapps .box>.icon>.info>.more {
    margin-bottom: 15px;
}

#webdesignfeatures .box>.icon>.info>p,
#dedicatedservers .box>.icon>.info>p,
#sslcerts .box>.icon>.info>p,
#evsslcerts .box>.icon>.info>p,
#cloudserverapps .box>.icon>.info>p {
    font-size: 13px;
    color: #666;
    line-height: 1.5em;
    margin: 20px;
}

/* --- Infrastructure Blocks --- */
#dedicatedintro {
    background: #fff;
    padding-top: 70px;
    padding-bottom: 50px;
}

#dedicatedintro .benefits .fa {
    color: #2f942f;
    font-size: 20px;
    vertical-align: text-bottom;
    padding-right: 12px;
}

#dedicatedservers {
    background: #f0f0f0;
    padding-top: 40px;
    padding-bottom: 20px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#dedicatedservers h3,
#dedicatedservers h4,
#dedicatedservers p {
    text-align: center;
}

#dedicatedservers img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 10px;
}

#dedicatedservers .fa,
#dedicatedtable .fa,
#voicetables .fa,
#resellerhighlight .fa,
#domainfeatures .fa,
#domainextras .fa {
    color: #2f942f;
}

#dedicatedservers .fa {
    padding-right: 10px;
}

#dedicatedservers ul {
    padding: 30px 30px 0 30px;
}

#dedicatedservers ul li {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #f0f0f0;
}

#dedicatedservers p {
    margin-top: 20px;
}

#dedicatedservers .btn .fa {
    color: #fff;
}

#dedicatedservers .box>.icon>.image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 8px solid #fff;
    line-height: 88px;
    border-radius: 50%;
    background: #545454;
    vertical-align: middle;
}

#dedicatedservers .box>.icon:hover>.image {
    background: orange;
}

#dedicatedservers .box>.icon>.image>i {
    font-size: 36px !important;
    color: #FFFFFF !important;
}

#dedicatedservers .box>.icon:hover>.image>i {
    color: white !important;
}

#dedicatedservers .box>.icon>.info {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

#dedicatedservers .box>.icon:hover>.info {
    background: #fff;
    border-color: #e0e0e0;
    color: #fff;
}

#dedicatedservers .box>.icon>.info>h3.title {
    font-size: 16px;
    color: #222;
    font-weight: 500;
}

#dedicatedservers .box .space,
#sslcerts .box .space,
#evsslcerts .box .space,
#cloudserverapps .box .space,
#promotions .box .space,
#server-management .box .space {
    height: 30px;
}

/* --- Global Complex Tables Infrastructure --- */
#dedicatedtable, #domainpricing {
    background: #f0f0f0;
}

#dedicatedtable {
    padding-top: 30px;
    padding-bottom: 50px;
}

#dedicatedtable h3, #voicetables h3, #cloudserverstable h3 {
    margin-top: 40px;
}

#dedicatedtable table, #tabs table {
    white-space: nowrap;
}

#dedicatedtable table {
    border: 1px solid #ddd;
}

#dedicatedtable table th,
#dedicatedtable table td {
    font-size: 12px;
    vertical-align: baseline;
}

#dedicatedtable table th.center,
#dedicatedtable table td.center,
#tabs table th.center,
#tabs table td.center,
#cloudserverstable table th.center,
#cloudserverstable table td.center {
    text-align: center;
}

/* --- Tabs Framework --- */
#tabs {
    background: #151515;
    padding-top: 30px;
    padding-bottom: 10px;
}

#tabs h3 {
    font-family: Raleway, sans-serif;
    font-weight: 200;
    margin-top: 10px;
    margin-bottom: 20px;
}

#tabs .fa {
    color: #f6be25;
}

#tabs table th,
#tabs table tbody tr td {
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid #000;
    padding: 8px;
    color: #ccc;
    line-height: 1.42857143;
    border-top: 1px solid #353535;
}

#tabs table th.center {
    background: #151515;
}

/* --- SSL Infrastructure --- */
#sslcertsintro {
    background: #151515;
    padding-top: 70px;
    padding-bottom: 50px;
}

#sslcertsintro .sslbenefits .fa {
    color: #9bc018;
    font-size: 20px;
    vertical-align: text-bottom;
    padding-right: 12px;
}

#sslcerts {
    background-image: url(../img/grill_01.png);
    padding-top: 35px;
    padding-bottom: 70px;
    border-top: 1px solid #000;
}

#sslcerts .btn .fa, #evsslcerts .btn .fa, #cloudserverapps .btn .fa {
    padding-right: 10px;
}

#sslcerts .box>.icon>.image>i, #evsslcerts .box>.icon>.image>i {
    font-size: 36px !important;
    color: #7FA107 !important;
}

#sslcerts .box>.icon:hover>.image>i {
    color: #9FCA0A !important;
}

#sslcerts .box>.icon:hover>.info {
    box-shadow: 0 0 1px 1px #000;
}

#evsslcerts {
    padding-top: 30px;
    padding-bottom: 20px;
    border-top: 1px solid #000;
}

#evsslcerts h2.intro {
    border-bottom: 1px solid #dbdbdb;
    padding-top: 20px;
}

#evsslcerts table .fa {
    padding: 0 10px 0 10px;
    color: #fdd033;
}

#evsslcerts .box>.icon:hover>.image>i {
    color: #9DFD1F !important;
}

#evsslcerts .box>.icon:hover>.info {
    box-shadow: 0 0 1px 1px #000;
    color: #fff;
}

/* --- Virtual Servers Blocks --- */
#cloudserversintro, #cloudserversintro2 {
    background: #1a1a1a;
    padding-top: 70px;
    padding-bottom: 50px;
}

#cloudserversintro {
    border-bottom: 1px solid #000;
}

#cloudserversintro2 {
    border-top: 1px solid #000;
}

#cloudserversintro .benefits .fa {
    color: #f6be25;
    font-size: 20px;
    vertical-align: text-bottom;
    padding-right: 12px;
}

#cloudservers {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#cloudservers h3.intro {
    border-bottom: 1px solid #dbdbdb;
    padding-top: 10px;
}

#cloudserverapps {
    background-image: url(../img/grill_01.png);
    padding-top: 70px;
    padding-bottom: 10px;
}

#cloudserverapps img {
    max-width: 150px;
    height: auto;
}

#cloudserverapps .box:hover>.icon>.info {
    box-shadow: 0 0 20px 1px #000;
}

#cloudserverapps .box>.icon>.info>h2.title {
    margin-bottom: 0;
}

#cloudserverapps .box>.icon>.info>h3.price,
#cloudserverstable table th {
    color: #f6be25;
}

#cloudserverstable {
    background: #151515;
    padding-bottom: 50px;
    padding-top: 10px;
}

#cloudserverstable h3 {
    color: #989898;
}

#cloudserverstable .fa {
    color: #f6be25;
    margin-left: 5px;
}

#cloudserverstable table {
    background: #1a1a1a;
    border: 10px solid #2a2a2a;
    border-radius: 6px;
}

#cloudserverstable table th {
    font-size: 14px;
    font-weight: 400;
    vertical-align: baseline;
}

/* --- Complete Pricing System Grid --- */
#plantable {
    background: #151515;
    padding-top: 50px;
    padding-bottom: 50px;
}

#plantable .benefits .fa {
    color: #ffa700;
    font-size: 18px;
    vertical-align: text-bottom;
    padding-right: 12px;
}

#plantable .reseller {
    font-size: 14px;
    background: #373737;
}

#plantable .plan-table {
    margin: 0;
    text-align: center;
    line-height: 25px;
    background-color: #202020;
    border: 1px solid #000;
}

#plantable .plan-table ul {
    list-style: none;
    text-align: center;
    color: #ccc;
    padding-left: 0;
    margin-bottom: 0;
}

#plantable .plan-table ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #1a1a1a;
}

#plantable .plan-table ul li:last-child {
    border-bottom: 1px solid #1a1a1a;
}

#plantable .plan-table ul li i {
    margin-right: 5px;
}

#plantable .plan-table .price {
    padding-top: 20px;
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}

#plantable .plan-table .price h5 {
    font-size: 20px;
    color: #ccc;
}

#plantable .plan-table .type {
    background-color: #202020;
    padding-top: 25px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #FFCF4D;
    padding-bottom: 10px;
}

#plantable .plan-table .pricing-footer .fa {
    color: #2e2b25;
}

#plantable .plans-attached>.col-lg-4,
#plantable .plans-attached>.col-lg-3,
#plantable .plans-attached>.col-md-6,
#plantable .plans-attached>.col-md-4,
#plantable .plans-attached>.col-md-3,
#plantable .plans-attached>.col-sm-4,
#plantable .plans-attached>.col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

#plantable .plan-table.popular {
    margin-top: 10px;
}

#plantable .plan-table.popular .price {
    padding-top: 80px;
}

#hostinghighlight {
    background: linear-gradient(to bottom, #1a1a1a 0, #2a2a2a 100%);
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#hostinghighlight h2.intro {
    border-bottom: 1px solid #dbdbdb;
    padding-top: 20px;
}

#hostinghighlight .fa, #server-management .box>.icon:hover>.image>i {
    color: #FFCF4D;
}

#hostingfeatures {
    background: #151515;
    padding-top: 70px;
    padding-bottom: 60px;
}

#hostingfeatures img {
    max-width: 60px;
    margin-top: 30px;
    height: auto;
}

#hostingfeatures .sharedlink {
    color: #f6be25;
    text-decoration: none;
}

#hostingfeatures h4 {
    color: #FFCF4D;
}

/* --- Voice Architecture --- */
#voiceintro {
    background: #fff;
    padding-top: 70px;
    padding-bottom: 50px;
}

#voiceintro .benefits .fa {
    color: #2f942f;
    font-size: 20px;
    vertical-align: text-bottom;
    padding-right: 12px;
}

#voiceplans {
    background: #f0f0f0;
    padding-top: 40px;
    padding-bottom: 20px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#voiceplans .thumbnail {
    background-color: #fff;
    border-radius: 0;
    padding: 30px;
}

#voiceplans .thumbnail:hover {
    box-shadow: 0 0 20px 1px #c8c8c8;
}

#voiceplans .thumbnail img {
    max-height: 110px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

#voiceplans h4, #voiceplans p.specs {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 30px;
    padding: 20px;
}

#voiceplans h4 {
    margin-left: 20px;
    margin-right: 40px;
    text-transform: uppercase;
    font-size: 24px;
    color: #545454;
}

#voiceplans p.specs {
    margin-bottom: 45px;
    margin-top: 50px;
    font-size: 16px;
    color: #545454;
}

#voiceplans p.price {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 400;
}

#voiceplans .price {
    font-size: 55px;
    color: #1f7898;
    margin-top: 60px;
}

#voiceplans sup {
    top: -.3em;
}

#voiceplans .price small {
    color: #7b7b7b;
    display: block;
    font-size: 20px;
}

#voicehighlight {
    background: #f0f0f0;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#voicehighlight h2.intro {
    border-bottom: 1px solid #dbdbdb;
    padding-top: 20px;
}

#voicetables {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 50px;
}

#voicetables table {
    border: 1px solid #ddd;
}

#voicetables table th,
#voicetables table td {
    font-size: 12px;
    vertical-align: baseline;
}

#voicetables table th.center,
#voicetables table td.center {
    text-align: center;
}

#resellerhighlight {
    background: #f0f0f0;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#resellerhighlight h2.intro {
    border-bottom: 1px solid #dbdbdb;
    padding-top: 20px;
}

/* --- Promotions & Automation Hub --- */
#promotions {
    background: #151515;
    padding-bottom: 50px;
    padding-top: 50px;
}

#promotions p,
#server-management p {
    color: #aaa;
    font-family: Raleway, sans-serif;
    font-weight: 300;
    padding-bottom: 30px;
}

#promotions .box>.icon>.image,
#server-management .box>.icon>.image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 8px solid #3a342b;
    box-shadow: 0 0 1px 1px #1a1a1a;
    line-height: 88px;
    border-radius: 50%;
    background: #181614;
    vertical-align: middle;
}

#promotions .box>.icon>.image>i,
#server-management .box>.icon>.image>i {
    font-size: 36px !important;
    color: #309FC7;
}

#promotions .box>.icon:hover>.image,
#server-management .box>.icon:hover>.image {
    background: #000;
    border: 8px solid #5e513c;
    box-shadow: 0 0 1px 1px #2a2a2a;
}

#server-management .box>.icon>.info {
    border-radius: 6px;
}

#promotions .box>.icon:hover>.info,
#server-management .box>.icon:hover>.info {
    background: #222;
    box-shadow: 0 0 1px 1px #000;
    border: 1px solid #000;
}

#promotions .box>.icon>.info>h3.title,
#server-management .box>.icon>.info>h3.title {
    font-size: 16px;
    color: #FFCF4D;
    font-weight: 400;
}

#promotions .box>.icon>.info>p,
#server-management .box>.icon>.info>p {
    font-size: 13px;
    color: #aaa;
    line-height: 1.5em;
    padding: 0;
    margin: 20px;
}

#server-management {
    background: #252525;
    padding-bottom: 50px;
    padding-top: 0;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#server-management .btn-light-blue {
    color: #fff;
    background-color: #1e7898;
    border-radius: 4px;
    margin: 0 0 15px 0;
}

#server-management .btn-light-blue:hover {
    color: #fff;
    background-color: #309fc7;
    border-radius: 4px;
}

#server-management .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* --- Portfolio Hub --- */
#portfolio {
    background: #151515;
    padding-top: 50px;
    padding-bottom: 35px;
}

#portfolio p.caption {
    padding-top: 10px;
}

#portfolio .panel-default {
    margin-top: 30px;
}

#portfolio .panel-image img.panel-image-preview {
    width: 100%;
    border: 2px solid #000;
    border-radius: 6px 6px 0 0;
}

#portfolio .panel-heading~.panel-image img.panel-image-preview {
    border-radius: 0;
}

#portfolio .panel-image~.panel-body,
.panel-image.hide-panel-body~.panel-body {
    overflow: hidden;
    background: #202020;
    border-top: 0;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 3px solid #000;
}

#portfolio .panel-image~.panel-footer a {
    padding: 0 10px;
    font-size: 1.3em;
    color: #646464;
}

#portfolio .panel-image.hide-panel-body~.panel-body {
    height: 0;
    padding: 0;
}

/* --- Domain Operations Matrix --- */
#domainsintro, #domainfeatures, #domainextras {
    background: #fff;
}

#domainsintro {
    padding-top: 70px;
    padding-bottom: 50px;
}

#domainsintro .benefits .fa {
    color: #2f942f;
    font-size: 20px;
    vertical-align: text-bottom;
    padding-right: 12px;
}

#domaincheck {
    background: #f0f0f0;
    padding-top: 30px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#domaincheck h1,
#domaincheck p {
    text-align: center;
    padding-bottom: 20px;
}

#domaincheck .fa {
    font-size: 30px;
    color: #FFF;
    vertical-align: baseline;
    margin-top: 8px;
    margin-bottom: 8px;
}

#domaincheck p {
    margin-top: 30px;
    margin-bottom: 30px;
}

#domaincheck .input-group {
    padding-bottom: 30px;
}

#domaincheck #domainsearch {
    font-size: 27px;
    height: 60px;
    padding-left: 2px;
    border-left: 0;
    color: #333;
    box-shadow: none;
}

#domaincheck .domaincheckselect {
    appearance: none;
    text-indent: .01px;
    text-overflow: '';
    width: 145px;
    height: 60px;
    border-radius: 0 !important;
    border: 0;
    font-size: 27px;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    outline: 0;
    box-shadow: none;
    background: url(../img/down-arrow.png) no-repeat 80% 55%;
}

#domaincheck .domaincheckselect:hover {
    background-image: url(../img/down-arrow-hover.png);
}

#domaincheck #tlds {
    margin-left: auto;
    margin-right: auto;
}

#domaincheck .table th,
#domaincheck .table>tbody>tr>td,
#domaincheck .table>tbody>tr>th,
#domaincheck .table>tfoot>tr>td,
#domaincheck .table>tfoot>tr>th,
#domaincheck .table>thead>tr>td,
#domaincheck .table>thead>tr>th {
    border-top: none !important;
}

#domaincheck #partnerimage, #partners #partnerimage {
    margin-left: auto;
    margin-right: auto;
}

#domaincheck #partnerimage {
    max-height: 25px;
}

#domaincheck .form-control {
    appearance: none;
    border-radius: 0;
}

#domaincheck .form-control:focus {
    height: 60px;
    border-radius: 0 !important;
    border: 0;
    font-size: 27px;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-color: #ccc;
    outline: 0;
    box-shadow: none;
}

#domaincheck .domainsearchprefix {
    text-align: center;
    font-size: 27px;
    height: 60px;
    border-right: 0;
    padding-right: 0;
    color: #6f6f6f;
}

#domaincheck .btn-default[disabled] {
    background: #FFF;
    color: #6F6F6F !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

#domaincheck .domainsearchdomainname {
    max-width: 779px;
    border-right: 0;
}

#domaincheck .domainsearcharrow {
    color: #797C6F !important;
}

#domaincheck .domainsearchsubmit {
    font-size: 23px;
    color: #fff;
    background: #1f7898;
    border: 1px solid #1f7898;
    width: 140px;
}

#domaincheck .domainsearchsubmit:hover {
    background-color: #09a1ba;
    border-color: #09a1ba;
}

#domainfeatures {
    padding-bottom: 50px;
    padding-top: 50px;
}

#domainextras {
    padding-top: 70px;
    padding-bottom: 70px;
}

#domainextras img {
    max-width: 100px;
    margin-top: 30px;
    height: auto;
}

#domainpricing padding-top: 30px {
    padding-bottom: 10px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#domainpricing h3 {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

#domainpricing .btn {
    min-width: 55px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
}

/* --- Contact & Location Matrix --- */
#contact {
    background: #151515;
    padding-top: 50px;
    padding-bottom: 35px;
}

#contact h4, #contact h4.contact2, #contact h4.contact3 {
    color: #9a9a9a;
    padding-bottom: 10px;
}

#contact h4.contact2 {
    margin-top: -15px;
}

#contact h4.contact3 {
    margin-top: -30px;
}

#contact h5 {
    font-size: 15px;
}

#contact h6 {
    padding-top: 5px;
}

#contact p {
    padding-bottom: 40px;
}

#contact p.light {
    padding-bottom: 10px;
}

#contact .fa {
    color: #f6be25;
}

#contact .input-group {
    padding-bottom: 25px;
}

#contact .input-group-addon .fa {
    color: #ff5e5e;
    padding-right: 0;
    font-size: 7px;
    vertical-align: middle;
}

#contact .thumbnail {
    padding: 25px;
    background: #2a2a2a;
}

#partners {
    background: #151515 url(../img/grill_01.png);
    padding-top: 20px;
    border-top: 1px solid #000;
    border-bottom: 0 solid #000;
    height: 75px;
}

#partners .carousel-control {
    width: 0;
    color: #333;
    margin-right: -12px;
    margin-left: -12px;
}

#partners #partnerimage {
    max-height: 40px;
}

/* --- Navigation Breadcrumbs --- */
#breadcrumbs {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #1a1a1a;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#breadcrumbs p {
    font-size: 11px;
    color: #cdcdc7;
    font-weight: 400;
    border-radius: 4px;
    margin: 8px 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

#breadcrumbs a {
    color: #fff !important;
    padding-right: 10px;
}

#breadcrumbs a:hover {
    text-decoration: none;
    color: #FFCF4D !important;
}

#breadcrumbs .fa, #breadcrumbs #accepted-payment {
    color: #fff;
}

#breadcrumbs .fa {
    padding-right: 10px;
}

#breadcrumbs #accepted-payment {
    font-size: 25px;
    margin-top: 3px;
}

/* --- System Footer Layout --- */
#footer {
    background: url(../img/bg_02.png) no-repeat center top rgba(186, 186, 186, 0.31);
    border-top: 0 solid #000;
    border-bottom: 1px solid #000;
}

#footer .footeroverlay {
    background: rgba(0, 0, 0, 0.44);
}

#footer h4 {
    margin-top: 25px;
    color: #FFE095;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 300;
    padding-top: 5px;
}

#footer ul {
    margin-bottom: 40px;
}

#footer a {
    color: #ddd;
    margin-top: 5px;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
}

#footer a:hover {
    color: #fff;
    background: 0;
}

#footer .fa {
    color: #fff;
}

#footer .nav>li>a:focus {
    background: none !important;
}

#copyright {
    background: #171717;
    padding-top: 15px;
    padding-bottom: 15px;
}

#footer-logo {
    width: 155px !important;
    height: 37px !important;
    margin-left: 0;
}

#copyright #footer-logo {
    margin-top: 2px;
    margin-bottom: 0;
}

#copyright #footer-logo:hover {
    opacity: .7;
    transition: opacity .55s ease-in-out;
}

#copyright p {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    border-radius: 4px;
}

#copyright a {
    color: #fff;
}

#copyright a:hover {
    color: #ccc;
    text-decoration: none;
}

#copyright p.slogan {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #cdcdcd;
    text-transform: uppercase;
    text-align: right;
}

/* --- Transitions & Dynamic Components --- */
.carousel.fade {
    opacity: 1;
}

.carousel.fade .item {
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1;
}

.carousel.fade .item:first-child {
    top: auto;
    position: relative;
}

.carousel.fade .item.active {
    opacity: 1;
    transition: opacity ease-in-out .7s;
    z-index: 2;
}

#carousel .carousel-indicators .active {
    color: #fff;
}

#carousel .carousel-indicators li {
    text-indent: 0;
    padding-left: 0;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    height: 28px;
    width: 32px;
}

#carousel .carousel-indicators li:after {
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f111";
    color: #6a6a6a;
}

#carousel .carousel-indicators li.active:after {
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f111";
    color: #0d9cd7;
}

.carousel-inner {
    transform-style: preserve-3d;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #4a4a4a;
    color: #eee;
    width: 50px;
    height: 48px;
    line-height: 44px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-radius: 10px;
    transition: all .5s ease-in-out;
}

.scroll-top-wrapper:hover {
    background-color: #1f7898;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1;
}

.scroll-top-wrapper i.fa {
    line-height: inherit;
}

.scroll-top-wrapper .fa {
    padding-right: 0;
    color: #fff;
}

/* --- WHMCS Automation Override Skin --- */
#whmcsthemes .masquerade {
    margin-top: 20px;
    margin-bottom: 0;
}

#whmcsthemes .masquerade .alert-danger {
    margin-bottom: 0;
}

#whmcsthemes .masquerade h4 {
    margin: 0;
    font-weight: 400;
}

#whmcsthemes .masquerade .btn-default {
    margin-left: 20px;
    vertical-align: text-bottom;
}

#whmcsthemes .dataTables_wrapper .dataTables_info {
    background-color: #1F7898 !important;
}

#whmcsthemes div.header-lined h1 {
    color: #4e626b;
}

#whmcsthemes .home-kb-search .form-control {
    background-color: #f8f8f8;
}

#whmcsthemes .domain-checker-container {
    background: linear-gradient(to bottom, #2C738A, #298AB2);
}

.faq {
    color: #aaa;
}

.credit-cards {
    margin: 5px 2px 5px 2px;
    height: 22px;
    border: 1px solid #3a3a3a;
    border-radius: 4px;
}

/* --- Google Maps Modifiers --- */
#map_wrapper {
    height: 400px;
    margin-bottom: 10px;
}

#map_canvas {
    width: 97%;
    margin-left: 15px;
    height: 100%;
    border: 1px solid #000;
    border-radius: 0;
}

#map_canvas img {
    max-width: none;
}

#dedi-features li {
    font-size: 14px;
    text-align: justify;
    color: #909090;
}

p.leaderdesc {
    margin: 0 0 20px 0 !important;
    padding: 0 30px;
    color: #aaa !important;
    font-size: 16px !important;
    text-align: justify;
}

ul.leaderdesc {
    padding-left: 1.2em;
    margin-top: 10px;
}

ul.leaderdesc li {
    margin-bottom: 10px !important;
    padding-left: 10px;
    color: #aaa !important;
    font-size: 15px !important;
    line-height: 1.5;
}

ul.leaderdesc li:last-child {
    margin-bottom: 25px !important;
}

span.bullet {
    padding-left: 20px;
    font-size: 18px;
}

#carousel-feature p.leader {
    margin: 0 0 15px 0;
    line-height: 1.4;
    font-size: 22px;
    font-weight: 400;
    color: #FFCF4D;
}

/* --- Layout Flex Engine --- */
.flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    overflow: hidden;
    padding: 20px;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 250px;
}

.flex-center .caption2 {
    text-align: left;
    width: 100%;
}

@media (max-width:767px) {
    .flex-container {
        display: block;
    }

    .flex-center {
        min-height: auto;
        padding: 15px 0;
    }

    .feature-divider {
        border-right: none;
        border-bottom: 1px solid #444;
        padding-bottom: 30px;
        margin-bottom: 0;
    }
}

@media (min-width:768px) {
    .feature-divider {
        border-right: 1px solid #444;
    }
}

/* --- Modal Architecture Framework --- */
.modal {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #202020;
    border: 1px solid #888;
    padding: 20px;
    margin: 0 auto;
    width: 50%;
    max-width: 600px;
    color: #909090;
    text-align: justify;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

#bookingModal .modal-content {
    background-color: transparent;
    padding: 10px 25px 15px 25px;
    border: 0 solid #888;
    width: 90%;
    max-width: 750px;
    color: #909090;
    text-align: justify;
    margin: 0 auto;
}

.modal-content .close {
    color: #FF4040 !important;
    float: right;
    margin-top: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 20px;
    opacity: 1 !important;
    text-shadow: none !important;
}

#bookingModal .modal-content .close {
    color: #FF4040 !important;
    float: right;
    margin-top: 60px;
    margin-right: 40px;
    font-size: 40px;
    font-weight: 700;
    line-height: 20px;
    opacity: 1 !important;
    text-shadow: none !important;
}

.modal-content .close:hover,
.modal-content .close:focus {
    color: #FF0000 !important;
    text-decoration: none;
    cursor: pointer;
    opacity: 1 !important;
}

button.booking-custom-close {
    background: transparent !important;
    border: none !important;
    color: #FF4040 !important;
    float: right;
    font-size: 42px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    z-index: 100005 !important;
    margin-top: 60px;
    margin-right: 40px;
    padding: 0;
    display: inline-block !important;
}

#bookingModal 
button.booking-custom-close:hover {
    color: #FF0000 !important;
    text-decoration: none !important;
}


a.faq {
    color: #f60;
}

a.faq:hover, a.faq:visited {
    color: #f60;
    text-decoration: underline;
}

.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}

.line-break {
    display: block;
    height: 10px;
}

/* --- Consultation Form Container --- */
.consultation-form-wrapper {
    max-width: 800px;
    margin: 40px auto;
    padding: 0 15px;
}

.consultation-form-container {
    background: #1a1a1a;
    padding: 40px;
    border-radius: 12px;
    color: #ffffff;
    font-family: Raleway, sans-serif;
    border: 1px solid #2a2a2a;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.form-title-area {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.form-title-area i.fa-calendar {
    color: #FFCF4D !important;
    font-size: 3.5rem;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-title-area h2 {
    color: #FFCF4D;
    margin: 0;
    font-family: Raleway, sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: -0.5px;
}

@media (max-width: 480px) {
    .form-title-area i.fa-code {
        font-size: 2rem;
    }
    .form-title-area h2 {
        font-size: 1.5rem;
    }
    .form-row {
        flex-direction: column;
        gap: 10px;
    }
}

.form-description {
    font-family: Raleway, sans-serif;
    color: #a0a0a0;
    margin-bottom: 0;
    line-height: 1.6;
}

/* --- Form Fields Base Rules --- */
.consultation-form-container input,
.consultation-form-container select,
.consultation-form-container textarea {
    width: 100%;
    background: #2a2a2a;
    border: 1px solid #444;
    color: white;
    border-radius: 6px;
    box-sizing: border-box;
    font-family: Raleway, sans-serif;
    font-size: 1.6rem;
    transition: border-color 0.3s ease;
}

.consultation-form-container input,
.consultation-form-container select {
    height: 50px;
    padding: 0 14px;
}

.consultation-form-container textarea {
    padding: 14px;
    resize: vertical;
}

.consultation-form-container input:focus,
.consultation-form-container select:focus,
.consultation-form-container textarea:focus {
    border-color: #FFCF4D;
    outline: none;
}

::placeholder { color: #a0a0a0 !important; opacity: 1; }
::-webkit-input-placeholder { color: #a0a0a0; }
:-ms-input-placeholder { color: #a0a0a0; }
::-moz-placeholder { color: #a0a0a0; opacity: 1; }

.date-input-wrapper {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(1.5) sepia(100%) saturate(5) hue-rotate(10deg);
    cursor: pointer;
    transform: scale(1.3);
    position: absolute;
    right: 12px;
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 20px;
}

.turnstile-custom-border {
    border: 1px solid #444;
    border-radius: 6px;
    padding: 10px;
    background: #2a2a2a;
    display: flex;
    justify-content: center;
    margin: 15px 0;
    width: 100%;
    box-sizing: border-box;
}

.cf-turnstile {
    margin: 15px 0;
    max-height: 65px;
    border-color: #000 !important;
}

.btn-submit {
    margin-top: 15px;
    background: #FFCF4D;
    color: #151515;
    border: none;
    padding: 16px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    font-family: Raleway, sans-serif;
    font-size: 1.9rem;
    transition: transform 0.2s ease, background 0.2s ease;
}

.btn-submit:hover {
    color: #1a1a1a;
    background: #FFCF4D;
    text-decoration: none !important;
}

.btn-submit:active {
    text-decoration: none !important;
}

#success-msg { color: #4CAF50; margin-bottom: 20px; text-align: center; font-weight: bold; }
#error-msg { color: #f44336; margin-top: 20px; text-align: center; }

/* --- Mobile Logo Alignment Framework --- */
@media (max-width: 768px) {
    #menu #mainlogo {
        width: 174px !important;
        height: 56px !important;
        background-size: 174px 41px !important;
        background-position: center left !important;
        margin-top: 5px !important;
    }
}