/*------------------------------------------------------------------

[TABLE OF CONTENTS]

1. GENERAL

    1.1. BACKGROUND COLORS
    1.2. BACKGROUND IMAGE
    1.3. BACKGROUND OVERLAY
    1.4. BUTTONS
    1.5. LABELS
    1.6. FORM CONTROLS
    1.7. PAGINATION
    1.8. BACK TO TOP BUTTON
    1.9. PRELOADER
    1.10. ALERT
	1.11. TILES
	1.12. BREADCRUMB
	1.13. BRANDING

2. HEADER AREA

    2.1. HEADER NAVBAR
    2.2. HEADER NAVBAR TOGGLE BUTTON
    2.3. HEADER NAVBAR BRAND
    2.4. HEADER NAV
    2.5. HEADER CUSTOM BUTTON

3. WHMCS STYLES

	##. DROPDOWN MENU
	##. DATATABLES
	##. PANEL SIDEBAR: LIST GROUP
	##. ORDER PAGE: SUMMARY
	##. ORDER PAGE: CART ITEMS
	##. LANDING PAGE: PRICING
	##. LANDING PAGE: FAQ

4. FOOTER WIDGETS

5. FOOTER

6. MEDIA QUERIES

    6.1. LARGE DEVICES, WIDE SCREENS
    6.2. MEDIUM DEVICES, DESKTOPS
    6.3. SMALL DEVICES, TABLETS
    6.4. SMALL DEVICES, SMARTPHONES
    6.5. CUSTOM, IPHONE RETINA

-------------------------------------------------------------------*/

/*--------------------------------

    1. GENERAL

--------------------------------*/

body {
    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;

    font-weight: 400;
}

h1 .btn,
h2 .btn,
h4 .btn,
h5 .btn,
h6 .btn {
    font-family: 'Roboto', sans-serif;
}

p:last-child {
    margin-bottom: 0;
}

a {
    color: inherit;
}

a:hover,
a:focus {
    text-decoration: none;
}

.popover {
    border-radius: 4px;
}

.fa.fm {
    margin-right: 10px;
}

/* 1.1. BACKGROUND COLORS */

.bg--lightgrey {
    background-color: #f0f0f0;
}

.bg--lightergrey {
    background-color: #f8f8f8;
}

.bg--vermilion {
    background-color: #3f55ff;
}

.bg--dark {
    background-color: #303030;
}

/* 1.2. BACKGROUND IMAGE */

.bg--img {
    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;
}

/* 1.3. BACKGROUND OVERLAY */

.bg--overlay {
    position: relative;

    z-index: 0;
}

.bg--overlay:before {
    content: ' ';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: -webkit-linear-gradient(
        left,
        rgba(2, 18, 78, 0.6) 0%,
        rgba(255, 71, 24, 0.6) 100%
    );

    background: linear-gradient(
        to right,
        rgba(2, 18, 78, 0.6) 0%,
        rgba(255, 71, 24, 0.6) 100%
    );

    z-index: -1;
}

/* X.X. LINKS */

a.link--hover {
    -webkit-transition: color 0.25s ease;

    transition: color 0.25s ease;
}

a.link--hover:hover,
a.link--hover:hover {
    color: #3f55ff;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
    color: #3f55ff;

    text-decoration: none;
}

/* 1.4. BUTTONS */

.btn {
    border-radius: 20px;
}

.btn:hover,
.btn:focus,
.btn:active:focus {
    box-shadow: none;

    outline: 0;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: 0;
}

.btn--default,
a.btn--default {
    display: inline-block;

    padding: 10px 25px;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 100px;

    font-family: 'Oswald', sans-serif;

    -webkit-transition: color 0.25s ease, border-color 0.25s ease;

    transition: color 0.25s ease, border-color 0.25s ease;

    outline: 0;
}

.btn--default.hover:hover,
a.btn--default.hover:hover {
    color: #3f55ff;

    border-color: #3f55ff;
}

.btn--primary,
a.btn--primary {
    background-color: #3f55ff;

    border-color: #3f55ff;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus {
    color: #fff;

    background-color: #3f55ff;

    border-color: #3f55ff;
}

