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

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#headerWrapper {
	background-color:#002b5c;
	height: 96px;
	width: 100%;
}

#contentWrapper {
	position: relative;
}

#logo {
	position: absolute;
	top:32px;
	left:50px;
}

#phoneandsocial {
	position: absolute;
	top:32px;
	right:50px;
}

#phoneandsocial p {
	color:white;
}
#phoneandsocial a {
	color:white;
	text-decoration: none;
}

#hero {
	width:100%;
    max-height: 760px;
    overflow: hidden;
}

#hero img {
	width: 100%;
}

#herotab {
	width:100%;
    max-height: 760px;
    overflow: hidden;
	display: none;
}

#herotab img {
	width: 100%;
}

#heromob {
	display: none;
}


#subhero {
	font-family: 'Lato', sans-serif;
	position: absolute;
	top:40px;
	right:0px;
}

#subherocontent p {
   /* font-size: 41px;*/
    color: #002b5c;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    margin: 0px;
}

.sc_bold {
    font-size: 97px;
    /* color: #002b5c; */
    color: white;
    font-weight: 700;
}

#dateandtime {
	text-align: center;
	height: 106px;
	width: 846px;
	background-image: url('../images/TealRectangle.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: white;
	text-transform: uppercase;
	font-size: 38px;
	margin-top: 20px;
}

#dateandtime p {
	margin: 0px;
    padding-top: 17px;
	font-size: 38px;
	font-weight: 700;
	color:white;
}

#greenBanner {
	text-align: right;
	width: 100%;
	background-color:rgba(49,174,147,0.75);
	color: white;
	text-transform: uppercase;
	font-size: 30px;
	margin-top: 20px;
}

#greenBanner p {
	margin: 0px;
    padding-top: 40px;
	padding-bottom: 40px;
	font-size: 30px;
	font-weight: 700;
	color:white;
	text-align: right;
	margin-right:70px;
}

.subdateandtime {
	color: white;
	text-transform: none;
	font-size: 18px;
	font-weight: 400;
}

#dateandtime_mobile {
	display: none;
}

#subaddress_mobile {
	display: none;
}

#content {
	    max-width: 80%;
		color: white;
		width: 80%;
		font-family: 'Lato', sans-serif;
		position: absolute;
		top: 0px;
		left: 5%;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		border-radius: 15px;
	}

#lp_form-mobile {
    display: block;
    margin: 0 auto;
    /* max-width: 568px; */
    /* width: 100%; */
    width: 70%;
    background-color: white;
    font-family: 'Lato', sans-serif;
    /* position: absolute; */
    top: auto;
    right: auto;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
	margin-bottom: 30px;
    z-index: 100;
    border-radius: 15px;
    box-shadow: 0 0 40px #002B5C;
}

#lp_form-mobile p {
	color:#002b5c;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 30px;
	
}

#lp_form {
	display: none;
}

#lp_form p {
	color:#002b5c;
	font-size: 30px;
	text-transform: uppercase;
	
}

#lp_firstName {
	width: 94%;
    height: 35px;
    font-size: 20px;
    padding: 15px;
    background-color: #ebebeb;
    border: none;
    border: 1px solid #959595;
    border-radius: 15px;
    margin-bottom: 30px;
}

#lp_lastName {
	width: 94%;
    height: 35px;
    font-size: 20px;
    padding: 15px;
    background-color: #ebebeb;
    border: none;
    border: 1px solid #959595;
    border-radius: 15px;
    margin-bottom: 30px;
}

#lp_email {
	width: 94%;
    margin-right: 7%;
    display: inline-block;
    height: 35px;
    font-size: 20px;
    padding: 15px;
    background-color: #ebebeb;
    border: none;
    border: 1px solid #959595;
    border-radius: 15px;
    margin-bottom: 30px;
}

