@charset "utf-8";
/* CSS Document */

/* Aqua Planet CSS */

/* --------- Common CSS --------- */


/* --------- Section 1 - Hero Banner CSS --------- */
.hero-banner
{
	background-image:url(../images/banner-bg.jpg);
	background-repeat:repeat-x;
	width:100%;
}
.hero-banner .banner-img
{
	display: flex;
	justify-content: center;
}

/* --------- Section 2 - FAQ --------- */
.faq
{
	background-color:#002e59;
	width:100%;
	font-family: 'Roboto', sans-serif;
	padding:30px 0;
}
.faq .title
{
	font-weight:700;
	font-size:28px;
	color:#FFF;
	text-align:center;
	margin-bottom: 20px;
}
.faq .quest-row
{
	margin-bottom:40px;
}
.faq .number
{
	float: left;
	color: #fff;
	font-weight: 700;
	font-size: 28px;
}
.faq .quest-row .quest-block
{
	
}
.faq .quest-row .quest-block .question
{
	color:#ea4c34;
	font-size:18px;
}
.faq .quest-row .quest-block .answer
{
	color:#fff;
	font-size:16px;
}
.faq .quest-row .quest-block a
{
	color:#FFF;
	text-decoration:none;
	font-weight:700;
}
.faq .quest-row .quest-block a:hover
{
	color:#FFF;
	text-decoration:underline;
	font-weight:700;
}

/* --------- Section 2 - CONTACT --------- */
.contact
{
	padding:40px 0;
	width:100%;
}
.contact .title
{
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	color:#002e59;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:30px;
}
.contact .sub-title
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#231f20;
	margin-bottom:20px;
}
.contact .contact-info
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#231f20;
	margin-bottom:20px;
}
.contact .contact-info label
{
	font-weight:700;
	margin-bottom:0;
}
.contact .contact-info .email
{
	margin-bottom:20px;
}
.contact .contact-info .email a
{
	color:#231f20;
}
.contact .contact-form .required-text
{
	font-size:12px;
	color:#aeb0b3;
	margin-bottom: 5px;
}
.contact .contact-form .required-text span
{
	color:#ea4c34;
}
.contact .contact-form .form-control
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;	
	border-color:#808080;
}
.contact .contact-form .form-control:focus
{
	box-shadow: none;
}
.contact .contact-form .error-msg
{
	font-size:12px;
	border:solid 1px #ee2324;
	color:#1a1818;
	padding: 5px;
}
.contact .contact-form .btn
{
	background-color: #002e59;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	width: 200px;
	margin-top: 20px;
	border-radius:8px;
}

/* --------- Section 2 - FOOTER --------- */
.footer
{
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat-x;
	padding: 30px 0;
	background-color: #147cbe;
}
.footer label
{
	margin-bottom:0;
}
.footer .footer-hotline
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;	
	color:#000;
}
.footer .footer-contact
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;	
	color:#000;
}

/* --------- THANK YOU PAGE --------- */
.header
{
	background-color:#002e59;
	padding: 30px 0;

}
.header .logo
{
	text-align:center;
}
.thankyou
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;	
	color:#231f20;
	padding:30px 0;
}
.thankyou .title
{
	font-size:28px;
	font-weight:700;
	margin-bottom: 15px;
}
.thankyou .text-content
{
	padding: 0 250px;
}
.thankyou .back .btn
{
	background-color: #002e59;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	margin-top: 20px;
	border-radius:8px;
}