.btn-warning,
.btn-info,
.btn-success {
    color: #303030;

    background-color: transparent;

    border-color: #303030;

    border-radius: 50px;

    -webkit-transition: color 0.25s ease, border 0.25s ease;

    transition: color 0.25s ease, border 0.25s ease;
}

.btn-warning:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:focus,
.btn-info:focus,
.btn-success:focus,
.btn-warning:active:hover,
.btn-info:active:hover,
.btn-success:active:hover,
.btn-warning:active:focus,
.btn-info:active:focus,
.btn-success:active:focus {
    color: #3f55ff;

    background-color: transparent;

    border-color: #3f55ff;
}

.input-group-btn input.btn-success {
    color: #fff;

    background-color: #3f55ff;

    border-color: #3f55ff;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 2px 10px;

    border-radius: 50px;
}

/* 1.5. LABELS */

.label {
    padding-bottom: 0.2em;
}

a.label-warning {
    padding-left: 10px;

    padding-right: 10px;

    color: #303030;

    background-color: transparent;

    border: 1px solid #303030;

    border-radius: 50px;

    -webkit-transition: color 0.25s ease, border-color 0.25s ease;

    transition: color 0.25s ease, border-color 0.25s ease;
}

a.label-warning:hover,
a.label-warning:focus {
    color: #3f55ff;

    background-color: transparent;

    border: 1px solid #3f55ff;
}

a.label-warning[href]:focus,
a.label-warning[href]:hover {
    background-color: transparent;
}

/* 1.6. FORM CONTROLS */

.form-control {
    border-radius: 0;
}

.form-control,
.form-control:focus {
    box-shadow: none;

    outline: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    border-radius: 0;
}

input[type='checkbox'],
input[type='radio'] {
    margin-top: 1px;
}

/* 1.7. PAGINATION */

.pagination,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

.pagination > li > a,
.pagination > li > span {
    color: #303030;

    -webkit-transition: color 0.25s ease, background-color 0.25s ease-in-out,
        border-color 0.25s ease;

    transition: color 0.25s ease, background-color 0.25s ease-in-out,
        border-color 0.25s ease;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #303030;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;

    background-color: #3f55ff;

    border-color: #3f55ff;
}

/* 1.8. BACK TO TOP BUTTON */

#backToTop {
    position: fixed;

    right: 30px;

    bottom: 45px;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-transition: opacity 0.25s ease-in-out;

    transition: opacity 0.25s ease-in-out;

    z-index: 999;
}

body.scrolled #backToTop {
    opacity: 1;
}

#backToTop a {
    display: block;

    min-width: 50px;

    padding: 8px 0 10px;

    color: #fff;

    background-color: #737373;

    border-radius: 50%;

    font-size: 24px;

    line-height: 32px;

    text-align: center;
}

/* 1.9. PRELOADER */

#preloader {
    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999999999;
}

.preloader--spinners {
    position: absolute;

    top: 50%;

    left: 50%;

    width: 40px;

    height: 40px;

    margin-top: -20px;

    margin-left: -20px;

    -webkit-animation: preloaderRotate 2s infinite linear;

    animation: preloaderRotate 2s infinite linear;
}

.preloader--spinner {
    width: 60%;

    height: 60%;

    display: inline-block;

    position: absolute;

    top: 0;

    background-color: #fff;

    border-radius: 100%;

    -webkit-animation: preloaderBounce 2s infinite ease-in-out;

    animation: preloaderBounce 2s infinite ease-in-out;
}

.preloader--spinner-2 {
    top: auto;

    bottom: 0;

    -webkit-animation-delay: -1s;

    animation-delay: -1s;
}

@-webkit-keyframes preloaderRotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes preloaderRotate {
    100% {
        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);
    }
}

@-webkit-keyframes preloaderBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes preloaderBounce {
    0%,
    100% {
        -webkit-transform: scale(0);

        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);

        transform: scale(1);
    }
}

/* 1.10. ALERT */

.alert {
    border-radius: 0;
}

/* 1.11. TILES */

.tiles .tile {
    border-style: solid;

    border-width: 1px 0 1px 1px;

    border-color: #eee;
}

