@charset "utf-8";
/* CSS Document */
 
body{
	background-image:url("Backgrounds/Bkgrndgrn3.jpg");
	background-position: top, left;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
}

#top{display:none;}
	 
 

#topheader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:25px;
	background-color:#7C997E;
	opacity:90.;
	font-family: 'Montserrat', sans-serif;
	font-size:.9em;
	color:#FFFFFF;
	text-align:center;
	z-index: 9999;
	
}

#topheader p{
	position:relative;
	margin:2px auto;
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;

}

 
#socialmedia{
	position:absolute;
	top:30px;
	right:1%;
	width:4%;
	z-index: 9999;
	border:none;
}

#socialmedia img{margin: 0 10px 0 0}

#header{
	position:relative;
	margin: 35px auto;
	width:100%;
	height:100px;
	background:transparent;
	border:none; 
}

#logo{
	position:relative;
	margin:0px 1%;
	width:11%;
}

nav{
	position:absolute;
	top:38px;
	left:30%;
	width:60%;
	display:flex;
	justify-content: space-between;

}

.menu a{
	padding:8px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	color:#222222;
	border: .25px solid #222222;
	transition: all .5s ease;
	width:100px;
}

.menu a:hover{
	border: .5px solid #222222;
	background:#FFFFFF;
	color:#222222;
}
 

#background{
	position:relative;
	margin:0px auto;
	width:100%;
	height:700px;	 
	background-image: url("Backgrounds/Bkgrnd1D.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 999;
}

 

.tagline{
	position:absolute;
	top:30%;
	left:16%;
	width:45%;
}

.tagline a:link{text-decoration:none;}

.tagline h1{
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

.tagline h3{
	position:relative;
	margin:-30px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

.button{
	position:relative;
	margin:60px 0;
	padding:10px;
	text-align:center;
	text-decoration:none;
	width:30%;
	font-family: 'Oswald', sans-serif;
	color:#FFFFFF;
	background:#98CC9B;
	transition: .5s;
	border:1px solid #98CC9B;
}

.button:hover{
	background:#FFFFFF;
	color:#222222;
	border:1px solid #98CC9B;
}

#content{
	position:relative;
	margin:125px auto;
	width:100%;	
}

#contentdesc{
	position:relative;
	margin:125px auto;
	width:100%;	
}


#content a:link{text-decoration:none; color:#FFFFFF;}
#content a:hover{color:#222222;}

#contentdesc a:link{text-decoration:none; color:#FFFFFF;}
#contentdesc a:hover{color:#222222;}

.textarea{
	position:relative;
	margin:50px auto;
	flex-basis:60%;
	margin:0 10px 0 20px;
}

#content h2{
	font-family: 'Oswald', sans-serif;
	font-size: 1.5em;
	color:#222222;
	
}

#contentdesc h2{
	font-family: 'Oswald', sans-serif;
	font-size: 1.5em;
	color:#222222;
	
}

#content h3{
	font-family: 'Oswald', sans-serif;
	font-size: 1.3em;
	color:#222222;	
}

#contentdesc h3{
	font-family: 'Oswald', sans-serif;
	font-size: 1.3em;
	color:#222222;	
}

#contentdesc h4{
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	color:#2222222;	
	font-weight: 200;
}

#contentdesc h5{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;	
	font-weight:100;
}




.closebtn{
	padding:8px;
	background:#000000;
	text-align:center;
	color:#FFFFFF;
	width:25%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	 
}


#content p{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#222222;
}

#contentdesc p{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#222222;
}

#contentdesc h6{
	position:relative;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#FFFFFF;font-weight: 200;
}



#content ul li{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#222222;
}

.flexarea{
	position:relative;
	margin:0 auto;
	width:65%;
	display:flex;
	justify-content: space-between;
}

.imagearea{
	flex-basis:40%;
	
}

#parasec{
	position: relative;
	margin:200px auto;
	width:100%;
	height:400px;
	background-image: url("Backgrounds/MIDSEC.jpg");
	background-position:top, left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}

#parasec h3{
	position:relative;
	margin:auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}

.resources{
	position:relative;
	margin:20px auto;
	width:100%;
	text-align:center;
	background:transparent;
	opacity:.90;
	display:none;
}


#footer{
	position:relative;
	margin:-5px auto;	 
	width:100%;
	height:250px;
	background: #333333;
}

#footer a:link{text-decoration:none; color:#999999;}

.footertext{
	position:relative;
	margin:20px auto;
	width:80%;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-align:center;
}

 

#footer2{
	position:relative;
	margin:0 auto;
	width:100%;
	height:30px;
	background:#000000;
}

.footer2text{
	position:relative;
	margin:3px auto;
	width:80%;
	font-family: 'Oswald', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-align:center;
}

#footerALT{
	position:absolute;
	bottom: -200px;
	left:0;
	width:100%;
	height:150px;
	background: #333333;
}

#footerALT a:link{text-decoration:none; color:#999999;}

.footertext{
	position:relative;
	margin:20px auto;
	width:80%;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-align:center;
}

 

#footer2ALT{
	position:absolute;
	bottom:-220px;
	width:100%;
	height:30px;
	background:#000000;
}

.footer2text{
	position:relative;
	margin:3px auto;
	width:80%;
	font-family: 'Oswald', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-align:center;
}

.footerbadges{
	position:relative;
	margin:0 auto;
	width:30%;
	display: flex;
	justify-content: space-between;	
	align-items: center;
}



#maparea{
	position:relative;
	margin:75px 8%;
	width:90%;
	height:500px;
}

.mapcontainer{
	position:relative;
	margin:0 auto;
	width:70%;
}

#mobheader{display:none;}
#mobfooter{display:none;}
#mobfooter2{display:none;}

#sidebar{display:none;}

/* CSS for alternate website*/

#svcboxes{
	position:relative;
	margin:-350px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	padding-bottom:350px;
}

#svcboxes .carrier{
	position:absolute;
	top:51%;
	left:20%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;	
}

#svcboxes .donor{
	position:absolute;
	top:51%;
	left:14%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .parentage{
	position:absolute;
	top:51%;
	left:30%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .counseling{
	position:absolute;
	top:51%;
	left:30%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}




#svcboxes h6{
	position: absolute;
	top:5%;
	left:3%;
	width:95%;
	font-family: 'Open Sans', sans-serif;
	font-size: .85em;
	color:#FFFFFF;
	font-weight:100;
}

#mag{
	position:absolute;
	top:40%;
	left:42%;
}

.box{
	position:relative;
	margin:0 auto;
	flex-basis:24%;
	margin: 0 4px 0 4px;
	display: flex;
}

.over{
	position:absolute;
	top:0;
	left:0;
	background:#333333;
	width:100%;
	height:100%;
	opacity:0;
	transition: all .3s ease;
}

 
.ovrbtn{
	position:absolute;
	top:68%;
	left:25%;
	width:40%;
	padding:10px;
	text-align:center;
	background:#FFFFFF;
	color:#222222;
	border:.25px solid #EFEFEF;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	transition: all .3s ease;
}