#lp_phone {
	width: 40%;
    display: inline-block;
    height: 35px;
    font-size: 20px;
    padding: 15px;
    background-color: #ebebeb;
    border: none;
    border: 1px solid #959595;
    border-radius: 15px;
    margin-bottom: 30px;
}

#lp_state {
	    width: 14%;
    margin-right: 3%;
    display: inline-block;
    height: 35px;
    font-size: 20px;
    padding: 15px;
    background-color: #ebebeb;
    border: none;
    border: 1px solid #959595;
    border-radius: 15px;
    margin-bottom: 30px;
}

#lp_city {
	width: 40%;
    margin-right: 7%;
    display: inline-block;
    height: 35px;
    font-size: 20px;
    padding: 15px;
    background-color: #ebebeb;
    border: none;
    border: 1px solid #959595;
    border-radius: 15px;
    margin-bottom: 30px;
}

#lp_zip {
	width: 18%;
    display: inline-block;
    height: 35px;
    font-size: 20px;
    padding: 15px;
    background-color: #ebebeb;
    border: none;
    border: 1px solid #959595;
    border-radius: 15px;
    margin-bottom: 30px;
}

#lp_address {
	width: 94%;
    height: 35px;
    font-size: 20px;
    padding: 15px;
    background-color: #ebebeb;
    border: none;
    border: 1px solid #959595;
    border-radius: 15px;
    margin-bottom: 30px;
}

#lp_submit {
	width: 25%;
	margin-right: 10%;
    vertical-align: middle;
    color: white;
    background-color: #acacac;
    display: inline-block;
    height: 50px;
    font-size: 20px;
    border: none;
    border: 1px solid #959595;
    border-radius: 10px;
    letter-spacing: 1px;

}

#lp_specialOffers + label {
	display: inline-block;
    width: 50%;
    vertical-align: middle;
}

#savings {
	min-height: auto;
    width: 100%;
    position: relative;
    background-color: #005a9c;
}



#footerWrapper {
	    background-color: #002b5c;
    height: 96px;
    width: 100%;
    position: relative;
}

#footerlogo {
	    position: absolute;
    top: 41px;
    left: 50px;
}

#footerAddress {
	    position: absolute;
    top: 32px;
    left: 220px;
    color: white;
    font-size: 14px;
}

#disclaimer {
	position: absolute;
    top: 32px;
    right: 50px;
    color: white;
    font-size: 10px;
    width: 25%;
    text-align: right;
}

@media (max-width: 1452px) {
	
	#disclaimer {
		position: absolute;
		top: 38%;
		right: 50px;
		color: white;
		font-size: 10px;
		width: 40%;
		text-align: right;
	}
	
	#footerWrapper {
	    background-color: #002b5c;
		height: 200px;
		width: 100%;
		position: relative;
	}

	#footerlogo {
		position: absolute;
		top: 46%;
		left: 50px;
	}

	#footerAddress {
		position: absolute;
		/* top: 32px; */
		top: 38%;
		left: 220px;
		color: white;
		font-size: 14px;
	}
}

@media (max-width: 1300px) {
	
	#hero {
		display: none;
	}
	
	#herotab {
    display: block;
    position: relative;
    /* z-index: 101; */
    padding-bottom: 80%;
}
	
	#herotab img {
    width: 100%;
    position: absolute;
    top: -14%;
    left: 0px;
    /* padding-bottom: 0%; */
}
	
	#lp_form {
		max-width: 568px;
		width: 100%;
		background-color: white;
		font-family: 'Lato', sans-serif;
		position: absolute;
		top: 680px;
		/* right: 75px; */
		left: 50%;
		transform: translateX(-50%);
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		z-index: 100;
		border-radius: 15px;
		box-shadow: 0 0 40px #002B5C;
	}
	
	#savings {
		min-height: 965px;
		width: 100%;
		position: relative;
		background-color: #005a9c;
	}
	
	
}

