/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

:root {
	/* Typography */

	--global-font-size: 16px;
	--global-font-line-height: 1.4;

	/* Custom editor font sizes */
	--font-size-small: calc(16 / var(--global-font-size) * 1rem);
	--font-size-regular: calc(var(--global-font-size) / 16 * 1rem);
	--font-size-large: calc(36 / var(--global-font-size) * 1rem);
	--font-size-larger: calc(48 / var(--global-font-size) * 1rem);

	/* Fontsize */
	--font-size-normal: 0.875rem;
	--font-size-body: 1rem;
	--font-size-h1: 5.653rem;
	--font-size-h2: 3.998rem;
	--font-size-h3: 2.827rem;
	--font-size-h4: 1.999rem;
	--font-size-h5: 1.414rem;
	--font-size-h6: 1rem;

	/* Line-Height */
	--font-line-height-body: 1.75;
	--font-line-height-p: 1.75;
	--font-line-height-h1: 1.3;
	--font-line-height-h2: 1.3;
	--font-line-height-h3: 1.3;
	--font-line-height-h4: 1.3;
	--font-line-height-h5: 1.3;
	--font-line-height-h6: 1.75;

	/* Font-Weight */
	--font-weight-body: 400;
	--font-weight-h1: 700;
	--font-weight-h2: 500;
	--font-weight-h3: 400;
	--font-weight-h4: 600;
	--font-weight-h5: 600;
	--font-weight-h6: 400;

	/* Letter spacing */
	--font-letter-spacing-body: 1px;
	--font-letter-spacing-link: 1rem;
	--font-letter-spacing-h1: 2px;
	--font-letter-spacing-h2: 2px;
	--font-letter-spacing-h3: 2px;
	--font-letter-spacing-h4: 2px;
	--font-letter-spacing-h5: 2px;
	--font-letter-spacing-h6: 2px;

	/* border-radius */
	--border-radius: 5px;

	/* Colors */
	--global-body-bgcolor: #111111;
	--global-font-color: #ffffff;
	--global-font-title: #0ae0b8;
	--global-font-black: #111111;
	--global-font-subtitle: #23203c;
	--global-btn-color: #17463e;
	--border-color-light: #404043;
	--border-color-dark: #393750;
	--border-color-primary: #057560;
	--color-link: #0ae0b8;
	--color-link-visited: #0ae0b8;
	--color-link-active: #0ae0b8;
	--color-divider: #b0b0b0;
	--global-white-light-color: #404043;
	--global-form-gradient-color: rgba(11, 1, 2, 0);
	--global-to-gradient-color: rgba(255, 55, 65, 0.3);

	/* Custom editor colors */
	--color-theme-primary: #0ae0b8;
	--color-theme-primary-hover: #bf000a;
	--color-theme-primary-opacity: #0e2a25;
	--color-theme-primary-dark: #057560;
	--color-theme-opacity-dark: #0e2a25;
	--color-theme-bgborder: #707070;
	--color-theme-secondary: #6c757d;
	--color-theme-secondary-hover: #6c757d;
	--color-theme-red: #c0392b;
	--color-theme-green: #27ae60;
	--color-theme-blue: #2980b9;
	--color-theme-yellow: #f1c40f;
	--color-theme-black: #000;
	--color-theme-grey: #95a5a6;
	--color-theme-white: #fff;
	--color-theme-section-title: #fff;
	--color-custom-daylight: #97c0b7;
	--color-custom-sun: #eee9d1;
	--color-theme-page-bg: #3a3a3a;
	--color-theme-card-bg: #151515;
	

	/*  Shadow  */
	--color-theme-hover-shadow: 0px 0px 16px rgba(10, 224, 184, 0.75);
	--input-focus-shadow: 0px 0px 8px rgba(10, 224, 184, 0.75);
	--title-text-shadow: 1px 1px 0px #0ae0b8, 1px 1px 0px #f20e7c;
	--filter-box-shadow: drop-shadow(0px 0px 16px rgba(10, 224, 184, 0.75));
}

/*======================================
 Font
======================================*/
@font-face {
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("../assets/fonts/D-DIN-PRO-Regular.woff2") format("woff2"),
		url("../assets/fonts/D-DIN-PRO-Regular.woff") format("woff");
}

@font-face {
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("../assets/fonts/D-DIN-PRO-Medium.woff2") format("woff2"),
		url("../assets/fonts/D-DIN-PRO-Medium.woff") format("woff");
}

@font-face {
	font-family: "D-DIN-PRO-semiBold";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("../assets/fonts/D-DIN-PRO-SemiBold.woff2") format("woff2"),
		url("../assets/fonts/D-DIN-PRO-SemiBold.woff") format("woff");
}

@font-face {
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("../assets/fonts/Codetta-Regular.woff2") format("woff2"),
		url("../assets/fonts/Codetta-Regular.woff") format("woff");
}

