/* CSS Document */

html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

:focus { outline:0; }
a:active { outline:none; }
body {
	margin: 0;
	color: #2F3337;
	background: #F6F7F4;
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
}
ol,ul { list-style:none; }

img {	display: block;	}

input,
select,
textarea,
button {
	max-width: 100%;
}

.site-header {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 24px 28px 0 28px;
	border: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #FFFFFF;
}

body > div[align="center"] > table {
	box-sizing: border-box;
	max-width: 100%;
}

.site-page {
	width: min(960px, calc(100% - 32px));
	margin: 20px auto 40px auto;
	background: #FFFFFF;
	border: 1px solid #D7DADD;
	border-radius: 8px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.site-header-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 12px;
}

.site-logo-link {
	display: inline-block;
	text-decoration: none;
}

.site-logo {
	width: 230px;
	height: auto;
}

.site-header-tools {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 18px;
}

.site-tool-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 92px;
	color: #4D4D4D;
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
}

.site-tool-link:hover {
	color: #F59120;
	text-decoration: none;
}

.site-tool-icon {
	width: auto;
	height: auto;
	max-height: 24px;
	margin: 0 0 5px 0;
}

.site-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	padding: 0 0 16px 0;
	border-bottom: 1px solid #E1E3E5;
}

.site-nav-item {
	position: relative;
}

.site-nav-link,
.site-nav-button {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 3px;
	background: transparent;
	color: #4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2;
	padding: 8px 10px;
	text-decoration: none;
	cursor: pointer;
}

.site-nav-button:after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	border-top: 4px solid #4D4D4D;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.site-nav-link:hover,
.site-nav-button:hover,
.site-nav-has-menu:hover .site-nav-button {
	border-color: #BED53A;
	background: #F8FAE8;
	color: #F59120;
	text-decoration: none;
}

.site-nav-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 230px;
	z-index: 1000;
	padding: 6px 0;
	border: 1px solid #BED53A;
	background: #FFFFFF;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}

.site-nav-has-menu:hover .site-nav-menu,
.site-nav-has-menu:focus-within .site-nav-menu {
	display: block;
}