@media (max-width: 980px) {
	#herotab {
    display: block;
    position: relative;
    /* z-index: 101; */
    padding-bottom: 88%;
}
	#herotab img {
		width: 100%;
		position: absolute;
		top: -8%;
		left: 0px;
		/* padding-bottom: 0%; */
	}
}

@media (max-width: 830px) {
	#herotab {
		display: block;
		position: relative;
		/* z-index: 101; */
		padding-bottom: 97%;
	}
	#herotab img {
		width: 100%;
		position: absolute;
		top: -2%;
		left: 0px;
		/* padding-bottom: 0%; */
	}
	
	#subhero {
		font-family: 'Lato', sans-serif;
		position: absolute;
		top: 40px;
		left: 50%;
		width: 100%;
		transform: translateX(-50%);
	}
}

@media (max-width: 780px) {
	#subhero {
		overflow: hidden;
	}
	/*#herotab {
		display: none;
	}
	
	#heromob {
    display: block;
    position: relative;
    display: block;
    position: relative;
    /* z-index: 101; 
    padding-bottom: 97%;
}
	
	#heromob img {
    width: 100%;
    width: 100%;
    position: absolute;
    top: -90%;
    left: 0px;
    /* padding-bottom: 0%; 
}*/
	#dateandtime {
    text-align: center;
    height: 106px;
       width: 100%;
    background-position-x: 0;
    background-image: url(../images/TealRectangle.png);
    background-repeat: no-repeat;
    background-size: cover;
    
    color: white;
    text-transform: uppercase;
    font-size: 38px;
    margin-top: 20px;
}
	#dateandtime p {
    margin: 0px;
    padding-top: 25px;
    font-size: 38px;
    font-weight: 700;
    color: white;
    font-size: 30px;
    padding-left: 20px;
    padding-right: 40px;

}

	.subdateandtime {
		color: white;
		text-transform: none;
		font-size: 18px;
		font-size: 14px;
		font-weight: 400;
		padding-left: 40px;
		padding-right: 40px;
		font-size: 14px;
	}
}

@media (max-width: 744px) {
	#lp_form {
	    max-width: 568px;
    width: 74%;
    background-color: white;
    font-family: 'Lato', sans-serif;
    position: absolute;
        top: 620px;
    right: 75px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
    z-index: 100;
    border-radius: 15px;
    box-shadow: 0 0 40px #002B5C;
}


	
	#savings {
		min-height: 1375px;
	}
	
	#subherocontent p {
		width: 95%;
	}
}

@media (max-width: 721px) {
	
	.mobile_break:after {
    	content:"\a";
    	white-space: pre;
	}
	
	.sc_mobile_small {
		font-size: 80px;
		display: inline;
	}
	
	#dateandtime {
		display: none;
	}
	
	#dateandtime_mobile {
		display: block;
		text-align: center;
		height: 106px;
		   width: 100%;
		background-position-x: 0;
		background-image: url(../images/TealRectangle.png);
		background-repeat: no-repeat;
		background-size: cover;

		color: white;
		text-transform: uppercase;
		font-size: 38px;
		margin-top: 20px;
		margin-bottom: 20px;
	}	
	
	#dateandtime_mobile p {
		margin: 0px;
		padding-top: 25px;
		font-size: 38px;
		font-weight: 700;
		color: white;
		font-size: 30px;
		padding-left: 20px;
		padding-right: 40px;

	}

	#subaddress_mobile {
		display: block;
		font-size: 18px;
		color:#002b5c;
		text-align: center;
	}
	
	#subaddress_mobile p {
		font-size:18px;
		font-weight: 700;
	}
	
	
}

@media (max-width: 700px) {
	/*#heromob {
		display: block;
		position: relative;
		display: block;
		position: relative;
		padding-bottom: 102%;
	}
	
	#heromob img {
		width: 100%;
		width: 100%;
		position: absolute;
		top: -81%;
		left: 0px;
	} */
}