/*---------------------------------
              General
---------------------------------*/

body {
	background-color: var(--global-body-bgcolor) !important;
	color: var(--global-font-color) !important;
	font-family: var(--global-font-family);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	position: relative !important;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--highlight-font-family);
	clear: both;
	margin: 25px 0;
	text-shadow: var(--title-text-shadow);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

h1 {
	color: var(--global-font-color);
	font-size: var(--font-size-h1);
	line-height: var(--font-line-height-h1);
	letter-spacing: var(--font-letter-spacing-h1);
	font-weight: var(--font-weight-h1);
}

h2 {
	color: var(--global-font-color);
	font-size: var(--font-size-h2);
	line-height: var(--font-line-height-h2);
	letter-spacing: var(--font-letter-spacing-h2);
	font-weight: var(--font-weight-h2);
}

h3 {
	color: var(--global-font-color);
	font-size: var(--font-size-h3);
	line-height: var(--font-line-height-h3);
	letter-spacing: var(--font-letter-spacing-h3);
	font-weight: var(--font-weight-h3);
}

h4 {
	color: var(--global-font-color);
	font-size: var(--font-size-h4);
	line-height: var(--font-line-height-h4);
	letter-spacing: var(--font-letter-spacing-h4);
	font-weight: var(--font-weight-h4);
}

h5 {
	color: var(--global-font-color);
	font-size: var(--font-size-h5);
	line-height: var(--font-line-height-h5);
	letter-spacing: var(--font-letter-spacing-h5);
	font-weight: var(--font-weight-h5);
}

h6 {
	color: var(--global-font-color);
	font-size: var(--font-size-h6);
	line-height: var(--font-line-height-h6);
	letter-spacing: var(--font-letter-spacing-h6);
	font-weight: var(--font-weight-h6);
}

button,
input,
select,
optgroup,
textarea {
	color: var(--global-font-color);
	font-family: var(--global-font-family);
	font-size: var(--font-size-regular);
	line-height: var(--global-font-line-height);
}

a {
	font-size: var(--font-size-body);
	color: var(--color-theme-primary);
	text-decoration: none !important;
}

a:hover{
	color: var(--color-theme-primary);
	text-shadow: var(--color-theme-hover-shadow);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-family: var(--global-font-family);
	text-shadow: none;
	font-size: inherit;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

p {
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-p);
	color: var(--global-font-color);
}

pre {
	background: var(--color-theme-primary-opacity);
	color: var(--color-theme-white);
	padding: 15px;
	border: 1px solid var(--color-theme-primary-opacity);
}

input {
	border: 1px solid var(--color-theme-primary) !important;
	border-radius: unset !important;
}

input:active {
	background-color: transparent !important;
}

textarea {
	border: 1px solid var(--color-theme-primary) !important;
	border-radius: unset !important;
}

.btn:focus {
 box-shadow: unset;
}

select {
	background-color: transparent !important;
	border: 1px solid var(--color-theme-primary) !important;
	border-radius: unset !important;
	}
	
option {
		background-color: transparent !important;
		color: var(--color-theme-black);
	}

.dropdown:hover>.dropdown-menu {
		display: block;
	  }
	  
.input-group-append{
	margin-left: 0;
}

.dropdown-item:active {
	background-color: transparent !important;
}

.dropdown-menu .dropdown-item {
	display: block;
	text-align: left !important;
}

.dropdown-toggle::after{
	margin-left: unset;
	border-right: 0;
}

table{
	border: unset !important;
   }

table thead{
	background-color: var(--color-theme-primary-opacity);
	padding: 10px 0 !important;
}

tbody{
	color: var(--global-font-color);
	background-color: #102a25;
	border: 1px solid var(--color-theme-primary) !important;
}

.table td, .table th{
	vertical-align: middle;
}

.alert-block select{
	background-color: var(--color-theme-white) !important;
	color: var(--global-font-black) !important;
}
.alert-block select:focus{
	background-color: var(--color-theme-white) !important;
}

input[value="Save Changes"], input[value="Cancel"], input[value="Register"], input[value="Transfer"] {
	border: none !important;
}

input[value="Register"]{
	margin: 0 10px;
}

strong{
	color: var(--color-theme-primary);
}

.badge-secondary{
	background-color: var(--color-theme-primary-opacity);
}

 .badge-success{
	background-color: var(--color-theme-primary);
 }

 a.badge-success:focus, a.badge-success:hover{
	background-color: var(--color-theme-primary-opacity);
	box-shadow: none;
 }


 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: var(--color-theme-primary) !important;
	text-shadow: var(--color-theme-hover-shadow);
}

.navbar .navbar-brand {
	color: var(--color-theme-primary) !important;
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: var(--color-theme-primary);
    background-color: var(--global-btn-color);
    border-color: unset;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}


