* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul {
	list-style: none;
}

#nav {
	background: linear-gradient(to right, #ffffffbd, #ffffffbd);
	background: #ededed;
}

.logo {
	margin-left: -50px;
}

.navbar__header {
	color: #595d5c;
	padding: 0.5em 0.5em;
	font-weight: 900;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .2em;
	padding-left: .4em;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
}

.banner {
}

.banner__header {
  color: #fff;
  background: rgba(255, 0, 0, 0.8);
  padding: 0.5em 0.5em;
  font-weight: 400;
  font-size: 1.5em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .2em;
  padding-left: .4em;
  /*margin-top: 30px;*/
 	margin-bottom: 0px;
  position: relative;
  width: 100%;
}

.banner__header--top {
	color: #000;
  /*background: rgba(255, 0, 0, 0.8);*/
  padding: 0.5em 0.5em;
	padding-bottom: 0.1em;
  font-weight: 700;
  font-size: 2em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .2em;
  padding-left: .4em;
  margin-top: 20px;
  margin-bottom: 0px;
  position: relative;
  width 100%;
}

.banner__header--bottom {
  color: #000;
  /*background: rgba(255, 0, 0, 0.8);*/
  padding: 0.5em 0.5em;
  font-weight: 700;
  font-size: 1.3em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .2em;
  padding-left: .4em;
  /*margin-top: 30px;*/
  margin-bottom: 0px;
  position: relative;
  width 100%;
}

.hero {
	background: url(/assets/img/family-blue.jpg);
	background-position: 0 -100px!important;
	height: 600px;
	width: 100%;
	background-attachment: inherit;
	background-repeat: no-repeat;
	background-position: inherit;
	position: relative;
	background-size: cover;
}

#content {
	margin-top: -600px;
}

#mobile-list-wrapper {
	display: none;
}

.content__optin {
	margin-top: 20px;
 	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;	
}

.p2_optin {
	justify-content: center;	
	margin-top: 2em;
}

.content__left {
	padding-bottom:20px;
	width: 45%;
				
}

.content__headline {
	font-family: 'Roboto Slab', serif;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.content__headline-text {
	padding: 15px 20px;
	background-color: #1f5b79e8;
	text-align: center;
	color: #FFF;
	margin: 0px;
}

.content__headline-header {
	font-size: 1rem;
}

.list-wrapper {
	display: flex;
}

.content__headline-list {
	font-size: 21px;
	color: #fff;
	list-style-type: none;
	font-family: 'Assistant', sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-top: 5px;
}

.content__headline-list li{
	font-size: 12px;
	margin: 5px;
	font-family: 'Assistant', sans-serif;
	font-weight: 900 !important;
	text-align: left;
	color: #000;
}

.content__headline-list li i {
	margin-right: 5px;
	color: red;
	font-size: 10px;
	/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.78);*/
}

/*start form*/
.content__form {
	text-align: center;
	font-weight: bold;
	color: #0F02FF;
	text-transform: uppercase;
}

.card {
	/*background: rgba(255, 255, 255, 0.8)!important;*/
}



#optin-form-title {
	padding: 0;
	margin-top: 8px;
}

#optin-form-title--p2 {
  padding: 5px;
  margin-top: 8px;
}

#form-fields {
	padding: 8px;
}

label {
	margin-bottom: 0!important;
}

.form-group {
	margin-bottom: 0.5rem;
}

.form-disclaimer {
	font-size: 12px;
	font-weight: 300 !important;
	color: #8b8b8b;
	margin-bottom: 15px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

#optin-checkbox {
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: 5px;
	width: 12px;
	height: 12px;
}

.error-text {
	text-align: center;
	margin: 5px auto;
	color: red;
	text-transform: capitalize;
	display: none;
	font-size: 10px;
}

#submit-btn {
	background: red;
	border: 2px solid #fff;
}

#submit-btn:hover {
	background: #ca1919;
}

#DOB {
 transition: visibilty 0s linear 0.33s, opacity 0.33s linear;
}

.DOB--hidden, .gender--hidden {
  display:none;
}

.DOB--visible, .gender-visible {
  display: block;
}

.DOB {
  display: flex;
  width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}


/*.DOB > label {
 	margin: 5px 0!important;
	margin-top:20px;
}*/

.bk-slash {
  display: flex;
  justify-content:center;
  align-items: center;
  font-size: 3rem;
  font-weight: 200;
  margin: -30px 3px;
}


.gender {
  display: flex;
  justify-content: center;
  width: 50%;
	margin: 0 auto;
  margin-bottom: 20px;
}

.gender__option {
  margin: 5px;
  width: 80%;
	border: 1px solid #2E48F5;
  border-radius: 100px;
  color: #fff;
	padding: 10px;
	white-space: normal;
}

.gender__option:focus {
  outline: none;
  border: none;
}
/*end form*/


/*start slogan section*/
.slogan {
	margin-top: 50px;
}

.slogan__text {
	width: 100%;
	font-size: 1.8em;
	font-weight: 400;
	color: #585858;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 10px;
	line-height: 46px;
	text-transform: uppercase;
}

/*end slogan section*/

/*start body2 styles*/
#body2 {
	margin-top:20px; 
	margin-bottom:20px;
}

#body2 .card {
	margin-bottom: 15px;
}

.card:focus, .card:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#body2 .card-title {
	color: red;
}

/*end body2 styles*/

/*start body3 styles*/
#body3 {
	font-size: 0.8em;
	padding-left: 20px;
	padding-right: 20px;
	background: #F8F9FA;
	color: #5A5A5A;
	padding-top: 20px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
}

.service-box {
	padding: 10px 0;
}

.service-box__icon {
	height: 70px;
	width: 70px;
	border-radius: 50%;
	text-align: center;
	float: left;
}

.service-box__icon i {
	font-size: 50px;
	color: #0F02FF;
	line-height: 70px;
	padding-bottom: 10px;
}

.service-box__content {
	margin-left: 95px;
}

.service-box__content h3 {
	color: hsl(0, 0%, 20%);
	font-size: 18px;
	font-weight: 600;
	margin-top: 0;
}

.service-box__content p {
	color: hsl(0, 0%, 47%);
	line-height: 1.6em;
}
/*start body3 styles*/

.modal {
	text-align: center;
}

.footer-menu {
	width: 80%;
	margin: 20px auto;
	text-align: center;
}

/*legal pages styles*/
.row-inset {
	max-width: 1100px;
	margin: auto;
	padding: 0 15px;
}

.body h1 {
    color: #2faadf!important;
    font-weight: 800;
    margin: 0;
    font-size: 48px;
}

.body h2 {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #2f7abe;
}

/* error message */
.error-message {
	color: red;
	display: flex;
  justify-content: center;
	margin: 2px 0;
	font-size:	12px;
	font-weight: 600;
}


@media (max-width: 980px) {
	.hero {
		background: none;	
	}

	.logo {
  	margin-left: 0;
	}

  .form-disclaimer {
    width: 95%
  }

	.DOB {
		width: 100%;
	}

}

@media (max-width: 376px) {
	.content__headline-list li	{
		font-size: 9px;
	}

}