/************ BEGIN KIT ITEMS **********/

/** COLORS

blue - #00a1de

orange - #ff7900

dk blue - #003c69

mid blue - #003c69

gray - #555555 , #666666
**/

body{
	width: 100%;
	font: normal 100% 'lato', helvetica, arial, sans-serif;
	color: #666666;
	background-color: #f1f7fc;	
}

::selection {
	background: #00a1de;
	color: #ffffff; /* Safari */
	}

::-moz-selection {
	background: #00a1de; /* Firefox */
	color: #ffffff; 
}

p{
	font-size: 1.125em; /* 18 / 16 */
	font-weight: 300;
	line-height: 125%;
}

b{
	font-weight: 800;
}

i{
	font-weight: 600;
}

a{
	text-decoration: none;
}

li{
	list-style: none;
}

.bg-transition{
	transition: 
		background 0.5s ease, 
		color 0.25s ease, 
		border 0.25s ease,
		opacity 0.25s ease;	
}

.opacity{
	opacity: 0.5;
}

.opacity:hover{
	opacity: 1.0;
	transition: 
		opacity 0.25s ease;	
}

.opacity:hover{
	opacity: 1.0;
	transition: 
		opacity 0.25s ease;	
}


.opacity-two{
	opacity: 0.75;
}

/* ORANGE BTN */

a.orange-btn{
	display: inline-block;
	text-align: center;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

a.orange-btn:hover{
	background-color: #ff9600;	
}

a.orange-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

a.orange-btn-small{
	display: inline-block;
	text-align: center;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 30px;	
}

a.orange-btn-small:hover{
	background-color: #ff9600;	
}

a.orange-btn-small:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

.btn-text{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}

.btn-text-findme{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}

.btn-text-continue{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 1.25em;
	font-weight: 600;	
}

.btn-text-small{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: .5em 0em .5em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}

.ellipsis {
    background: #ffffff;
    bottom: 0;
    position: absolute;
    right: 0;
}

.study-title{
	right: -2px;
}

.fill {
    background: #ffffff; 
    height: 100%;
    position: absolute;
    width: 100%;
}

/************ END KIT ITEMS **********/

/************ DESKTOP JUMP ************/


.header-content-area{
	width: 90%;
	margin: 0 auto;
	height: 100%
}

.logo-area{
	width: 50%;
	height: 80%;
	float: left;
	margin: 1em 0em 0em 0em;	
}

.logo{
	width: 213px;
	height: 46px;
	float: left;
	padding: 0em 1em 0em 0em;
}

.site-descriptor{
	display: inline-block;
}

li.logo-div-line{
	width: 1px;
	height: 25px;
	border-right: solid 1px rgba(0,0,0,0.2);
	float: left;
	margin: 1em 1em 0em 0em;	
}

a.study-finder-link{
	text-transform: uppercase;
	font-size: 1em; /* 18 / 18 */
	color: #00a1de;
	opacity: 0.75;
	margin: 0.85em 0em 0em 0em;	
	float: left;	
}

p.study-finder-text{
	font-weight: 500;	
}

a.study-finder-link:hover{
	opacity: 1.0;
}

/** Begin Hide Mobile Menu Items **/
nav.mobile-nav-area{
	display: none;
}
/** End Hide Mobile Menu Items **/


nav.desktop-nav-area{
float: right;
width: 50%;
height: 100%;
display: inline-block;
} 
/**/
nav.navi{
	display: none;
}

.navi-one{
	display: inline-block;
	float: left;
	width: 100%;		
}

a.nav-link{
	display: inline-block;
	float: left;
	width: 20%;
	text-align: center;	
	margin: 1.75em 0em 0em 0em;	
}

.nav-item{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */ 
	font-weight: 600;
	color: #636363;	
}

.nav-item:hover{
	color: #00a1de;
	padding-bottom: 5px;
	border-bottom: solid 3px #00a1de
}

.selected{
	color: #00a1de;
	padding-bottom: 5px;
	border-bottom: solid 3px #00a1de
}

a.donate-btn{
	display: inline-block;
	text-align: center;
	width: 33%;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 50%;
	margin: 15px 0% 0% 5%;	
}

a.donate-btn:hover{
	background-color: #ff9600;	
}

a.donate-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

.btn-item{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}

.btn-item:hover{
	border: none;
	color: #ffffff;
}



/** Begin Hero Content Area **/
#hero-content-area-screening{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 0em 0em;
	padding: 6em 0em 5em 0em;
	background-color: #00a1de;		
}

.hero-content-center-screening{
	width: 90%;
	margin: 0 auto;
}

ul.hero-content-message-screening{
	padding: 1em 0em 0em 0em;
	margin: 0 auto;
	max-width: 875px;
	height: 100%;
	overflow: auto;
	list-style: none;
	text-decoration: none;
}

li.hero-content-title-area-screening{
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

h1.hero-content-title-screening{
	color: #ffffff;
	text-align: center;
	font-size: 2.25em; /* 36 / 16 */
	font-weight: 300;
	line-height: 125%;
}	
/** End Hero Content Area **/

/** Begin Screening Questions Area **/
#study-screening-area{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: -2em 0em 0em 0em;
	padding: 0em 0em .2em 0em;
}

