/**********************************************************
// Body
**********************************************************/
body {
	background: radial-gradient(circle at top, rgba(56,189,248,0.25), transparent 45%) no-repeat,
	            radial-gradient(circle at 20% 10%, rgba(16,185,129,0.2), transparent 40%) no-repeat,
	            linear-gradient(135deg, #030617 0%, #0f172a 45%, #040a16 100%);
	color: #e2e8f0;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	}
	
a { color: #7dd3fc; }
a:hover { color: #bae6fd; }

::-webkit-input-placeholder { color: #999999; }
:-moz-placeholder           { color: #999999; }
::-moz-placeholder          { color: #999999; }
:-ms-input-placeholder      { color: #999999; }

/**********************************************************
// Header
**********************************************************/
#Header {
	background-color: #FFFFFF;
	border-bottom: 5px solid #CDDAE4;
	}
	
#Header-Logo { background: url(../Images/Theme-1/Logo-Header.png) no-repeat; }

#Header-Social a { color: #425A6E; }

#Header-Social li:active { background: url(../Images/Theme-1/BG-Header-Social.png) 0 -40px no-repeat; }
#Header-Social li {
	background: url(../Images/Theme-1/BG-Header-Social.png) 0 0 no-repeat;
	color: #425A6E;
	}
	
/**********************************************************
// Footer
**********************************************************/
#Footer {
	background: transparent;
	color: rgba(226, 232, 240, 0.7);
	}
	
/**********************************************************
// Section: Classes
**********************************************************/	
.Section-Basic {
	background-color: #ffffff;
	-webkit-box-shadow: 0 25px 60px rgba(15, 23, 42, 0.18);
	   -moz-box-shadow: 0 25px 60px rgba(15, 23, 42, 0.18);
			box-shadow: 0 25px 60px rgba(15, 23, 42, 0.18);
	border: 1px solid rgba(148, 163, 184, 0.25);
	}
	
.Section-Title {
	background: transparent;
	color: #0f172a;
	letter-spacing: 0.05em;
	}
	
/**********************************************************
// Section: Domain Details
**********************************************************/
#Details-Picture { background: none; }
	
#Details-Text    { color: #e2e8f0; }
#Details-Text h2 { color: #7dd3fc; }
#Details-Right   { background-color: transparent; }

#Details-Offer:hover { background-color: #1d4ed8; }
#Details-Offer {
	background-color: #38bdf8;
	-webkit-box-shadow: 0 10px 30px rgba(56, 189, 248, 0.35);
	   -moz-box-shadow: 0 10px 30px rgba(56, 189, 248, 0.35);
			box-shadow: 0 10px 30px rgba(56, 189, 248, 0.35);
	color: #0f172a;
	}
	
/**********************************************************
// Section: Contact Form
**********************************************************/	
#Form-Status.Error   { background-color: #A64444; }
#Form-Status.Success { background-color: #65A644; }
#Form-Status { color: #FFFFFF; }
	
#Form input[type="text"],
#Form textarea {
	background: #f8fafc;
	}

#Form-Submit:hover { background-color: #1d4ed8; }
#Form-Submit {
	background-color: #2563eb;
	-webkit-box-shadow: 0 15px 35px rgba(37, 99, 235, 0.3);
	   -moz-box-shadow: 0 15px 35px rgba(37, 99, 235, 0.3);
			box-shadow: 0 15px 35px rgba(37, 99, 235, 0.3);
	color: #ffffff;
	}
	
#Form-Sending {
	background-color: rgba(15, 23, 42, 0.08);
	-webkit-box-shadow: inset 0 0 3px rgba(15, 23, 42, 0.2);
	   -moz-box-shadow: inset 0 0 3px rgba(15, 23, 42, 0.2);
			box-shadow: inset 0 0 3px rgba(15, 23, 42, 0.2);
	color: #475569;
	}
	
/**********************************************************
// Section: Domain Stats
**********************************************************/
#Domain-Stats li h2 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); }
#Domain-Stats li h3 {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
	color: #FFFFFF;
	}

#Domain-Stats {
	background-color: #FCBC42;
	-webkit-box-shadow: 0 3px 0 #CA7A1D;
	   -moz-box-shadow: 0 3px 0 #CA7A1D;
			box-shadow: 0 3px 0 #CA7A1D;
	color: #BE6019;
	}

#Stats-Bottom { border-top: 2px dashed #FD9827; }

#Stats-Toggle:hover  { background-color: #FF8700; }
#Stats-Toggle:active { background-color: #E07700; }
#Stats-Toggle {
	background-color: #FD9827;
	color: #FFFFFF;
	}
	
/**********************************************************
// Section: Additional Domain
**********************************************************/
#Domains-List li span { color: #888888; }

.Domain-Button {
	background: #DDDDDD;
	-webkit-box-shadow: 0 3px 0 #AAAAAA;
	   -moz-box-shadow: 0 3px 0 #AAAAAA;
			box-shadow: 0 3px 0 #AAAAAA;
	color: #555555;
	}

.Domain-Button:hover  {
	background-color: #D0D0D0;
	color: #425A6E;
	}