body,
html {font-family:'Roboto', sans-serif;font-weight:400}

strong {font-weight:700;}

.default {float:left;width:100%;margin-bottom:30px;}
.default ul li,
.default ol li {margin-bottom:20px;}

table {border:1px solid #dee2e6;border-collapse:collapse;}
table td, table th {
    border: 1px solid #dee2e6;padding:5px;
}

.container {width:1200px; margin:0 auto;box-sizing:border-box;}

header {float:left;width:100%;position:relative;z-index:2;}
header img {max-width:238px;height:auto;}

.hero {float:left;width:100%;border-top:3px solid #C4C3C3;position:relative;z-index:1;margin-top:-100px;background-size:cover;background-position:center;padding:65px 0 40px;}
.hero .container {display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;}
.hero .content-box {width:45%;float:left;}
.hero h1 {font-size:58px;line-height:60px;font-weight:600;color:#fff; margin-bottom: 1.7rem;}
.hero p {font-size:26px;line-height:28px;letter-spacing:0.26px;color:#fff; margin-top: 0;}
.hero .hero-image {width:50%;text-align:center;}
.hero .hero-image img {max-width:245px;height:auto;}

.video {float:left;width:100%;}
.video .container {padding:80px 10vh;box-sizing:border-box;}

.image-text {padding:100px 0;float:left;width:100%;background-color:#30442E;}
.image-text .container {display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
.image-text .it-image {width:520px;}
.image-text .it-text {width:550px;color:#fff;}
.image-text .it-text p {font-size:20px;line-height:30px;font-weight:300;color:#fff;}

.form {float:left;width:100%;background:rgba(20,45,95,0.08);padding:114px 0;}
.form .container {display:flex;flex-wrap:wrap;align-items: center;justify-content:space-between;}
.form .form-book {width:500px;}
.form .fb-title {font-size:28px;font-weight:300;line-height:40px;color:#000;}
.form .form-book .fb-image {width:280px;margin:30px auto 0;}
.form .form-book .fb-image img {max-width:100%;height:auto;box-shadow:-20px 15px 50px #555;}

.form .form-video {width:657px;}

.form .form-form {width:500px;}
.form .form-form label {font-size:16px;line-height:21px;}
.form .form-form input {width:100%;height:50px;background:#fff;border:1px solid #0C4369;padding:0 10px;box-sizing:border-box;margin-bottom:10px;}
.form .hs-error-msg {color:#ff0000}
.form .form-form input[type="submit"] {color:#fff;border:1px solid #30442E;background:#30442E;width:178px;margin:10px 0 0;}
.form .form-form input[type="submit"]:hover {color:#30442E;background:#fff;cursor:pointer}
.form .form-form input:focus-visible {border:2px solid rgb(0,95,204);outline:0;}

.legacy {float:left;width:100%;padding:110px 0;}
.legacy .container {display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
.legacy .legacy-image {float:left;margin-left:-11vw;}
.legacy .legacy-content {width:620px;float:right;}
.legacy .legacy-content .lc-title {font-size:32px;line-height:43px;}
.legacy .legacy-content .lc-text,
.legacy .legacy-content .lc-text p {font-size:20px;line-height:25px;font-weight:300}
.legacy .legacy-content .lc-cta a {display:inline-block;text-decoration:none;color:#fff;border:1px solid #30442E;background:#30442E;width:178px;margin:10px 0 0;padding:15px 5px;text-align:center;}
.legacy .legacy-content .lc-cta a:hover {color:#30442E;background:#fff;cursor:pointer}

.hero.thank-you {background:rgba(20,45,95,0.08); float:left;width:100%;border-top:3px solid #C4C3C3;position:relative;z-index:1;margin-top:-100px;background-size:cover;background-position:center;padding:0;}
.thank-you .flex-box {display:flex;flex-wrap:wrap;align-items:center;}
.thank-you .container .ty-right .ty-text p {color: #707070;}
#thank-you-page-heading {color: #707070; font-size: 26px; margin-bottom: .8rem; line-height: 26px; font-weight: 400;}
.ty-left {width:500px;text-align:center;}
.ty-left img {max-width:276px;height:auto;box-shadow:-20px 15px 50px #555;}
.ty-right {width:500px;}
.ty-right a.btn {display:inline-block;text-decoration:none;color:#fff;border:1px solid #30442E;background:#30442E;width:178px;margin:10px 0;padding:15px 5px;text-align:center;}
.ty-right a.btn:hover {color:#30442E;background:#fff;cursor:pointer}
.ty-right .ty-text a {color:#30442E;text-decoration:none;margin-top:20px;display:inline-block}
.ty-right .ty-text a:hover {text-decoration:underline;}
.ty-right a.btn + .ty-text {margin-top:20px;}

footer {float:left;width:100%;background:#30442E;text-align:center;padding:91px 0;color:#fff}
footer img {max-width:100%;}
footer a {color:#fff;display:inline-block;margin:0 10px 20px;}
footer a:hover {text-decoration:none;cursor:pointer}
footer .footer-logo p {font-size:1rem; color: #fff;}

@media screen and (max-width:1210px) {
    .container {width:100%;padding:0 1.5rem;}
}

@media screen and (max-width:1200px) {
    .legacy .legacy-image {width:50%;margin-left:0px;}
    .legacy .legacy-image img {max-width:90%;}
    .legacy .legacy-content {width:50%;}
}

@media screen and (max-width:1115px) {
    .image-text .it-image,
    .image-text .it-text {width:50%;max-width:50%;}
    .image-text .it-image img {max-width:90%;}
}

@media screen and (max-width:1035px) {
    .ty-left,
    .ty-right {width:50%;}
    .form .form-video {width:49%;}
    .form .form-form {width:49%;}
}

@media screen and (max-width:1000px) {
    .image-text {padding:50px 0;}
}

@media screen and (max-width:975px) {
    .form .form-book,
    .form .form-form {box-sizing:border-box;width:50%;padding:0 15px;}
    .form .form-form input {width:100%}
}

@media screen and (max-width:768px) {
    .hero {padding:125px 0 75px;}
    .hero .content-box {width:100%;}
    .hero .hero-image {width:100%;}
    .form {padding:60px 0;}
    .form .form-video {width:100%;}
    .form .form-form {width:100%;margin-top:30px;}
    .legacy {padding:60px 0;}
    .legacy .legacy-image {width:100%;text-align:center;}
    .legacy .legacy-content {width:100%;margin-top:30px;}
    footer {padding:60px 0;}
    
}

@media screen and (max-width:650px) {
    .hero .container:after {content:' ';background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
    .hero.thank-you .container:after {background:rgba(0,0,0,0)}
    .hero .content-box {position:relative;z-index:2;}
    /* .hero .content-box h1 {color:#fff;}
    .hero .content-box p {color:#fff;} */
    .ty-left {width:100%;margin-top:30px;}
    .ty-right {width:100%;margin-top:30px;text-align:center;}
}

@media screen and (max-width:625px) {
    .form .form-book {width:100%;padding:0;}
    .form .form-form {width:100%;padding:0;margin-top:30px;}
}

@media screen and (max-width:550px) {
    .video .container {padding:50px;}
    .image-text .it-image {width:100%;max-width:100%;text-align:center;}
    .image-text .it-text {width:100%;max-width:100%;margin-top:30px;}
}

@media screen and (max-width:470px) {
    .hero .content-box {width:100%;}
    .hero h1 {font-size:40px;line-height:46px;}
    .hero p {font-size:20px;line-height:28px;}
}

@media screen and (min-width:1942px) {
    .hero p {font-size:20px;line-height:28px; margin-top: 3rem;}
}

.basic-link {
	background-color: transparent !important;
	color: #30442E !important; 
	border: none !important;     
	font-size: 20px !important;
	width: 100% !important;
	text-align: center !important;
}

.basic-link:hover {
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
	.basic-link {
		text-align: left !important;
		font-size: 26px !important;
	}
}

.button-container {
	justify-content: center;
	}

@media screen and (min-width: 768px) {
	.button-container {
	justify-content: start;
	}
}

.thank-you .container {
	padding: 11rem 1.5rem;
}