.tiles .tile:last-child {
    border: 1px solid #eee;
}

@media screen and (max-width: 767px) {
    .tiles .tile:nth-child(1),
    .tiles .tile:nth-child(2) {
        border-top: 1px solid #eee;

        border-bottom-width: 0;
    }

    .tiles .tile:nth-child(2) {
        border-left: 1px solid #eee;

        border-right: 1px solid #eee;
    }
}

/* 2.2. DATATABLES */

/* 1.12. BREADCRUMB */

div.header-lined .breadcrumb {
    font-size: 14px;

    line-height: 24px;
}

/* 1.13. BRANDING */

p:last-child[style='text-align:center;'] {
    display: none;
}

/*--------------------------------

   2. HEADER AREA

--------------------------------*/

/* 2.1. HEADER NAVBAR */

#headerNavbar .navbar {
    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    min-height: 0;

    margin-bottom: 0px;

    border: none;

    border-radius: 0;

    background-color: #303030;

    font-family: 'Oswald', sans-serif;

    -webkit-transition-property: background-color, box-shadow;

    transition-property: background-color, box-shadow;

    -webkit-transition-duration: 0.25s;

    transition-duration: 0.25s;

    -webkit-transition-timing-function: ease-in-out;

    transition-timing-function: ease-in-out;

    z-index: 9999;
}

body.scrolled #headerNavbar .navbar {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 4px rgba(0, 0, 0, 0.28);
}

/* 2.2. HEADER NAVBAR TOGGLE BUTTON */

#headerNavbar .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #3f55ff;

    margin-bottom: 0;
    border-radius: 50px;
    -webkit-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
}

#headerNavbar .navbar-toggle.collapsed {
    border-color: #fff;
}

#headerNavbar .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #3f55ff;
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

#headerNavbar .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 2px;
}

#headerNavbar .navbar-toggle.collapsed .icon-bar {
    background-color: #fff;
}

/* 2.3. HEADER NAVBAR BRAND */

#headerNavbar a.navbar-brand {
    height: auto;

    padding-top: 12px;

    padding-bottom: 11px;

    color: #fff;

    font-size: 26px;

    line-height: 34px;
}

#headerNavbar a.navbar-brand h1 {
    margin: 0;

    font-size: inherit;

    line-height: inherit;

    font-weight: 700;
}

#headerNavbar a.navbar-brand h1 span {
    color: #3f55ff;
}

/* 2.4. HEADER NAV */

#headerNav .nav {
    font-family: 'Roboto', sans-serif;
}

#headerNav .nav > li > a {
    display: block;
    margin-left: 5px;
    padding: 18px 10px;
    color: #fff;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-color 0.25s ease, padding 0.25s ease-in-out;
    transition: border-color 0.25s ease, padding 0.25s ease-in-out;
}

#headerNav .nav > li > a:hover,
#headerNav .nav > li.open > a,
#headerNav .nav > li.active > a {
    border-bottom-color: #fff;
}

#headerNav .nav > li > a:hover,
#headerNav .nav > li > a:focus,
#headerNav .nav > li.open > a,
#headerNav .nav > li.open > a:hover,
#headerNav .nav > li.open > a:focus {
    background-color: transparent;
}

#headerNav .nav > li > a > .caret {
    margin-left: 8px;
}

#headerNav .nav > .dropdown > .dropdown-menu {
    position: absolute;
    top: 100%;
    margin: 0;
    border: none;
    border-radius: 0;
}

#headerNav .nav > .dropdown > .dropdown-menu > li > a {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    -webkit-transition: color 0.25s ease-in-out,
        background-color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    display: block;
    white-space: nowrap;
}

#headerNav .nav > .dropdown > .dropdown-menu > li > a:hover,
#headerNav .nav > .dropdown > .dropdown-menu > li > a:focus,
#headerNav .nav > .dropdown > .dropdown-menu > li.active > a {
    color: #fff;

    background-color: #3f55ff;
}

/* 2.5. HEADER CUSTOM BUTTON */

.header--custom-btn {
    float: right;

    margin-top: 8px;

    margin-left: 35px;
}

.header--custom-btn.btn--default {
    padding-top: 8px;

    padding-bottom: 8px;
}