.ovrbtn:hover{
	background:#999999;
	color:#FFFFFF;
}

.box:hover .over{opacity: 1;}

/*CSS FOR SUB PAGES*/


#subbkgrnd{
	position:relative;
	margin:0px auto;
	width:100%;
	height:300px;
	background-image:url("Backgrounds/ABOUTBKGRND.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display:flex;
}

#subbkgrnd h1{
	position:relative;
	margin:95px auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}

#subbkgrnd2{
	position:relative;
	margin:0px auto;
	width:100%;
	height:300px;
	background-image:url("Backgrounds/SVCSBKGRND.JPG");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display:flex;
	justify-content: space-between;
}

#subbkgrnd2 h1{
	position:relative;
	margin:105px auto;	 
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}

#subbkgrnd3{
	position:relative;
	margin:0px auto;
	width:100%;
	height:300px;
	background-image:url("Backgrounds/InfertilityBkgrnd4.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: space-between;
}

#subbkgrnd3 h1{
	position:relative;
	margin:75px auto;	 
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}

#subbkgrnd4{
	position:relative;
	margin:0px auto;
	width:100%;
	height:300px;
	background-image:url("Backgrounds/ProcessBkgrnd.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}

#subbkgrnd4 h1{
	position:relative;
	margin:75px auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}


#subbkgrnd5{
	position:relative;
	margin:0px auto;
	width:100%;
	height:300px;
	background-image:url("Backgrounds/Resources_Bkgrnd6.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display:flex;
}

#subbkgrnd5 h1{
	position:relative;
	margin:75px auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}


#subbkgrnd6{
	position:relative;
	margin:0px auto;
	width:100%;
	height:300px;
	background-image:url("Backgrounds/ContactMain.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display:flex;
}

#subbkgrnd6 h1{
	position:relative;
	margin:75px auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}


#subbkgrnd7{
	position:relative;
	margin:0px auto;
	width:100%;
	height:300px;
	background-image:url("Backgrounds/termsmain.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}

.contentflex{
	position:relative;
	margin:0 auto;
	width:60%;
	display:flex;
	justify-content: space-between;
}

.intcontent{
	position:relative;
	margin:0px auto;
	width: 80%;	
}

.intcontent2{
	position:relative;
	margin:10px auto;
	width: 80%;
	padding-bottom: 50px;
}

.intcontentdesc{
	position:relative;
	margin:100px auto;
	width: 80%;
	padding-bottom: 50px;
}



.intcontent img{
	float:right;
	margin-left:10px;
}

.intcontent2 img{
	float:left;
	margin-right:10px;
}


.intcontent p{	 
	text-align:justify;
	font-size:1em;
	margin-top:4px;
}

.intcontent2 p{
	text-align:justify;
	font-size:1em;
	margin-top:4px;
}

.intcontentdesc p{
	text-align:justify;
	font-size:.9em;
	margin-top:4px;
	color:#FFFFFF;
}


.intcontentflex{
	position:relative;
	margin:-380px auto;
	width: 80%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	padding-bottom: 380px;
}

.svcbox{
	position:relative;
	margin:0 auto;
	flex-basis: 33%;
	border: none;
	transition: all .3s ease;
	margin:10px 0 10px 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

 
.svcbox2{
	position:relative;
	margin:0 auto;
	flex-basis: 25%;
	border: none;
	transition: all .3s ease;
	margin:10px 0 10px 0;
	background:#69AF6E;
	opacity:.90;
	border:.25px solid #222222;
	padding:5px;
	display: flex;
	flex-direction: column;
}

.svcbox3{
	position:relative;
	margin:0 auto;
	flex-basis:8%;
	border: none;
	transition: all .3s ease;
	margin:10px 0 10px 0;
	background:transparent;
	opacity:.90;
	border:none;
	padding:5px;
}

#altered{
	font-weight: 200;
	color:#FFFFFF;
}


.title{
	position:absolute;
	margin:40% auto;
	width:80%;
	font-family: 'Oswald', sans-serif;
	color:#FFFFFF;
	font-size:1.1em;
	text-shadow: 1px 1px 2px #000000;
	border: none;
}

.title2{
	position: absolute;
	top:53%;
	left:35%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	font-weight:300;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

#CAMOB{left:18%;}

#DONORMOB{left:20%;}

#PARENTMOB{left:24%;}

#FOREIGNMOB{left:18%;}

#LEGALMOB{left:22%;}

#parentage{
	left:25%;
}

#foreign{
	left:18%;
}

#legal{
	left:22%;
}

.textover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:99.5%;
	background: rgba(0, 0, 0, 0.6);
	color:#222222;	 
	opacity:0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: opacity 0.25s;
	cursor: pointer;
}

.textoverp{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:99.5%;
	background: rgba(0, 0, 0, 0.6);
	color:#222222;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	font-weight:200;
	color:red;	 
	opacity:0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: opacity 0.25s;
	cursor: pointer;
}
 

.textover:hover{opacity:1;}
.textoverp:hover{opacity:1;}
.svcbox:hover .title{opacity:0;}
.svcbox:hover .title2{opacity:0;}

.boxbtn{
	position:absolute;
	bottom:10px;
	left:10px;
	padding:8px;
	text-align:center;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight:200;
	color:#222222;
	width:25%;
	background:#FFFFFF;
	border:.25px solid #FFFFFF;
}

.boxbtn:hover{
	background:#999999;
	color:#FFFFFF;
}


.svctext{
	position:relative;
	margin:0 auto;
	width:90%;
	align-items: center;
}

 

.svcscontainer{
	position:relative;	
}



.contactbox{
	position: relative;
	margin:150px auto;
	width:60%;
	text-align:center;
}

.contactbox h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color:#222222;
}

.contactbox2{
	position: relative;
	margin:50px auto;
	width:80%;
	text-align:center;
}


.button2{
	position:relative;
	margin:60px 32%;
	padding:10px;
	text-align:center;
	text-decoration:none;
	width:30%;
	font-family: 'Oswald', sans-serif;
	color:#FFFFFF;
	background:#98CC9B;
	transition: .5s;
	border:1px solid #98CC9B;
	text-decoration:none;
}

.button2:hover{
	background:#FFFFFF;
	color:#222222;
	border:1px solid #98CC9B;
}

