@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
input[type=checkbox], input[type=radio] {
    width: 25px;
    height: 25px;
    vertical-align: bottom;
}

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.error{
    color: red;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
.gridContainer {
    max-width: 1440px;
    margin: auto;
}

.rightAlign {
	text-align: right;
}
header {
	padding: 0 3% 0 0;
    background-color: #01588d;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.phone {
	width: auto !important;
    margin-top: 40px;
	color: white;
}
.left {
	width: 50%;
	float: left;
	clear: none;
}
.right {
	width: 50%;
	float: right;
	clear: none;
}
.leftPadding {
	width: 50%;
    float: left;
    clear: none;
    color: #484849;
}
.rightPadding {
	float: right;
    width: 50%;
    clear: none;
    background-color: #ededed;
}
#content {
	background-color: #ededed;
	padding: 0;
}


h1 {
	font-size: 50px !important;
	margin: 0 !important;
	line-height: normal !important;
    font-family: freight-text-pro, serif !important;
font-weight: 700 !important;
}
label{
    color: #20364f;
    width: 100%;
font-size: 16px;
  font-weight: normal !important;
    margin-bottom: 0 !important;
}
.row {
	clear: both;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
h2 {
	font-size: 24px !important;
	font-weight: bold !important;
	margin: 0 0 15px 0 !important;
	line-height: 1.17 !important;
    font-family: Arial !important;
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
#footer {
	background-color: #FFFFFF;
    font-family: Arial, sans-serif !important;
    font-size: 1.6rem !important;
    padding: 3%;
    width: 100%;
}
#footer p {
	margin-bottom: 20px;
}
.partnerlogo {
	float: left;
	color: #000000;
	    padding: 0 50px 0 0;
}


#footer a {
	color: #20364f;
	text-decoration: none;
	font-weight: bold;
}
.form-horizontal .form-group {
   margin-right: 0 !important;
    margin-left: 0 !important;
}
.next, .submit,
.next:hover, .submit:hover,
.next:active, .submit:active,
.next:visited, .submit:visited{
background-color: #3fc0c2;
    color: #484849 !important;
    font-size: 1.8rem !important;
    padding: 1.2rem 2rem !important;
    font-weight: 600 !important;
    margin: 20px 0 !important;
    border-radius: 0px !important;
    min-width: 220px;
    border: none !important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%) !important;
    font-family: freight-text-pro, serif !important;
    font-weight: 700 !important;
}
.back,
.back:hover,
.back:active,
.back:visited{
background-color: white;
    color: #3fc0c2 !important;
    font-size: 1.8rem !important;
    padding: 1rem 2rem !important;
    font-weight: 600 !important;
    margin: 0 0 0px !important;
    border-radius: 0px !important;
    min-width: 220px;
    border: solid 2px #3fc0c2 !important;
    font-family: freight-text-pro, serif !important;
    font-weight: 700 !important;
}
.progress-bar-success {
    background-color: #d2e9e7 !important;
    font-size: 14px !important;
    line-height: 25px !important;
}
.progress {
    height: 25px !important;
    background-color: white !important;
    border-radius: 8px !important;
    border: 2px solid #e8f4f3;
    box-shadow: none !important;
}
.progress-bar{
    box-shadow: none !important;
    color: #3fc0c2 !important;
}
.btn.active, .btn:active {
     -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.125) !important; 
     box-shadow: inset 0 0 0 rgba(0,0,0,.125) !important; 
}

.thankyoucontent .titles{
	font-size: 2.5rem;
    font-weight: 900;
	line-height:normal;
}
.oneThird {
	width: 30%;
	float: left;
	text-align: center;
}
.thankyoucontent a, .thankyoucontent a:hover, .thankyoucontent a:active, .thankyoucontent a:focus, .thankyoucontent a:visited {
background-color: white;
    color: #0075be !important;
font-weight : 600 !important;
	    margin: 20px 0 40px !important;
	border-radius: 0px !important;
	min-width: 220px !important;
	border: none !important;
	text-decoration: none;
	font-size: 1.8rem !important;
    padding: 1.2rem 2rem !important;
	display: inline-block;
}
.leftAlign {
	text-align: left;
	min-height: 200px;
}
.centerAlign {
	text-align: center;
	min-height: 250px;
}
.oneThirdCenter {
	width: 30%;
	float: left;
	border-right: 1px dotted #FFFFFF;
	border-left: 1px dotted #FFFFFF;
	padding-left: 3%;
	padding-right: 3%;
	margin: 0 3%;
}

.form-control {
    width: 95% !important;
    margin-bottom: 7px;
    border-radius: 8px !important;
    height: 40px !important;
    padding: 10px 12px !important;
}
.legal{
width: 50%;
font-size: 1.5rem;	
    color: #3fc0c2;
}
.onehalf {
	width: 50%;
	float: left;
	padding: 0 2.5% 0 2.5%;
}
.dottedLine{
	border-right: solid white 1px;
}
.thankyoucontent {
    width: 1100px;
    padding: 3% !important;
}
.thankyoubrochure{
	padding-left: 100px;
}
.thankyoubrochure2{
	margin: 40px auto 0 auto;
	width: 80%;
	border-top: 1px solid white;
}
.partnerborder {
	    border-left: 1px black solid;
    padding: 25px 25px 25px 50px;
}

.thankslinks {
	text-align: center;
}
.embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0; overflow: hidden;
        max-width: 100%; height: auto;
    }
    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.heroBG {
    width: 100%;
    clear: both;
}