.study-screening-content{
	max-width: 70%;
	margin: 0 auto;
	padding: 0em 0em 0em 0em;		
	height: auto;
	overflow: auto;
	background-color: #ffffff;
	border-top: solid 5px #003c69;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);		
}

ul.study-screening-question-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 0em;		
}

.b{
	background-color: #f1f7fc;
}

.screening-question-center{
	width: 90%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 5%;			
}

li.study-screening-question-content{
	padding: 3em 0em 1em 0em;	
	width: 100%;
}

.btn-group,
.btn-group-vertical {
	padding: 0em 0em 3em 0em;	
}	
	

.free-text-area-screening{
	height: 50px;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
	width: 50%; 
	margin-bottom: 50px
}

.free-text-area-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);
}

h2.study-screening-question{
font-weight: 300;
font-size: 1.5em /*24 / 16 */;
color: #003c69;	
}


.horzontal-div-line{
	width: 100%;
	height: 0px;
	border-top: solid 1px rgba(85,85,85,0.15);
	margin: 0em 0em 0em 0em;
}

/** Begin Age Dropdown Styles **/
.dropdown-age-screening {
	width: 50%;
	height: 50px;
	margin: 0em 0em 3em 0em;
	cursor: pointer;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-age-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);
}

.dropdown-age-screening span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-age-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-age-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-age-screening span:hover {
	cursor: pointer;
}

.dropdown-age-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-age-screening .dropdown-list-d-screening {
	position:absolute;
	left: 0;
	width: 31.5%;
	margin: 0 0 0 18.5%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-age-screening .dropdown-list-d-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-age-screening .dropdown-list-d-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Age Style **/	

/** Begin Gender Styles **/
/**
.gender-labels{
	margin: 0em 0em 3em 0em;
	padding: 0em 0em 0em 0em;
}

label.gender {
	font-weight: 700;
	margin-right: 1.5%;
	display: inline-block;
	font-size: 1em;
	width: 24%;
	line-height: 250%;
	text-align: center;
	color: rgba(85,85,85,0.5);
	border: solid 1px rgba(85,85,85,0.5);
	background-color: transparent;
	border-radius: 3px;
	transition: 200ms all;
	cursor: pointer;
}

label.gender:hover{
	color: rgba(85,85,85,1.0);
	border: solid 1px rgba(85,85,85,1.0);
}

input.input-selector {
	display: none;
}

input.input-selector:checked + label.gender {
	box-shadow: 0 0 0 -1px #FFF inset;
	color: #FFF;
	background: #00a1de;
	border-color: #003c69;
}

**/

/** End Gender Styles **/
/** Begin Conditions Style **/
.dropdown-conditions-screening {
	width: 50%;
	height: 50px;
	margin: 0em 0em 3em 0;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;	
}

.dropdown-conditions-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);	
}

.dropdown-conditions-screening span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-conditions-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-conditions-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-conditions-screening span:hover {
	cursor: pointer;
}

.dropdown-conditions-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-g{
	padding: .75em 1em .75em 1em;  
}

.dropdown-conditions-screening .dropdown-list-g-screening {
	position:absolute;
	left: 0;
	width: 31.5%;
	margin: 0 0 0 18.5%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-conditions-screening .dropdown-list-g-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-conditions-screening .dropdown-list-g-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Conditions Style **/

/** Begin Locations Area **/

/** Begin Locations Messaging **/
ul.locations-screening-question-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 0em;		
}

.b{
	background-color: #f1f7fc;
}

.locations-question-center{
	width: 47.4%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 5%;	
	float: left;
	display: inline-block;		
}

li.locations-screening-question-content{
	padding: 3em 0em 1em 0em;	
}

h2.locations-screening-question{
font-weight: 300;
font-size: 1.5em /*24 / 16 */;
color: #003c69;	
}

p.locations-screening-subline{
	font-size: 1em; /*16 / 16 */
	font-weight: 300;
}
/** End Locations Messaging **/
/** Begin ZIP Search Box **/
.zip-search-box-area{
	height: 45px;
	width: 42%;
	margin: 0em 3% 0em 0em;	
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
	float: left;
	display: inline-block;
}

.zip-search-box-area:hover{
	border: solid 1px rgba(85,85,85,1.0);	
}

input.zip-search-box{
	display: inline-block;
	background-color: transparent;
}

.zip-search-box{ 	
	margin: 0em 0em 0em 5%;	
	height: 95%;
	width: 90%;
	border: none;
	color: #555555;	
	font-size: 1em;
	font-weight: 700;
	font-family: 'lato', helvetica, sans-serif;	
	cursor: text;	
	background-color: transparent;
}
/** End ZIP Search Box **/

.location-or{
	font-size: 0.875em; /* 16 / 18 */
	font-weight: 700;
	float: left;
	display: inline-block;
	padding: 0em 0em 0em 0em;
	margin:  1em 0em 0em 0em;
}
/** Begin Find Me BTN **/
.btn-custom-d{
	width: 41%;
	margin: 0em 0em 0em 3%;
	float: left;
	display: inline-block;	
}

.find-me-icon{
	width: 21px;
	height: 21px;
	margin: .70em 1em 0.75em 1em;
	padding: 0em 0em 0em 0em;
	float:  left;
}

