:root {
  --primary: #103558; /*Navy Blue Main */
  --primary-dark: #07213a; /*Navy Blue Dark */
  --secondary: #017ea7; /*Aqua */
  --dark: #1d1e24; /*Charcoal/black */
  --light: #F5F5F5; /*Off white */
  --grey: #404040; /*Dark Grey */
  --accent: #fdb614; /*Yellow*/
  --accent2: #f6851f; /*Orange*/
  --accent-red: #ff0000;/*Red highlight*/
  --accent-green: var(--accent);/*Green highlight*/
  --light-grey: #cccccc' /*Light Grey Border*/
  
}

.top-bar {
    /* background: linear-gradient(90deg,#cbdb2a 0%,#f7941d 50%,#cbdb2a 100%); */
    background: var(--primary);
    padding: 10px 0;
}

.navbar, footer.footer {
    background: var(--primary);
}

.bg-color-blue, .bg-color-teal {
    background-color: var(--secondary);
}

.card-accent-blue {
    border-top: 3px solid var(--secondary);
}
h4.top-bar, p.top-bar {
    color: #ffffff;
    text-align: center;
    padding: 0;
    margin: 0;
}

p.top-bar {
    font-weight: bold;
    text-transform: uppercase;
}


    
.add-service-header {
    margin: 0 10px;
}

.header-button {
    padding: 5px 30px 5px 27px;
    border: none;
}

.ml-auto-disable {
    margin-left: unset!important;
}

@media (max-width:480px) {
    .break {
      flex-basis: 100%;
      height: 0;
    }
    
    .add-service-header, .navbar-center-mobile{
        margin: 10px auto 10px auto;
    }
    
    .ml-3-noleftmargin {
        margin-left: 0!important;
    }
}

.header-button-orange {
    background: var(--accent2);
    color: #ffffff;
}

.header-button-orange a {
    color: #ffffff!important;
}

.header.header .search {
    margin-top: 17px;
}

.domain-checker-available strong {
    font-size: 30px;
}

.header-button-orange:hover {
    background: #fdb913;
    color: #ffffff;
}

.field-icon {
    padding-top: 10px;
}

.btn-google {
    background-color: transparent;
    border: none;
}


.col-3mob {
    flex: 0 0 35%!important;
    max-width: 35%!important;
}

.col-9mob {
    flex: 0 0 65%!important;
    max-width: 65%!important;
}

.list-group-item.active {
    background-color: var(--accent);
    border-color: var(--accent);
}

.list-group-item-action:hover {
    background-color:rgba(141,198,63,0.2);
}

.price-table-container i {
    font-size: 15px;
    background: var(--accent2);
    color: #fff;
    padding: 10px;
    border-radius: 22px;
}

.ha-upgrade-header {
    background: var(--accent2);
    text-align: center;
    padding: 16px 0 10px;
    border-radius: 3px 3px 0 0;
    border: 1px solid rgba(0,0,0,.125);
}

.ha-upgrade-header h5, .ha-upgrade-header p {
    color: #ffffff;
}

.ha-upgrade-content {
    text-align: center;
    padding: 16px 0 10px;
    border-radius: 0 0 3px 3px;
    border: 1px solid rgba(0,0,0,.125);
    margin-bottom: 20px;
}


header.header {
    background: #f5f5f5;
}

header.header .topbar {
    background-color: var(--primary);
}

header.header .navbar a {
    color: #ffffff;
}

.dropdown-item {
    color: #000!important;
}

.three-quart-col {
    float: right;
    width: 75%;
}

.container {
    max-width: 1280px;
}

.domain-checker-bg {
    background-image: linear-gradient(#f28e35, #faaf6d)!important;
    background-position: 0!important;
   
}

.domain-checker-container .input-group-box, #order-standard_cart .input-group-lg > .form-control, #btnCheckAvailability {
    border-radius: 0!important;
}

.featured-tld .img-container img {
    max-width: 100%!important;
}

.featured-tld .price.comau, .featured-tld .price.com, .featured-tld .price.au, .featured-tld .price.netau, .featured-tld .price.online, .featured-tld .price.melbourne, .featured-tld .price.sydney, .featured-tld .price.website {
    background-color: #fff;
    color: var(--primary);
    border-radius: 0;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 27px;
} 

.featured-tld .img-container {
    padding-top: 0!important;
    line-height: 0!important;
    height: unset;
}

[menuitemname~="promos"] .card-body {
    text-align: center;
}

[menuitemname~="promos"] .card-header {
    background-color: red;
    color: #ffffff;
    text-align: center;

}

[menuitemname~="promos"] .card-header h3{
    font-size: 1.5rem;
}