.definitioncan{
	position:relative;
	margin: 0 auto;
	width:90%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.definition{
	position: relative;
	margin:0 auto;
	text-align: center;
	border:1px solid green;
	flex-basis: 24%;
	height:250px;
	background: #69AF6E;	
	cursor: pointer;
}

.definition2{
	position: relative;
	margin:0 auto;
	text-align: center;
	border:1px solid green;
	flex-basis: 24%;
	height:200px;
	background: #69AF6E;	
	cursor: pointer;
	margin:10px 0 10px 0;
}


.defdesc{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all .3s ease;
	background:#222222;
	opacity: 0;
	z-index: 999;
}

.defdescp{
	position:relative;
	margin:0 auto;
	width:96%;
	color:#FFFFFF;
}

.definition p{
	position:relative;
	margin:0 auto;
	width:96%;
}

.definition:hover .defdesc{
	margin:0 auto;
	overflow:visible;
	opacity:1;
}

.definition2:hover .defdesc{
	margin:0 auto;
	overflow:visible;
	opacity:1;
}


#description{
	font-family: 'Open Sans', sans-serif;
	font-size: 9em;
	color:#FFFFFF;
	
}

.desctext{
	position:relative;
	margin:0px auto;
	width:96%;
	margin-top:2px;
	
}

.capsule{
	position:relative;
	margin:0 auto;
	width:100%;
	height: 300px;
	overflow-y: scroll;
	background:#98CC9B;
	padding:10px;
	border: .25px solid #222222;
	margin:10px 0 10px 0;
}