@keyframes blink {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*---------------------------------
      overwrite WHMCS theme
---------------------------------*/

header.header,
.master-breadcrumb,
.breadcrumb,
footer.footer {
	background-color: transparent;
}

.footer.footer{
	padding-bottom: 20px;
}

.master-breadcrumb{
	background-color: var(--color-theme-primary-opacity);
	padding: 15px 0;
}

.card {
	background-color: transparent;
	border: unset;
}

.action-icon-btns a {
	background-color: transparent;
}

.form-control {
	background-color: transparent !important;
	color: var(--color-theme-white) !important;
	height: 45px;
}

.form-control:focus{
	box-shadow: var(--input-focus-shadow) !important;
	background-color: transparent !important;
}

.btn-default {
	background-color: transparent;
}

.card-accent-midnight-blue,
.card-accent-teal,
.card-accent-pomegranate,
.card-accent-green,
.card-accent-sun-flower,
.card-accent-asbestos {
	border-top: unset;
}

header.header .search {
	border: unset;
}

.header.header .navbar-nav a {
	font-size: var(--global-font-size);
}

.badge-info {
	background-color: var(--color-theme-primary);
	color: var(--global-font-color);
	opacity: 1 !important;
}

.header.header .toolbar .cart-btn {
	border: unset;
}

header.header .toolbar .nav-link {
	padding: 11px 20px;
}

header.header .toolbar .nav-link .badge {
	top: 6px;
	right: 10px;
}

.header.header .toolbar .cart-btn:hover {
	color: var(--color-theme-primary);
}

#header .input-group-prepend .btn:hover {
	background-color: var(--global-btn-color);
	color: var(--color-theme-primary);
}



.input-group-wrapper {
	background-color: transparent !important;
}

.btn,
#header #nav li a {
	background: var(--global-btn-color);
	color: var(--color-theme-white);
	border: none;
	position: relative;
	z-index: 9;
	font-weight: 400;
	text-align: center;
	padding: 14px 20px 10px;
	font-size: var(--font-size-body);
	letter-spacing: var(--font-letter-spacing-body);
	cursor: pointer;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	border-radius: unset !important;
}

.btn:hover, 
.btn-primary:focus, 
.btn-primary:active {
	background-color: var(--global-btn-color);
	color: var(--color-theme-primary);
}

.home-domain-search .input-group-wrapper .btn {
	border-radius: unset !important;
	margin: 0 0 0 20px !important;
}

.home-domain-search .input-group-wrapper {
	border: unset;
	padding: unset;
}

.home-domain-search .tld-logos {
	display: flex;
	justify-content: center;
	align-items: center;
}

#header .navbar-nav li a {
	color: var(--global-font-color);
}

#header #nav li a {
	background-color: transparent;
}

#header #nav li a:hover {
	color: var(--color-theme-primary);
}

#header #nav li a::before,
#header #nav li a::after,
.btn::before,
.btn::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	left: 0;
	top: 0;
	border-top: 2px solid var(--color-theme-primary);
	border-left: 2px solid var(--color-theme-primary);
	opacity: 0;
}

#header #nav li a::before,
.btn::before {
	top: auto;
	bottom: 0;
	border-top: none;
	border-bottom: 2px solid var(--color-theme-primary);
}

#header #nav li a .border-span::before,
#header #nav li a .border-span:after,
.border-span:before,
.border-span:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	right: 0;
	top: 0;
	border-top: 2px solid var(--color-theme-primary);
	border-right: 2px solid var(--color-theme-primary);
	opacity: 0;
}

#header #nav li a .border-span::before,
.border-span::before {
	border-top: none;
	border-bottom: 2px solid var(--color-theme-primary);
	top: auto;
	bottom: 0;
}

#header #nav li a:hover::before,
#header #nav li a:hover::after,
#header #nav li a:hover .border-span::before,
#header #nav li a:hover .border-span::after,
.btn:hover::before,
.btn:hover::after,
.btn:hover .border-span::before,
.btn:hover .border-span::after {
	opacity: 1;
	animation: blink 0.6s ease-in-out;
}

.dropdown-menu {
	background-color: var(--color-theme-black);
	border-radius: unset;
}

.dropdown-menu:hover li {
	background-color: transparent;
}

.master-breadcrumb .breadcrumb {
	font-size: var(--global-font-size);
}

.mighty-border-span1 {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
	width: 0;
	height: 0;
	background: var(--color-theme-primary-opacity);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transform-origin: top center;
	-webkit-transform-origin: top center;
	z-index: -1;
}

#main-body .card.active .mighty-border-span1 {
	width: 100%;
	height: 100%;
	top: 0;
}

#main-body .card:hover .mighty-border-span1 {
	width: 100%;
	height: 100%;
	top: 0;
}

