/* CSS Document */
.left-img {
	margin-right:20px;
	float:left;
	width:200px;
}
.right-img {
	margin-left:20px;
	float: right;
	width:200px;
}
html, body {
    width: -webkit-calc(100% - 0px);
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 26px;
}

/* font styles */
h1 {
	font-weight: 300;
	font-size: 36px;
	line-height: 46px;
	padding:0;
	margin:0 0 30px 0;
}
h2 {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	padding:0;
	margin:0 0 15px 0;
	color:#00539b;
}
h3 {
	font-size: 22px;
	line-height: 26px;
	padding:0;
	margin:0 0 30px 0;
}
h4 {
	font-size: 20px;
	line-height: 26px;
	padding:0;
	margin:0 0 30px 0;
}

p {
	margin:0 0 30px 0;
}
a {
	color:#00539b;
	text-decoration: none;
}
a:hover {
    color: #5c9dcc;
    text-decoration: underline;
}

/* header */
div.hero {
	background:url(../images/hero-background-1.jpg) no-repeat;
	height: 546px;
	background-size:cover;
	background-position: center center;
	position: relative;
	background-attachment: fixed;
}
div.hero.pop1 {
	background:url(../images/hero-background-2.jpg) no-repeat;
	height: 546px;
	background-size:cover;
	background-position: center center;
	position: relative;
	background-attachment: fixed;
}
div.hero .container {
	padding-left:0;
	padding-right:0;
}
div.logo-container {
	background-color:#00539b;
	width:305px;
	display: block;
	padding:0 20px;
	height: 85px;
	position: fixed;
	z-index: 10000;
}
div.logo-container img {
	padding:21px 0 9px 43px;
}

/* content area */
div.content-area {
	background-color:#f5f5f5;
	overflow: auto;
	padding:40px 0;
}
p.intro {
	font-size: 18px;
	line-height: 28px;
}
.checkmark {
	overflow: auto;
	padding-bottom:30px;
}
.checkmark i {
	font-size: 40px;
	color:#00539b;
}

.patient-story {
	background-color:#e5edf4;
	padding:25px 20px 10px 20px;
	overflow: auto;
	margin:60px 0;
}
.story-image {
	padding-top:15px;
}
.title {
	font-size: 14px;
	color:#00539b;
	margin-bottom:10px;
}
a.read-more-link,
a.read-less-link{
	font-size: 14px;
}
div.read-more-content {
	display: none;
	padding-top:30px;
}


.cta-container {
	background: url(../images/blue_box.png);
	padding:34px 40px 17px 40px;
	margin-top:-232px;
	z-index: 10;
	position: fixed;
	max-width: 360px;
}
.cta-container .title,
.cta-container-mobile .title{
	font-size: 30px;
	color:#FFF;
	font-weight: 100;
}
.cta-container p,
.cta-container-mobile p{
	color:#FFF;
	font-size: 16px;
	padding:0;
	margin:0;
}
.cta-container a.button,
.cta-container-mobile a.button{
	background-color:#dc4a38;
	display: block;
	font-size: 24px;
	text-align: center;
	color:#FFF;
	padding:10px 0;
	border-radius: 5px;
	margin:25px 0;
	font-weight: 600;
}
.cta-container a.button:hover,
.cta-container-mobile a.button:hover{
	text-decoration: none;
}
.cta-container-mobile a.button {
	max-width: 300px;
    min-width: 180px;
	margin:25px auto;
}
.cta-container-mobile {
	position: absolute;
	bottom:0;
	text-align: center;
	width:100%;
	background: url(../images/blue_box.png);
	/*background-color:rgba(2, 52, 96, 0.85);*/
	padding:40px 15px;
	display: none;
}
.cta-container-mobile .fa {
	font-size: 32px;
}