.expansionarea{
	position:relative;
	margin:50px auto;
	width:80%;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.expansionarea2{
	position:relative;
	margin:50px auto;
	width:80%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.expbox{
	flex-basis:30%;
	Background:transparent;
	padding:10px;
	margin:10px 0;
}

.introarea{
	position:relative;
	margin:50px auto;
	width:80%;
}

.introarea2{
	position:relative;
	margin:50px auto;
	width:96%;
}


.bigbox{
	flex-basis:1000%;
	 
}

.bigboxtext{
	position:relative;
	margin:10px auto;
	width:96%;
}

.plusflex{
	position:relative;
	margin:50px auto;
	width:80%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.plusarea{	 
	width:40%;
	height:475px;  
	background:url("Graphics/CIRCLE_BKGRND.png");
	background-position:center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:50%;
	text-align:center;
}

.plustext{
	position:relative;
	top:22%;
	left:5%;
	width:92%;
	border-radius: 15px 50px 30px 5px;	
}

.plusarea2{
	position:absolute;
	top:45%;
	left:58%;
	width:30%;
	height:450px; 
	background-color:#98CC9B;
	border-radius:50%;
	text-align:center;
}

.plusarea3{
	position:absolute;
	top:130%;
	left:62%;
	width:30%;
	height:37%; 
	background-color:#98CC9B;
	border-radius:50%;
}


.plusover{
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	background:transparent; 
	transition: all .3s ease;
	opacity:1;
	cursor: pointer;
}

.plusover p{
	position:relative;
	margin:20px auto;
	width:90%;
	font-size:.9em;
}

.plusarea:hover .plusover{
	left:0;
	opacity:1;
}

input{display:none;}

label{
	display:block;
	padding:0.55em;
	text-align:center;
	 
	transition: 0.2s;
}

label:before{
	font-weight:800;
	font-size:1.1em;
	vertical-align: text-top;
	display:inline-block;
	width:20px;
	height: 20px;
	margin: -5px 5px;
	border-radius:50%;
}

#heading{
	position:absolute;
	top:2px;
	left:15px;
}

#glass{
	position:absolute;
	top:45%;
	left:45%;
}

.newsection{
	position:relative;
	margin:50px auto;
	width:65%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.newsection h7{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#222222;
}

.newsection2 h7{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#222222;
}

.newsection2{
	position:relative;
	margin:50px auto;
	width:90%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}


.newleft{flex-basis:40%;}
.newright{flex-basis: 58%;}

.square{
	position:relative;
	margin:0 auto;
	width:425px;
	height:425px;
	display:flex;
	justify-content: center;
	align-items: center;
	margin:0 0 50px 0;
} 
 
.square span:nth-child(1){
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:2px solid #98CC9B;
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	transition: 0.5s;
	animation: animate 6s linear infinite;
}

.square:hover span:nth-child(1){
	border:none;
	background: #C2E1C4;	 
}

.square span:nth-child(2){
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:2px solid #98CC9B;
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	transition: 0.5s;
	animation: animate 4s linear infinite;
}

.square:hover span:nth-child(2){
	border:none;
	background: #C2E1C4;
}

.square span:nth-child(3){
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:2px solid #98CC9B;
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	transition: 0.5s;
	animation: animate2 10s linear infinite;
}

.square:hover span:nth-child(3){
	border:none;
	background: #C2E1C4;
}

.squarebtn{
	position:relative;
	margin:8px auto;
	padding:10px;
	width:25%;
	text-align:center;
	background:#98CC9B;
	text-decoration:none;
}

@keyframes animate
{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate (360deg);
	}
}

@keyframes animate2
{
	0%{
		transform: rotate(360deg);
	}
	100%{
		transform: rotate (0deg);
	}
}

.squarecontent{
	position:relative;
	padding:40px 60px;
	color:#EFEFEF;
	text-align:center;
	transition: 0.5s;
	z-index: 100;
}

.mobanimation{display: none;}

.terms2{
	position:relative;
	margin:20px auto;
	width:80%;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

/*CSS FOR HOVER-OVER DEFINITIONS*/ 

.avatar{
	width:203px;
	height:50px;	 
	background-image: url("Graphics/Gamete2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar::before,
.avatar::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar:hover::before,
.avatar:hover::after{
	--scale: 1;
}

.avatar::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}

/*Avatar2 below*/

.avatar2{
	width:203px;
	height:50px;	 
	background-image: url("Graphics/Ovum2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar2::before,
.avatar2::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar2::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar2:hover::before,
.avatar2:hover::after{
	--scale: 1;
}

.avatar2::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}



/*AVATAR3 Below*/


.avatar3{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/embryo2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar3::before,
.avatar3::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar3::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar3:hover::before,
.avatar3:hover::after{
	--scale: 1;
}

.avatar3::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR4*/


.avatar4{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/blast2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar4::before,
.avatar4::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar4::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar4:hover::before,
.avatar4:hover::after{
	--scale: 1;
}

.avatar4::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR5*/

.avatar5{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/fetus2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar5::before,
.avatar5::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar5::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar5:hover::before,
.avatar5:hover::after{
	--scale: 1;
}

.avatar5::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR6*/


.avatar6{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/crypto2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar6::before,
.avatar6::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar6::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar6:hover::before,
.avatar6:hover::after{
	--scale: 1;
}

.avatar6::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}

/*AVATAR7*/

.avatar7{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/gestational2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar7::before,
.avatar7::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar7::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar7:hover::before,
.avatar7:hover::after{
	--scale: 1;
}

.avatar7::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR8*/


.avatar8{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/tradition2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar8::before,
.avatar8::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar8::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar8:hover::before,
.avatar8:hover::after{
	--scale: 1;
}

.avatar8::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR9*/

.avatar9{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/ivf2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar9::before,
.avatar9::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar9::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar9:hover::before,
.avatar9:hover::after{
	--scale: 1;
}

.avatar9::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR10*/

.avatar10{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/embryotrans2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar10::before,
.avatar10::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar10::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar10:hover::before,
.avatar10:hover::after{
	--scale: 1;
}

.avatar10::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR11*/

.avatar11{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/IUI2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar11::before,
.avatar11::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar11::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar11:hover::before,
.avatar11:hover::after{
	--scale: 1;
}

.avatar11::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR12*/

.avatar12{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/amnio2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar12::before,
.avatar12::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar12::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar12:hover::before,
.avatar12:hover::after{
	--scale: 1;
}

.avatar12::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR13*/


.avatar13{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/hystero2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar13::before,
.avatar13::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar13::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar13:hover::before,
.avatar13:hover::after{
	--scale: 1;
}

.avatar13::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}


/*AVATAR14*/

.avatar14{
	width:203px;
	height:50px;	 
	background-image:url("Graphics/CVS2.jpg");
	background-size:cover;
	background-position:center;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	margin: 10px 5px 10px 5px;
}

.avatar14::before,
.avatar14::after{
	--scale: 0;
	--arrow-size: 15px;
	--tooltip-color: #777777;
	position:absolute;	
	top:-.25rem;
	left:50%;	
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.avatar14::before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color:#FFFFFF; 
	padding: .5rem;
	width: max-content;
	max-width:150%;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align:center;	
}

.avatar14:hover::before,
.avatar14:hover::after{
	--scale: 1;
}

.avatar14::after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';	 
	border: var(--arrow-size) solid transparent;
	border-top-color:var(--tooltip-color);
	transform-origin: top center;
}
/*END OF CSS FOR HOVER-OVER PROPERTIES*/


.wrap{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:40px;
}

#linkbtn{
	position:relative;
	top:10px;
	left:25%;
	width:10%;
	padding:5px;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:.9em;
	color:#333333;
	text-decoration:none;
	background:transparent;
	border:.25px solid #222222;
	transition: all .2s ease;
}

#linkbtn a:visited{color:#222222;}

#linkbtn:hover{
	background:#FFFFFF;
	color:#222222;
}

.newlinks{
	position:relative;
	margin:10px auto;
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top:25px;
}


.circlelink{
	position:relative;
	margin:0 auto;
	width:300px;
	height:300px;
	border:3px solid #98CC9B;
	border-radius:50%;
	animation: circle 4s infinite forwards;
	margin:0 0 40px 0;
}

.circlelinktext{
	position:absolute;
	top:95px;
	left:6%;
	width:90%;
	font-size:.95em;
}

.circlelink a{
	position:relative;
	top:10px;
	left:34%;
	width:10%;
	padding:5px;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:.9em;
	color:#333333;
	text-decoration:none;
	background:transparent;
	border:.25px solid #222222;
	transition: all .2s ease;
}

.circlelink a:hover{background:#98cc9b;}

.hawaiimiddle{
	position:relative;
	margin:50px auto;
	width:96%;	  
}

.hawaiimiddle img{margin-bottom: 75px;}

.contactcontent{
	position:relative;
	margin:50px auto;
	width:80%;
	display:flex;
	justify-content: space-between;
}

.contactleft{
	position:relative;
	margin:0 auto;
	display: flex;
	justify-content:space-between;
	flex-direction:column;
	flex-basis:40%;
}

.contactright{
	position:relative;
	margin:0 auto;
	flex-basis:55%;
}

.Tbox h3{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color: #000000;
}

.Tbox p{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#666666;
}

.Bbox h3{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color: #000000;
}

.Bbox p{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#666666;
}

#termstext{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color:#222222;
}

.svcboxes2{display:none;}
#mainbackgroundmob{display:none;}

.badges{
	position:relative;
	margin:50px auto;
	width:30%;
	display:flex;
	justify-content: space-between;
	align-items: center;
		
}

.badgebox{
	flex-basis:30%;
}



/*CSS for review box*/

.reviewbox{
	position:relative;
	margin: 0 auto;
	width:90%; 
	background:#FFFFFF;
	opacity:.80;
}

.reviewtext{
	position:relative;
	margin:25px auto;
	width:90%;
}

/*End of CSS for review box*/

#parasecmob{display:none;}


#mobfooter2ALT{display:none;}
#mobfooterALT{display:none;}


#mobsub{display:none;} 
#mobsub2{display:none;} 
#mobsub3{display:none;}
#mobsub4{display:none;}
#mobsub5{display:none;}
#mobsub6{display:none;}
.mobterms{display:none;}

#mobile{display: none;}


@media screen and (max-width:1680px){
#logo{width:12%;}
	
#socialmedia{width:5%;} 
	
.tagline{
	position:absolute;
	top:30%;
	left:16%;
	width:55%;
}
.flexarea{width:75%;}
	
.over p{
	position: absolute;
	top:30%;
	left:8%;
	width:90%;
	font-size:.9em;
}
	
.textover{font-size:.9em;}
	
#CAMOB{left:18%;}

#DONORMOB{left:20%;}

#PARENTMOB{left:24%;}

#FOREIGNMOB{left:18%;}

#LEGALMOB{left:22%;}

	
	#svcboxes .carrier{
	position:absolute;
	top:51%;
	left:18%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .donor{
	position:absolute;
	top:51%;
	left:9%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .parentage{
	position:absolute;
	top:51%;
	left:28%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .counseling{
	position:absolute;
	top:51%;
	left:25%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}
	
.plusflex{
	position:relative;
	margin:50px auto;
	width:90%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

	
.plusarea{	 
	width:40%;
	height:475px;  
	background:url("Graphics/CIRCLE_BKGRND.png");
	background-position:center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:50%;
	text-align:center;
}

.plustext{
	position:relative;
	top:22%;
	left:5%;
	width:92%;
	border-radius: 15px 50px 30px 5px; 
}
	
#subbkgrnd4 h1{
	position:relative;
	margin:95px auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}

	
#subbkgrnd5 h1{
	position:relative;
	margin:75px auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}


	
}

@media screen and (max-width:1600px){
	#logo{width:13%;}
	#background{height:600px;}
	 
	.flexarea{width:80%;}
	#svcboxes h6{
	position: absolute;
	top:4%;
	left:3%;
	width:95%;
	font-family: 'Open Sans', sans-serif;
	font-size: .8em;
	color:#FFFFFF;
	font-weight:100;
}
	
	.intcontentdesc{
	position:relative;
	margin:100px auto;
	width: 85%;
	padding-bottom: 50px;
}
	
	.plusflex{}
	
	.plusarea{	 
	width:35%;
	height:395px;  
	background:url("Graphics/CIRCLE_BKGRND.png");
	background-position:center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:50%;
	text-align:center;
}

.plustext{
	position:relative;
	top:21%;
	left:10%;
	width:85%;
	border-radius: 15px 50px 30px 5px;
	font-size:.9em;
}
	
	.wrap{
		width:50%;
		margin-top:30px;
	}
	
#CAMOB{left:10%; width:90%;}

#DONORMOB{left:11%; width:90%;}

#PARENTMOB{left:21%;}

#FOREIGNMOB{left:15%;}

#LEGALMOB{left:20%;}
	
	.terms2{width:85%;}




}

@media screen and (max-width:1440px){
	#logo{width:14%;}
	#background{height:550px;}
	 
	
	.tagline{
	position:absolute;
	top:30%;
	left:16%;
	width:55%;
}
	
	.tagline h1{
	font-family: 'Oswald', sans-serif;
	font-size: 3.2em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

.tagline h3{
	position:relative;
	margin:-30px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}
	
	.flexarea{width:80%;}
	
	#parasec h3{
	position:absolute;
	top:125px;
	left:20%;
	width:65%;
	font-family: 'Oswald', sans-serif;
	font-size: 3em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}
	
	#svcboxes{width::96%;}
	
	#content p{font-size:.9em;}
	#svcboxes h6{
	position: absolute;
	top:2%;
	left:3%;
	width:95%;
	font-family: 'Open Sans', sans-serif;
	font-size: .8em;
	color:#FFFFFF;
	font-weight:100;	
}
	
	.ovrbtn{
	position:absolute;
	top:80%;
	left:25%;
	width:40%;
	padding:7px;
	text-align:center;
	background:#FFFFFF;
	color:#222222;
	border:.25px solid #EFEFEF;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	transition: all .3s ease;
}

	#svcboxes .carrier{
	position:absolute;
	top:51%;
	left:10%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .donor{
	position:absolute;
	top:51%;
	left:9%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .parentage{
	position:absolute;
	top:51%;
	left:22%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .counseling{
	position:absolute;
	top:51%;
	left:20%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

	.intcontentdesc{
	position:relative;
	margin:20px auto;
	width: 95%;
	padding-bottom: 50px;
}
	
.title{font-size:1em;}
#CAMOB{left:8%; width:90%;}

#DONORMOB{left:11%; width:90%;}

#PARENTMOB{left:19%;}

#FOREIGNMOB{left:13%;}

#LEGALMOB{left:18%;}
.svctext{font-size:.95em;}

	
	.newsection h7{
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;	
	}
	
	.newsection2 h7{
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;	
	}
	
.plusflex{width:97%;}
	
	.plusarea{	 
	width:35%;
	height:395px;  
	background:url("Graphics/CIRCLE_BKGRND.png");
	background-position:center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:50%;
	text-align:center;
}

.plustext{
	position:relative;
	top:21%;
	left:10%;
	width:85%;
	border-radius: 15px 50px 30px 5px;
	font-size:.9em;
}
	
.wrap{
		width:58%;
		margin-top:30px;
}
	
	.terms2{width:95%;}
	
 	
}

@media screen and (max-width:1366px){
	#parasec h3{
	position:absolute;
	top:125px;
	left:17%;
	width:65%;
	font-family: 'Oswald', sans-serif;
	font-size: 3em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}
	
	.over p{top:28%;}
	
	#subbkgrnd h1{
	margin:105px auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}
	
	#subbkgrnd3 h1{
	position:relative;
	margin:105px auto;	 
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}

	
	#subbkgrnd4{
	position:relative;
	margin:0px auto;
	width:100%;
	height:290px;
	background-image:url("Backgrounds/ProcessBkgrnd1280_3.jpg");
	background-attachment: fixed;
	background-position:top;
	background-repeat: no-repeat;
	background-size: cover;
}

	
	.ovrbtn{
	position:absolute;
	top:84%;
	left:25%;
	width:40%;
	padding:5px;
	text-align:center;
	background:#FFFFFF;
	color:#222222;
	border:.25px solid #EFEFEF;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	transition: all .3s ease;
}
	.intcontent2{width:90%;}
	
	#contentdesc h6{
	position:relative;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: .85em;
	color:#FFFFFF;font-weight: 200;
}
	
	#contentdesc h3{
	font-family: 'Oswald', sans-serif;
	font-size: 1.1em;
	color:#222222;	
}
	.definition2{flex-basis:30%;}

	.newsection{width:85%;}
	.newsection2{width:99%;}
	.square{
		width:400px;
		height:400px;
	}
	
.plusflex{width:100%;}
	
	.plusarea{	 
	width:35%;
	height:395px;  
	background:url("Graphics/CIRCLE_BKGRND.png");
	background-position:center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:50%;
	text-align:center;
}

.plustext{
	position:relative;
	top:21%;
	left:10%;
	width:85%;
	border-radius: 15px 50px 30px 5px;
	font-size:.9em;
}
	
	.wrap{
		width:58%;
		margin-top:30px;
	}
	
.title{font-size:.9em;}
#CAMOB{left:8%; width:90%;}

#DONORMOB{left:11%; width:90%;}

#PARENTMOB{left:22%;}

#FOREIGNMOB{left:13%;}

#LEGALMOB{left:18%;}
.svctext{font-size:1em;}



	
}

@media screen and (max-width:1280px){
	#logo{width:15%;}
	#background{height:400px;}
	#socialmedia{width:6%;}
	nav{
	position:absolute;
	top:38px;
	left:28%;
	width:65%;
	display:flex;
	justify-content: space-between;
}
	
	.tagline{
	position:absolute;
	top:30%;
	left:16%;
	width:55%;
}
	
	.tagline h1{
	font-family: 'Oswald', sans-serif;
	font-size: 2.8em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

	.tagline h3{
	position:relative;
	margin:-30px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}
	
	.flexarea{width:86%;}
	
	#parasec h3{
	position:absolute;
	top:125px;
	left:20%;
	width:65%;
	font-family: 'Oswald', sans-serif;
	font-size: 2.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}
	
	.over p{top:23%;}
	
 	
	#svcboxes h6{
	position: absolute;
	top:0%;
	left:2%;
	width:97%;
	font-family: 'Open Sans', sans-serif;
	font-size: .75em;
	color:#FFFFFF;
	font-weight:100;
}
	
 #svcboxes .carrier{
	position:absolute;
	top:51%;
	left:6%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .donor{
	position:absolute;
	top:51%;
	left:-2%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .parentage{
	position:absolute;
	top:51%;
	left:18%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .counseling{
	position:absolute;
	top:51%;
	left:16%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}
	
	.intcontentdesc{width:96%;}
	#contentdesc h6{
	position:relative;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: .83em;
	color:#FFFFFF;font-weight: 200;
}
	
	.plusflex{width:80%;}
	
	.plusarea{	 
	width:40%;
	height:305px;  
	background:url("Graphics/CIRCLE_BKGRND.png");
	background-position:center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:50%;
	text-align:center;
}

.plustext{
	position:relative;
	top:12%;
	left:10%;
	width:85%;
	border-radius: 15px 50px 30px 5px;
	font-size:.82em;
}
	
	.wrap{
		width:55%;
		margin-top:30px;
	}
	
	
	
	.terms2{width:98%;}
	.avatar{width:180px; background-image: url("Graphics/gamete1280.jpg");}
	.avatar2{width:180px; background-image: url("Graphics/ovum1280.jpg");}
	.avatar3{width:180px; background-image: url("Graphics/embryo1280.jpg");}
	.avatar4{width:180px; background-image: url("Graphics/blast1280.jpg")}
	.avatar5{width:180px; background-image: url("Graphics/fetus1280.jpg");}
	.avatar6{width:180px; background-image: url("Graphics/crypto1280.jpg");}
	 
	.avatar9{width:180px; background-image: url("Graphics/ivf1280.jpg");}
	.avatar10{width:180px; background-image: url("Graphics/embryoTRANS1280.jpg")}
	.avatar11{width:180px; background-image: url("Graphics/iui1280.jpg")}
	.avatar12{width:180px; background-image: url("Graphics/amnio1280.jpg")}
	.avatar13{width:180px; background-image: url("Graphics/hsg1280.jpg")}
	.avatar14{width:180px; background-image: url("Graphics/cvs1280.jpg")}
	

.title{font-size:.9em;}
#CAMOB{left:6%; width:90%;}

#DONORMOB{left:11%; width:90%;}

#PARENTMOB{left:20%;}

#FOREIGNMOB{left:11%;}

#LEGALMOB{left:16%;}
.svctext{font-size:.95em;}
	
	
}


@media screen and (max-width:1024px){
	#logo{width:17%}
	#socialmedia{width:7%;}
	nav{width:75%; left:22%;}
	
	.menu a{
	padding:8px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;
	text-decoration:none;
	color:#222222;
	border: .25px solid #222222;
	transition: all .5s ease;
	width:90px;
}
	
	#socialmedia{
	position:absolute;
	top:30px;
	right:2.3%;
	width:2.5%;
	z-index: 9999;
}
	
	.tagline{
	position:absolute;
	top:30%;
	left:16%;
	width:55%;
}
	
	.tagline h1{
	font-family: 'Oswald', sans-serif;
	font-size: 2.3em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

	.tagline h3{
	position:relative;
	margin:-30px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

	.flexarea{width:82%;}
	
	#content h2{
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	color:#222222;
	
}
	
	#subbkgrnd2 h1{
	position:relative;
	margin:115px 36%;
	flex-basis:100%;
	font-family: 'Oswald', sans-serif;
	font-size: 2.4em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}

#content p{
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
}
	
	#parasec h3{
	position:absolute;
	top:125px;
	left:20%;
	width:65%;
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}
	
	#svcboxes{width:80%; flex-wrap:wrap;}
	.box{flex-basis: 45%;}
	
	#subbkgrnd h1{
	margin:105px auto;
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}

	
	.box{
		margin:10px 0 10px 0;
	}
	
	#svcboxes .carrier{
	position:absolute;
	top:51%;
	left:12%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .donor{
	position:absolute;
	top:51%;
	left:3%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .parentage{
	position:absolute;
	top:51%;
	left:25%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .counseling{
	position:absolute;
	top:51%;
	left:20%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}
	
	#svcboxes h6{
	position: absolute;
	top:0%;
	left:2%;
	width:97%;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	font-weight:100;
}
	
	.intcontentdesc{width:80%;}
	.definition{
		flex-basis:45%;
		margin:10px 0;
	}
	#contentdesc h6{
	position:relative;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: .81em;
	color:#FFFFFF;font-weight: 200;
}
	
	.newsection{
		flex-direction: column;
		width:45%;
	}
	
	
	
	.newsection2{
		flex-direction: column;
		width:90%;
	}
	
	 
	.plusflex{
		width:50%;
		flex-direction:column;
	}
	
	.plusarea{	 
	width:80%;
	height:305px;  
	background:url("Graphics/CIRCLE_BKGRND.png");
	background-position:center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:50%;
	text-align:center;
		margin-bottom:50px;
}

.plustext{
	position:relative;
	top:12%;
	left:10%;
	width:85%;
	border-radius: 15px 50px 30px 5px;
	font-size:.82em;
}
	
	.wrap{
		width:55%;
		margin-top:30px;
	}
	
.intcontentflex{width:90%; }
	.svcbox{flex-basis:45%;}
	
.title{font-size:.9em;}
#CAMOB{left:15%; width:90%;}

#DONORMOB{left:14%; width:90%;}

#PARENTMOB{left:24%;}

#FOREIGNMOB{left:14%;}

#LEGALMOB{left:19%;}
.svctext{font-size:.95em;}

	.terms2{width:80%;}


}

@media screen and (max-width:960px){
	body{
	background-image:url("Backgrounds/MOBBKGRND.jpg");
	background-position: top, left;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
}
	#background{display:none;}
	#mainbackgroundmob{
		position:relative;
		margin:100px auto;
		width:90%;		  
		display:block;
	}
	
	#socialmedia{display:none;}
	
	#mobsub{
	position:relative;
	margin:100px auto;
	width:100%;
	height:400px;
	background-image:url("Backgrounds/ABOUTMOBBKGRND2.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}
	
	#mobsub h1{
	position:relative;
	margin:40% auto;
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
	}
	
	#mobsub2{
	position:relative;
	margin:100px auto;
	width:100%;
	height:400px;
	background-image:url("Backgrounds/SVCSMOBBKGRND2.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}
	
	#mobsub2 h1{
	position:relative;
	margin:40% auto;
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
	}
	
	#mobsub3{
	position:relative;
	margin:100px auto;
	width:100%;
	height:400px;
	background-image:url("Backgrounds/infertilityMOB3.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}
	
	#mobsub4{
	position:relative;
	margin:100px auto;
	width:100%;
	height:400px;
	background-image:url("Backgrounds/ProcessMob3.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}
	
	#mobsub5{
	position:relative;
	margin:100px auto;
	width:100%;
	height:400px;
	background-image:url("Backgrounds/Resources_MOB3.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}
	
	#mobsub6{
	position:relative;
	margin:100px auto;
	width:100%;
	height:400px;
	background-image:url("Backgrounds/CONTACTMOB2.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}	
	
	#mobsub7{
	position:relative;
	margin:100px auto;
	width:100%;
	height:400px;
	background-image:url("Backgrounds/Termsmob2.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}	
	
	
	
	
	
	#mobsub3 h1{
	position:relative;
	margin:40% auto;
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
	}

	
	#mobsub4 h1{
	position:relative;
	margin:40% auto;
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
	}
	
	#mobsub5 h1{
	position:relative;
	margin:40% auto;
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
	}
	
	#mobsub6 h1{
	position:relative;
	margin:40% auto;
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
	}


	#subbkgrnd{display: none;}
	#subbkgrnd2{display:none;}
	#subbkgrnd3{display:none;}
	#subbkgrnd4{display:none;}
	#subbkgrnd5{display:none;}
	#subbkgrnd6{display:none;}
	
	#CAMOB{
		top:40%;
		left:5%;
		width:86%;
		font-size:.9em;
	}
	
	#DONORMOB{
		top:40%;
		left:7%;
		width:86%;
		font-size:.9em;
	}
	
	#PARENTMOB{
		top:40%;
		left:18%;
		width:80%;
		font-size:.9em;
	}
	
	#FOREIGNMOB{
		top:40%;
		left:9%;
		width:80%;
		font-size:.9em;
	}
	
	#LEGALMOB{
		top:40%;
		left:12%;
		width:80%;
		font-size:.9em;
	}
	
	

	
	#top{
		position:fixed;
		bottom:15px;
		right:5%;
		width:10%;
		background:#EFEFEF;
		opacity:.90;
		padding:8px;
		text-align:center;
		font-family: 'Montserrat', sans-serif;
		font-size:.9em;
		color:#222222;display:block;
		z-index: 99999;
	}
	
	#logo{
		top:25px;
		left:15%;
		width:57%;
	
	}
	#topheader{display:none;}
	#mobheader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:35px;
	background-color:#7C997E;
	opacity:90.;
	font-family: 'Montserrat', sans-serif;
	font-size:.9em;
	color:#FFFFFF;
	text-align:center;
	z-index: 9999;
	display:block;
}