.btn-div-line{
	float: left;
	display: inline-block;
	border-right: solid 1px #003c69;
	width: 1px;
	height: 100%;	
}
.screening-find-me-button{
  width: 90%;
  margin: 0px 0px 15px 8px;
  float: left;
}
.light-blue-btn{
	display: inline-block;
	text-align: center;
	background-color: #00a1de;
	border: solid 1px #003c69;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

.light-blue-btn:hover{
	background-color: #00baf6;	
}

.light-blue-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
}
/** End Find Me BTN **/

/** Begin Distance Dropdown Styles **/
.dropdown-distance-screening {
	width: 95%;
	height: 50px;
	margin: 0.75em 0em 4em 0em;
	font-weight: 700;
	float: left;
	display: inline-block;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-distance-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);
}

.dropdown-distance-screening span {
	font-size: 16px;
	background-color: transparent;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-distance-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-distance-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-distance-screening span:hover {
	cursor: pointer;
}

.dropdown-distance-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-f{
	padding: .75em 1em .75em 1em;  
}

.dropdown-distance-screening .dropdown-list-f-screening {
	position:absolute;
	left: 0;
	width: 31.5%;
	margin: 0 0 0 18.5%;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
}

.dropdown-distance-screening .dropdown-list-f-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-distance-screening .dropdown-list-f-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Distance Dropdown Style **/	


/** Begin Map Area **/
.map-center-image{
	width: 43.5%;
	height: 290px;
	background-color: #555555;
	float: right;
	display: inline-block;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0em 0em 0em 0em;
}


#screening.angular-google-map-container.screening {
	width: 102%;
	height: 290px;
	margin: -2% 0 0 -1%;
	padding: 0px 0px 0px 0px;
/**	border: solid 6px #ffffff;	**/
 }
/** End Map Area **/
/** End Screening Questions Area **/

/** Begin Continue Study Call to Action Area **/
#continue-area{
	width: 100%;
	padding: 3em 0em 4.5em 0em;
	margin: 0em 0em 0em 0em;
}

.continue-center{
	width: 70%;
	margin: 0 auto;
	padding: 0em 0em 0em 0em;	
}

