:root {
	
	/* Primary color */
	
	--color-primary-background: #0a90c8;
	--color-primary-background-gradient-top: #0a90c8;
	--color-primary-background-gradient-bottom: #0a90c8;
	--color-primary-background-border: #57bde8;
	--color-primary-background-shadow: #000;	
	--color-primary-foreground: #f1f1f1;
	--color-primary-foreground-shadow: #000;
	
	/* Primary color - Active (used for hover/active states) */
	
	--color-primary-active-background: #57bde8;
	--color-primary-active-background-gradient-top: #57bde8;
	--color-primary-active-background-gradient-bottom: #57bde8;	
	--color-primary-active-background-border: #0a90c8;
	--color-primary-active-background-shadow: #0a90c8;	
	--color-primary-active-foreground: #f1f1f1;
	--color-primary-active-foreground-shadow: #000;
	
	/* Secondary color */
	
	--color-secondary-background: #3f3e3e;
	--color-secondary-background-gradient-top: #3f3e3e;
	--color-secondary-background-gradient-bottom: #3f3e3e;
	--color-secondary-background-border: #000;	
	--color-secondary-background-shadow: #3f3e3e;
	--color-secondary-foreground: #f1f1f1;
	--color-secondary-foreground-shadow: #000;
	
	/* Secondary color - Active (used for hover/active states) */
	
	--color-secondary-active-background: #4d4d4d;
	--color-secondary-active-background-gradient-top: #4d4d4d;
	--color-secondary-active-background-gradient-bottom: #4d4d4d;	
	--color-secondary-active-background-border: #000;
	--color-secondary-active-background-shadow: #3f3e3e;	
	--color-secondary-active-foreground: #f1f1f1;
	--color-secondary-active-foreground-shadow: #000;

	/* Tertiary color */
	
	--color-tertiary-background: #f5f5f5;
	--color-tertiary-background-gradient-top: #f5f5f5;
	--color-tertiary-background-gradient-bottom: #f5f5f5;
	--color-tertiary-background-border: #dddddd;	
	--color-tertiary-background-shadow: #3f3e3e;
	--color-tertiary-foreground: #243141;
	--color-tertiary-foreground-shadow: #fff;
	
	/* Secondary color - Active (used for hover/active states) */
	
	--color-tertiary-active-background: #f5f5f5;
	--color-tertiary-active-background-gradient-top: #f5f5f5;
	--color-tertiary-active-background-gradient-bottom: #f5f5f5;	
	--color-tertiary-active-background-border: #dddddd;
	--color-tertiary-active-background-shadow: #3f3e3e;	
	--color-tertiary-active-foreground: #243141;
	--color-tertiary-active-foreground-shadow: #fff;		
	
	/* Box color */
	
	--color-box-background: #f5f5f5;
	--color-box-background-gradient-top: #f5f5f5;
	--color-box-background-gradient-bottom: #f5f5f5;
	--color-box-background-border: #dddddd;	
	--color-box-background-shadow: #dddddd;
	--color-box-background-divider: #dbdada;
	--color-box-foreground: var(--color-body);
	--color-box-foreground-shadow: #fff;	
	--color-box-foreground-bold: #243141;
	--color-box-foreground-bold-shadow: #fff;	
	--color-box-head-background: #3f3e3e;
	--color-box-head-background-gradient-top: #3f3e3e;
	--color-box-head-background-gradient-bottom: #3f3e3e;	
	--color-box-head-background-border: #dddddd;
	--color-box-head-foreground: #fff;
	--color-box-head-foreground-shadow: #000;
	--color-box-head-foreground-bold: #fff;
	--color-box-head-foreground-bold-shadow: #000;	
	--color-box-footer-background: #dddddd;
	--color-box-footer-background-gradient-top: #dddddd;
	--color-box-footer-background-gradient-bottom: #dddddd;	
	--color-box-footer-background-border: #cbcbcb;
	--color-box-footer-foreground: #3f3e3e;
	--color-box-footer-foreground-shadow: #3f3e3e;	
	--color-box-footer-foreground-bold: #000;
	--color-box-footer-foreground-bold-shadow: #000;
	
	/* Box color - Active (used for hover/active states) */
	
	--color-box-active-background: #dddddd;
	--color-box-active-background-gradient-top: #dddddd;
	--color-box-active-background-gradient-bottom: #dddddd;
	--color-box-active-background-border: #a9aaac;	
	--color-box-active-background-shadow: #a9aaac;
	--color-box-active-background-divider: #d0cece;
	--color-box-active-foreground: var(--color-body);
	--color-box-active-foreground-shadow: #fff;		
	--color-box-active-foreground-bold: #243141;
	--color-box-active-foreground-bold-shadow: #fff;
	--color-box-active-head-background: var(--color-primary-background);
	--color-box-active-head-background-gradient-top: var(--color-primary-background);
	--color-box-active-head-background-gradient-bottom: var(--color-primary-background);	
	--color-box-active-head-background-border: #dddddd;
	--color-box-active-head-foreground: var(--color-primary-foreground);
	--color-box-active-head-foreground-shadow: var(--color-primary-foreground-shadow);
	--color-box-active-head-foreground-bold: transparent;
	--color-box-active-head-foreground-bold-shadow: transparent;	
	--color-box-active-footer-background: #c4c2c2;
	--color-box-active-footer-background-gradient-top: #c4c2c2;
	--color-box-active-footer-background-gradient-bottom: #c4c2c2;		
	--color-box-active-footer-background-border: #908f8f;
	--color-box-active-footer-foreground: #3f3e3e;
	--color-box-active-footer-foreground-shadow: #3f3e3e;	
	--color-box-active-footer-foreground-bold: #000;
	--color-box-active-footer-foreground-bold-shadow: transparent;
				
	/* Badge - warning */
	
	--color-badge-hot-background: #dc1010;
	--color-badge-hot-background-gradient-top: #dc1010;
	--color-badge-hot-background-gradient-bottom: #dc1010;	
	--color-badge-hot-background-border: #dc1010;
	--color-badge-hot-foreground: #fff;	
	
	/* Badge - new */
	
	--color-badge-new-background: #45a523;
	--color-badge-new-background-gradient-top: #45a523;
	--color-badge-new-background-gradient-bottom: #45a523;		
	--color-badge-new-background-border: #45a523;
	--color-badge-new-foreground: #fff;		
	
	/* Badge - popular */
	
	--color-badge-popular-background: #dc1010;
	--color-badge-popular-background-gradient-top: #dc1010;
	--color-badge-popular-background-gradient-bottom: #dc1010;		
	--color-badge-popular-background-border: #dc1010;
	--color-badge-popular-foreground: #fff;		
	
	/* Badge - free */
	
	--color-badge-free-background: #15ace5;
	--color-badge-free-background-gradient-top: #15ace5;
	--color-badge-free-background-gradient-bottom: #15ace5;		
	--color-badge-free-background-border: #15ace5;
	--color-badge-free-foreground: #fff;
	
	/* Default colors */
	
	--background-body: #fff; /* Body background color */	
	--background-banner: #233141; /* Default background color for the banner */	
	--color-body: #696969; /* Used for body text */
	--color-heading: #243141; /* Used for heading text */
	--color-white: #f1f1f1;
	--color-black: #323f52;	
	--color-border: #E8E8E8;	
	--color-green: #43de04;
	--color-red: #dc1010;
	
	/* ---- Sizing ---- */
	
	--container-width: 1250px; /* Template content width */	
	--logo-width: 225px; /* Set the max width of your logo */
	--spacing-parent: 50px; /* Used for the spacing of main elements (e,g feature boxes, tables, slideshow bottom margin) */
	--spacing-child: 30px; /* Used for the spacing of child elements (e.g bottom margin of paragraths, headings) */
	--spacing-inner: 25px; /* Used for padding on boxes */
	--text-size: 1.6em; /* Default text size (1.6em = 16px) */
	--text-lineheight: 1.6em; /* Default text line height */
	--border-radius: 5px; /* Set the default border radius - used through the template such as for buttons */
	--border-bottom-width: 3px; /* Set the bottom border of all elements. Using a higher value than 1px creates a 3D bevel effect */
	
	/* ---- Fonts ---- */
	
	--font-body: 'Open Sans', sans-serif; /* The font used for all text other than headings */
	--font-heading: 'Roboto Condensed', sans-serif; /* The font used for headings */
	
	/* ---- Misc ---- */
	
	--shadow: 0 3px 8px 2px #999999; /* Default shadow color/spacing */
	--gradient-degrees: 180deg; /* Set the angle for gradient colors */
	
}