.site-nav-menu a {
	display: block;
	padding: 8px 12px;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.25;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.site-nav-menu a:hover {
	background: #F8FAE8;
	color: #F59120;
	text-decoration: none;
}

.site-content {
	padding: 30px 34px 34px 34px;
}

.site-content h1 {
	margin: 0 0 12px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #DADDE0;
	color: #F59120;
	font-size: 22px;
	line-height: 1.25;
	font-weight: bold;
}

.site-contact-panel {
	box-sizing: border-box;
	width: 100%;
	max-width: 560px;
	margin: 0 auto 18px auto;
	padding: 18px;
	border: 1px solid #B8C1CC;
	border-radius: 3px;
	background: #FFFFFF;
	box-shadow: none;
}

.site-contact-form {
	margin: 0;
	padding: 0;
	border: 0;
	background: #FFFFFF;
}

.site-contact-form label {
	display: block;
	margin-bottom: 10px;
}

.site-contact-form label span {
	display: block;
	margin-bottom: 4px;
	color: #4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.site-contact-form input,
.site-contact-form textarea {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #B8C1CC;
	border-radius: 3px;
	background: #FFFFFF;
	color: #2F3337;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 7px 9px;
}

.site-contact-form input:focus,
.site-contact-form textarea:focus {
	border-color: #5F7F9F;
	box-shadow: 0 0 0 2px #E5EEF6;
}

.site-contact-form textarea {
	resize: vertical;
}

.site-honeypot {
	display: none !important;
}

.site-form-actions {
	text-align: right;
}

.site-submit-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #405D78;
	border-radius: 3px;
	background: #405D78;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 7px 14px;
	cursor: pointer;
}

.site-submit-button:hover {
	background: #284861;
	border-color: #284861;
}

.client-primary-link-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.client-primary-link-button:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.site-form-message,
.site-form-error {
	margin: 0 0 14px 0;
	padding: 9px 10px;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

.site-form-message {
	border: 1px solid #A9B985;
	background: #F2F6EA;
	color: #284861;
}

.site-form-error {
	border: 1px solid #C98B73;
	background: #FFF4EF;
	color: #7A3E2C;
}

.site-contact-direct {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid #D7DADD;
}

.site-contact-direct div {
	box-sizing: border-box;
	min-width: 0;
}

.site-contact-direct strong,
.site-contact-direct a {
	display: block;
	line-height: 18px;
	overflow-wrap: break-word;
}

.site-contact-direct strong {
	color: #4D4D4D;
}

.useful-info-list {
	display: grid;
	gap: 18px;
	margin-top: 18px;
}

.useful-info-category {
	border: 1px solid #DDE5EC;
	border-radius: 5px;
	background: #FFFFFF;
}

.useful-info-category h2 {
	margin: 0;
	padding: 12px 14px;
	border-bottom: 1px solid #DDE5EC;
	background: #F7F9FB;
	color: #1F3A56;
	font-size: 16px;
	line-height: 1.25;
}

.useful-info-link {
	display: block;
	padding: 11px 14px;
	border-bottom: 1px solid #E5EBF0;
	color: #405D78;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.35;
	text-decoration: none;
}

.useful-info-link:last-child {
	border-bottom: 0;
}

.useful-info-link:hover {
	color: #F59120;
	text-decoration: none;
}

.useful-info-article {
	color: #34383D;
	font-size: 14px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.useful-info-article img,
.useful-info-article table {
	max-width: 100%;
}

.useful-info-hub {
	color: #26313B;
	font-family: Arial, Helvetica, sans-serif;
}

.useful-info-hub a {
	text-decoration: none;
}

.useful-info-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
	gap: 24px;
	align-items: stretch;
	margin: -4px 0 34px;
	padding: 26px;
	border: 1px solid #DDE5EC;
	border-radius: 8px;
	background: #F9FBFC;
}

.useful-info-hero-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.useful-info-kicker,
.useful-info-label {
	display: block;
	margin: 0 0 8px;
	color: #607A0B;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: 0;
	text-transform: uppercase;
}

.useful-info-hero h1 {
	margin: 0 0 12px;
	padding: 0;
	border: 0;
	color: #1F3A56;
	font-size: 34px;
	line-height: 1.08;
}

.useful-info-hero-intro {
	max-width: 560px;
	margin: 0;
	color: #48535D;
	font-size: 16px;
	line-height: 1.6;
}

.useful-info-featured,
.useful-info-pick-card,
.useful-info-topic-card,
.useful-info-problem-list a,
.useful-info-article-card {
	border: 1px solid #DDE5EC;
	border-radius: 8px;
	background: #FFFFFF;
	color: #26313B;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.useful-info-featured:hover,
.useful-info-pick-card:hover,
.useful-info-topic-card:hover,
.useful-info-problem-list a:hover,
.useful-info-article-card:hover {
	border-color: #F59120;
	box-shadow: 0 12px 28px rgba(31, 58, 86, 0.12);
	transform: translateY(-2px);
}

.useful-info-featured {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.useful-info-topic-card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.useful-info-card-copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	padding: 17px;
}

.useful-info-card-copy strong,
.useful-info-pick-card strong,
.useful-info-topic-card strong,
.useful-info-problem-list strong {
	display: block;
	color: #1F3A56;
	line-height: 1.25;
}

.useful-info-card-copy strong {
	margin-bottom: 8px;
	font-size: 19px;
}

.useful-info-card-copy span:not(.useful-info-label) {
	color: #4B5661;
	font-size: 13px;
	line-height: 1.5;
}

.useful-info-card-copy em,
.useful-info-pick-card em,
.useful-info-topic-card em {
	display: block;
	margin-top: auto;
	padding-top: 14px;
	color: #C66F12;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.25;
}

.useful-info-section {
	margin-top: 36px;
}

.useful-info-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 14px;
	border-bottom: 1px solid #DADDE0;
}

.useful-info-section-heading h2 {
	margin: 0;
	padding: 0 0 10px;
	color: #1F3A56;
	font-size: 21px;
	line-height: 1.25;
}

.useful-info-section-heading .useful-info-kicker {
	margin: 0 0 11px;
	white-space: nowrap;
}

.useful-info-pick-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.useful-info-pick-card {
	display: flex;
	flex-direction: column;
	min-height: 156px;
	overflow: hidden;
	padding: 15px;
}

.useful-info-pick-card .useful-info-label,
.useful-info-pick-card strong,
.useful-info-pick-card em {
	margin-right: 0;
	margin-left: 0;
}

.useful-info-pick-card strong {
	font-size: 14px;
}

.useful-info-topic-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.useful-info-topic-card {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 96px;
	padding: 12px;
}

.useful-info-topic-card img {
	flex: 0 0 70px;
	width: 70px;
	height: 70px;
	border: 1px solid #E5EBF0;
	border-radius: 6px;
	background: #F5F7F2;
}

.useful-info-topic-card span {
	min-width: 0;
}

.useful-info-topic-card strong {
	font-size: 15px;
}

.useful-info-topic-card em {
	padding-top: 6px;
	color: #5F6A73;
}

.useful-info-problem-list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.useful-info-problem-list a {
	display: block;
	min-height: 130px;
	padding: 15px;
	border-top: 4px solid #BED53A;
}

.useful-info-problem-list strong {
	margin-bottom: 10px;
	font-size: 15px;
}

.useful-info-problem-list span {
	display: block;
	color: #5B646D;
	font-size: 12px;
	line-height: 1.45;
}

.useful-info-category-block {
	margin-top: 24px;
}

.useful-info-category-block h3 {
	margin: 0 0 12px;
	color: #F59120;
	font-size: 18px;
	line-height: 1.25;
}

.useful-info-article-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.useful-info-article-card {
	display: flex;
	min-height: 186px;
	overflow: hidden;
}

.useful-info-empty {
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 8px;
	background: #F9FBFC;
	color: #48535D;
	font-size: 14px;
	line-height: 1.5;
}

@media screen and (max-width: 900px) {
	.useful-info-hero {
		grid-template-columns: 1fr;
	}

	.useful-info-pick-grid,
	.useful-info-problem-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.useful-info-topic-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 640px) {
	.useful-info-hero {
		margin-top: 0;
		padding: 18px;
	}

	.useful-info-hero h1 {
		font-size: 28px;
	}

	.useful-info-hero-intro {
		font-size: 15px;
	}

	.useful-info-section-heading {
		display: block;
	}

	.useful-info-section-heading .useful-info-kicker {
		margin-bottom: 6px;
		white-space: normal;
	}

	.useful-info-pick-grid,
	.useful-info-topic-grid,
	.useful-info-problem-list,
	.useful-info-article-grid {
		grid-template-columns: 1fr;
	}

	.useful-info-pick-card {
		min-height: 0;
	}

	.useful-info-problem-list a {
		min-height: 0;
	}

	.useful-info-article-card {
		min-height: 0;
	}

	.useful-info-card-copy {
		padding: 14px;
	}

	.useful-info-card-copy strong {
		font-size: 16px;
	}
}

.ascii-code-reference {
	overflow-x: auto;
}

.ascii-code-reference table {
	width: auto;
}

@media screen and (max-width: 760px) {
	.site-contact-direct {
		grid-template-columns: 1fr;
	}
}

.service-copy {
	width: 100%;
	color: #34383D;
	font-size: 14px;
	line-height: 1.55;
}

.home-intro-tagline {
	max-width: 780px;
	margin: 0 0 26px 0;
	padding-left: 16px;
	border-left: 4px solid #F59120;
	color: #28345F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.service-image {
	max-width: 100%;
	height: auto;
	margin: 0 0 18px 0;
	border: 1px solid #DADDE0;
	border-radius: 5px;
}

.service-copy h1 {
	margin-top: 0;
}

.service-copy h2,
.service-copy h3 {
	margin: 22px 0 8px 0;
	color: #2E3A67;
	line-height: 1.25;
}

.service-copy p {
	margin: 0 0 10px 0;
}

.service-copy ul,
.service-copy ol {
	margin: 0 0 14px 22px;
	padding: 0;
	list-style-position: outside;
}

.service-copy li {
	margin: 0 0 5px 0;
}

.service-copy br {
	line-height: 1.25;
}

.service-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px;
}

.service-list-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px;
	border: 1px solid #E1E3E5;
	border-radius: 5px;
	background: #FFFFFF;
}