#main-body .card.active .mighty-border-span1::after,
#main-body .card.active .mighty-border-span1::before,
#main-body .card.active .mighty-border-span2::after,
#main-body .card.active .mighty-border-span2::before {
	opacity: 1;
}

#main-body .card:hover .mighty-border-span1::after,
#main-body .card:hover .mighty-border-span1::before,
#main-body .card:hover .mighty-border-span2::after,
#main-body .card:hover .mighty-border-span2::before {
	opacity: 1;
}

.mighty-border-span1::after,
.mighty-border-span1::before {
	content: "";
	position: absolute;
	width: 25px;
	height: 100%;
	left: 0;
	top: 0;
	border-top: 2px solid var(--color-theme-primary);
	border-bottom: 2px solid var(--color-theme-primary);
	transition: all 0.5s ease-in-out;
	opacity: 0;
}

.mighty-border-span1::before {
	left: auto;
	right: 0;
}

.mighty-border-span2::after,
.mighty-border-span2::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 25px;
	left: 0;
	top: 0;
	border-right: 2px solid var(--color-theme-primary);
	border-left: 2px solid var(--color-theme-primary);
	transition: all 0.5s ease-in-out;
	opacity: 0;
}

.mighty-border-span2::before {
	top: auto;
	bottom: 0;
}

.action-icon-btns a .ico-container {
	font-size: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 30px;
}

.action-icon-btns a p {
	margin-top: 30px;
}

.action-icon-btns a .ico-container i {
	font-size: 30px;
	color: var(--global-font-color);
}

.action-box:hover .ico-container i {
	color: var(--color-theme-primary);
}

.action-icon-btns a:hover .ico-container {
	font-size: unset;
}

.icon-mighty-border-span1 {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 5px;
	margin: auto;
	width: 70px;
	height: 70px;
	background: var(--color-theme-primary-opacity);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transform-origin: top center;
	-webkit-transform-origin: top center;
	z-index: -1;
}

.action-box.active .icon-mighty-border-span1 {
	width: 100%;
	height: 100%;
	top: 0;
}

.action-box:hover .icon-mighty-border-span1 {
	width: 100%;
	height: 100%;
	top: 0;
}

.icon-mighty-border-span1::after,
.icon-mighty-border-span1::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 100%;
	left: 0;
	top: 0;
	border-top: 2px solid var(--color-theme-primary);
	border-bottom: 2px solid var(--color-theme-primary);
	transition: all 0.5s ease-in-out;
	opacity: 1;
}

.action-box:hover .icon-mighty-border-span1::before,
.action-box:hover .icon-mighty-border-span1::after {
	width: 25px;
}

.icon-mighty-border-span1::before {
	left: auto;
	right: 0;
}

.icon-mighty-border-span2::after,
.icon-mighty-border-span2::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 10px;
	left: 0;
	top: 0;
	border-right: 2px solid var(--color-theme-primary);
	border-left: 2px solid var(--color-theme-primary);
	transition: all 0.5s ease-in-out;
	opacity: 1;
}

.action-box:hover .icon-mighty-border-span2::before,
.action-box:hover .icon-mighty-border-span2::after {
	height: 25px;
}

.icon-mighty-border-span2::before {
	top: auto;
	bottom: 0;
}

/*---------------------------------
              Footer
---------------------------------*/

footer.footer .btn {
	background: var(--global-btn-color);
	color: var(--color-theme-white);
	font-weight: 400;
	text-align: center;
	font-size: var(--font-size-body);
}

footer.footer .btn:hover {
	color: var(--color-theme-primary);
}


/*---------------------------------
           Footer Model
---------------------------------*/

.modal-content {
	background-color: var(--color-theme-primary-opacity) !important;
}

.modal-localisation .item-selector .item.active {
	background-color: var(--global-btn-color);
	color: var(--global-font-color);
}

.modal-localisation .item-selector .item {
	border: unset;
	border-radius: unset;
}

.modal-localisation .item-selector .item::after,
.modal-localisation .item-selector .item::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	left: 0;
	top: 0;
	border-top: 2px solid var(--color-theme-primary);
	border-left: 2px solid var(--color-theme-primary);
	opacity: 0;
}

.modal-localisation .item-selector .item::before {
	top: auto;
	bottom: 0;
	border-top: none;
	border-bottom: 2px solid var(--color-theme-primary);
}

.modal-localisation .item-selector .item .border-span::before,
.modal-localisation .item-selector .item .border-span::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	right: 0;
	top: 0;
	border-top: 2px solid var(--color-theme-primary);
	border-right: 2px solid var(--color-theme-primary);
	opacity: 0;
}

.modal-localisation .item-selector .item .border-span::before {
	border-top: none;
	border-bottom: 2px solid var(--color-theme-primary);
	top: auto;
	bottom: 0;
}