#headerNavbar .navbar-header .header--custom-btn {
    display: none;
}

/*--------------------------------

    3. WHMCS STYLES

--------------------------------*/

input.btn[value='Register'] {
    border-radius: 100px;
}

#top-nav a.quick-nav {
    padding-top: 4px;

    padding-bottom: 4px;
}

#top-nav a.quick-nav:hover,
#top-nav a.quick-nav[aria-describedby] {
    color: #3f55ff;
}

ul.top-nav {
    margin-top: 0;
}

ul.top-nav > li.primary-action > a.btn {
    border-radius: 20px;

    box-shadow: none;

    transition: color 0.25s, background-color 0.25s ease-in-out;
}

ul.top-nav > li > a.btn-logged-in-admin {
    padding-right: 0;
}

.login-popover .input-group-btn .btn-primary {
    margin-left: 0;

    box-shadow: none;

    outline: 0;
}

.clientalert {
    padding-top: 10px;

    padding-bottom: 10px;
}

.clientalert .btn-xs {
    font-family: inherit;
}

.admin-masquerade-notice {
    margin-top: 32px;

    margin-bottom: 5px;

    border-radius: 0;
}

.admin-masquerade-notice a {
    text-decoration: underline;
}

.navbar-main {
    font-family: inherit;

    border-radius: 0;
}

.navbar-main .navbar-toggle {
    margin-right: 0;

    padding-left: 15px;

    padding-right: 15px;

    border-color: #fff;

    border-radius: 50px;
}

.navbar-main .navbar-toggle:hover,
.navbar-main .navbar-toggle:focus {
    background-color: transparent;
}

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

.navbar-main .navbar-nav > li > a {
    padding-bottom: 6px;

    border-bottom: 3px solid transparent;

    -webkit-transition: border-color 0.25s ease;

    transition: border-color 0.25s ease;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #fff;

    background-color: transparent;

    border-color: #fff;
}

.navbar-main .nav > .dropdown > .dropdown-menu {
    border: none;

    border-radius: 0;
}

.navbar-main .dropdown-menu > li > a:hover,
.navbar-main .dropdown-menu > li > a:focus {
    background-color: #3f55ff;
}

@media screen and (max-width: 991px) {
    #main-menu .nav + .nav {
        margin-top: 0;

        padding-bottom: 10px;
    }

    .navbar-main .nav > .dropdown > .dropdown-menu {
        position: relative;

        width: 100%;

        box-shadow: none;
    }

    .navbar-main .navbar-nav > li > a {
        padding-left: 0;

        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    #main-menu .nav + .nav {
        margin-top: -10px;

        padding-bottom: 0;
    }

    .navbar-main .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .navbar-main .navbar-nav > li > a {
        padding-left: 15px;

        padding-right: 15px;
    }
}

.btn.btn-social {
    padding: 10px 20px 10px 60px;

    border-width: 0;

    border-radius: 2px;

    transition-property: color, background-color;

    transition-duration: 0.25s;

    transition-timing-function: ease-in-out;

    text-align: center;
}

.btn-google {
    background-color: #dd4b39;
    color: #fff;
}

.btn-google:hover {
    color: #fff;
}

.btn.btn-social i.fa {
    width: 40px;

    font-size: 1.2em;

    line-height: 40px;
}

section#home-banner {
    padding: 100px 0;
}

section#home-banner h2 {
    margin: -4px 0 22px;
}

#home-banner .input-group {
    padding: 5px;

    border: 1px solid #fff;

    border-radius: 50px;
}

#home-banner .form-control {
    height: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    color: #fff;

    background-color: transparent;

    border: none;

    border-radius: 50px;
}

#home-banner .input-group-btn {
    border-radius: 50px;

    overflow: hidden;
}

#home-banner .btn {
    height: auto;

    padding: 10px 30px;

    color: #fff;

    background-color: #3f55ff;

    border-color: transparent;
}

#home-banner .btn + .btn {
    margin-left: 1px;

    margin-right: -1px;
}

@media screen and (max-width: 480px) {
    #home-banner .btn {
        padding-left: 15px;

        padding-right: 15px;

        font-size: 16px;

        line-height: 24px;
    }
}