.wait-list-box {
	background-color:#FFF;
	overflow: auto;
	padding:30px;
	text-align: center;
	border-bottom:1px solid #b7b7b7;
}
.wait-list-box img {
	display: block;
	margin-bottom:30px;
}
p.source {
	font-size: 14px;
	font-style: italic;
	text-align: center;
	margin-top:15px;
}


.bottom-list {
	margin-top:100px;
}
.bottom-list .fa-list-ol {
	font-size: 55px;
	color:#00539b;
	display: block;
	float:left;
}
.bottom-list .col-md-3 {
	overflow: auto;
}
.bottom-list .second {
	margin-left:15px;
	margin-top:15px;
}
.bottom-list .fa-comments-o {
	font-size: 105px;
	color:#00539b;
}
.bottom-list .spacer {
	margin-bottom:30px;
}

.bottom-cta {
	background-color:#FFF;
	border-bottom:1px solid #b7b7b7;
	text-align: center;
	padding:30px;
	font-size: 18px;
	margin-top:60px;
}
.cta-button {
	display: block;
	background-color: #789940;
	border-radius: 3px;
	padding: 9px 0;
    text-align: center;	
	max-width: 300px;
    min-width: 180px;	
	margin:0 auto;
	color:#FFF;
	text-decoration: none;
	font-size: 18px;
	margin-top:20px;
	font-weight: 600;
}
.cta-button:hover {
	background-color:#9cbf60;
	color:#FFF;
	text-decoration: none;
}

footer {
	background-color:#212121;
	padding:40px 0;
}

footer .copyright {
	color:#FFF;
	font-size: 12px;
	padding-top:10px;
	text-align: right;
}

.mobile-phone-number {
	display: none;
	float:right;
}
.mobile-phone-number a {
	color:#FFF;
	font-size: 12px;
}

@media (max-width: 992px) {
	
	a.read-more-link,
	a.read-less-link{
		display: block;
		width:100px;
		margin:0 auto;
		text-align: center;
	}	
	
	.patient-story-container,
	.patient-story-container .col-md-8{
		padding-left: 0;
		padding-right: 0;		
	}
	.patient-story .col-md-9 {
		padding-left: 0;
		padding-right: 0;	
	}
	
	.icon-wrap {
		margin: 0 auto;
		overflow: auto;
		width: 128px;
	}	
	
	h1 {
		font-size: 30px;
		line-height: 40px;
	}	
	
	
	.title {
		font-size: 14px;
		color:#00539b;
		margin-bottom:10px;
		text-align: center;
	}	
	.story-image {
		margin:0 auto 20px auto;
	}
	
	.patient-story h2 {
		text-align: center;
	}
	
	.checkmark i {
		margin: 0 27px 30px 0;
	}	
	
	.bottom-list .col-md-3 {
		text-align: center;
		margin-bottom:20px;
	}	
	
	div.hero {
		padding-left:0;
		padding-right:0;
		height:calc(100vh - 44px) !important;
		background-attachment: local !important;
	}
	div.hero .container {
		width:100%;
	}	
	div.logo-container {
		height: auto;
		width:100%;
		padding:9px 0;
		text-align: center;
	}
	div.logo-container img {
		padding:0;
		width: 125px;
		margin:0 auto;
	}
	
	div.hero .header-box.expanded div.logo-container {
		text-align:left;
		padding-left:30px;
	}
	div.hero .header-box.expanded .mobile-phone-number {
		display: block;
		padding-right:30px;
	}
	
	.cta-container {
		display: none;
	}
	.cta-container-mobile {
		display: block;
	}
	
	footer div {
		text-align: center;
	}
	footer .pull-right {
		float:none !important;
		text-align: center;
		font-size: 12px;
	}
	footer .logo {
		width: 125px;
	}
	
}

@media (max-width: 400px) {
	.left-img {
		float:none !important;
		clear:both !important;
		width:100% !important;
		margin:15px 0 !important;
	}
	.right-img {
		float:none !important;
		clear:both !important;
		width:100% !important;;
		margin:15px 0 !important;
	}		
}