.service-card-icon-link {
	display: block;
	flex: 0 0 135px;
	text-decoration: none;
}

.service-card-icon {
	width: 135px;
	height: 135px;
	object-fit: contain;
}

.service-list-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.service-list-item h2 {
	margin: 0 0 8px 0;
	color: #F59120;
	font-size: 16px;
	line-height: 1.25;
}

.service-list-item h2 a {
	color: #F59120;
	text-decoration: none;
}

.service-list-item h2 a:hover {
	color: #4D4D4D;
	text-decoration: none;
}

.service-list-item p {
	margin: 0;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.45;
}

.home-client-login {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 24px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-left: 4px solid #F59120;
	border-radius: 5px;
	background: #FAFCFD;
}

.home-client-login h2 {
	margin: 0 0 5px 0;
	color: #1F3A56;
	font-size: 18px;
	line-height: 1.25;
}

.home-client-login p {
	margin: 0;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.45;
}

.home-client-login-button,
.client-login-button {
	display: inline-block;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 14px;
	text-decoration: none;
	white-space: nowrap;
}

.home-client-login-button:hover,
.client-login-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

.client-login-page {
	width: 100%;
	box-sizing: border-box;
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.client-login-intro {
	margin-bottom: 24px;
}

.client-login-intro p {
	max-width: 650px;
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
}

.project-quote-summary {
	max-width: 720px;
	margin: 0 0 24px 0;
	color: #34383D;
	font-size: 14px;
	line-height: 1.6;
}

.project-quote-summary p {
	margin: 0 0 12px 0;
}

.project-quote-summary p:last-child {
	margin-bottom: 0;
}

.project-quote-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.project-quote-card p {
	flex: 1 1 auto;
}

.project-quote-card .site-submit-button {
	margin-top: 16px;
}

.project-quote-card .client-login-button,
.project-quote-card .site-submit-button {
	text-align: center;
}

.client-login-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 24px;
	align-items: start;
}