.home-shortcuts .lead {
    padding: 28px 0;

    font-size: 20px;

    line-height: 28px;
}

.home-shortcuts li {
    width: 25%;

    padding-top: 20px;

    padding-bottom: 13px;

    border-color: #fff;
}

.home-shortcuts li:first-child {
    border-color: #fff;
}

.home-shortcuts li p {
    margin-top: 3px;
}

.home-shortcuts li span {
    display: inline;
}

@media screen and (max-width: 767px) {
    .home-shortcuts li {
        width: 100%;
    }
}

section#main-body {
    padding-top: 80px;

    padding-bottom: 80px;
}

section#main-body.reset-min-height {
    min-height: 0;
}

.announcement-single .title {
    display: inline-block;

    margin-bottom: 10px;

    font-family: 'Oswald', sans-serif;

    font-size: 24px;

    line-height: 30px;
}

.domain-pricing {
    margin-bottom: 10px;
}

.domain-pricing img {
    max-width: 100%;

    height: auto;
}

.domain-pricing > h4:first-child {
    margin: 0 0 15px;

    color: #222;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;
}

.domain-pricing .tld-pricing-header {
    margin: 0;

    padding: 0;

    background-color: #f5f5f5;

    font-weight: 400;
}

.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-xs-4 {
    padding-top: 14px;

    padding-bottom: 12px;
}

.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-xs-4 {
    background-color: transparent;
}

.domain-pricing .tld-pricing-header div.col-sm-4,
.domain-pricing .tld-pricing-header div.col-xs-4 {
    border-color: #3f55ff;
}

.domain-pricing .tld-row {
    margin: 0;

    padding: 0;
}

.domain-pricing .tld-row .row {
    padding-top: 8px;

    padding-bottom: 8px;
}

.domain-pricing .tld-row.highlighted {
    background-color: #f5f5f5;
}

.domain-pricing .tld-row strong {
    display: inline-block;

    padding: 10px 0;
}

.domain-pricing .two-row-center {
    border-color: #ddd;
}

div.header-lined h1 {
    margin-top: -4px;

    padding: 0 0 12px;

    color: #3f55ff;
}

div.header-lined .breadcrumb {
    border-radius: 0;
}

.header-lined .breadcrumb li.active {
    color: #3f55ff;
}

.sidebar .panel,
.sidebar .panel .panel-heading {
    border-radius: 0;
}

.sidebar:last-child .panel {
    margin-bottom: 0;
}

.sidebar a.list-group-item i.icon-rss {
    color: #3f55ff;
}

.sidebar a.list-group-item.active,
.sidebar a.list-group-item.active:hover,
.sidebar a.list-group-item.active:focus,
.product-selection-sidebar a.list-group-item.active,
.product-selection-sidebar a.list-group-item.active:hover,
.product-selection-sidebar a.list-group-item.active:focus {
    background-color: #3f55ff;

    border-color: #3f55ff;
}

.sidebar .panel {
    border: 1px solid #eee;

    border-radius: 0;

    font-size: 14px;

    line-height: 24px;
}

.sidebar .panel-heading {
    background-color: #f0f0f0 !important;

    border-color: #f0f0f0;

    border-radius: 0;

    cursor: pointer;
}

.sidebar .panel-heading.active .fa-chevron-up:before {
    content: '\f078';
}

.sidebar .list-group .list-group-item {
    border-color: #eee;
}

.sidebar .panel-footer .col-xs-6 .btn-block {
    padding-left: 0;

    padding-right: 0;
}

.main-content:last-child {
    margin-bottom: 0;
}

#main-body.reset-min-height .main-content {
    min-height: 0;
}

@media screen and (max-width: 992px) {
    .main-content {
        min-height: 0;
    }
}

.status-customer-reply {
    background-color: #3f55ff;
}

div.header-lined-order h1 {
    background-color: #3f55ff;
}

div.header-lined-order h1:after {
    border-top-color: #3f55ff;
}

.logincontainer {
    margin: 0 auto;
}

.logincontainer .btn {
    padding: 10px 20px;

    border-radius: 50px;
}