@media (min-width: 400px) {
	#greenBanner {
	text-align: right;
	width: 100%;
	background-color:rgba(49,174,147,0.75);
	color: white;
	text-transform: uppercase;
	font-size: 40px;
	margin-top: 20px;
}

#greenBanner p {
	margin: 0px;
    padding-top: 40px;
	padding-bottom: 40px;
	font-size: 40px;
	font-weight: 700;
	color:white;
	text-align: right;
	margin-right:70px;
}
	
	#headerWrapper {
		background-color: #002b5c;
		height: 115px;
		width: 100%;
		text-align: center;
	}
	
	#subherocontent p {
    	/*font-size: 63px;*/
	}
	
	#dateandtime_mobile p {
    margin: 0px;
    padding-top: 18px;
	}

	
	#subaddress_mobile p {
    font-size: 14px;
    font-weight: 700;
	}
	
	#logo {
		position: relative;
		top: inherit;
		left: inherit;
		padding-top: 25px;
	}
	
	#phoneandsocial {
		position: relative;
		top: inherit;
		right: inherit;
	}
	
	
	
	#content {
    max-width: 80%;
    margin: 0 auto;
    color: white;
    width: 95%;
    font-family: 'Lato', sans-serif;
    position: relative;
    top: auto;
    left: auto;
    margin-top: 60px;
    padding: 0px;
    margin-bottom: 60px;
}
	
	#lp_form {
		max-width: 568px;
		width: 74%;
		background-color: white;
		font-family: 'Lato', sans-serif;
		position: absolute;
		top: 760px;
		right: 75px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		z-index: 100;
		border-radius: 15px;
		box-shadow: 0 0 40px #002B5C;
	}
	
	#lp_form p {
		color:#002b5c;
		font-size: 30px;
		text-transform: uppercase;
		    text-align: center;
	
	}

	#lp_firstName {
		width: 94%;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_lastName {
		width: 94%;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_email {
		width: 94%;
		margin-right: 7%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_phone {
		width: 94%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_state {
			width: 94%;
		margin-right: 3%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_city {
		width: 94%;
		margin-right: 7%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_zip {
		width: 94%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_address {
		width: 94%;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_submit {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 10%;
		vertical-align: middle;
		color: white;
		background-color: #acacac;
		display: block;
		height: 50px;
		font-size: 20px;
		border: none;
		border: 1px solid #959595;
		border-radius: 10px;
		letter-spacing: 1px;
	}

	#lp_specialOffers + label {
		display: block;
		 width: 100%; 
		vertical-align: middle;
	}
	
	#savings {
		min-height: auto;
		    overflow: hidden;
	}
	
	
}
	
	#subfooter {
		    text-align: center;
    padding-top: 50px;
	}
	
	#footerlogo {
		position: relative;
		top:0;
		left: 0;
	}
	
	#footerAddress {
		position: relative;
		top:0;
		left: 0;
		color: white;
		font-size: 14px;
	}
	
	#disclaimer {
		position: relative;
		top: 0;
		left: 0;
		color: white;
		font-size: 10px;
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	
}

@media (min-width: 640px) {
	
	#headerWrapper {
		background-color: #002b5c;
		height: 96px;
		width: 100%;
		
	}
	
	#logo {
		position: absolute;
		top: 32px;
		left: 50px;
		padding-top: 0;
	}
	
	#phoneandsocial {
		position: absolute;
		top: 32px;
		right: 50px;
	}
}

@media (min-width: 730px) {
	#greenBanner {
	text-align: right;
	width: 752px;
	background-color:rgba(49,174,147,0.75);
	color: white;
	text-transform: uppercase;
	font-size: 63px;
	margin-top: 20px;
}

#greenBanner p {
	margin: 0px;
    padding-top: 40px;
	padding-bottom: 40px;
	font-size: 63px;
	font-weight: 700;
	color:white;
	text-align: right;
	margin-right:70px;
}
}