ul.continue-message-area{
	width: 100%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

li.continue-message{
	width: 100%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

h3.continue-title{
	color: #555555;
	text-align: center;
	font-weight: 300;	
}

.title-screening{
	font-size: 1.5em; /* 24 / 16 */
	display: inline-block; 
	padding: 0em 2% 0em 0em;
	margin: 0em 0em 0em 0em;
}

.btn-custom-e{ 
	width: 30%;
	font-size: 0.66666667em; /*16 / 24 */
	display: inline-block; 
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;	
}

/** End Continue Study Call to Action Area **/

/** Begin Footer Area **/
/** Begin Navigation Area **/ 
#footer-area{
	width: 100%;
	height: auto;
	background-color: #0f223b;
}

.footer-center{
	width: 90%;
	margin: 0 auto;
}

.footer-navigation{
	height: 75px;
	width: 100%;
	background-color: rgba(0,60,105,0.5);
}

ul.footer-navi-items{
	width: 40%;
	height: 100%;
	overflow: hidden;
	float: left;
}

a.footer-link{
	display: inline-block;
	width: 20%;
	text-align: left;	
	margin: 2.15em 0em 0em 0em;	
	font-size: 0.875em; /* 14 / 16 */
	text-transform: uppercase;
	color: #ffffff;
}

.btn-custom-b{
	width: 35%;
	margin: 1.25em 0em 0em 0em;		
}


ul.footer-social-items{
	width: 50%;
	height: 100%;
	float: right;
	padding: 1.4em 0em 0em 0em;
}

.footer-social-position{
	float: right;
}

.connect-message{
	width: 100px;
	float: left;;
	padding: .25em 1em 0em 0em;
	display: inline-block;
}

p.connect-body{
	font-size: 0.875em; /* 14 / 16 */
	text-transform: uppercase;
	color: #ffffff;
	text-align: right;
	font-weight: 500;
	opacity: 0.5;	
}

.social-link{
	width: 25px;
	height: 25px;
	float: left;;
	margin: 0em .5em 0em 0em;
	display: inline-block;
	background-color: #00a1de;
	border-radius: 100px;
	
}

social-nav-link{
}

.social-icon{
	width: 13px;
	height: 13px;
	margin: .4em 0em 0em .4em;	
}
/** End Footer Navigation Area **/ 

/** Begin Footer Company Information Area **/
.company-information-area{
	width: 100%;
	margin: 3em 0em 3em 0em;
	display: inline-block;			
}

ul.company-information-content{
	width: 95%;
	height: auto;
	overflow: auto;
	float: left;
	margin: 0 5% 0 0;
}

.charity-logo{
	float: left;
	width: 20%;
}

.charity-image{
	width: 120px;
	height: 60px;
}

.best-logo{
	float: left;
	width: 20%;
}

.best-id-number{
	font-size: 0.75em; /* 12 / 16 */
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	padding: 0em 0em 0.75em 2.2em;
}

.best-image{
	width: 75px;
	height: 124px;
	padding: 0em 0em 0em 1.25em; 	
}

ul.company-location-area{
	width: 60%;
	float: left;
}

.footer-company-name-area{
	width: 100%;
	padding: 0em 0em 0.5em 0em;	
}

.footer-company-name{
	font-size: 1.125em; /* 18 / 16 */
	letter-spacing: .05em;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
}

.office-area{
	width: 50%;
	float: left;
	padding: .5em 0em 1em 0em;		
}

.office-title{
	font-size: 1em /* 16 / 16 */;
	text-align: left;
	font-weight: 600;
	text-transform: uppercase;
	color: #00a1de;
}

.office-location{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 150%;	
}

.mail-link{
	color: #ffffff;
	text-decoration: none;
}

ul.footer-bottom-area{
	width: 100%;
	float: left;
	padding: 1em 0em 0em 0em;
}

.footer-bottom-content{
	
}

.footer-bottom-copy{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 150%;	
}
/** End Footer Company Information Area **/
/** End Footer Area **/

/**Begin Continue Media Query 1**/
@media (min-width: 10px) and (max-width: 1107px) {
/** Begin Continue Study Call to Action Area **/
#continue-area{
	width: 100%;
	padding: 3em 0em 4.5em 0em;
	margin: 0em 0em 0em 0em;
}

.continue-center{
	width: 90%;
	margin: 0 auto;
	padding: 0em 0em 0em 0em;	
}

ul.continue-message-area{
	width: 100%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

li.continue-message{
	width: 100%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}



h3.continue-title{
	color: #555555;
	text-align: center;
	font-weight: 300;	
}

.title-screening{
	display: inline-block; 
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

.btn-custom-e{ 
	width: 70%;
	font-size: 0.66666667em; /*16 / 24 */
	display: inline-block; 
	padding: 0em 0em 0em 0em;
	margin: 1.5em 0em 0em 0em;	
}

/** End Continue Study Call to Action Area **/
/** End Continue Media Query 1**/}

/**Begin Continue Media Query 2**/
@media (min-width: 10px) and (max-width: 590px) {
/** Begin Continue Study Call to Action Area **/
#continue-area{
	width: 100%;
	padding: 3em 0em 4.5em 0em;
	margin: 0em 0em 0em 0em;
}

.continue-center{
	width: 70%;
	margin: 0 auto;
	padding: 0em 0em 0em 0em;	
}

ul.continue-message-area{
	width: 100%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

li.continue-message{
	width: 100%;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}


h3.continue-title{
	color: #555555;
	text-align: center;
	font-weight: 300;	
}

.title-screening{
	display: inline-block; 
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}

.btn-custom-e{ 
	width: 130%;
	font-size: 0.66666667em; /*16 / 24 */
	display: inline-block; 
	padding: 0em 0em 0em 0em;
	margin: 1.5em 0em 0em -15%;	
}

/** End Continue Study Call to Action Area **/
/** End Continue Media Query 2**/}


/**Begin 1000px Area**/
@media (min-width: 10px) and (max-width: 1000px) {
/** Begin Screening Questions Area **/
#study-screening-area{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: -2em 0em 0em 0em;
	padding: 0em 0em .2em 0em;
}

.study-screening-content{
	max-width: 90%;
	margin: 0 auto;
	padding: 0em 0em 0em 0em;		
	height: auto;
	overflow: auto;
	background-color: #ffffff;
	border-top: solid 5px #1257a6;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);		
}

ul.study-screening-question-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 0em;		
}

.b{
	background-color: #f1f7fc;
}

.screening-question-center{
	width: 90%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 5%;			
}

li.study-screening-question-content{
	padding: 2em 0em 1em 0em;	
}

.btn-group,
.btn-group-vertical {
	padding: 0em 0em 2em 0em;	
}	
	

h2.study-screening-question{
font-weight: 300;
font-size: 1.5em /*24 / 16 */;
color: #003c69;	
}


.horzontal-div-line{
	width: 100%;
	height: 0px;
	border-top: solid 1px rgba(85,85,85,0.15);
	margin: 0em 0em 0em 0em;
}

/** Begin Age Dropdown Styles **/
.dropdown-age-screening {
	width: 50%;
	height: 50px;
	margin: 0em 0em 3em 0;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-age-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);
}

.dropdown-age-screening span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-age-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-age-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-age-screening span:hover {
	cursor: pointer;
}

.dropdown-age-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-age-screening .dropdown-list-d-screening {
	position:absolute;
	left: 0;
	width: 40.5%;
	margin: 0 0 0 9.5%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	
}

.dropdown-age-screening .dropdown-list-d-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-age-screening .dropdown-list-d-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Age Style **/	

/** Begin Gender Styles **/
/** .gender-labels{
	margin: 0em 0em 3em 0em;
	padding: 0em 0em 0em 0em;
}

label.gender {
	font-weight: 700;
	margin-right: 1.5%;
	display: inline-block;
	font-size: 1em;
	width: 24%;
	line-height: 250%;
	text-align: center;
	color: rgba(85,85,85,0.5);
	border: solid 1px rgba(85,85,85,0.5);
	background-color: transparent;
	border-radius: 3px;
	transition: 200ms all;
	cursor: pointer;
}

label.gender:hover{
	color: rgba(85,85,85,1.0);
	border: solid 1px rgba(85,85,85,1.0);
}

input.input-selector {
	display: none;
}

input.input-selector:checked + label.gender {
	box-shadow: 0 0 0 -1px #FFF inset;
	color: #FFF;
	background: #00a1de;
	border-color: #003c69;
}

**/