.logincontainer input[type='checkbox'] {
    margin-top: 5px;
}

.whmcs-credit-text {
    margin-top: 20px;
}

#order-standard_cart .domain-checker-container .input-group-box {
    padding: 0 4px 0 0;

    background-color: transparent;

    border: 1px solid #fff;

    border-radius: 50px;

    overflow: hidden;
}

#order-standard_cart .domain-checker-container .input-group-lg > .form-control {
    height: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    color: #fff;

    background-color: transparent;

    border: none;

    border-radius: 0;
}

#order-standard_cart .domain-checker-container .domain-check-availability {
    height: auto;

    padding-top: 5px;

    padding-bottom: 5px;

    border-radius: 50px;
}

#order-standard_cart .header-lined h1 {
    position: relative;

    margin-top: 0;

    margin-bottom: 30px;

    padding: 10px 0;

    color: #fff;

    background-color: #3f55ff;

    border-bottom: none;

    border-radius: 4px;

    font-size: 24px;

    line-height: 32px;

    text-align: center;
}

#order-standard_cart .header-lined h1:after {
    content: ' ';

    position: absolute;

    top: 100%;

    left: 50%;

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-top-color: #3f55ff;

    margin-left: -10px;
}

#order-standard_cart div.view-cart-items-header {
    background-color: #3f55ff;
}

#order-standard_cart div.view-cart-items {
    border-color: #3f55ff;
}

#order-standard_cart div.order-summary {
    background-color: #3f55ff;

    border-color: #3f55ff;
}

#order-standard_cart .suggested-domains .panel-heading {
    color: #fff;

    background-color: #3f55ff;

    border-color: #3f55ff;
}

#order-standard_cart .addon-products .panel-addon-selected {
    border-color: #3f55ff;
}

#order-standard_cart .addon-products .panel-addon-selected .panel-price {
    background-color: #3f55ff;
}

#order-standard_cart .addon-products .panel-addon .panel-add {
    background-color: #3f55ff;
}

#order-standard_cart .addon-products .panel-addon-selected div.panel-add {
    background-color: #ebccd1;
}

#order-standard_cart .empty-cart button.btn {
    background-color: #3f55ff;

    text-decoration: none;
}

#order-standard_cart .btn-checkout {
    color: #fff;

    background-color: #3f55ff;

    border-color: #3f55ff;
}

#order-standard_cart .order-summary a.btn-continue-shopping {
    -webkit-transition: color 0.25s ease;

    transition: color 0.25s ease;
}

#order-standard_cart .order-summary a.btn-continue-shopping:hover {
    color: #3f55ff;
}

#order-standard_cart .domain-promo-box .btn-primary {
    color: #303030;

    background-color: transparent;

    border-color: #303030;

    border-radius: 50px;

    -webkit-transition: color 0.25s ease, border-color 0.25s ease;

    transition: color 0.25s ease, border-color 0.25s ease;
}

#order-standard_cart .domain-promo-box .btn-primary:hover {
    color: #3f55ff;

    border-color: #3f55ff;
}

/* ##. DROPDOWN MENU */

#main-body .dropdown-menu > li > a {
    transition: color 0.25s, border-color 0.25s,
        background-color 0.25s ease-in-out;
}

#main-body .dropdown-menu > li > a:hover,
#main-body .dropdown-menu > li > a:focus {
    color: #fff;
}

/* ##. DATATABLES */

.dataTables_wrapper {
    border-radius: 0;

    font-size: 14px;

    line-height: 24px;
}

div.dataTables_wrapper table.table-list {
    margin-bottom: 0 !important;
}

.dataTables_wrapper .dataTables_info {
    background-color: #3f55ff;

    border-radius: 0;
}

div.dataTables_wrapper table.table-list thead th {
    position: relative;

    z-index: 0;
}

div.dataTables_wrapper table.table-list thead th:before {
    content: ' ';

    position: absolute;

    left: 0;

    right: 0;

    bottom: -4px;

    height: 4px;

    background-color: #000;

    opacity: 0;

    z-index: -1;
}

div.dataTables_wrapper table.table-list thead th:nth-child(even):before {
    opacity: 0.1;
}