.client-login-layout.project-quote-actions {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.client-login-form,
.client-login-help {
	box-sizing: border-box;
	border: 1px solid #DDE5EC;
	border-radius: 5px;
	background: #FFFFFF;
}

.client-login-form {
	padding: 20px;
}

.client-login-form label {
	display: block;
	margin-bottom: 14px;
}

.client-login-form label span {
	display: block;
	margin-bottom: 5px;
	color: #4D4D4D;
	font-size: 12px;
	font-weight: bold;
}

.client-login-form input {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #B8C1CC;
	border-radius: 3px;
	background: #FFFFFF;
	color: #2F3337;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 8px 10px;
}

.client-login-form input:focus {
	border-color: #5F7F9F;
	box-shadow: 0 0 0 2px #E5EEF6;
}

.client-login-actions {
	text-align: right;
}

.client-login-help {
	padding: 20px;
	background: #F7F9FB;
}

.client-login-help h2 {
	margin: 0 0 8px 0;
	color: #1F3A56;
	font-size: 17px;
	line-height: 1.25;
}

.client-login-help p {
	margin: 0;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.55;
}

.client-login-help .client-login-button {
	margin-top: 16px;
}

.client-reset-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.client-reset-actions .client-login-button,
.client-reset-actions .site-submit-button {
	margin-top: 0;
}

.client-login-help-link {
	display: inline-block;
	margin-top: 12px;
}

.client-secondary-link {
	color: #405D78;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}

.client-secondary-link:hover {
	color: #F59120;
	text-decoration: none;
}

.client-profile-form {
	max-width: 720px;
}

.client-account-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DADDE0;
}

.client-account-header h1 {
	margin-bottom: 5px;
	padding-bottom: 0;
	border-bottom: 0;
}

.client-account-header p {
	margin: 0;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.45;
}

.client-account-header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

.client-account-toggle {
	cursor: pointer;
}

.client-light-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #C9CBCD;
	border-radius: 3px;
	background: #F1F2F2;
	color: #2F3337;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 7px 14px;
	text-decoration: none;
}

.client-light-button:hover {
	background: #E4E6E6;
	color: #111111;
	text-decoration: none;
}

.client-delete-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #25292D;
	border-radius: 3px;
	background: #25292D;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 7px 14px;
	text-decoration: none;
	cursor: pointer;
}

.client-delete-button:hover {
	background: #111315;
	border-color: #111315;
}

.client-modal-backdrop {
	position: fixed;
	z-index: 1000;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(15, 18, 22, 0.58);
}

.client-modal-backdrop[hidden] {
	display: none;
}

.client-modal {
	width: min(460px, 100%);
	box-sizing: border-box;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FFFFFF;
	padding: 24px;
	box-shadow: 0 18px 50px rgba(15, 18, 22, 0.28);
}

.client-modal h2 {
	margin: 0 0 10px 0;
	color: #1F3A56;
	font-size: 20px;
	line-height: 1.25;
}

.client-modal p {
	margin: 0;
	color: #4D4D4D;
	font-size: 14px;
	line-height: 1.5;
}

.client-modal-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 22px;
}

.client-modal-cancel,
.client-modal-confirm {
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 7px 14px;
	cursor: pointer;
}

.client-modal-cancel {
	border: 1px solid #F59120;
	background: #F59120;
	color: #FFFFFF;
}

.client-modal-cancel:hover {
	background: #D97808;
	border-color: #D97808;
}

.client-modal-confirm {
	border: 1px solid #405D78;
	background: #405D78;
	color: #FFFFFF;
}

.client-modal-confirm:hover {
	background: #284861;
	border-color: #284861;
}

.client-projects-panel {
	margin-top: 26px;
	border: 1px solid #DDE5EC;
	border-radius: 5px;
	background: #FFFFFF;
}

.client-projects-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 18px;
	border-bottom: 1px solid #DDE5EC;
	background: #F7F9FB;
}

.client-projects-header h2 {
	margin: 0;
	color: #1F3A56;
	font-size: 18px;
	line-height: 1.25;
}

.client-projects-empty {
	margin: 0;
	padding: 18px;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.45;
}

.client-project-list {
	display: grid;
	gap: 0;
}

.client-project-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 16px 18px;
	border-bottom: 1px solid #E5EBF0;
}

.client-project-item:last-child {
	border-bottom: 0;
}

.client-project-item h3 {
	margin: 0 0 6px 0;
	color: #1F3A56;
	font-size: 16px;
	line-height: 1.25;
}

.client-project-item p {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 0;
	color: #4D4D4D;
	font-size: 13px;
	line-height: 1.45;
}

.client-project-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

.client-project-status {
	display: inline-block;
	border-radius: 3px;
	background: #F1F2F2;
	color: #2F3337;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 4px 8px;
	white-space: nowrap;
}

.client-project-view-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.client-summary-grid {
	display: grid;
	gap: 16px;
	margin-top: 22px;
}

.client-summary-section {
	border: 1px solid #DDE5EC;
	border-radius: 5px;
	background: #FFFFFF;
}

.client-summary-section h2 {
	margin: 0;
	padding: 14px 18px;
	border-bottom: 1px solid #DDE5EC;
	background: #F7F9FB;
	color: #1F3A56;
	font-size: 18px;
	line-height: 1.25;
}

.client-summary-section dl {
	display: grid;
	grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
	margin: 0;
}

.client-summary-section dt,
.client-summary-section dd {
	margin: 0;
	padding: 11px 18px;
	border-bottom: 1px solid #E5EBF0;
	font-size: 13px;
	line-height: 1.45;
}

.client-summary-section dt {
	color: #2F3337;
	font-weight: bold;
}

.client-summary-section dd {
	color: #4D4D4D;
}

.client-summary-section dt:last-of-type,
.client-summary-section dd:last-of-type {
	border-bottom: 0;
}