#mobheader p{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:35px;
	background-color:#7C997E;
	opacity:90.;
	font-family: 'Montserrat', sans-serif;
	font-size:.9em;
	color:#FFFFFF;
	text-align:center;
	z-index: 9999;
}
	
	nav{display:none;}
	
	#background{
	position:relative;
	margin:70px auto;
	width:96%;
	height:625px;	 
	background-image: url("Backgrounds/Bkgrnd1D.jpg");
	background-attachment: fixed;
	background-position:top, left;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 999;
}
	
	.tagline{
	position:absolute;
	top:20%;
	left:8%;
	width:90%;
}

	
	.tagline h1{
	font-family: 'Oswald', sans-serif;
	font-size: 1.6em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

	.tagline h3{
	position:relative;
	margin:-20px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}
	
	.button{width:70%;}
	
	.flexarea{
		flex-direction:column;
		width:90%;
	}
	
	.imagearea{margin-left:6%;}
	.textarea{flex-basis: 100%;}
	
	#parasec{width:98%; display:none;}
	
	#parasec h3{
	flex-basis:100%; 
	font-family: 'Oswald', sans-serif;
	font-size: 1.8em;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}
	
	#svcboxes{width:80%; flex-direction:column;}
	.box{flex-basis: 100%; margin: 10px 0 10px 0;}
	
	#maparea{
		width:90%;
		margin:0 4%;
	}
	.mapcontainer{width:100%;}

	iframe{width:100%;}
	
	#footer{display: none;}
	
	#mobfooter{
	position:relative;
	margin:-5px auto;	 
	width:100%;
	height:220px;
	background: #333333;
	display:block;
}
	
 
	
	#mobfooterALT{
	position:absolute;
	bottom:-200px;
	left:0;
	width:100%;
	height:150px;
	background: #333333;
	display:block;
}
	
	.footerbadges{width:60%;}

  #mobfooter a:link{text-decoration:none; color:#999999;}