div.dataTables_wrapper table.table-list tr:first-child td {
    border-top-width: 0;
}

.dataTables_wrapper .dataTables_filter label input.form-control {
    height: auto;

    margin-top: 4px;

    background-position: 10px center;
}

@media screen and (max-width: 600px) {
    div.dataTables_wrapper div.dataTables_info {
        padding-bottom: 60px !important;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 60px;
    }

    div.dataTables_wrapper .dataTables_filter label .form-control {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper table.table-list thead th,
    div.dataTables_wrapper table.table-list tbody td {
        padding-left: 5px;

        padding-right: 5px;
    }

    div.dataTables_wrapper table.table-list thead th:nth-child(3),
    div.dataTables_wrapper table.table-list thead th:nth-child(4),
    div.dataTables_wrapper table.table-list tbody td:nth-child(3),
    div.dataTables_wrapper table.table-list tbody td:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    div.dataTables_wrapper table.table-list thead th:nth-child(5),
    div.dataTables_wrapper table.table-list tbody td:nth-child(5) {
        display: none;
    }
}

/* ##. PANEL SIDEBAR: LIST GROUP */

.panel-sidebar a.list-group-item {
    transition: color 0.25s, background-color 0.25s ease-in-out;
}

.panel-sidebar a.list-group-item .fa {
    transition: color 0.25s;
}

.panel-sidebar a.list-group-item.active i.fa {
    color: #fff !important;
}

/* ##. ORDER PAGE: SUMMARY */

#order-standard_cart div.order-summary {
    background-color: #119ee6;

    border-color: #119ee6;
}

#order-standard_cart div.summary-container {
    padding-top: 12px;

    font-size: 14px;

    line-height: 24px;
}

#order-standard_cart div.summary-container .total-due-today {
    margin-top: 18px;
}

#order-standard_cart div.summary-container .total-due-today .amt {
    margin-bottom: 8px;
}

/* ##. ORDER PAGE: CART ITEMS */

#order-standard_cart .view-cart-items div.item,
#order-standard_cart .view-cart-items .item-price span.cycle {
    font-size: 14px;
}

#order-standard_cart .view-cart-items span.item-title {
    font-size: 1.4em;
}

/* ##. LANDING PAGE: PRICING */

.landing-page .get-started .choose-product .btn {
    padding: 10px 20px;

    box-shadow: none;

    border-width: 0 1px;

    border-radius: 2px;

    transition: background-color 0.25s ease-in-out;

    outline: 0;
}

.landing-page .get-started .choose-product .btn:first-child {
    border-left-width: 0;
}

.landing-page .get-started .btn.btn-order-now {
    padding: 8px 25px 9px;

    background-color: #3f55ff;

    border-radius: 20px;

    box-shadow: none;

    transition: background-color 0.25s ease-in-out;

    outline: 0;
}

.landing-page .product-options div.price {
    margin: 20px 0;
}

.landing-page .pricing .cycle-change {
    box-shadow: none;

    transition: background-color 0.25s ease-in-out;
}

/* ##. LANDING PAGE: FAQ */

.landing-page #faq {
    margin: 0;

    padding: 80px 0;

    background-color: #f9f9f9;
}

/*--------------------------------

    4. FOOTER WIDGETS

--------------------------------*/

.footer--widgets {
    padding-top: 50px;

    color: #fff;
}

.footer--widget {
    padding-bottom: 50px;
}

.footer--widget h4 {
    position: relative;

    margin: -5px 0 25px;

    padding-bottom: 12px;

    font-size: 24px;

    line-height: 32px;

    font-weight: 700;
}

.footer--widget h4:before {
    content: ' ';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 40px;

    height: 2px;

    background-color: #3f55ff;
}

.footer--widget ul {
    margin: 0;

    padding: 0;

    list-style: none;
}

.footer--widget ul ul {
    padding-left: 20px;
}

.footer--widget ul li a {
    display: block;

    padding-bottom: 10px;

    color: #fff;

    -webkit-transition: color 0.25s ease;

    transition: color 0.25s ease;
}

.footer--widget ul li a:hover {
    color: #3f55ff;

    text-decoration: none;
}