@media screen and (max-width: 760px) {
	body {
		background: #FFFFFF;
	}

	body > div[align="center"],
	body > div[align="center"] > table,
	body > div[align="center"] > table > tbody,
	body > div[align="center"] > table > tbody > tr,
	body > div[align="center"] > table > tbody > tr > td {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
	}

	body > div[align="center"] > table {
		border-collapse: collapse;
	}

	body > div[align="center"] > table table {
		width: 100% !important;
		max-width: 100% !important;
	}

	body > div[align="center"] > table td[width="13"],
	body > div[align="center"] > table img[width="13"] {
		display: none;
	}

	body > div[align="center"] > table[cellpadding="20"] td,
	body > div[align="center"] table[cellpadding="20"] td {
		padding: 18px !important;
	}

	.site-page {
		width: 100%;
		margin: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.site-header {
		padding: 18px 18px 0 18px;
		border-radius: 0;
	}

	.site-header-main {
		align-items: flex-start;
		gap: 16px;
		padding-bottom: 16px;
	}

	.site-logo {
		width: 200px;
		max-width: 100%;
	}

	.site-header-tools {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.site-tool-link {
		min-width: 82px;
		font-size: 11px;
	}

	.site-tool-icon {
		height: 22px;
	}

	.site-nav {
		display: flex;
		align-items: stretch;
		flex-direction: column;
		justify-content: center;
		gap: 10px;
		padding: 14px 0 16px 0;
	}

	.site-nav-item {
		min-width: 0;
	}

	.site-nav-item,
	.site-nav > .site-nav-link {
		flex: initial;
		width: 100%;
	}

	.site-nav-link,
	.site-nav-button {
		width: 100%;
		min-height: 52px;
		text-align: center;
		border-color: #E1E3E5;
		background: #FAFCFD;
		font-size: 16px;
		line-height: 1.25;
	}

	.site-nav-link:hover,
	.site-nav-button:hover,
	.site-nav-has-menu:hover .site-nav-button {
		border-color: #BED53A;
		background: #F8FAE8;
	}

	.site-nav-menu {
		position: static;
		width: 100%;
		min-width: 0;
		margin-top: 6px;
		box-shadow: none;
	}

	.site-nav-menu a {
		white-space: normal;
	}

	.site-content {
		padding: 22px 18px 26px 18px;
	}

	.site-content h1 {
		font-size: 20px;
	}

	.site-footer {
		margin: 0 18px 18px 18px;
	}

	.home-client-login {
		align-items: flex-start;
		flex-direction: column;
	}

	.home-client-login-button,
	.client-login-button,
	.site-submit-button,
	.client-light-button,
	.client-delete-button,
	.client-modal-cancel,
	.client-modal-confirm {
		min-height: 40px;
	}

	.client-login-layout {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.client-login-layout.project-quote-actions {
		grid-template-columns: 1fr;
	}

	.client-login-form,
	.client-login-help {
		padding: 18px;
	}

	.client-login-actions {
		text-align: left;
	}

	.client-account-header {
		flex-direction: column;
		gap: 14px;
	}

	.client-account-header-actions {
		align-items: stretch;
		flex-wrap: wrap;
		width: 100%;
	}

	.client-account-header-actions > * {
		flex: 1 1 180px;
	}

	.client-projects-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.client-project-item,
	.client-project-actions {
		align-items: flex-start;
		flex-direction: column;
		width: 100%;
	}

	.client-project-item {
		gap: 14px;
	}

	.client-project-actions > a,
	.client-project-actions > button {
		width: 100%;
	}

	.client-summary-section dl {
		grid-template-columns: 1fr;
	}

	.client-summary-section dt {
		padding-bottom: 3px;
		border-bottom: 0;
	}

	.client-summary-section dd {
		padding-top: 0;
		overflow-wrap: anywhere;
	}

	.client-modal-backdrop {
		align-items: flex-end;
		padding: 14px;
	}

	.client-modal {
		padding: 20px;
	}

	.client-modal-actions {
		flex-direction: column-reverse;
	}

	.client-modal-actions button {
		width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.site-header-main {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
		gap: 12px;
		text-align: left;
	}

	.site-logo-link {
		flex: 1 1 auto;
		min-width: 0;
	}

	.site-logo {
		width: 220px;
		max-width: 100%;
	}

	.site-header-tools {
		flex: 0 0 104px;
		width: auto;
	}

	.site-tool-link {
		min-width: 104px;
		font-size: 12px;
	}

	.site-tool-icon {
		max-height: 26px;
	}

	.site-nav {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		width: 100%;
	}

	.site-nav-item,
	.site-nav > .site-nav-link {
		flex: initial;
		min-width: 0;
		width: 100%;
	}

	.site-nav-link,
	.site-nav-button {
		width: 100%;
		min-height: 52px;
		border-color: #E1E3E5;
		background: #FAFCFD;
		font-size: 16px;
		white-space: normal;
	}

	.site-nav-link:hover,
	.site-nav-button:hover,
	.site-nav-has-menu:hover .site-nav-button {
		border-color: #BED53A;
		background: #F8FAE8;
	}

	.site-content {
		padding: 20px 14px 24px 14px;
	}

	.site-contact-panel,
	.service-list,
	.service-list-item,
	.home-client-login,
	.client-login-form,
	.client-login-help,
	.client-projects-panel,
	.client-summary-section {
		border-radius: 4px;
	}

	.site-contact-panel {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.service-list {
		grid-template-columns: 1fr;
	}

	.service-card-icon-link {
		flex-basis: 96px;
	}

	.service-card-icon {
		width: 96px;
		height: 96px;
	}

	.client-account-header-actions,
	.client-reset-actions {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.client-account-header-actions > *,
	.client-reset-actions > *,
	.home-client-login-button,
	.client-login-button,
	.site-submit-button,
	.client-light-button {
		width: 100%;
	}

	.client-projects-header,
	.client-project-item,
	.client-summary-section h2 {
		padding-right: 14px;
		padding-left: 14px;
	}

	.client-summary-section dt,
	.client-summary-section dd {
		padding-right: 14px;
		padding-left: 14px;
	}
}

@media screen and (max-width: 430px) {
	.site-header-main {
		align-items: center;
		flex-wrap: nowrap;
		justify-content: space-between;
		text-align: left;
	}

	.site-logo-link {
		flex: 1 1 auto;
		min-width: 0;
	}

	.site-logo {
		width: min(225px, 100%);
		margin: 0;
	}

	.site-header-tools {
		flex: 0 0 96px;
		display: flex;
		flex-direction: column;
		gap: 9px;
		margin-top: 0;
	}

	.site-tool-link {
		min-width: 96px;
		font-size: 12px;
	}
}

.php-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.php-services-card {
	padding: 0;
}

.php-services-page h1,
.php-services-page h2,
.php-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.php-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.php-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.php-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.php-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.php-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.php-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.php-services-section {
	margin-top: 34px;
}

.php-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.php-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.php-service-item h3 {
	color: #245B83;
}

.php-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.php-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.php-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.php-services-cta h2,
.php-services-cta p {
	color: #FFFFFF;
}

.php-services-cta h2 {
	margin-bottom: 10px;
}

.php-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.php-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.php-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.php-services-page {
		padding: 20px;
	}

	.php-services-page h1 {
		font-size: 24px;
	}

	.php-services-intro-callout {
		font-size: 16px;
	}

	.php-services-grid {
		grid-template-columns: 1fr;
	}
}

.web-projects-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.web-projects-card {
	padding: 0;
}

.web-projects-page h1,
.web-projects-page h2,
.web-projects-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.web-projects-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.web-projects-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.web-projects-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.web-projects-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.web-projects-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.web-projects-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.web-projects-section {
	margin-top: 34px;
}

.web-projects-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.web-project-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.web-project-item h3 {
	color: #245B83;
}

.web-project-item p {
	font-size: 14px;
	line-height: 1.58;
}

.web-projects-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.web-projects-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.web-projects-cta h2,
.web-projects-cta p {
	color: #FFFFFF;
}

.web-projects-cta h2 {
	margin-bottom: 10px;
}

.web-projects-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.web-projects-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.web-projects-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.web-projects-page {
		padding: 20px;
	}

	.web-projects-page h1 {
		font-size: 24px;
	}

	.web-projects-intro-callout {
		font-size: 16px;
	}

	.web-projects-grid {
		grid-template-columns: 1fr;
	}
}

.scripting-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.scripting-services-card {
	padding: 0;
}

.scripting-services-page h1,
.scripting-services-page h2,
.scripting-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.scripting-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.scripting-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.scripting-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.scripting-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.scripting-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.scripting-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.scripting-services-section {
	margin-top: 34px;
}

.scripting-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.scripting-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.scripting-service-item h3 {
	color: #245B83;
}

.scripting-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.scripting-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.scripting-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.scripting-services-cta h2,
.scripting-services-cta p {
	color: #FFFFFF;
}

.scripting-services-cta h2 {
	margin-bottom: 10px;
}

.scripting-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.scripting-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.scripting-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.scripting-services-page {
		padding: 20px;
	}

	.scripting-services-page h1 {
		font-size: 24px;
	}

	.scripting-services-intro-callout {
		font-size: 16px;
	}

	.scripting-services-grid {
		grid-template-columns: 1fr;
	}
}

.database-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.database-services-card {
	padding: 0;
}

.database-services-page h1,
.database-services-page h2,
.database-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.database-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.database-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.database-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.database-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.database-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.database-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.database-services-section {
	margin-top: 34px;
}

.database-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.database-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.database-service-item h3 {
	color: #245B83;
}

.database-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.database-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.database-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.database-services-cta h2,
.database-services-cta p {
	color: #FFFFFF;
}

.database-services-cta h2 {
	margin-bottom: 10px;
}

.database-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.database-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.database-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.database-services-page {
		padding: 20px;
	}

	.database-services-page h1 {
		font-size: 24px;
	}

	.database-services-intro-callout {
		font-size: 16px;
	}

	.database-services-grid {
		grid-template-columns: 1fr;
	}
}

.hosting-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.hosting-services-card {
	padding: 0;
}

.hosting-services-page h1,
.hosting-services-page h2,
.hosting-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.hosting-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.hosting-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.hosting-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.hosting-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.hosting-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.hosting-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.hosting-services-section {
	margin-top: 34px;
}

.hosting-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.hosting-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.hosting-service-item h3 {
	color: #245B83;
}

.hosting-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.hosting-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.hosting-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.hosting-services-cta h2,
.hosting-services-cta p {
	color: #FFFFFF;
}

.hosting-services-cta h2 {
	margin-bottom: 10px;
}

.hosting-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.hosting-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.hosting-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.hosting-services-page {
		padding: 20px;
	}

	.hosting-services-page h1 {
		font-size: 24px;
	}

	.hosting-services-intro-callout {
		font-size: 16px;
	}

	.hosting-services-grid {
		grid-template-columns: 1fr;
	}
}

.sql-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.sql-services-card {
	padding: 0;
}

.sql-services-page h1,
.sql-services-page h2,
.sql-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.sql-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.sql-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.sql-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.sql-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.sql-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.sql-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.sql-services-section {
	margin-top: 34px;
}

.sql-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.sql-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.sql-service-item h3 {
	color: #245B83;
}

.sql-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.sql-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.sql-services-support p + p {
	margin-top: 14px;
}

.sql-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.sql-services-cta h2,
.sql-services-cta p {
	color: #FFFFFF;
}

.sql-services-cta h2 {
	margin-bottom: 10px;
}

.sql-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.sql-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.sql-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.sql-services-page {
		padding: 20px;
	}

	.sql-services-page h1 {
		font-size: 24px;
	}

	.sql-services-intro-callout {
		font-size: 16px;
	}

	.sql-services-grid {
		grid-template-columns: 1fr;
	}
}