.modal-localisation .item-selector .item.active::after,
.modal-localisation .item-selector .item.active::before,
.modal-localisation .item-selector .item.active .border-span::before,
.modal-localisation .item-selector .item.active .border-span::after {
	opacity: 1;
}

.modal-localisation .item-selector .item:hover {
	background-color: var(--global-btn-color);
	color: var(--global-font-color);
}

.modal .modal-header{
	background-color: transparent;
}

.modal-body input[value="Get Started »"]{
	border: unset !important;
}

tr.masspay-total td, .invoice-summary-table td.total-row  {
	background-color: transparent;
	font-weight: unset;
	color: var(--global-font-title);
}


#order-standard_cart {
	font-size: var(--global-font-size) !important;
}

#order-standard_cart label{
	font-size: var(--global-font-size) !important;
	color: var(--global-font-color) !important;
}


#order-standard_cart .view-cart-tabs .tab-content{
	background-color: var(--color-theme-opacity-dark) !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	background-color:var(--color-theme-opacity-dark) !important ;
	border: none;
	color: var(--global-font-color);
}

div.product-details-tab-container{
	border: 1px solid var(--color-theme-opacity-dark);
	background-color: var(--color-theme-opacity-dark) ;
}

.product-details P{
	color: var(--color-theme-primary) ;
	margin-bottom: 0;
	margin-top: 20px;
}

#order-standard_cart .view-cart-tabs .promo .form-group{
	margin-bottom: 15px !important;
}

#order-standard_cart .prepend-icon .field-icon {
	top: 9px !important;
}

.nav-tabs{
	border-bottom: 1px solid var(--color-theme-opacity-dark);
}

#order-standard_cart .view-cart-tabs .nav-tabs>li.active>a {
	background-color: var(--color-theme-opacity-dark) !important;
	border: unset;
	color: var(--global-font-color);
}

#order-standard_cart .view-cart-items-header {
	background-color: var(--color-theme-opacity-dark) !important ;
}

#order-standard_cart .view-cart-items {
    border-bottom: 2px solid var(--color-theme-opacity-dark) !important;
}

#order-standard_cart .summary-container, #order-standard_cart .order-summary{
	background-color: transparent !important;
}

#order-standard_cart .order-summary{
	border: 1px solid var(--color-theme-primary);
	border-bottom: 1px solid var(--color-theme-primary) !important;
	border-radius:unset !important;
}

#order-standard_cart .order-summary h2{
	background-color: var(--color-theme-opacity-dark);
}

#checkout{
	background-color: var(--global-btn-color);
}

#order-standard_cart .order-summary .btn-continue-shopping{
	color: var(--global-font-color) !important;
	font-size: var(--global-font-size) !important;
}

#order-standard_cart .domain-selection-options .option, .product-info, #order-standard_cart .view-cart-items .item {
	background-color: transparent !important;
}

#order-standard_cart .cc-input-container{
	background-color: transparent !important;
	border: 1px solid var(--color-theme-primary) !important;
	border-radius: unset !important;
}

#order-standard_cart .sub-heading span {
	background-color: var(--color-theme-opacity-dark) !important;
	color: var(--global-font-color) !important;
}

#frmPayment input[type="submit"]{
	background-color: var(--global-btn-color);
	padding: 10px 20px;
	border: unset !important;
}

.list-group .list-group-item{
	background: transparent;
	border-bottom: unset;
	color: var(--global-font-color);
	padding: 16px 20px !important;
}

.list-group .list-group-item:hover{
	background: var(--color-theme-opacity-dark);
	color: var(--color-theme-primary);
}

.card-sidebar {
	border: 1px solid var(--color-theme-primary);
	border-radius: unset;
}

.card-header {
 background-color: var(--color-theme-opacity-dark);
}

.sidebar .list-group-item.active, 
.sidebar .list-group-item.active:focus, 
.sidebar .list-group-item.active:hover {
 background-color: var(--color-theme-opacity-dark);
 color: var(--color-theme-primary);
 border: unset;
}

.sidebar .btn::after, .sidebar .btn::before{
	display: none;
}

.domain-checker-container .input-group-box {
	padding: unset !important;
}

.domain-checker-container .input-group-box{
	background-color: transparent !important;
}

.domain-checker-container {
	background: var(--color-theme-opacity-dark) !important;
	border-radius: unset !important;
}

.domain-promo-box{
	background-color: var(--color-theme-opacity-dark) !important;
	color: var(--global-font-color) !important;
	border: 1px solid var(--color-theme-primary) !important;
	border-radius: unset !important;
}

.domain-pricing .tld-pricing-header div {
	background-color: transparent !important;
}