.rightBox {
    float: right;
    width: 35%;
}

.leftBox {
    float: left;
    width: 65%;
}
.grayBG {
     background-color: #01588d;
    padding: 3%;
}

h3 {
    color: #484849 !important;
    font-size: 36px !important;
    margin: 0 !important;
    font-family: freight-text-pro, serif !important;
font-weight: 700 !important;
}

.whiteBG {
    max-width: 1200px;
    margin: auto;
    width: 100%;
    clear: both;
}

.grayBox {
    width: 45%;
    float: left;
    margin: 2.5%;
    background-color: #f8f8f8;
    padding: 2.5%;
    min-height: 325px;
}
#bottomcontent {
	clear: both;
	background-image: url(images/bottombg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	height: 375px;
	padding-top: 5%;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 5%;
	text-align: center;
    background-size: cover;
}
.blueButton {
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    font-family: freight-text-pro, serif !important;
    font-weight: 700 !important;
}
 a.blueButton,
 a:hover.blueButton {
	color: #FFFFFF !important;
	 text-decoration: none;
     font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 1430px) {
    .subHeadArea{
        width: 60%;
    }
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (max-width: 999px) {
form {
    padding: 40px 40px 40px 40px;
}
    .left {
    width: 100% !important;
    margin-left: 0 !important;
}
.right {
	width: 100%;
	float: right;
	clear: none;
}
#content {
    padding: 30px 0;
}
    .subHeadArea {
    width: 100%;
}
	.bookletimage{
	width: 100% !important;
    text-align: center;
		margin-bottom: 0 !important;
	}
	.partnerborder {
		border-left: none;
    padding: 25px 25px 25px 0px;
}  
  .dottedLine{
	border-right: none;
}
    .onehalf {
	width: 95%;
	float: left;
}
.gridContainer {
	width: 100%;
	clear: none;
	float: none;
	margin-left: auto;
}

.leftPadding {
	width: 100%;
	float: left;
	padding: 0 2% 0 3%;
	clear: none;
}
.rightPadding {
	float: right;
	width: 100%;
	padding: 0 3% 0 2%;
	clear: none;
}
    .oneThird {
	width: 100%;
	float: left;
	text-align: center;
}
.rightPadding {
	float: right;
	width: 100%;
	padding: 0 3% 0 2%;
	clear: none;
    position: inherit;
}
.oneThirdCenter {
	width: 100%;
	float: left;
	border-top: 1px dotted #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
	border-left: 0;
	border-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
.form-control {
    width: 100% !important;
	    margin-bottom: 7px;
}
.legal{
width: 100%;
font-size: 1.5rem;	
}
   .leftAlign {
	text-align: left;
	min-height: auto;
}
.centerAlign {
	text-align: center;
	min-height: auto;
}
	form {
    margin-top: 30px;
}
	.bookletimage{
    text-align: center;
    width: 100% !important;
}
    .rightBox {
    float: left;
    width: 100%;
}

.leftBox {
    float: left;
    width: 100%;
}
    .grayBox {
    width: 95%;
    
} 
}

		.thankyoubrochure2{
	width: 100%;
}

	
.thankyoucontent{
	width: 80% !important;
}
.thankyoucontent a, .thankyoucontent a:hover, .thankyoucontent a:active, .thankyoucontent a:focus, .thankyoucontent a:visited {
left: 0;
	    position: relative;
		margin-bottom: 25px;
width: 220px;
font-size: 2rem;
}


    .thankyou .brochure{
        display: none;
}


.thankyou .right {
	width: 100%;
	float: right;
	clear: none;
}

    .thankyou .subHeadArea {
    width: 100%;
}
	.thankyou .bookletimage{
	width: 100% !important;
    text-align: center;
		margin-bottom: 0 !important;
	}
	.thankyou .partnerborder {
		border-left: none;
    padding: 25px 25px 25px 0px;
}  
  .thankyou .dottedLine{
	border-right: none;
}
    .thankyou .onehalf {
	width: 95%;
	float: left;
}
.thankyou .gridContainer {
	width: 100%;
	clear: none;
	float: none;
	margin-left: auto;
}



    .thankyou .oneThird {
	width: 100%;
	float: left;
	text-align: center;
}

.thankyou .oneThirdCenter {
	width: 100%;
	float: left;
	border-top: 1px dotted #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
	border-left: 0;
	border-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
.thankyou .hide_tablet {
display: none;
}
.thankyou .zeroMargin_tablet {
margin-left: 0;
}
.thankyou .form-control {
    width: 100% !important;
	    margin-bottom: 7px;
}
.thankyou .legal{
width: 100%;
font-size: 1.5rem;	
}
   .thankyou .leftAlign {
	text-align: left;
	min-height: auto;
}
.thankyou .centerAlign {
	text-align: center;
	min-height: auto;
}
	.thankyou form {
    margin-top: 30px;
}
	.thankyou .bookletimage{
    text-align: center;
    width: 100% !important;
}
   .thankyou  .rightBox {
    float: left;
    width: 100%;
}

.thankyou .leftBox {
    float: left;
    width: 100%;
}
   .thankyou  .grayBox {
    width: 95%;
    
} 

.logo {
background-color: #0084cb;
	width: 200px;
}

.tagline {
	width: 235px;
	margin: 25px 0 10px 30px !important;
}