/** End Gender Styles **/
/** Begin Conditions Style **/
.dropdown-conditions-screening {
	width: 50%;
	height: 50px;
	margin: 0em 0em 2em 0;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;	
}

.dropdown-conditions-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);	
}

.dropdown-conditions-screening span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-conditions-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-conditions-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-conditions-screening span:hover {
	cursor: pointer;
}

.dropdown-conditions-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-g{
	padding: .75em 1em .75em 1em;  
}

.dropdown-conditions-screening .dropdown-list-g-screening {
	position:absolute;
	left: 0;
	width: 40.5%;
	margin: 0 0 0 9.5%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-conditions-screening .dropdown-list-g-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-conditions-screening .dropdown-list-g-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Conditions Style **/

/** Begin Locations Area **/

/** Begin Locations Messaging **/
ul.locations-screening-question-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 0em;		
}

.b{
	background-color: #f1f7fc;
}

.locations-question-center{
	width: 47.4%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 5%;	
	float: left;
	display: inline-block;		
}

li.locations-screening-question-content{
	padding: 3em 0em 1em 0em;	
}

h2.locations-screening-question{
font-weight: 300;
font-size: 1.5em /*24 / 16 */;
color: #003c69;	
}

p.locations-screening-subline{
	font-size: 1em; /*16 / 16 */
	font-weight: 300;
}
/** End Locations Messaging **/
/** Begin ZIP Search Box **/
.zip-search-box-area{
	height: 45px;
	width: 42%;
	margin: 0em 3% 0em 0em;	
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
	float: left;
	display: inline-block;
}

.zip-search-box-area:hover{
	border: solid 1px rgba(85,85,85,1.0);	
}

input.zip-search-box{
	display: inline-block;
	background-color: transparent;
}

.zip-search-box{ 	
	margin: 0em 0em 0em 5%;	
	height: 95%;
	width: 90%;
	border: none;
	color: #555555;	
	font-size: 1em;
	font-weight: 700;
	font-family: 'lato', helvetica, sans-serif;	
	cursor: text;	
	background-color: transparent;	
}
/** End ZIP Search Box **/

.location-or{
	font-size: 0.875em; /* 16 / 18 */
	font-weight: 700;
	float: left;
	display: inline-block;
	padding: 0em 0em 0em 0em;
	margin:  1em 0em 0em 0em;
}
/** Begin Find Me BTN **/
.btn-custom-d{
	width: 41%;
	margin: 0em 0em 0em 3%;
	float: left;
	display: inline-block;	
}

.find-me-icon{
	width: 21px;
	height: 21px;
	margin: .70em 1em 0.75em 1em;
	padding: 0em 0em 0em 0em;
	float:  left;
}

.btn-div-line{
	float: left;
	display: inline-block;
	border-right: solid 1px #003c69;
	width: 1px;
	height: 100%;	
}
.screening-find-me-button{
  width: 46%;
  margin: 26px 0px 15px 8px;
  float: left;
}
.light-blue-btn{
	display: inline-block;
	text-align: center;
	background-color: #00a1de;
	border: solid 1px #003c69;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

.light-blue-btn:hover{
	background-color: #00baf6;	
}

.light-blue-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
}
/** End Find Me BTN **/

/** Begin Distance Dropdown Styles **/
.dropdown-distance-screening {
	width: 95%;
	height: 50px;
	margin: 0.75em 0em 4em 0em;
	border-radius: 3px;
	cursor: pointer;
	font-weight: 700;
	float: left;
	display: inline-block;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-distance-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);
}

.dropdown-distance-screening span {
	font-size: 16px;
	background-color: transparent;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-distance-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-distance-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-distance-screening span:hover {
	cursor: pointer;
}

.dropdown-distance-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-f{
	padding: .75em 1em .75em 1em;  
}

.dropdown-distance-screening .dropdown-list-f-screening {
	position:absolute;
	left: 0;
	width: 40.5%;
	margin: 0 0 0 9.5%;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-distance-screening .dropdown-list-f-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-distance-screening .dropdown-list-f-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Distance Dropdown Style **/	


/** Begin Map Area **/
.map-center-image{
	width: 43.5%;
	height: 290px;
	background-color: #555555;
	float: right;
	display: inline-block;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0em 0em 0em 0em;
}

#google-map-area-image{
	width: 100%;
	height: 290px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/** End Map Area **/
/** End Screening Questions Area **/

/** End 1000px Area**/}



/**Begin 720px Area**/
@media (min-width: 10px) and (max-width: 720px) {
/** Begin Hero Content Area **/
#hero-content-area-screening{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 0em 0em;
	padding:  7em 0em 3.5em 0em;
	background-color: #00a1de;			
}

.hero-content-center-screening{
	width: 90%;
	margin: 0 auto;
}

ul.hero-content-message-screening{
	padding: 0em 0em 0em 0em;
	margin: 0 auto;
	max-width: 565px;
	height: 100%;
	overflow: auto;
	list-style: none;
	text-decoration: none;
}

li.hero-content-title-area-screening{
	padding: 0em 1em 0em 1em;
	margin: 0em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

h1.hero-content-title-screening{
	color: #ffffff;
	text-align: center;
	font-size: 1.375em; /* 22 / 16 */
	font-weight: 300;
	line-height: 125%;
}


li.hero-content-subtitle-area{
	padding: 1em 0em 1.5em 0em;
	margin: 0em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

p{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	line-height: 125%;
}

p.hero-content-subtitle{
	color: #ffffff;
	text-align: center;

}
/** Begin Screening Questions Area **/
#study-screening-area{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: -2em 0em 0em 0em;
	padding: 0em 0em .2em 0em;
}

.study-screening-content{
	max-width: 90%;
	margin: 0 auto;
	padding: 0em 0em 0em 0em;		
	height: auto;
	overflow: auto;
	background-color: #ffffff;
	border-top: solid 5px #1257a6;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);		
}

ul.study-screening-question-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 0em;		
}

.b{
	background-color: #f1f7fc;
}

.screening-question-center{
	width: 90%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 5%;			
}

li.study-screening-question-content{
	padding: 1.75em 0em 1em 0em;	
	font-size: 13px;
	width: 99%;
}

.free-text-area-screening{
	height: 50px;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
	width: 95%; 
	margin-bottom: 30px
}

.free-text-area-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);
}
h2.study-screening-question{
font-weight: 300;
font-size: 1.5em /*24 / 16 */;
color: #003c69;	
width: 90%;
}