.html-css-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.html-css-services-card {
	padding: 0;
}

.html-css-services-page h1,
.html-css-services-page h2,
.html-css-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.html-css-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.html-css-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.html-css-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.html-css-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.html-css-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.html-css-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.html-css-services-section {
	margin-top: 34px;
}

.html-css-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.html-css-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.html-css-service-item h3 {
	color: #245B83;
}

.html-css-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.html-css-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.html-css-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.html-css-services-cta h2,
.html-css-services-cta p {
	color: #FFFFFF;
}

.html-css-services-cta h2 {
	margin-bottom: 10px;
}

.html-css-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.html-css-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.html-css-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.html-css-services-page {
		padding: 20px;
	}

	.html-css-services-page h1 {
		font-size: 24px;
	}

	.html-css-services-intro-callout {
		font-size: 16px;
	}

	.html-css-services-grid {
		grid-template-columns: 1fr;
	}
}

.jquery-services-page {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #DDE4EA;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(22, 46, 68, 0.08);
	color: #334155;
	font-family: Arial, Helvetica, sans-serif;
}

.jquery-services-card {
	padding: 0;
}

.jquery-services-page h1,
.jquery-services-page h2,
.jquery-services-page h3 {
	margin-top: 0;
	color: #1F3A56;
	line-height: 1.25;
}