.domain-pricing .tld-pricing-header .col-xs-4{
	border-bottom: unset !important;
	padding-top: unset !important;
	padding-bottom: unset !important
}

.domain-pricing .domain-tabs-wrapper {
	background-color: var(--color-theme-opacity-dark);
	padding: 10px 0;
}

/* Search Btn */

.header-search {
    position: relative;
	background-color: var(--global-btn-color);
}

.header-search {
    font-size: var(--font-size-body);
    color: var(--color-theme-white);
    width: 50px;
    padding: 0;
    display: inline-flex;
	justify-content: center;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    position: relative;
}

.header-search .search-toggle-block {
    position: absolute;
    right: 0;
    top: 101%;
    width: 276px;
    z-index: 99;
    margin-top: 25px;
}

.search-form {
    position: relative;
	background-color: var(--color-theme-black);
}

.header-search .search-toggle-block .search-submit {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
    color: #0ae0b8;
    color: var(--color-theme-primary);
    cursor: pointer;
}

.header-search .search-btn[aria-expanded=false] .fa-times {
    display: none;
}

.header-search .search-btn[aria-expanded=true] .fa-search {
    display: none;
}

.header-search .search-btn i{
	color: var(--global-font-color);
}


header.header .toolbar .nav-link, header.header .toolbar .nav-link:hover{
	border: unset;
	color: var(--global-font-color);
}

header.header .topbar{
	background-color: var(--color-theme-opacity-dark);
	padding-bottom: 0;
	padding-top: 0;
}

header.header .topbar .btn{
	line-height: 1.4;
}

#header .navbar{
	padding: 30px 16px;
} 

header.header .topbar .active-client .input-group-text{
	padding: 10px;
	font-size: var(--global-font-size);
	color: var(--global-font-color);
}

.breadcrumb-bg{
	padding-bottom: 50px;
}

#registration .field, 
#registration .form-control {
	background: unset !important;
}

#registration .prepend-icon .field{
	color: var(--global-font-color);
}

.primary-content .card-body{
	overflow: hidden;
}

.primary-content .card-title{
	font-size: var(--font-size-h4);
}

.bootstrap-switch.bootstrap-switch-small {
	min-width: 76px;
}

.bootstrap-switch.bootstrap-switch-focused {
	box-shadow: var(--input-focus-shadow);
}

.bootstrap-switch {
	border: 1px solid var(--color-theme-primary);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:hover {
	background-color: var(--color-theme-primary);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary:hover {
	background-color: var(--color-theme-opacity-dark);
	color: var(--global-font-color);
}

.input-group-text {
	background-color: transparent;
	color: var(--color-theme-primary);
	border: 1px solid var(--color-theme-primary);
	border-radius: unset;
}

.input-group .btn-reveal-pw:hover, .input-group .btn-reveal-pw:active {
	background-color: transparent;
	color: var(--color-theme-primary);
}


.announcements .announcement article {
	background-color: transparent;
	border-left: 2px solid var(--color-theme-white)
}

.artical-wrapper {
	display: flex;
	align-items: center;
}

.country-list .country{
	color: var(--color-theme-black);
}


/*---login home page css----*/

.tiles .tile, .tiles .tile:hover{
	background-color: transparent;
}

.client-home-cards .card-header {
	background-color: transparent;
}

.client-home-cards .card-header .btn:hover{
	color: var(--global-font-color);
}

.dataTables_wrapper table.table-list thead th, .dataTables_wrapper table.table-list thead th.sorting_asc,  .dataTables_wrapper table.table-list thead th.sorting_desc {
	background-color: transparent;
	color: var(--global-font-color);
	border-top: none;
	border-radius: unset;
}

.dataTables_wrapper table.table-list tr:last-child td:first-child{
	border-top: 1px solid #dee2e6;
}

table.dataTable>thead .sorting:after, table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before {
	bottom: 9px;
}

.table-list>tbody>tr>td, .table-list>tbody>tr>td:hover{
	background-color: transparent !important;
}

.dataTables_wrapper table.table-list thead th:first-child, .dataTables_wrapper table.table-list thead th{
	border-radius: unset !important;
	border-bottom: unset !important;
}
.dataTables_wrapper table.table-list tr:last-child td:first-child{
	border-radius: unset !important;
}

.dataTables_wrapper table.table-list tr:last-child td{
	border-bottom: 1px solid var(--color-theme-white);
}

.page-item.disabled .page-link, .page-item .page-link {
	background-color: var(--color-theme-primary-opacity);
	border: none;
	color: var(--global-font-color);
}

.btn-group .btn{
	padding: 10px 20px;
	margin-right: 20px !important;
}

.btn-group .dropdown-menu .dropdown-item {
	color: var(--global-font-color) !important;
}

.btn-group .dropdown-menu .dropdown-item:hover{
	background-color: transparent;
}

.panel-heading.card-header h3{
	font-size: var(--font-size-h5);
}

#order-standard_cart .panel .panel-price, #order-standard_cart .panel .panel-add {
	background-color: transparent;
}


#order-premium_comparison .price-table-container .price-table .top-head {
	background: transparent !important;
}