.horzontal-div-line{
	width: 100%;
	height: 0px;
	border-top: solid 1px rgba(85,85,85,0.15);
	margin: 0em 0em 0em 0em;
}

/** Begin Age Dropdown Styles **/
.dropdown-age-screening {
	width: 99%;
	height: 50px;
	margin: 0em 0em 3em 0;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-age-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);
}

.dropdown-age-screening span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-age-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-age-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-age-screening span:hover {
	cursor: pointer;
}

.dropdown-age-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-age-screening .dropdown-list-d-screening {
	position:absolute;
	left: 0;
	width: 80.1%;
	margin: 0 0 0 9.5%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-age-screening .dropdown-list-d-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-age-screening .dropdown-list-d-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Age Style **/	

/** Begin Gender Styles **/
/**
.gender-labels{
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

label.gender {
	font-weight: 700;
	margin: 0em 0em .5em 0em;
	display: inline-block;
	font-size: 1em;
	width: 99%;
	line-height: 250%;
	text-align: center;
	color: rgba(85,85,85,0.5);
	border: solid 1px rgba(85,85,85,0.5);
	background-color: transparent;
	border-radius: 3px;
	transition: 200ms all;
	cursor: pointer;
}

label.gender:hover{
	color: rgba(85,85,85,1.0);
	border: solid 1px rgba(85,85,85,1.0);
}

input.input-selector {
	display: none;
}

input.input-selector:checked + label.gender {
	box-shadow: 0 0 0 -1px #FFF inset;
	color: #FFF;
	background-color: #00a1de;
	border-color: #003c69;
}

**/

/** End Gender Styles **/
/** Begin Conditions Style **/

li.study-screening-question-content{
	padding: 2em 0em 1em 0em;	
	}

.btn-group,
.btn-group-vertical {
	padding: 0em 0em 2em 0em;	
}	
	
.dropdown-conditions-screening {
	width: 99%;
	height: 50px;
	margin: 0em 0em 2em 0;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;	
}

.dropdown-conditions-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);	
}

.dropdown-conditions-screening span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-conditions-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-conditions-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-conditions-screening span:hover {
	cursor: pointer;
}

.dropdown-conditions-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-g{
	padding: .75em 1em .75em 1em;  
}

.dropdown-conditions-screening .dropdown-list-g-screening {
	position:absolute;
	left: 0;
	width: 80.1%;
	margin: 0 0 0 9.5%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;		
}


.dropdown-conditions-screening .dropdown-list-g-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-conditions-screening .dropdown-list-g-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Conditions Style **/

/** Begin Locations Area **/

/** Begin Locations Messaging **/
ul.locations-screening-question-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 0em;		
}

.b{
	background-color: #f1f7fc;
}

.locations-question-center{
	width: 95%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 0em 5%;	
	float: left;
	display: inline-block;		
}

li.locations-screening-question-content{
	font-size: 13px;
	padding: 1.25em 0em 1em 0em;	
}

h2.locations-screening-question{
font-weight: 300;
font-size: 1.5em /*24 / 16 */;
color: #003c69;	
}

p.locations-screening-subline{
	font-size: 1em; /*16 / 16 */
	font-weight: 300;
}
/** End Locations Messaging **/
/** Begin ZIP Search Box **/
.zip-search-box-area{
	height: 45px;
	width: 93%;
	margin: 0em 2% 2% 0em;	
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
	float: left;
	display: inline-block;
}

.zip-search-box-area:hover{
	border: solid 1px rgba(85,85,85,1.0);	
}

input.zip-search-box{
	display: inline-block;
	background-color: transparent;
}

.zip-search-box{ 	
	margin: 0em 0em 0em 5%;	
	height: 95%;
	width: 90%;
	border: none;
	color: #555555;	
	font-size: 1em;
	font-weight: 700;
	font-family: 'lato', helvetica, sans-serif;	
	cursor: text;	
	background-color: transparent;
}
/** End ZIP Search Box **/