.jquery-services-page h1 {
	margin-bottom: 14px;
	font-size: 30px;
}

.jquery-services-page h2 {
	margin-bottom: 18px;
	font-size: 22px;
}

.jquery-services-page h3 {
	margin-bottom: 8px;
	font-size: 16px;
}

.jquery-services-page p {
	margin: 0;
	font-size: 15px;
	line-height: 1.68;
}

.jquery-services-intro {
	margin-bottom: 30px;
	padding-bottom: 28px;
	border-bottom: 1px solid #E5EBF0;
}

.jquery-services-intro-callout {
	margin-bottom: 18px;
	padding: 16px 18px;
	border-left: 4px solid #2D6F9F;
	border-radius: 4px;
	background: #F3F8FC;
	color: #24445F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.55;
}

.jquery-services-section {
	margin-top: 34px;
}

.jquery-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.jquery-service-item {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #DDE5EC;
	border-radius: 6px;
	background: #FAFCFD;
	box-shadow: 0 2px 8px rgba(28, 52, 74, 0.05);
}

.jquery-service-item h3 {
	color: #245B83;
}

.jquery-service-item p {
	font-size: 14px;
	line-height: 1.58;
}

.jquery-services-support {
	padding: 24px;
	border-radius: 6px;
	background: #F7F9FB;
	border: 1px solid #E3E9EF;
}

.jquery-services-support p + p {
	margin-top: 14px;
}

.jquery-services-cta {
	margin-top: 36px;
	padding: 26px;
	border-radius: 6px;
	background: #21384F;
	color: #FFFFFF;
}

.jquery-services-cta h2,
.jquery-services-cta p {
	color: #FFFFFF;
}

.jquery-services-cta h2 {
	margin-bottom: 10px;
}