[menuitemname~="promos"] .card-body h4 {
    font-size: 1.2rem;
    font-weight: bold;
}

[menuitemname~="promos"] .card-body h3 {
    font-size: 1.5rem;
    font-weight: bold;
}

.fa-white {
    color: #ffffff;
}

.btn-success {
    background-color: var(--accent2);
    border-color: var(--accent2);
}

.btn-success:hover {
    background-color: #ffffff;
    border-color: var(--accent2);
    color:#f7941d;
}

.btn-orange {
    background-color: var(--accent2);
    border-color: var(--accent2);    
    color: #ffffff;
}

.btn-orange:hover {
    background-color: #fbd985;
    border-color: var(--accent2);    
    color: var(--primary);
}

.btn-green {
    background-color: var(--accent);
    border-color: var(--accent);    
    color: #ffffff;
}

.btn-green:hover {
    background-color: #c8e0a3;
    border-color: var(--accent);    
    color: var(--primary);
}

.label-success {
  background-color: var(--accent);
}

.card-accent-emerald {
  border-top: 3px solid var(--accent);
}

.promo-banner.symantec {
  border-top: 3px solid var(--accent);
}
  
.promo-banner.symantec .btn {
  background-color: var(--accent);
  border: 1px solid var(--accent);
}

.promo-banner.symantec .btn:hover {
  background-color: #fff;
  border-color: var(--accent);
  color: var(--accent);
}



.promo-banner.spamexperts  {
  border-top: 3px solid var(--accent);
}
  
.promo-banner.spamexperts .btn {
  background-color: #589ed7;
  border: 1px solid #589ed7;
}

.promo-banner.spamexperts .btn:hover {
  background-color: #fff;
  border-color: #589ed7;
  color: #589ed7;
}




.promo-banner.sitelock {
  border-top: 3px solid var(--accent2);
}

.promo-banner.sitelock .btn {
  background-color: var(--accent2);
  border: 1px solid var(--accent2);
}

.promo-banner.sitelock .btn:hover {
  background-color: #fff;
  border-color: var(--accent2);
  color: var(--accent2);
}



.bg-color-gold {
  background-color: var(--accent2);
}

.card-accent-gold {
  border-top: 3px solid var(--accent2);
}
.ha-login-box {
    text-align: center;
}

.ha-login-forgotpass {
    text-align: center;
}

.ha-forgotpass {
    background: var(--accent);
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}

.ha-forgotpass a {
    color: #fff!important;
}

.ha-login-heading {
    color: var(--accent);
    font-weight: bold;
}



.ha-login-icon {
    background: var(--primary);
    color: #fff;
    border: 1px solid var(--primary);
}

.ha-login-button {
    background: var(--accent);
    border-color: var(--accent);
}

.ha-login-button:hover {
    background: #fff;
    border-color: var(--accent);
    color: var(--accent);
}

.text-pwreset {
    font-weight: bold;
    background: var(--accent);
    padding: 5px 10px;
    border-radius: 3px;
    color: #ffffff;
    border: 1px solid var(--accent);
}

.text-pwreset:hover {
    background: #ffffff;
    padding: 5px 10px;
    border-radius: 3px;
    color: var(--accent);
    border: 1px solid var(--accent);
}


.cart-billing-cycle {
    color: #000!important;
    font-size: 0.85em!important;
    font-weight: normal!important;
}

.cart-order-sale-text {
    color: #ff0000;
    font-weight: bold;
}

.breadcrumb, .master-breadcrumb{
    background-color: var(--secondary);
    color: #fff;
}

.breadcrumb-item a {
    color: #fff;
}

.breadcrumb-item.active {
    color: #fff;
    font-weight: bold;
}

.btn-primary {
    background-color: var(--accent2);
    border-color: var(--accent2);
    padding: 15px 34px;
}

.btn-warning {
    padding: 15px 34px;
}

.btn-primary:hover {
    background-color: #ffffff;
    border-color: var(--accent2);
    color: var(--accent2);
}

.alert-light-orange {
    color: #fff;
    background-color: #fdb913;
    border-color: var(--accent2);
}

a.alert-link-white {
    color: #fff!important;
    font-weight: bold;
}

#order-standard_cart label {
    font-size: 14px!important;
    font-weight: 400!important;
    color: #058!important;
}

#order-standard_cart .sub-heading span {
    font-size: 20px!important;
    top: -18px!important;
}

#containerNewUserSignup .primary-bg-color small {
    font-size: 50%;
    top: -15px;
    position: relative;
}

#containerNewUserSignup .sub-heading {
    margin-bottom: 50px!important;
}

.product-strikethrough {
    text-decoration:line-through
}