body{ margin:0px; padding:0px;background-color:#fbf6f6;font-family: verdana;}
#main{ width:100%; margin:auto;background: url(../images/banner.jpg) no-repeat;background-size: 100% auto;background-color: #fff;}
#header{ display:block; overflow:hidden; padding:1% 2%;width: 95%;margin: 0 auto;}
.apollo-live{ float:left;}
.apollo-live img{ width:100%;}
.apollo-cradle{margin-top: 12px;float:right; text-align:right;    margin-right: 60px;}
.apollo-cradle img{ width:94%; margin-top: -8px;}
.banner-right{ width:30%; float:right; margin:0 3% 0 0;    height: 500px;}
.heading1{font-size:1.1em; font-weight:700; color:#008fae; text-align:center; text-transform:uppercase; letter-spacing:-1px;}
.sub-heading1{ font-size:1.7em; color:#494949; text-align:center;letter-spacing:-1px;}
.sub-heading2{font-size:1.4em; color:#494949; text-align:center;letter-spacing:-1px;}
.offer{font-size:1.7em;}
#form-box{ margin:16% auto 0 auto; width:80%; background-size:100% 100%;}
.form-bg{background-color: #f47a27;border-radius: 8px; padding:5% 4%;background-size: contain;border: 1px solid #f47a27;}
.form-heading{font-family:Verdana; font-size:17px; font-weight:700;color: #00779E; text-align:center;}
.form-bg label{ display:block; width:100%; color:#fff; font-size:0.8em;font-family:Verdana; }
.form-bg input{ width:94%; border-radius:8px; padding:0 2%; border:0px; height:27px; line-height:30px; }
.form-bg select{ width:98%; border-radius:8px; padding:0 2%; border:0px; height:27px; line-height:30px; }
.submit-btn{ margin: 0% 0 3% 33%;position: absolute; }
#benefits-box{ padding:2% 0 1% 0; overflow:hidden;  width: 90%;margin: 0 auto;}
.benefits{ float:left; width:30%;margin-bottom: 31px}
.benefits-image{ text-align:center; margin:1% 0;    width: 200px;margin: 0 auto;}
.benefits-image img{ width:80%;}
.benefits-copy{font-family: Verdana; font-size:0.8em; text-align:center; width:80%; margin:auto; color:#2f2f2f;}
.benefits-sep-1{float: left;width: 2.6px;display: block;height: 151px;margin-left: 35px;background: #7D3776;}
.benefits-sep-2{float: left;width: 2px;display: block;height: 151px;margin-left: 35px;background: #7D3776;}
.disclaimer{ font-size:0.6em; text-align:center; margin:19% 0 0 0;}
#trasplant-box{padding:2.5%; }
.trasplant-heading{ font-size:1.8em; text-align:left; background:url(../images/blue-big.jpg) no-repeat left bottom; height:50px; color:#111; font-weight:700;}
.trasplant-copy{ padding:2% 0 3% 0; /* border-bottom:1px solid #f2f2f2; */}

.seperator{clear:both;height:20px;color:#fff;font-size: 12px;font-family:Verdana;}

.trasplant-copy ul{line-height: 20px; margin: 0;}
.header_after_banner{text-align: center;margin-left: 24%;
    margin-right: 24%;
    line-height: 13px;
    color: #FFF;
    background-color: #7D3776;
    font-family: Verdana;}

.content{width: 95%;margin: 0 auto;}
.design_content{text-align: center;}
.why_apollo{width: 95%;margin: 0 auto;}
#leadForm{position: relative;}


.why_apollo p{color: #7D3776;font-size: 25px;font-family: Verdana;}
.design_content div {color: #7D3776;font-size: 40px;font-family: Verdana;}
.footer{    width: 95%;
    margin: 0 auto;
    BACKGROUND-COLOR: #F2E8DE;
    padding: 0 2.5%;}	
.locations{width:60%;float: left;    margin-top: 20px;}

.benefits-sep-3{display:none;float: left;width: 1.6px;height: 151px;margin-left: 35px;background: #7D3776;}



#circle_image{border-bottom: 1px solid #7C3776;}	
.form-bg-thank-you{
    background-color: #f47a27;
    border-radius: 8px;
	padding-top: 105px;
    padding-right: 15px;
    padding-left: 15px;
    background-size: contain;
    border: 2px solid;    
	color: #fff;
    height: 170px;
    text-align: center;
}

.social_media{width: 40%;
    float: left;
    text-align: center;
	    margin-top: 10px;}
.connect_string{    position: relative;
    margin-top: 10px;
    text-align: center;
    width: 260px;
    float: right;
    margin-right: 90px;}
.connect_us{position: absolute;
    left: -111px;
    top: -7px;
    width: 100%;
    display: block;}
.twitter_logo{    position: absolute;
    right: 72px;z-index: 1;
    top: 26px;}
.connect{    position: absolute;
    right: 0;
    top: 0px;}
.fb_logo{    position: absolute;z-index: 1;
    top: 20px;
    right: 185px;}

.banner-left{width: 45%;margin-top: 310px;margin-left: 421px;}
.punchline{width: 97%;text-align: center;font-size: 25px;color: #7D3776;font-family: Verdana;}
.content_container{width:97%;background-color:#fff;font-family: Verdana;border-bottom: 2px solid #07a2d3;margin: 0 auto;}
.content_container_1{width:60%;float:left;margin-bottom: 15px;}
.image_container_1{width:40%;float:right;padding-top: 15px;}  
.image_container_1 img{
border: 6px solid #fff;
width: 99%;

}
.content_sem{
    padding-left: 5px;
}
.content_sem h2{
color:#077D99;
font-size: 16px;
}
.content_sem > p{
font-weight: bold;
font-size: 14px;
color:#444A46;
padding-bottom: 10px;
}
ul{
    color: #8A837D;
	font-size: 13px;
	line-height: 22px;
}
.quote{
    width: 20px;
	position: absolute;
	margin-top: -6px;
}
.quote_content {color: #8A837D;font-size: 13px;margin-left: 25px;clear: both;}
.from{
    margin-left: 61%;
	margin-top: 13px;
}
.from  p:first-child{
	font-size: 14px;
	color: #8A837D;
}
.from  p:nth-child(2){
	font-size: 13px;
	color: #8A837D;
}
.content_container_inverted{
	width:97.7%;
	margin-left: 30px;
	background-color: #fbf6f6;
	font-family: Verdana;
}
.image_container_2{width:40%;float:left;padding-top: 15px;}  
.image_container_2 img{
	border: 6px solid #fff;
	width: 99%;
}
ul {
  margin: 0;
}
ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: 0px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}
.content_container_3{
    width: 97%;
    background-color: #fbf6f6;
	font-family:Verdana;
}
.services_list{ list-style: none; padding:0;  margin:0;color:#8A837D;width: 70%;display: inline-block;}
.services_list li{ padding-left: 1em; text-indent: -1em; line-height: 22px;}
.services_list li:before { content: "\2022"; padding-right:7px;color: #000;}
.clear_before_quote{clear:both;height:20px;}
.clear_before_quote{height:67px;}
.submit-btn{margin-left:27%;}
footer p{text-align:center; margin-top:7px; font-size:18px;color: #077d99;font-weight: bold;}
.dashed{padding-left: 10px;}
.container1{width: 100%;display: inline-block;}

/* for clinic */
ul{font-size: 14px;}
p{font-size: 15px;}
.section{width: 100%;display: inline-block;color: #8A837D;margin-bottom:10px;padding: 5px;}
.section1{width: 20%;float: left; margin-right: 5%; background: #00799E; text-align:center; border-radius: 11px 0px 10px 0px;}
.section2{width: 20%;float: left;margin-right: 5%; background: #F47A27; text-align:center; border-radius: 11px 0px 10px 0px;}
.section3{width: 20%;float: left; margin-right: 5%; background: #00799E; text-align:center; border-radius: 11px 0px 10px 0px;}
.section4{width: 20%;float: left; background: #F47A27; text-align:center; border-radius: 11px 0px 10px 0px;}
.section1 h5 {color:#fff !important;}
.section2 h5 {color:#fff !important;}
.section3 h5 {color:#fff !important;}
.section4 h5 {color:#fff !important;}

h5{color: #077D99;font-size: 15px;}
footer div{width: 40px;float: right;}
footer{margin: 0 auto;width: 95%;text-align: center;padding-top: 10px;}
footer div:first-child{padding-right: 10px;}
footer p{font-size: 14px;margin-bottom:0px;display: inline-block;}
h2{color: #077D99;font-size: 16px;}
h1{text-align:center;color:#077D99}
.section h1{text-align:center;font-size: 19px;}
/* Responsive Design  */
@media only screen and (max-width: 980px) {
.banner-right{height: 400px;width: 35%;}
}
@media only screen and (max-width: 973px) {
#form-box{margin: 24% auto 0 auto;}
}
@media only screen and (max-width: 915px) {
#main{background-position: 0% 1%;background-color: #fff;}
}
@media only screen and (max-width: 790px) {
.apollo-cradle img{width: 77%;}
.banner-right{width: 40%;}
#banner{height: 515px;}
}
@media only screen and (max-width: 768px) {
#form-box{
    width: 67%;
}
#banner{
background-position: right 0px;
}
#header_after_banner_image{
    width: 90%;
}
.content2 {
    width: 40%;
    float: left;
    margin-left: 111px;
}
.content1 {
    width: 42%;
    float: left;
}
.benefits {
    float: left;
    width: 27%;
}
.benefits-sep-1{width: 1.6px;}
.social_media{width: 33%;margin-left: 3%;}
.locations{width: 64%;}
.banner-right{width: 38%;}
#form-box{width: 100%;}
.banner-left{width: 51%;margin-top: 230px;margin-left: 59px;}
.punchline{width: 100%;}
.locations{width: 61%;}
.social_media{margin-top: 0%;width: 50%;}
#benefits-box{width: 88%;}
.design_content div{font-size: 30px;}
.header_after_banner{    margin-left: 8%;
    margin-right: 8%;
    line-height: 20px;}
.content_container_inverted{
    width: 96%;
}
.apollo-cradle{margin-right: 0px;}
}
@media only screen and (max-width: 610px) {
.banner-right{width: 42%;}
}
@media only screen and (max-width: 480px) {
.apollo-cradle{margin-top: 3px;}
.content_sem{padding-left: 15px;}
.content_sem ul{padding-left: 20px;}
.quote_content{margin-right:0px;margin-left:0px;}
ul.dashed{padding-left: 10px;}
.submit-btn{margin-left: 25%;}
.clear_before_quote{height: 0px;}
#banner{background-position: 19px 35px;height:580px;}
.banner-right{margin-top: 10%;width: 100%;height: auto;}
#form-box{margin-bottom: 30px;width: 75%;}
.apollo-live{width: 18%;}
.form-bg{width: 100%;}
.content1{margin: 0;width: 100%;}
.content2{margin: 0;width: 100%;}
.benefits{width: 41%;}
.benefits-sep-1{margin:0;}
.benefits-sep-2{margin:0;display: none;}
.benefits-sep-3{display: block;}
.benefits-sep-1{display: none;}
.locations{width: 100%;float:none;}
.social_media{width: 83%;float:none;margin-top: 15%;}
.fb_logo {top: 24px;left: 0px;}
.twitter_logo {left: 105px;top: 24px;}
.connect_us{/* left: 38px; */}
.connect{left: 20px;} 
#circle_image{margin: 0 auto;width: 90%;}
.apollo-cradle{margin-right: 0px;}
.header_after_banner{width: 100%;margin: 0;line-height: 25px;}
.punchline{font-size: 24px;}
.banner-left{margin-left: 6px;width: 100%;}
.content_container_inverted{width:93.5%;margin-left: 15px;}
.image_container_1{
float: left;
width: 100%;
}
.content_container_1{
width: 100%;
}
.image_container_2{
width: 100%;
}
.apollo-cradle img{width: 63%;}
.apollo-live img{width: 80%;}
h1{font-size: 21px;}
.section1{width:100%;}
.section2{width:100%;}
.section3{width:100%;}
footer p{font-size: 13px;}
}

@media only screen and (max-width: 360px) {
.apollo-cradle{margin-right: 0px;}
.header_after_banner{width: 100%;margin: 0;line-height: 25px;}
.apollo-cradle img{width: 50%;}
#banner{height: 555px;}
.form-bg{width: 100%;}
.form-heading{font-size: 15px;}
.benefits-sep-3{display: none;}
.benefits{width: 100%;border-bottom: 1px solid #7C3776;margin-top: 15px;}
.design_content div img{width:100%;}
#benefits-box{margin: 0 auto;}
#circle_image{border:0;}
.connect_us{left: -87px;}
.fb_logo{top: 24px;left: 0px;}
.twitter_logo{top: 26px;left: 120px;}
.connect{left: 25px;}
.connect_string{left: 50px;}
.banner-right{height:auto;margin-top: 14%;margin-bottom: 5%;}
.banner-left{margin-left: 0px;width: 100%;margin-top: 451px;}
#form-box{width:75%;}
.punchline{font-size: 18px;}
.social_media{width: 99%;}
.connect_us{left: -90px;}
footer p{font-size: 11px;}
/* .banner-left{margin:0px;} */
}
/* Responsive Design  */