@media (min-width: 744px) {
	#herotab {
		display: block;
	}
	#heromob {
		display: none;
	}
	
	#lp_form {
	    max-width: 568px;
		width: 74%;
		background-color: white;
		font-family: 'Lato', sans-serif;
		position: absolute;
			top: 620px;
		right: 75px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		z-index: 100;
		border-radius: 15px;
		box-shadow: 0 0 40px #002B5C;
	}
	
	#lp_form p {
		color:#002b5c;
		font-size: 30px;
		text-transform: uppercase;

	}

	#lp_firstName {
		width: 94%;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_lastName {
		width: 94%;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_email {
		width: 94%;
		margin-right: 7%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}
	
	#lp_email.congrats_form {
		width:40%;
	}

	#lp_phone {
		width: 40%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_state {
			width: 14%;
		margin-right: 3%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_city {
		width: 40%;
		margin-right: 7%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_zip {
		width: 16%;
		display: inline-block;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_address {
		width: 94%;
		height: 35px;
		font-size: 20px;
		padding: 15px;
		background-color: #ebebeb;
		border: none;
		border: 1px solid #959595;
		border-radius: 15px;
		margin-bottom: 30px;
	}

	#lp_submit {
		width: 25%;
		margin-right: 10%;
		vertical-align: middle;
		color: white;
		background-color: #acacac;
		display: inline-block;
		height: 50px;
		font-size: 20px;
		border: none;
		border: 1px solid #959595;
		border-radius: 10px;
		letter-spacing: 1px;

	}

	#lp_specialOffers + label {
		display: inline-block;
		width: 50%;
		vertical-align: middle;
	}
	
	#savings {
		min-height: 1000px;
	}
	
	#footerlogo {
		    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
	}
	
	#footerAddress {
		    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
	}
	
	#disclaimer {
		position: relative;
		top: 0;
		left: 0;
		color: white;
		font-size: 10px;
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
}

@media (min-width: 1000px ) {
	#savings {
		    min-height: 940px;
	}
	
	#footerlogo {
	    position: absolute;
		top: 46%;
    left: 50px;
	}

	#footerAddress {
			position: absolute;
		    top: 38%;
    left: 220px;
		color: white;
		font-size: 14px;
	}

	#disclaimer {
		position: absolute;
		    top: 38%;
		right: 50px;
		left: inherit;
		color: white;
		font-size: 10px;
		width: 25%;
		text-align: right;
	}
}

@media (min-width: 1100px ) {
	#savings {
		    min-height: 830px;
	}
}

@media (min-width: 1200px ) {
	#savings {
		    min-height: 770px;
	}
}


@media (min-width: 1300px) {
	#hero {
		display: block;
	}
	#herotab {
		display: none;
	}
	#lp_form-mobile {
		display: none;
	}
	#lp_form {
		display: block;
		max-width: 568px;
		width: 74%;
		background-color: white;
		font-family: 'Lato', sans-serif;
		position: absolute;
		top: 370px;
		right: 75px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		z-index: 100;
		border-radius: 15px;
		box-shadow: 0 0 40px #002B5C;
	}
	#savings {
		min-height: 590px;
	}
	
	#content {
	    max-width: 25%;
		color: white;
		width: 74%;
		font-family: 'Lato', sans-serif;
		position: absolute;
		top: 0px;
		left: 5%;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		border-radius: 15px;
	}
}

@media (min-width: 1400px) {
	#content {
	    max-width: 37%;
		color: white;
		width: 74%;
		font-family: 'Lato', sans-serif;
		position: absolute;
		top: 0px;
		left: 5%;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		border-radius: 15px;
	}
}

@media (min-width:1740px) {
	#content {
	    max-width: 48%;
		color: white;
		width: 74%;
		font-family: 'Lato', sans-serif;
		position: absolute;
		top: 0px;
		left: 5%;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
		border-radius: 15px;
	}
}