.mobfootertext{
	position:relative;
	margin:20px auto;
	width:97%;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-align:center;
}

	#footer2{display:none;}

	#mobfooter2{
	position:relative;
	margin:0 auto;
	width:100%;
	height:30px;
	background:#000000;
	display:block;
}
	
	#mobfooter2ALT{
	position:absolute;
	bottom:-220px;
	left:0;
	width:100%;
	height:30px;
	background:#000000;
	display:block;
}

	.mobfooter2text{
	position:relative;
	margin:3px auto;
	width:98%;
	font-family: 'Oswald', sans-serif;
	font-size: .9em;
	color:#FFFFFF;
	text-align:center;
}
	
	#contentdesc{width:98%;}
	#contentdesc h6{
	position:relative;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FFFFFF;font-weight: 200;
}
	
	.intcontent{
	position:relative;
	margin:0px auto;
	width: 90%;	
}
	.intcontent img{
		width:40%;
	}
	
	.intcontent2{
	position:relative;
	margin:0px auto;
	width: 90%;	
}

	.intcontent2 img{
	float:right;
	margin:10px;
	width:40%
}
	
	.intcontentflex{
		flex-direction: column;
		width:98%;
		display:none;
	}
	
	.intcontentdesc{
	position:relative;
	margin:100px 10px;
	width: 90%;
	padding-bottom: 50px;
}

	
	.capsule{
	position:relative;
	margin:0 -10px;
	width:100%;
	background:#69af6e;	 
	border: .25px solid #222222;
	margin:10px 0 10px 0;
}

	
	.definitioncan{
		width:98%;
		flex-direction: column;
	}
	
	#content ul li{
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	color:#222222;
	width:99%;
}

	
	.contentflex{width:80%;flex-wrap:wrap;}
	.contentflex img{width: 45%; margin:10px 0 10px 0;}
	
	.definition{
		flex-basis:90%;
		margin:10px 0;
		min-height:325px;
	}
	
	.definition2{
		flex-basis:90%;
		margin:10px 0;
		min-height:250px;
	}
	
	#svcboxes{display:none;}
	
	.svcboxes2{
		position:relative;
		margin:10px auto;
		width:90%;
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;		 
	}	
	 	
	.insidetext{
		position:relative;
		margin:5px auto;
		width:90%;
	}
	
	.svcboxes2 h3{
		font-family: 'Open Sans', sans-serif;
		font-size: 1.5em;
		color: #FFFFFF;
	}
	
	.svcboxes2 p{
		font-family: 'Open Sans', sans-serif;
		font-size: .9em;
		color: #FFFFFF;
		font-weight: 200;
	}
	
	.mobbtn{
		position:relative;
		margin:10px auto;
		width:50%;
		text-decoration:none;
		text-align:center;
		background:#98cc9b;
		padding:6px;
		font-family: 'Open Sans', sans-serif;
		color:#FFFFFF;
		border:.5px solid #222222;
		transition:all .3s ease;
	}
	
	.mobbtn:hover{
		background: #FFFFFF;
	}
	
	
	
	#svcsboxes2 img{margin: 0 0 40px 0;}
	.spclbox{
		position:relative;
		margin:0% auto;
		width:100%;
		display:flex;
		align-items: center;
		justify-content: center;
		border:1px solid red;
	}
	
	#svcboxes2 h6{
		font-family: 'Open Sans', sans-serif;
		font-size:.95em;
		color:#FFFFFF;
		font-weight:200;
		padding:8px;
	}
	
	#svcboxes2 h4{
		font-family: 'Open Sans', sans-serif;
		color:#FFFFFF;
		size:2.5em;
		font-weight: 300;
		margin-bottom:150px;
	}
	
	
	.box2{
		flex-basis:100%;
		transition:all .3s ease;
		 
	}
	
	.over2{
		position:absolute;
		top:30%;
		left:0;
		flex-basis:90%;
		height:99.%;
		background: transparent;		 
		text-align:center;
		transition:all .3s ease;
		opacity:0;
		cursor:pointer;
	} 

	
	#svcboxes .carrier{
	position:absolute;
	top:51%;
	left:9%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
	display:none;
}