.location-or{
	width: 5%;
	font-size: 0.875em; /* 16 / 18 */
	font-weight: 700;
	float: left;
	display: inline-block;
	padding: 0em 0em 0em 0em;
	margin:  1em 2em 0em 0em;
}
/** Begin Find Me BTN **/
.btn-custom-d{
	width: 78%;
	margin: 1% 0 0 0%;
	float: left;
	display: inline-block;	
}

.find-me-icon{
	width: 21px;
	height: 21px;
	margin: .70em 1em 0.75em 1em;
	padding: 0em 0em 0em 0em;
	float:  left;
}

.btn-div-line{
	float: left;
	display: inline-block;
	border-right: solid 1px #003c69;
	width: 1px;
	height: 100%;	
}
.screening-find-me-button{
  width: 45%;
  margin: 24px 0px 15px 10px;
  float: left;
}
.light-blue-btn{
	display: inline-block;
	text-align: center;
	background-color: #00a1de;
	border: solid 1px #003c69;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

.light-blue-btn:hover{
	background-color: #00baf6;	
}

.light-blue-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
}
/** End Find Me BTN **/

/** Begin Distance Dropdown Styles **/
.dropdown-distance-screening {
	width: 93.1%;
	height: 50px;
	margin: 0.75em 0em 2em 0em;
	font-weight: 700;
	float: left;
	display: inline-block;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-distance-screening:hover{
	border: solid 1px rgba(85,85,85,0.5);
}

.dropdown-distance-screening span {
	font-size: 16px;
	background-color: transparent;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-distance-screening:hover span:hover {
	opacity: 1.0;
}

.dropdown-distance-screening span:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;  
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 20px 20px;
}

.dropdown-distance-screening span:hover {
	cursor: pointer;
}

.dropdown-distance-screening span.active:after {
	content: '';
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/dropdown-arrow-up.svg) no-repeat right;
	background-size: 20px 20px;
	opacity: 1.0;	
}

.dropdown-button-f{
	padding: .75em 1em .75em 1em;  
}

.dropdown-distance-screening .dropdown-list-f-screening {
	position:absolute;
	left: 0;
	width: 79.5%;
	margin: 0 0 0 9.5%;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
}

.dropdown-distance-screening .dropdown-list-f-screening option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-distance-screening .dropdown-list-f-screening option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Distance Dropdown Style **/	


/** Begin Map Area **/
.map-center-image{
	display: none;
}
/** End Map Area **/
/** End Screening Questions Area **/

/** End 720px Area**/}






/** Begin Media Query **/
@media (min-width: 10px) and (max-width: 845px) {

.logo-area{
	width: 30%;
	height: 80%;
	float: left;
	margin: 1em 0em 0em 0em;	
}

nav.desktop-nav-area{
float: right;
width: 60%;
height: 100%;
display: inline-block;
} 

.site-descriptor{
	display: none;
}



/** Begin Footer Area **/
/** Begin Navigation Area **/ 
#footer-area{
	width: 100%;
	height: auto;
	background-color: #0f223b;
}

.footer-center{
	width: 100%;
	margin: 0 auto;
}

.footer-navigation{
	height: auto;
	overflow: auto;
	width: 100%;
	background-color: rgba(0, 60, 105, 0.5);
}

ul.footer-navi-items{
	width: 100%;
	height: 100%;
	float: left;
}

a.footer-link{
	display: inline-block;
	width: 100%;
	text-align: center;	
	margin: 0em 0em 0em 0em;	
	padding: 1.5em 0em 1.5em 0em;
	font-size: 0.875em; /* 14 / 16 */
	text-transform: uppercase;
	color: #ffffff;
	border-bottom: solid 1px rgba(250,250,250,0.15);
}

a.footer-link:hover{
	background-color: rgba(15,34,59,0.25);
}

.btn-custom-b{
	width: 90%;
	margin: 1.5em 0em 0em 5%;	
}