/* Domainchecker */

.domainchecker {
	clear: both;
	padding: 80px 0 50px 0;
	background: #ed8c30 url("../images/domaincheckerbg.jpg") left top repeat;
}

/* Navegation menu MX Domains*/

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-mxdomain a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-mxdomain a::before {
	background-image: url("../images/mxdomain.png");	
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-whatisadomain a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-whatisadomain a::before {
	background-image: url("../images/whatisadomain.png");	
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-whatishosting a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-whatishosting a::before {
	background-image: url("../images/whatishosting.png");	
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-whatisvps a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-whatishosting a::before {
	background-image: url("../images/whatisvps.png");	
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-whatisssl a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-whatisssl a::before {
	background-image: url("../images/whatisssl.png");	
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-moveto a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-moveto a::before {
	background-image: url("../images/moveto.png");	
} 

/* Navegation footer tax inclusive  */

.copyrightmain .copyright-logos {
	border-top: var(--color-box-background-divider) 1px solid;
	display: flex;
	justify-content: space-between;	
	margin-top: var(--spacing-child);
	padding: var(--spacing-child) var(--spacing-child) 0 var(--spacing-child);
	max-width: 740px;
}

/* check and cross icons  */
.icon-check {
	color: #0a90c8;
}

.icon-cross {
	color: #3f3e3e;
}

.banner .banner-text {
    text-align: center;
    font-size: 1.6em;
    line-height: 1.3em;
    margin: 0 0 var(--spacing-child) 0;
    text-transform: none;
}

.banner .list ul li {
	font-size: 1.2em;
	background-image: none;
	padding-left: 0;
	text-transform: none;
}

h1,
h2,
.headingstyle2 {
	font-size: 2em;
	line-height: 1.2em;
	text-transform: uppercase;
}

.featured-tld .price.org {
background-color: #213E9D;
color: #fff;
}

.featured-tld .price.commx {
background-color: #134688;
color: #fff;
}

.featured-tld .price.mx {
background-color: #1d1d1d;
color: #fff;
}

table.table-list thead th {
  padding: 8px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  color: #333;
  text-align: left;
}