#order-premium_comparison .price-table-container .price-table{
	background-color: var(--color-theme-primary-opacity) !important;
	border-radius: unset !important;
}

#order-premium_comparison .price-table-container .price-table .top-head .price-area .price{
	padding: 10px !important;
}

#order-premium_comparison .price-table-container .price-table ul li{
	color: var(--global-font-color) !important;
}

#order-premium_comparison .price-table-container .price-table .popular-plan, #order-premium_comparison .price-table-container .price-table .top-head .top-area, #order-premium_comparison .price-table-container .price-table .top-head .price-area{
	border: unset !important;
}

#order-premium_comparison .price-table-container .price-table .popular-plan{
	color: var(--color-theme-primary) !important;
}

#order-premium_comparison .price-table-container .order-button {
    padding: 14px 20px 10px !important;
    margin: 10px 25px !important;
    color: var(--global-font-color) !important;
    display: block;
    background: var(--global-btn-color) !important;
    border-radius: unset !important;
    text-decoration: none !important;
    text-shadow: none !important;
	box-shadow: none !important;
}

#order-premium_comparison .price-table-container .order-button:hover{
	color: var(--color-theme-primary) !important;
}

#order-standard_cart .account-select-container div.account {
	background: transparent !important;
}

#order-standard_cart .captcha-container .default-captcha{
	background: transparent;
	border: 1px solid var(--color-theme-primary);
	border-radius: unset;
	margin-right: auto;
	margin-left: auto;
}

.btn-return-to-admin {
	background: var(--global-btn-color) !important;
	color: var(--global-font-color) !important;
	top: 520px;
}

.btn-return-to-admin:hover{
	background: var(--global-btn-color) !important;
	color: var(--global-font-color) !important;
}

.summary-container #continueShopping{
	margin-top: 20px;
}

.includes-features .head-area .primary-bg-color {
	background: transparent;
	color: var(--global-font-color);
}

.includes-features ul li {
	color: var(--global-font-title) !important;
}

#btnShowSidebar::after,
#btnShowSidebar::before, .domain-selection-options .option .btn:after, 
.domain-selection-options .option .btn:before, 
#orderSummary .btn:before,
#orderSummary .btn:after,
.secondary-cart-body .view-cart-items .btn:before, 
.secondary-cart-body .view-cart-items .btn:after,
.secondary-cart-body .empty-cart .btn::before, 
.secondary-cart-body .empty-cart .btn::after,
#btnSubmitContainer  .btn::after,  
#btnSubmitContainer .btn::before,
.spotlight-tld-container .btn::after, 
.spotlight-tld-container .btn::before,
.btnDomainContinue.btn::before, 
.btnDomainContinue.btn::after,
.domain-renewal .btn.btn-add-renewal-to-cart::before,
.domain-renewal .btn.btn-add-renewal-to-cart::after,
.domain-promo-box .btn::before,
.domain-promo-box .btn::after,
#btnCheckAvailability.btn::after, 
#btnCheckAvailability.btn::before,
.card-footer #btnTransferDomain.btn::after,
.card-footer #btnTransferDomain.btn::before,
#applyPromo .btn::after,
#applyPromo .btn::before,
#primaryLookupResult .domain-price .btn::after,
#primaryLookupResult .domain-price .btn::before,
#frmConfigureDomains .btn::after,  
#frmConfigureDomains .btn::before, 
#btnAlreadyRegistered::after, 
#btnAlreadyRegistered::before,
#containerPassword .generate-password::after, 
#containerPassword .generate-password::before,
#frmCheckout #btnCompleteOrder::after, 
#frmCheckout #btnCompleteOrder::before,
#cvv-field-container .input-group .btn::after,
#cvv-field-container .input-group .btn::before,
#containerExistingUserSignin #btnExistingLogin::after,
#containerExistingUserSignin #btnExistingLogin::before,
.form-stacked .btn::after, 
.form-stacked .btn::before {
display: none;
}



.btn-default:focus{
	background-color: var(--global-btn-color) !important;
}

.panel-sidebar .list-group .list-group-item {
	border: unset;
}

#tagline {
	text-shadow: none;
	color:var(--global-font-color) !important;
}

#headline{
	color: var(--global-font-color) !important;
}

#order-standard_cart .domain-selection-options .option-selected label{
	font-weight: unset !important;
	color: var(--color-theme-primary) !important;
}

#order-standard_cart .sidebar-collapsed {
	background: transparent !important;
}

#order-standard_cart .view-cart-items .item-domain{
	color: var(--global-font-color) !important;
}