#svcboxes .donor{
	position:absolute;
	top:51%;
	left:3%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .parentage{
	position:absolute;
	top:51%;
	left:20%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}

#svcboxes .counseling{
	position:absolute;
	top:51%;
	left:16%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:300;
	text-shadow: 1px 1px 2px #000000;
}
	
	.contactbox{
	position: relative;
	margin:150px auto;
	width:90%;
	text-align:center;
}

	.contactbox2{
		width:90%;
	}

	
	#sidebar{
	background:#7C997E;
	width:200px;
	height:100%;
	display:block;
	position:fixed;
	right:-200px;
	top:0;	
	transition: right 0.3s linear;
	z-index: 99999;
	opacity:.90; 
}
			
	#sidebar.visible{
	right:0px;
	transition: right 0.3s linear;
}
			
	#sidebar-btn{
	display:inline-block;
	vertical-align:center;
	width:40px;
	height:15px;
	cursor:pointer;
	margin:20px;
	position:absolute;
	top:40px;
	right:220px;
	text-shadow: 1px 1px 1px #333333;
	background:transparent;
	z-index: 99999999;
}
			
	#sidebar-btn span{
	height:3px;
	background:#222222;
	text-shadow:1px 1px 1px #333333;
	margin-bottom:5px;
	display:block;	
	z-index: 999999;
}
			
	#sidebar-btn span:nth-child(2){width:75%;}
	#sidebar-btn span:nth-child(3){width:50%;}
			
			
	ul{
		margin:0;
		padding:0;				
	}
			
	ul li{list-style:none; padding-top:10px; background:transparent; height:42px; line-height: 42px;}
			
	ul li a{
		font-family: "Open Sans", sans-serif;
		font-size: 1em;
		color:#FFFFFF;
		border-bottom:1px solid #FFFFFF;
		display:block;
		width:190px;
		padding-top:10px;
		text-decoration:none;
		margin:0 0 0 10px;
	}
	
	 
	.newsection{width:85%; display:none;}
	.newsection2{display:none;}
	.square{
		position:relative;
		margin: 0 auto;
		width:300px;
		height:420px;		 
		margin: 0 0 100px 0;
		align-items: flex-start;
	}
	
