/* Changes colors of menu tabs to blue when hovering over them. Also gets rid of the underline when hovering over them.
*/
.home_button:hover {
	color: #0021f3;
}

.home_button a {
	text-decoration: none;
}

.home_button a:hover {
	text-decoration: none;
}

.about_button:hover {
	color: #0021f3;
}

.about_button a:hover {
	text-decoration: none;
}

.services_button:hover {
	color: #0021f3;
}

.services_button a:hover {
	text-decoration: none;
}

.gallery_button:hover {
	color: #0021f3;
}

.gallery_button a:hover {
	text-decoration: none;
}

.contact_button:hover {
	color: #0021f3;
}

.contact_button a:hover {
	text-decoration: none;
}

.systemx_button:hover {
	color: #B00;
}

.systemx_button a:hover {
	text-decoration: none;
}

/* Changes position of Get Started button to actually fully be seen. */
.is-style-fill {
	position: relative;
	right: 20px;
}

.detail_button {
	transition: all .5s ease-in-out;
}

.detail_button:hover {
	transform: scale(1.1);
}

@keyframes fade-in {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

.luxury_text strong {
	background: #FF7300;
	background: linear-gradient(to top right, #FF7300 11%, #FFFC50 79%);
	-webkit-background-clip: text;
}

.view_button {
	position: relative;
	top: 35px;
}

.servicedetails_button {
	position: relative;
	top: -50px;
}

.quote_text {
	color: black;
}

.quote_text strong {
	background-image: linear-gradient(to top right, #FF7300 11%, #FFFC50 79%);
	background-clip: text;
	color: transparent;
}

.current-menu-ancestor a:hover {
	background-color: rgba(0, 0, 255, 0.3);
	text-decoration: none;
}

.contact-section {
	position: relative;
	top: -140px;
}

.values-text {
	color: white;
}

.values-text strong {
	background-image: linear-gradient(41deg,rgba(2, 12, 204, 1) 0%, rgba(45, 69, 250, 1) 15%, rgba(83, 216, 237, 1) 89%);
	background-clip: text;
	color: transparent;
}

.left-side {
	position: relative;
	right: 350px;
	border-style: solid;
}

.right-side {
	position: relative;
	left: 350px;
	border-style: solid;
}

.slight-down {
	position: relative;
	top: 20px;
}

.footer {
	margin-top: auto;
}

.luxury_text {
	background-image: linear-gradient(to top right, #121FCF 0%, #00C8FF 100%);
	background-clip: text;
	color: transparent;
}

.phrase_text {
	background-image: linear-gradient(to top right, #121FCF 0%, #00C8FF 100%);
	background-clip: text;
	color: transparent;
}

.bold-red-gradient-text strong {
	background-image: linear-gradient(46deg,rgba(171, 0, 0, 1) 0%, rgba(201, 0, 0, 1) 49%, rgba(255, 0, 0, 1) 100%);
	background-clip: text;
	color: transparent;
}

.bold-red-gradient-text {
	background-image: linear-gradient(to top right, #121FCF 0%, #00C8FF 100%);
	background-clip: text;
	color: transparent;
}

.bold-gold-gradient-text strong {
	background-image: linear-gradient(to top right, #FF7300 11%, #FFFC50 79%);
	background-clip: text;
	color: transparent;
}

.bold-gold-gradient-text {
	background-image: linear-gradient(to top right, #121FCF 0%, #00C8FF 100%);
	background-clip: text;
	color: transparent;
}

.bold-grey-gradient-text strong {
	background-image: linear-gradient(90deg,rgba(158, 158, 158, 1) 0%, rgba(194, 192, 192, 1) 26%, rgba(212, 212, 212, 1) 100%);
	background-clip: text;
	color: transparent;
}

.bold-grey-gradient-text {
	background-image: linear-gradient(to top right, #121FCF 0%, #00C8FF 100%);
	background-clip: text;
	color: transparent;
}

.red-gradient-text {
	background-image: linear-gradient(46deg,rgba(171, 0, 0, 1) 0%, rgba(201, 0, 0, 1) 49%, rgba(255, 0, 0, 1) 100%);
	background-clip: text;
	color: transparent;
}

.grey-gradient-text {
	background-image: linear-gradient(90deg,rgba(158, 158, 158, 1) 0%, rgba(194, 192, 192, 1) 26%, rgba(212, 212, 212, 1) 100%);
	background-clip: text;
	color: transparent;
}

.dark-grey-gradient-text {
	background-image: linear-gradient(10deg,rgba(26, 26, 26, 1) 0%, rgba(102, 102, 102, 1) 30%, rgba(140, 140, 140, 1) 100%);
	background-clip: text;
	color: transparent;
}

.gold-gradient-text {
	background-image: linear-gradient(to top right, #FF7300 11%, #FFFC50 79%);
	background-clip: text;
	color: transparent;
}

.diamond-gradient-text {
	background-image: linear-gradient(9deg,rgba(0, 178, 255, 1) 0%, rgba(66, 255, 252, 1) 69%, rgba(89, 255, 238, 1) 100%);
	background-clip: text;
	color: transparent;
}

.blue-weak-red-bold-text {
	background-image: linear-gradient(to top right, #121FCF 0%, #00C8FF 100%);
	background-clip: text;
	color: transparent;
}

.blue-weak-red-bold-text strong {
	background-image: linear-gradient(46deg,rgba(171, 0, 0, 1) 0%, rgba(201, 0, 0, 1) 49%, rgba(255, 0, 0, 1) 100%);
	background-clip: text;
	color: transparent;
}

.maintenance-detail {
	border-image: linear-gradient(90deg,rgba(112, 112, 112, 1) 0%, rgba(194, 192, 192, 1) 60%, rgba(212, 212, 212, 1) 100%);
	border-image-slice: 1;
}

.gold-package {
	border-image: linear-gradient(to top right, #FF7300 11%, #FFFC50 79%);
	border-image-slice: 1;
}

.diamond-package {
	border-image: linear-gradient(9deg,rgba(0, 178, 255, 1) 0%, rgba(66, 255, 252, 1) 69%, rgba(89, 255, 238, 1) 100%);
	border-image-slice: 1;
}

@media (max-width: 768px) {
	.contact-portion {
		padding: 10px;
	}
}

@media (min-width: 768px) {
	.phone-header {
		display: none;
	}
}

@media (max-width: 768px) {
	.desktop-header {
		display: none;
	}
}

@media (max-width: 768px) {
	.mobile-site-logo {
		right: 20px;
	}
}

@media (max-width: 768px) {
	.home-cover {
		height: 100%;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.about-text {
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media (max-width: 768px) {
	.schedule-section {
		height: 75%;
	}
}