.fw--about a.more {
    color: #3f55ff;

    font-family: 'Oswald', sans-serif;

    font-weight: 700;
}

.fw--about a.more:hover {
    text-decoration: none;
}

.fw--about-social {
    margin-top: 15px;
}

.fw--about-social ul {
    position: relative;

    margin: 0 -15px;
}

.fw--about-social ul:before,
.fw--about-social ul:after {
    content: ' ';

    display: table;
}

.fw--about-social ul:after {
    clear: both;
}

.fw--about-social ul li {
    float: left;
}

.fw--about-social ul li a {
    display: block;

    padding: 0 15px;
}

.fw--links ul {
    margin-top: -10px;
}

.fw--links li a {
    padding-top: 10px;

    border-bottom: 1px dotted #fff;
}

.fw--links li a:hover {
    border-color: #3f55ff;
}

.footer--widget.fw--links li a {
    -webkit-transition: color 0.25s ease, border-color 0.25s ease;

    transition: color 0.25s ease, border-color 0.25s ease;
}

/*--------------------------------

    5. FOOTER

--------------------------------*/

section#footer {
    padding: 25px 0;

    color: #fff;

    background-color: #222;

    border-width: 0;

    font-size: inherit;

    text-align: center;
}

section#footer p {
    margin: 0;

    border: none;

    color: #fff;

    font-size: inherit;

    line-height: inherit;
}

#footer p span {
    color: #3f55ff;

    font-weight: 700;
}

/*------------------------------------*\

    6. MEDIA QUERIES

\*------------------------------------*/

/* 6.1. LARGE DEVICES, WIDE SCREENS */

@media screen and (max-width: 1199px) {
}

/* 6.2. MEDIUM DEVICES, DESKTOPS */

@media screen and (max-width: 991px) {
    /* HEADER NAVBAR AREA */

    #headerNavbar .navbar-toggle {
        display: block;

        margin-left: 15px;

        margin-bottom: 0;

        padding: 13px 20px;

        border-radius: 50px;
    }

    #headerNavbar .navbar-header {
        float: none;

        margin-right: -15px;
    }

    .header--custom-btn.btn--default {
        display: none;
    }

    #headerNavbar .navbar-header .header--custom-btn {
        display: block;
    }

    .header--custom-btn {
        margin-left: 0;
    }

    #headerNav {
        max-height: 320px;
        padding-left: 0;
        padding-right: 0;
        background-color: #303030;
        overflow: auto !important;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
    }

    #headerNav.collapse {
        display: none !important;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    #headerNav.collapse.show {
        display: block !important;
    }

    #headerNav .nav {
        float: none !important;

        margin-top: 7.5px;

        margin-bottom: 7.5px;

        margin-right: 0;
    }

    #headerNav .nav > li {
        float: none;
    }

    #headerNav .nav > li > a {
        margin-left: 0;

        padding: 20px 15px;
    }

    #headerNav .nav > .dropdown > .dropdown-menu {
        position: static;

        float: none;
    }

    /* BACK TO TOP */

    #backToTop {
        display: none;
    }
}

/* 6.3. SMALL DEVICES, TABLETS */

@media screen and (max-width: 767px) {
    /* HEADER NAVBAR AREA */

    #headerNav {
        padding-left: 15px;

        padding-right: 15px;
    }

    #headerNav .nav {
        margin-right: -15px;
    }

    #headerNav .nav > .dropdown > .dropdown-menu {
        background-color: #fff;
    }

    /* MAIN MENU */

    .navbar-main .navbar-toggle {
        margin-right: 15px;
    }
}

/* 6.4. SMALL DEVICES, SMARTPHONES */

@media screen and (max-width: 480px) {
}

/* 6.5. CUSTOM, IPHONE RETINA */

@media screen and (max-width: 380px) {
    /* HEADER NAVBAR AREA */

    #headerNavbar .navbar-header .header--custom-btn {
        display: none;
    }
}

/* WHMCS */

#default-captcha-domainchecker #inputCaptcha {
    border: 1px solid #fff;
}

#mainNavbar > ul > li > a {
    color: #fff;
}

.dataTables_wrapper .dataTables_info {
    background-color: transparent !important;
}