.square span:nth-child(1){
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:2px solid #98CC9B;
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	transition: 0.5s;
	animation: animate 6s linear infinite;
}

 

.square span:nth-child(2){
	position:absolute;
	top:0;
	left:0;
	width:99%;
	height:99%;
	border:2px solid #98CC9B;
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	transition: 0.5s;
	animation: animate 4s linear infinite;
}

 

.square span:nth-child(3){
	position:absolute;
	top:0;
	left:0;
	width:99%;
	height:99%;
	border:2px solid #98CC9B;
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	transition: 0.5s;
	animation: animate2 10s linear infinite;
}
	
	.mobanimation{
		position:relative;
		margin:100px 1%;
		width:99%;
		display: block;
	}
	
	.circle{
		position:relative;
		margin:0 5px;
		width:325px;
		height:325px;
		border:8px solid #98CC9B;
		margin:0 auto;
		display: block;		 
		border-radius:50%;
		animation: circle 4s infinite forwards;
		
	} 
	
	@keyframes circle{
		0%{border-color: #98CC9B; transform: scale(1);}
		25%{border-color: #C2E1C4; transform: scale(1.1);}
		50%{border-color: #C2E1C4; transform: scale(1.1);}
		75%{border-color: #98CC9B; transform: scale(1.1);}
		100%{border-color: #98CC9B; transform: scale(1);}
			
	}
	
	.circletext{
		position:relative;
		top:-325px;
		left:10%;
		width:82%;
		animation: circletext 4s infinite forwards;
	}
	
	.squarebtn{
	position:relative;
	margin:-240px auto;
	padding:10px;
	width:25%;
	text-align:center;
	background:#98CC9B;
	text-decoration:none;
	margin-bottom:140px;	
}
	
	 
	.terms2{
	display:none;
}
	
	.mobterms{
	position:relative;
	margin:0 auto;
	width:99%;
	height:400px;
	overflow-y: scroll;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	flex-direction: column;
}
	
	.mobcapsule{
	flex-basis:90%;
	background:#69af6e;
	font-family:'Open Sans', sans-serif;
	font-size: .95em;
	color:#FFFFFF;
	padding:5px;
}
	
	.expansionarea{
	position:relative;
	margin:50px auto;
	width:90%;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	flex-direction: column;
}
	
	.expansionarea img{width:35%;}

 .expbox{
	flex-basis:100%;
	Background:transparent;
	padding:10px; 
	margin:10px 0;
}

	
	.plusflex{
		margin:0 0;
		width:96%;
		flex-direction:column;
		 
	}
	
	.plusarea{	 
	width:105%;
	height:355px;  
	background:url("Graphics/CIRCLE_BKGRND.png");
	background-position:center;
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:50%;
	text-align:center;
	margin-bottom:50px;
}

.plustext{
	position:relative;
	top:11%;
	left:10%;
	width:83%;
	border-radius: 15px 50px 30px 5px;
	font-size:.93em;
}
	
	.expansionarea2{width:90%;}
	
	.bigboxtext{width:100%;}
	
	.newlinks{width:85%;}
	 
	.circlelink{
	position:relative;
	margin:0 40px;
	width:300px;
	height:300px;
	border:3px solid #98CC9B;
	border-radius:50%;
	animation: circle 4s infinite forwards;
	margin:0 0 40px 0;
}
	
	#footerALT{display:none;}
	#footer2ALT{display:none;}

	#desktop{display:none;}
	#mobile{display:none;}
	
	.contactcontent{
		width:100%;
		flex-direction: column;
	}
	
	.contactleft{flex-basis:99%;}
	.contactright{flex-basis: 99%;}
	
	#parasecmob{
	position: relative;
	margin:100px auto;
	width:98%;
	height:500px;
	background-image: url("Backgrounds/MIDSECMOB.jpg");
	background-position:top, left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}

#parasecmob h3{
	position:relative;
	margin:auto;
	font-family: 'Roboto Slab', serif;
	font-size: 2.5em;
	width:98%;
	color:#FFFFFF;
	text-shadow:2px 2px 3px #000000;
}
	
	.badges{
	position:relative;
	margin:50px auto;
	width:60%;
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
		
}

.badgebox{
	flex-basis:80%;
	margin:10px 0 10px 0;
}
	
	.reviewbox{width:98%;}	
 
	
	


	
}