.secondary-cart-body .view-cart-items .btn{
	background-color: transparent;
	color: var(--color-theme-primary);
	padding: 0;
}

.secondary-cart-body .empty-cart .btn{
	background-color: transparent !important;
	color: var(--color-theme-primary) !important;
}

#domainRenewals.domain-renewals {
	background-color: transparent;
}

.featured-tlds-container .featured-tld, .featured-tlds-container .featured-tld .price.com {
	border-radius: unset;
}

#spotlightTlds.spotlight-tlds{
	background-color: transparent;
}

.spotlight-tld-container .spotlight-tld {
	background-color: var(--color-theme-primary-opacity) !important;
	border-radius: unset;
	border: 0;
}

.spotlight-tld-container .spotlight-tld {
	color: var(--color-theme-primary);
}

.spotlight-tld-container .price{
	color: var(--global-font-color);
}

.spotlight-tld-container .btn-add-to-cart{
	background-color: var(--global-btn-color) !important;
}

.domain-pricing .bg-white, .domain-pricing .tld-row.highlighted {
	background-color: transparent !important;
}

.domain-pricing .bg-white{
	margin-bottom: 40px;
}

.domain-pricing .tld-pricing-header{
	background-color: var(--color-theme-primary-opacity);
	padding: 10px 0;
	margin-bottom: 20px;
}

.domain-checker-bg{
	background-image: none !important;
}

.domain-promo-box i{
	float: left !important;
	margin-bottom: 20px;
}

.master-breadcrumb .breadcrumb-item.active {
   color: var(--color-theme-primary);
}

.master-breadcrumb .breadcrumb-item a{
	color: var(--global-font-color);
}

.homecaptcha{
	padding: 11px;
}


.css_prefix-bg-block, 
.css_prefix-bg-block span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    max-width: 1400px;
    overflow: hidden;
	z-index: -2;
}

.css_prefix-bg-block span:before {
    position: absolute;
    content: "";
    top: -60px;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--color-theme-white);
    height: 50px;
    width: 1px;

}

.css_prefix-bg-block span.css_prefix-border1:before{animation: border-animate 25s infinite; animation-delay: 3s; }
.css_prefix-bg-block span.css_prefix-border2:before{animation: border-animate 25s infinite; animation-delay: 1s; }
.css_prefix-bg-block span.css_prefix-border3:before{animation: border-animate 25s infinite; animation-delay: 2s;}
.css_prefix-bg-block span.css_prefix-border4:before{animation: border-animate 25s infinite; animation-delay: 5s;}
.css_prefix-bg-block span.css_prefix-border5:before{animation: border-animate 25s infinite; animation-delay: 4s;}

@keyframes border-animate {
	from {top: 0;}
	to {top: 100%;}
  }

.css_prefix-bg-block span {
    width: 1px;
    background: hsla(0,0%,43.9%,.25);
}

.css_prefix-bg-block span.css_prefix-border2 {
    left: 0;
    right: auto;
}

.css_prefix-bg-block span.css_prefix-border3 {
    right: auto;
    left: 25%;
}

.css_prefix-bg-block span.css_prefix-border4 {
    left: auto;
    right: 0;
}

.css_prefix-bg-block span.css_prefix-border5 {
    left: auto;
    right: 25%;
}

.client-home-cards .card {
	background-color: var(--color-theme-card-bg);
	margin-bottom: 20px;
}

.domain-lookup-result .btn-add-to-cart {
	background-color: var(--global-btn-color);
}

.module-client-area form input{
	background-color: transparent;
	border: unset !important;
	color: var(--color-theme-primary);
}

.module-client-area form input:hover{
	text-shadow: var(--color-theme-hover-shadow) ;
}

.alert{
	line-height: 3;
}

div.product-details div.product-icon {
	background-color: var(--color-theme-primary-opacity);
}

.product-details-tab-container

 
@media (max-width: 991px){
	:root {
		--font-size-h1: 3.353rem;
		--font-size-h2: 2rem;
		--font-size-h3: 1.827rem;
    }
}

@media (max-width: 1199px) {

	header.header .toolbar .nav-link{
		font-size: 16px;
		line-height: 1.5;
	}

	.navbar-collapse{
		position: absolute;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		text-align: center;
		left: 0;
		top: 100px;
		background-color: var(--color-theme-black);
		z-index: 20;
	}

	.navbar-collapse ul li {
		padding: 14px 20px;
	}

	.navbar-nav .dropdown-menu{
		margin-top: 20px;
	}

	.btn-return-to-admin{
		display: none;
	}
}   


@media (max-width: 575px){

	.footer-wrapper{
		flex-direction: column;
	}
}

@media (max-width: 450px){
.header-search{
	display: none;
}
.nav-item .cart-btn{
	display: none;
}
}