a.orange-btn-small{
	display: inline-block;
	text-align: center;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

a.orange-btn-small:hover{
	background-color: #ff9600;	
}

a.orange-btn-small:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

.btn-text-small{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}


ul.footer-social-items{
	width: 100%;
	height: 100%;
	float: left;
	padding: 1.5em 0em 1.5em 0em;
}

.footer-social-position{
	float: none;
	width: 260px;
	margin: 0 auto;
}

.connect-message{
	width: 100px;
	float: left;;
	padding: .6em 1em 0em 0em;
	display: inline-block;
}

p.connect-body{
	font-size: 0.875em; /* 14 / 16 */
	text-transform: uppercase;
	color: #ffffff;
	text-align: right;
	font-weight: 500;
	opacity: 0.5;	
}

.social-link{
	width: 40px;
	height: 40px;
	float: left;;
	margin: 0em .5em 0em 0em;
	display: inline-block;
	background-color: #00a1de;
	border-radius: 100px;
	
}

social-nav-link{
}

.social-icon{
	width: 15px;
	height: 15px;
	margin: .75em 0em 0em .75em;	
}
/** End Footer Navigation Area **/ 

/** Begin Footer Company Information Area **/
.company-information-area{
	width: 100%;
	margin: 3em 0em 3em 0em;
	display: inline-block;			
}

ul.company-information-content{
	width: 100%;
	height: auto;
	overflow: auto;
	float: left;
	margin: 0 0 0 0;
}

.charity-logo{
	float: left;
	width: 45%;
	padding: 0 5% 0 0;
}

.charity-image{
	width: 120px;
	height: 60px;
	float: right;
}

.best-logo{
	float: left;
	width: 45%;
	padding: 0 0 0 5%;
}

.best-id-number{
	font-size: 0.75em; /* 12 / 16 */
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	padding: 0em 0em 0.75em .4em;
}

.best-image{
	width: 75px;
	height: 124px;
	padding: 0em 0em 0em 0em; 	
}

ul.company-location-area{
	width: 90%;
	margin: 0em 0em 0em 5%;
	float: left;
}

.footer-company-name-area{
	width: 100%;
	padding: 0em 0em 0.5em 0em;	
}

.footer-company-name{
	font-size: 1.125em; /* 18 / 16 */
	letter-spacing: .05em;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	padding: 1em 0em 0em 0em;
}

.office-area{
	width: 45%;
	float: left;
	padding: .5em 5% 1em 0em;		
}

.office-title{
	font-size: 1em /* 16 / 16 */;
	text-align: left;
	font-weight: 600;
	text-transform: uppercase;
	color: #00a1de;
}

.office-location{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 150%;	
}

.mail-link{
	color: #ffffff;
	text-decoration: none;
}

ul.footer-bottom-area{
	width: 90%;
	margin: 0em 0em 0em 5%;
	float: left;
	padding: 1em 0em 0em 0em;
}

.footer-bottom-content{
	
}

.footer-bottom-copy{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 150%;	
}
/** End Footer Company Information Area **/
/** End Footer Area **/
}
/*************************** End Hide Site Descriptor ***************************/


@media (min-width: 10px) and (max-width: 815px) {
/** Media Query **/}




/************ MOBILE JUMP ************/
/*************************** Begin Mobile Media Query ***************************/
@media (min-width: 10px) and (max-width: 600px) {

/** Mobile Header Styles **/

#page-header{
	width: 100%;
	background-color: #ffffff;
	height: 60px;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.15);		
	
}

.header-content-area{
	width: 90%;
	margin: 0 auto;
	height: 100%
}


.logo-area{
	width: 30%;
	height: 80%;
	float: left;
	margin: .75em 0em 0em 0em;	
}

.logo{
	width: 150px;
	height: 32px;
	float: left;
	padding: 0em 1em 0em 0em;
}



/** Begin Hide Desktop Menu Items **/
nav.desktop-nav-area{
	display: none;
}
/** End Hide Desktop Menu Items **/

nav.mobile-nav-area{
float: right;
width: 20%;
height: 100%;
display: inline-block;
	
} 

.menu-btn-area{
	display: inline-block;
	cursor: pointer;
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
}

.menu-title-text{
	text-align: center;
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;
	color: #636363;	
	cursor: pointer;	
	margin: 1.5em 0em 0em 0em;	
}	

	nav.mobile-nav-area ul{
		cursor: pointer;	
		display: none;
		position: absolute;
		padding: 0em 0em 35em 0em;
		left: 0%;
		border: none;
		right: 0%;	
		margin: 0em 0em 0em 0em;
		width: 100%;
		background-color: rgba(250,250,250,0.95);
		}

		nav.mobile-nav-area:hover ul {
	
			display: block;
			float: right;
	
			}
	
.navi{
-moz-box-shadow:    inset 0px 2px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.15);
box-shadow:         inset 0px 2px 2px rgba(0, 0, 0, 0.15);

}


a.nav-link{
	display: inline-block;
	width: 98%;
	text-align: left;	
	padding: 0.75em 0em 0.75em 0em;	
	margin: 0em 0em 0em 0em;
	border-bottom: solid 1px rgba(0,0,0,0.10);
	border-left: solid .25em rgba(0,0,0,0.4);			
}

a.nav-link:hover{
	background-color: #f1f7fc;
}

.select{
	border-left: solid .25em #00a1de !important;	
}

.select:hover{
	background-color: #f1f7fc;
}

.nav-item{
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;
	color: rgba(0,0,0,0.4);	
	margin: 0% 5% 0% 5%;  		
}


.selected{
	color: #00a1de;
	padding-bottom: 5px;
	border-bottom: none;
}



a.donate-btn{
	text-align: center;
	width: 89%;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 50%;
	margin: 2% 5% 2% 5%;	
}

a.donate-btn:hover{
	background-color: #ff9600;
}

a.donate-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

.btn-item{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
}

.header-border-bar{
	width: 100%;
	height: 5px;
	position: fixed;
	display: inline-block;
	margin-top: 60px;		
	background-color: #006ea3;
	-moz-box-shadow:    inset 0px 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow:         inset 0px 2px 2px rgba(0, 0, 0, 0.25);
	z-index: 100;	
}


#hero-content-area-screening{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 0em 0em;
	padding:  5em 0em 3.5em 0em;
	background-color: #00a1de;			
}



/** End Media Query **/}


/** Begin Media Query **/
@media (min-width: 10px) and (max-width: 720px) {
/** End Media Query **/}


@media (min-width: 10px) and (max-width: 500px) {
.screening-find-me-button{
  width: 90%;
  margin: 0px 0px 15px 5%;
  float: left;
}
}