.jquery-services-button {
	display: inline-block;
	margin-top: 18px;
	padding: 11px 18px;
	border-radius: 4px;
	background: #F59120;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.jquery-services-button:hover {
	background: #D87911;
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 900px) {
	.jquery-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 620px) {
	.jquery-services-page {
		padding: 20px;
	}

	.jquery-services-page h1 {
		font-size: 24px;
	}

	.jquery-services-intro-callout {
		font-size: 16px;
	}

	.jquery-services-grid {
		grid-template-columns: 1fr;
	}
}

.site-footer {
	margin: 0 28px 10px 28px;
	padding: 13px 16px;
	border-radius: 5px;
	background: #BED53A;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.35;
}

#dropmenudiv{ position: absolute; top: 35px; border-bottom-width: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4B4F49; line-height:30px; z-index:100px; background-color: #DEE552}
#dropmenudiv a{color: #4B4F49; width: 100%; display: block; text-indent: 10px; border-bottom : 1px #BED53A solid; border-left : 1px #BED53A solid; border-right : 1px #BED53A solid; text-decoration: none; font-weight: normal; background-color: #DEE552}
#dropmenudiv a:hover{color: #F59120; font-weight : bold; border-bottom : 1px #BED53A solid; border-left : 1px #BED53A solid; border-right : 1px #BED53A solid; background-color: #DEE552}

#dropmenudiv_sub{position: absolute; top: 35px; border-bottom-width: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; line-height:30px; z-index:100px}
#dropmenudiv_sub a{color: #FFFFFF; width: 100%; display: block; text-indent: 24px; border-bottom : 1px #8C6CAF solid; border-left : 1px #8C6CAF solid; border-right : 1px #8C6CAF solid; text-decoration: none; font-weight: bold}
#dropmenudiv_sub a:hover{color: #F59120; border-bottom : 1px #8C6CAF solid; border-left : 1px #8C6CAF solid; border-right : 1px #8C6CAF solid; background-color: #DEE552}

#table_lists {font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; }
#table_lists td, #table_lists th {font-size:11px; border:1px solid #C9CBCD; padding:3px 7px 2px 7px; background-color:#FFFFFF}
#table_lists th {font-size :11px; text-align:left; padding-top:5px; padding-bottom:4px; background-image:url(/webadmin/graphics/backgrounds/background_list_header.gif); color:#000000}
#table_lists tr.alt td {color:#000000; background-color:#f2f2f2}

.menu_top {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D; text-decoration : none; font-weight : normal; line-height : 35px; padding-right: 10px; padding-left: 10px; text-align: center}
a.menu_top:link, a.menu:visited {color: #4D4D4D; text-decoration : none}
a.menu_top:hover {color: #F59120; text-decoration : none}
	
.menu_top_2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #F59120; text-decoration : none; font-weight : bold; line-height : 23px; text-align: center}
a.menu_top_2:link, a.menu:visited {color: #F59120; text-decoration : none}
a.menu_top_2:hover {color: #4D4D4D; text-decoration : none}

.menu_email {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D; text-decoration : none; font-weight : normal}
a.menu_email:link, a.menu:visited {color: #4D4D4D; text-decoration : none}
a.menu_email:hover {color: #F59120; text-decoration : none}	


.bodytext	{font-family: arial, helvetica; color: #4D4D4D; font-size: 11px; text-align: left}
				
.numbers	{font-family: arial, helvetica; color: #000000; font-size: 11px; font-weight: bold; text-align: right}
				
.numbers_off	{font-family: arial, helvetica; color: #FFD700; font-size: 11px; font-weight: bold; text-align: right}
				
.questions	{font-family: arial, helvetica; color: #000000; font-size: 11px; font-weight: 650; text-align: left}
				
.header_sections	{font-family: arial, helvetica; color: #F59120; font-size: 18px; font-weight: bold; text-align: left}
				
.header_sub_sections	{font-family: arial, helvetica; color: #D6DE27; font-size: 14px; font-weight: bold; text-align: left}

.round-corners-all-grey {
	border: 1px solid #A4A9AD;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 20px;
	}
	
.round-corners-top-grey {
	border-left: 1px solid #A4A9AD;
	border-right: 1px solid #A4A9AD;
	border-top: 1px solid #A4A9AD;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
.border-left-green {
border-left: 1px solid #BED53A;	
}

.border-right-green {
border-right: 1px solid #BED53A;	
}

.border-left-grey {
border-left: 1px solid #A4A9AD;	
}

.border-right-grey {
border-right: 1px solid #A4A9AD;	
}

.border-top-grey {
border-top: 1px solid #A4A9AD;	
}

.copyright-green {
	background-color: #BED53A;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.background-happy-rock {
    margin: 0;
    background-image: url('http://www.web-it.pro/graphics/happy_rock_1280.png');
	height:480px; 
	background-position: auto auto;
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: auto 100%;
}


@media (max-width: 767px) { 
	.background-happy-rock { 
	height:200px;
	}
	}
	
@media (min-width: 768px) { 
	.background-happy-rock { 
	height:480px;
	}
	}
	
@media screen and (max-width: 600px) {
	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
	.btn-group { }
	.btn { 
		border:none; 
		background:none;
		}
	.btn-default { }
	
}