@font-face {
    font-family: 'houschka';
    src: url('/fonts/HouschkaAltPro-Bold.woff2'),
	 url('/fonts/HouschkaAltPro-Bold.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'extra-houschka';
    src: url('/fonts/HouschkaAltPro-ExtraBold.woff2'),
	 url('/fonts/HouschkaAltPro-ExtraBold.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'medium-houschka';
    src: url('/fonts/HouschkaAltPro-Medium.woff2'),
	 url('/fonts/HouschkaAltPro-Medium.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'light-houschka';
    src: url('/fonts/HouschkaAltPro-Light.woff2'),
	 url('/fonts/HouschkaAltPro-Light.woff');
	font-weight: normal;
	font-style: normal;
}

body{
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
}
.bold{
    font-weight: bold;
}

body, html, p, h1, h2, h3, h4, h5, ul, ol, li, div{
    color: #333333;
}
h1{
    font-weight: normal;
    font-family: 'extra-houschka';
    font-size: 42px;
    margin-top: 0px;
    color: #fff;
    font-weight: normal;
    line-height: 42px;
}

h2{
    font-weight: normal;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 26px;
    padding: 0 0 10px;
    margin-top: 0px;
/*    border-bottom: 1px dotted #333;*/
    margin-bottom: 10px;
	color: #4a0d66;
}
h2 strong{
    font-weight: normal;
    font-family: 'extra-houschka';
    font-size: 26px;
	color: #4a0d66;
}
h3{
    font-weight: normal;
    font-family: 'medium-houschka';
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 0px;
	color: #4a0d66;
}
p{
    margin-bottom: 34px;
}
ul, ul li{
    margin: 0px;
    padding: 0px;
}
ul{
    padding-left: 14px;
    margin-bottom: 40px;
}
ul li{
    margin-bottom: 10px;
    padding-left: 30px;
}

/******************/
/* SYMBOLS*/
/******************/

sup{
    font-size: 1em;
    top: -.05em;
}



/******************/
/* BUTTONS, LINKS*/
/******************/

a{
    color: #00539b;
    color: #359a8e;
}
a:hover, a:active, a:focus {
    outline: 0;
	color: #359a8e;
}

a.btn-default{
    background-image: none;
    border: 1px solid #777;
}
a.btn-default:hover{
    background-image: none;
    border: 1px solid #777;
}
.btn-lg{
    padding: 15px 35px;
    font-size: 14px;
}
input.btn-default.buttonGreen,
a.btn-default.buttonGreen{
    color: #fff;
    background-color: #359a8e;
    border: 1px solid #359a8e;
    font-family: 'extra-houschka';
    font-size: 16px;
    padding: 9px 26px;
    /**/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; /* future proofing */
    -khtml-border-radius: 8px; /* for old Konqueror browsers */
    /*text-transform: uppercase;*/
}
input.btn-default.buttonGreen:hover,
a.btn-default.buttonGreen:hover{
    background-color: #359a8e;
    color: #fff;
}






/*************************/
/* LINKS WITH ARROWS*/
/*************************/
a.linkTextArrow{
    text-decoration: none;
 }
a.linkTextArrow .linkText{
    color: 00539b;
    font-size: 14px;
    font-family: 'Arial', Helvetica, sans-serif;
    text-decoration: none;
}
a.linkTextArrow:hover .linkText{
    text-decoration: underline;
    
}

#topPurple{
    height: 48px;
    background-color: #4a0d66;
}

#logoBar{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 12px 1px #000000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 12px 1px #000000;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 12px 1px #000000; 
    border: none; 
    height: 80px; 
    z-index: 100; 
}
#logoBar br{
    font-size: 1px; 
    line-height: 1px;
}
.alzLogo{
    width: 264px; 
    margin-left: auto; 
    margin-right: auto;
    display: flex;
    margin-top: 15px;
    margin-bottom: 15px; 
}
.alzLogo #topLogo .svgLogo,
.alzLogo #topLogo .svgLogo .st0,
.alzLogo #topLogo { z-index: 1000;}
.alzLogo #topLogo .svgLogo{
	fill: #4a0d66; 
	
}


#logoBar a#visitProSite{
    text-decoration: none;
 }


#logoBar a#visitProSite .linkText{
    color: 00539b;
    font-size: 14px; 
    font-family: 'Arial', Helvetica, sans-serif;
    text-decoration: none;
}
#logoBar a#visitProSite:hover .linkText{
    text-decoration: underline;    
}



#banner{
    background-image: url('../images/banner.jpg');
    background-image: url('../images/bg-brains-beaker.gif');
    background-position:0 0 ; 
    background-repeat: repeat;     
    width: auto; 
/*    margin-bottom: 80px;  bring back after COVID19 is taken down*/
	
}

@media (max-width: 767px) { 
    #banner{
        background-image: url('../images/bg-brains-beaker.gif');
        height: auto; 
    }

}
@media (min-width: 768px) { 
    #banner{
		background-image: url('../images/bg-brains-beaker.gif');
        height: auto; 
    }

}
@media (min-width: 992px) { 
    #banner{
		background-image: url('../images/bg-brains-beaker.gif');
        height: auto; 
    }

}
@media (min-width: 1200px) { 
    #banner{
        background-image: url('../images/bg-brains-beaker.gif');
        height: auto; 
    }
}


#banner>div.container{
    height: inherit;
}
#banner h1{
    height: inherit;
    margin: 0px 0px 20px 0px !important; 
    padding: 0px 0px; 
    text-align: center;
    display: block;
    justify-content: justify;    /* align horizontal */
    align-items: center;   /* align vertical */
}
@media (max-width: 767px) { 
    #banner h1{
        font-size: 36px;
        line-height: 36px;
    }
}

@media (min-width: 768px) {
    #banner h1{
        font-size: 42px; 
        line-height: 42px;
    }
}

#banner p{
	text-align: center; 
	font-family: 'medium-houschka';
	font-size: 26px; 
	color: #fff;
	margin: 0px; 
	line-height: 31px;
	margin-bottom: 70px;
}
#banner p.announcing, 
#banner p.recruitment{
	font-size: 18px;
	margin-bottom: 0px; 
}
#banner #pageTitle{
	min-height: 370px;
}




/*************************/
/* INTRO COPY  */
/*************************/

#intro{
	font-family: 'medium-houschka';
	font-size: 26px; 
	line-height: 31px; 
	text-align: center;
}




/*************************/
/* INFO COLLECTION */
/*************************/
#infoCollection{
	background-image: url(/us-pointer/images/bg-brains-beaker-white.gif);
	background-repeat: repeat; 
	background-position: 0px 0px; 
	padding: 60px 0px;
}
#infoCollection #whiteBox{  
	background-color: #fff;
	text-align: center; 
	padding: 15px;
	border-radius: 3px;
	box-shadow: 0px 0px 8px 4px #ccc; 
}


@media(min-width: 768px){
    #infoCollection #whiteBox{  
        padding: 45px;
    }
}

#infoCollection #whiteBox h2{
	font-size: 32px; 
	font-family: 'extra-houschka';
}
#infoCollection #whiteBox p{
	width: 70%;
	text-align: center; 
	margin-left: auto;
	margin-right: auto;
	font-size: 14px; 
	line-height: 20px;
	font-family: 'medium-houschka';
	font-size: 18px;
    line-height: 27px;
}
#infoCollection .emailAddy{
	font-size: 16px; 
	font-family: 'medium-houschka';
	font-style: normal;
	padding: 11px 3px; 
	width: 300px;
	margin-right: 7px;
	text-align: center;
	border-width: 1px;
	border-color: #333;
	/*	ROUNDED CORNERS*/
	-webkit-border-radius: 9px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 9px; /* Firefox 1-3.6 */
	border-radius: 9px;/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
#infoCollection input.emailAddy:placeholder-shown{
	font-style:italic;
}
#infoCollection .btnGreen{
	background-color: #359a8e;
	border-color: #359a8e;
	padding: 10px 30px; 
	color: #fff;
	font-family: 'extra-houschka';
	font-size: 16px;
	/*	ROUNDED CORNERS*/
	-webkit-border-radius: 9px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 9px; /* Firefox 1-3.6 */
	border-radius: 9px;/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
#infoCollection .btnGreen:hover{
	background-color: #fff;
	color: #359a8e;
}



/*************************/
/* FOOTER MARGIN */
/*************************/
#footerMargin{
	clear: both; 
	margin-bottom: 75px; 
}



#footerLogoALZ.container-fluid{
    text-align: center;    
    padding: 30px;
    background-color: #4a0d66;
}
#footerLogo{
    margin-bottom: 36px;
    display: inline-block;
}
#footerLogo #bottomLogo,
#footerLogoAIM {
    width:100%;
	height: auto;
}

@media (max-width: 767px) { 
	#footerLogo #bottomLogo,
	#footerLogoAIM {
		width:100%;
		height: auto;
	}
}
@media (min-width: 768px) { 
	#footerLogo #bottomLogo,
	#footerLogoAIM {
		width:283px;
		height: auto;
	}
}
@media (min-width: 992px) { 
	#footerLogo #bottomLogo,
	#footerLogoAIM {
		width:283px;
		height: auto;
	}
}
@media (min-width: 1200px) { 
	#footerLogo #bottomLogo,
	#footerLogoAIM {
		width:283px;
		height: auto;
	}
}



#footerLogo #bottomLogo .svgLogo{fill: #fff; }

#footerLogoALZ.container-fluid  p{
    color: #fff; 
    font-size: 16px; 
    font-family: 'medium-houschka';
    line-height: 28px; 
}
#footerLogoALZ.container-fluid a{
    text-decoration: underline;
    color: #fff;
}
#footerLogoALZ.container-fluid a:hover{
    text-decoration: none;
}


a,
a:link,
a:focus,
a:hover,
a:visited,
a:active {
    outline: none;
}


html, body, p, ul, ol, li, div {color: #808285; font-family: 'medium-houschka';}
h1, h2, h3, h4, h5{
    font-family: 'extra-houschka';
}
a.externalLink::after{
    font-family: "Font Awesome 6 Pro"; 
    content: " \f08e";
    text-decoration: none;
    display: inline-block;
    white-space: pre;
    padding: 3px 0px 0px;
    font-weight: 900;
}


/**************************/
/**************************/
/*LOGO*/
/**************************/
/**************************/
.pointer2018 #logoBar{
    -webkit-box-shadow: none;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    none;  /* Firefox 3.5 - 3.6 */
    box-shadow:         none;
    height: 130px;
}

.pointer2018 #logoBar a{margin-top: 7px;}
.pointer2018 #logoBar .usPointerLogo{}
.pointer2018 #logoBar .usPointerLogo img{width: 100%; height: auto;  margin-left: auto; margin-right: auto; display: block; margin-top:10px;}

@media only screen and (min-width: 412px) {
    .pointer2018 #logoBar .usPointerLogo img{width: 100%; height: auto; width: 310px; margin-left: auto; margin-right: auto; display: block; }
}


/**************************/
/**************************/
/*NAVBAR*/
/**************************/
/**************************/
.pointer2018 .navbar{
    margin-bottom: 0px;
    -webkit-border-radius: 0px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0px; /* Firefox 1-3.6 */
    border-radius: 0px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    background-color: #4a0d66;
}
.pointer2018 .navbar-default{ border: 0px;}
.home.pointer2018 .navbar{
/*
    -webkit-box-shadow: 0px 0px 12px 1px #000000;  
    -moz-box-shadow:    0px 0px 12px 1px #000000;  
    box-shadow:         0px 0px 12px 1px #000000;
*/
    /*    */
}
.pointer2018 .nav.navbar-nav li:first-child{
    padding-left: 0px;
}
.pointer2018 ul.nav.navbar-nav li{
    margin-bottom: 0px;
}
.pointer2018 .nav.navbar-nav{
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    display: inline-block;
    float: none;
}

.pointer2018 .navbar-collapse:before,
.pointer2018 .navbar-collapse:after{
    display: none;
}
.navbar-nav li{
    padding: 0; 
    margin: 0;
}

.navbar-nav li a {
    color: #fff; 
    font-family: 'medium-houschka'; 
    font-size: 18px; 
    text-decoration: none;
    margin-bottom: 0;
    padding: 10px;
    text-decoration: none;
    display: block;
    text-align: center;
}

@media(min-width:992px){
    .navbar-nav li a {
        display: inline-block;
        border-radius: 8px; 
        margin: 0 10px;
    }
}

.pointer2018 .btn-default{
    background-color: #4a0d66;
}

.navbar-nav li a:hover{
    background-color: #5b2674;
}

.pointer2018 a.btn-default{
    border: 0px;
}



.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: 0px;
}

.navbar-collapse{
    box-shadow: none; 
}

.underNav{
    background-image: url(/us-pointer/images/bg-brains-beaker-white.gif);
    height: 60px;
    width: 100%;
    margin-bottom: 40px;
}
/**************************/
/**************************/
/*BASICS*/
/**************************/
/**************************/

.bgPurple{
   background-color: #4a0d66;
    color: #fff;
}
.bgPurple h1,
.bgPurple h2,
.bgPurple h3,
.bgPurple p,
.bgPurpleLogo h1,
.bgPurpleLogo h2,
.bgPurpleLogo h3,
.bgPurpleLogo p{color: #fff;}
.bgTeal{
    background-color: #359a8e;
}
.bgPurple p{
    color: #fff;
}

h1{
    color: #4a0d66; 
    margin-top: 40px; 
    margin-bottom: 40px;
}

.home #banner h1{
    color: #fff; 
    line-height: 43px; 
    font-size: 36px; 
}

#banner{
    background-image: url('../images/banner-2018.webp'); 
    background-position: bottom; 
    background-repeat: no-repeat;
    background-size: cover;
}
.pointer2018 h2{
    font-size: 34px;
    font-family: 'extra-houschka';
    line-height: 44px;
}

p{
    font-size: 22px;
    line-height: 35px;
}
a{text-decoration: underline; }
a:hover{text-decoration: none; }



ul.dash{
    padding-left: 0px; 
    margin-left: 20px; 
    font-family: 'medium-houschka';
    font-size: 22px; 
    color: #fff; 
}
ul.dash li{
    color: #fff; 
    list-style: none;
    padding-left: 0px;
    Margin-left: 0px;
    line-height: 24px; 
}
ul.dash li:before { 
    content: '-'; 
    margin-left: -20px; 
    margin-right: 10px; 
}

.pointer2018 .btn-secondary{      
    -webkit-box-shadow: 0 7px #256D65; 
    -moz-box-shadow: 0 7px #256D65; 
    box-shadow: 0 7px #256D65; 
    background-color: #359a8e;
    color: #fff; 
    position: relative;
    font-size: 18px; 
    padding: 16px 64px;
    font-family: 'houschka';
    text-decoration: none;
	transition: none;
}
.pointer2018 .btn-secondary:hover{  
    -webkit-box-shadow: 0 5px #256D65; 
    -moz-box-shadow: 0 5px #256D65; 
    box-shadow: 0 5px #256D65; 
    position: relative;
    top: 2px; 
}
/**/
.pointer2018 .btn-default.btnPurple { color: #fff; }
.pointer2018 .btn-default.btnPurple:hover{ color: #333; background-color: #e6e6e6}

.purpleLine{border-top-color: #4a0d66; margin-bottom: 40px;}
/*BACK TO TOP*/
.backToTop a:active, .backToTop a:visited, .backToTop a:link{text-decoration: none; }
.backToTop a{display: inline-block; width: auto; font-size: 4px;line-height: 7px; margin-bottom: 50px; margin-top: 50px;}
.backToTop a:hover{ text-decoration: none; }

.backToTop a::after{
    clear: both;
    content: "BACK TO TOP";
    font-family: 'houschka';
    display: block;
    color: #359A8E;
    text-decoration: underline;
    font-size: 20px;
    width: auto;
    text-align: center;
    line-height: 30px;
    padding-bottom: 5px;
}
.backToTop a:hover::after{
    text-decoration: none;
}
.backToTop #angleUp{height: 35px; width: auto; margin-bottom: 15px;  }
.backToTop #angleUp path{fill: #359A8E; }
/**************************/
/**************************/
/*FOOTER*/
/**************************/
/**************************/
.pointer2018 #footerLogoALZ{font-size: 22px; line-height: 32px; }
.pointer2018 #infoCollection h2{ color: #4a0d66;}

#infoCollection #whiteBox p{ 
    font-size: 22px; line-height: 32px;
}




.pointer2018 #footerLogo{margin-bottom: 12px;}
.pointer2018 .copyright p{
    font-size: 18px;
    line-height: 32px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    margin: 0;
}
.pointer2018 .copyright a,
.pointer2018 .copyright{
    text-align: center;
    background-color: #35094a;
    color: #fff;
}
.pointer2018 .copyright sup{font-size: .90em; top: -0.25em;}
.pointer2018 .copyright a{text-decoration: underline;}
.pointer2018 .copyright a:hover{text-decoration: none;}



@media (min-width: 768px){ #footerLogo #bottomLogo, #footerLogoAIM {width: 335px; } }
@media (min-width: 992px){ #footerLogo #bottomLogo, #footerLogoAIM {width: 335px; } }
@media (min-width: 1200px){ #footerLogo #bottomLogo, #footerLogoAIM {width: 335px; } }

/* TOP JUMPLINKS*/
.pointer2018 .jumpmarks ul{
    margin-bottom: 0px;
    list-style: none;
}
.pointer2018 .jumpmarks ul li{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    list-style: none;
    background-image: url('/us-pointer/images/caret-right-solid.png');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 10px 4px ;
    font-size: 22px; 
}


.pointer2018 .jumpmarks div.bgGray ul {padding-left: 30px; padding-right: 30px; }

@media (min-width: 100px) {
    .pointer2018 .jumpmarks div.bgGray:last-child {padding-top: 0px; padding-bottom: 30px;  }
    .pointer2018 .jumpmarks div.bgGray:first-child {padding-top: 30px; padding-bottom: 0px;  }
    .pointer2018 .jumpmarks .jumpMarkBox{ min-height: 0px;}
}
@media (min-width: 992px) {
    .pointer2018 .jumpmarks div.bgGray:last-child {padding-top: 50px; padding-bottom: 20px;  }
    .pointer2018 .jumpmarks div.bgGray:first-child {padding-top: 50px; padding-bottom: 20px;  }
    .pointer2018 .jumpmarks .jumpMarkBox{ min-height: 220px}
}
@media (min-width: 1200px) {
    .pointer2018 .jumpmarks .jumpMarkBox{ min-height: 210px}
}

.pointer2018  #intro{font-size: 22px; font-family: 'medium-houschka'; line-height: 32px; }


#alzResources img, #candidate img, #whoWeAre img{margin-bottom: 10px; }
#alzResources h3, #candidate h3, #whoWeAre h3{
    font-size: 32px; 
    line-height: 53px; 
    font-family: 'extra-houschka';
    color: #4a0d66;
    margin-bottom: 0px; 
}


#alzResources img, #candidate img, #whoWeAre img{
    width: 120px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

/**************************/
/*A GLOBAL EFFORT*/
/**************************/
#aGlobalEffort{
	background-color: #359a8e;	
	color: #fff;
}

#aGlobalEffort h2{
    color: #fff; 
    font-family: 'extra-houschka';
    font-size: 32px;
}
#aGlobalEffort p{
	color: #fff;
	font-family: 'medium-houschka';
	line-height: 39px; 
	margin: 0; 
	padding-right: 20px;
}
@media (min-width: 100px) { 
	#aGlobalEffort p{
		font-size: 18px;
		line-height: 27px; 
	}
}
@media (min-width: 768px) { 
	#aGlobalEffort p{
		font-size: 18px;  
		line-height: 27px; 
	}
}
@media (min-width: 992px) { 
	#aGlobalEffort p{
		font-size: 26px;
		line-height: 39px; 
	}
}
#aGlobalEffort .imgBox{
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	height: auto;
}
@media (max-width: 767px) { 
	#aGlobalEffort .imgBox{
		background-image: url(/us-pointer/images/beginning2018-horizontal.webp);
		background-image: none;
		min-height: 40vw;
	}

	#aGlobalEffort{
		background-position: bottom center; 
		background-image: url(/us-pointer/images/beginning2018-horizontal.webp);
		background-repeat: no-repeat;
		background-size: contain
		
	}
	#aGlobalEffort .imgBox img{
		width: 100%; 
		height:auto;	
	}
}
@media (min-width: 768px) {
	#aGlobalEffort .imgBox{
		background-image: url(/us-pointer/images/beginning2018.webp);	
	}
	#aGlobalEffort .imgBox img{
		width: 33.3333%; 
		height: 745px;	
	}
}
@media (min-width: 992px) { 
	#aGlobalEffort .imgBox img{
		width: 33.3333%; 
		height:930px;	
	}
}
@media (min-width: 1200px) { 
	#aGlobalEffort .imgBox img{
		width: 33.3333%; 
		height:720px;	
	}
}
/**************************/
/**************************/
/* GET INVOLVED */
/**************************/
/**************************/
#keyEligibilityForUSPointer{margin-top: 40px;}
.pointer2018 .alignLeft{ text-align: right; width: auto; display:inline-block; }
#physical h3, #nutritional h3, #cognitive h3, #improved h3{font-family: 'medium-houschka'; font-weight: bold; font-size: 26px; line-height: 30px;}

/**************************/
/**************************/
/* WHO WE ARE*/
/**************************/
/**************************/
#principalInvestigators h3{ 
    font-family: 'houschka';
    font-size: 22px; 
    line-height: 32px;
    margin-bottom: 0px; 
}
#principalInvestigators img {width: 100%; height: auto;}
#strategicAdvisoryBoard{
    background-color: #e9e9e9;
    padding-top: 70px;
    padding-bottom: 40px;
    margin-top: 80px;
    margin-bottom: 40px;
}
#strategicAdvisoryBoard h2{  margin-bottom: 34px; }
/**/
#studyLeadership h3, #strategicAdvisoryBoard h3, #PrincipalInvestigators h3{  margin-bottom: 0px; font-size: 22px;  }
#studyLeadership h3{font-family: 'houschka';}
#studyLeadership img {width: 100%; height: auto;}
/**/
#strategicAdvisoryBoard p{   font-size: 22px; line-height: 32px;  margin-bottom: 34px;}
/**/
#sitesAndPrincipalsInvestigators h3{
    font-size: 26px; 
    line-height: 32px; 
    margin-top: 20px;
    margin-bottom: 0px;
}
#sitesAndPrincipalsInvestigators p {font-size: 22px; line-height: 32px; }
#sitesAndPrincipalsInvestigators p .subCopy{font-size: 18px; line-height: 32px; }

h4.modal-title img{margin-right: 20px; height: auto; width: 50px; border-radius: 5px;}

/**************************/
/**************************/
/*RESOURCES*/
/**************************/
/**************************/
.pointer2018 #tenWays img, 
.pointer2018 #techSupport img, 
.pointer2018 #onlineAccess img {
    width: 95px; 
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.pointer2018 #tenWays, 
.pointer2018 #techSupport, 
.pointer2018 #onlineAccess{text-align: center;}

.pointer2018 #tenWays h2, 
.pointer2018 #techSupport h2, 
.pointer2018 #onlineAccess h2{ margin-top: 20px; margin-bottom: 0px; }

.pointer2018 #tenWays p, 
.pointer2018 #techSupport p, 
.pointer2018 #onlineAccess p{line-height: 32px;}
/**************************/
/**************************/
/*CONTACT US */
/**************************/
/**************************/
.pointer2018 .contactForm{
/*		border: 1px solid #ccc;*/
		width: 100%;
		display: block;
		height: auto;
}
.pointer2018 .contactForm .contactComment,
.pointer2018 .contactForm .contactZip,
.pointer2018 .contactForm .contactEmail{
    margin-right: 10px; 
    margin-bottom: 10px; 
    padding: 10px; 
    border:1px solid #808285;
    /*     */
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}



@media (min-width: 100px) { 
    .pointer2018 .contactForm .contactEmail{ width: 100%;}
    .pointer2018 .contactForm .contactZip{ width: 100%;}
    .pointer2018 .contactForm .contactComment{ width: 100%; height: 300px;}
}
@media (min-width: 992px) { 
    .pointer2018 .contactForm .contactEmail{ width: 300px;}
    .pointer2018 .contactForm .contactZip{ width: 190px;}
    .pointer2018 .contactForm .contactComment{ width: 500px; height: 300px;}
}




.greybackground {
    background-color: #d1d3d4;
    padding-top: 20px;
    padding-bottom: 20px;
}

.greybackground p{
    color: #000000;
}




#pointerLeadership{
    background-color: #e9e9e9;
    padding-top: 70px;
    padding-bottom: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}



#pointerLeadership h3{    
    font-family: 'houschka';
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 0;
    color: #4a0d66;
}
#pointerLeadership p{
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 34px;
    color: #808285;
/*    display: inline;*/
}
#pointerLeadership strong.places{
    font-family: 'houschka';
    font-size: 22px;
    color: #4a0d66;
}


#PrincipalInvestigators{
    background-color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}




/***** */
/*TOGGLE*/
.toggle{
    margin-right: 30px; 
    position: absolute;
    right:0;
    top: 0px;
}


.navbar-toggler {
    border-color: white;
}

.onState{
    background-color: #5b2674;
}

.responsive-image{
    width: 100%;
    height: auto;
}


.backToTop-es a:active, .backToTop-es a:visited, .backToTop-es a:link{
    text-decoration: none; 
}
.backToTop-es a{
    display: inline-block; 
    width: auto; 
    font-size: 4px;
    line-height: 7px; 
    margin-bottom: 50px; 
    margin-top: 50px;
}

.backToTop-es a:hover{
    text-decoration: none;
}

.backToTop-es a::after {
    clear: both;
    content: "REGRESAR AL COMIENZO";
    font-family: 'houschka';
    display: block;
    color: #359A8E;
    text-decoration: underline;
    font-size: 20px;
    width: auto;
    text-align: center;
    line-height: 30px;
    padding-bottom: 5px;
}

.backToTop-es #angleUp {
    height: 35px;
    width: auto;
    margin-bottom: 15px;
}

.backToTop-es #angleUp path {
    fill: #359A8E;
}


.pointer2018 #trialMatch img {
    width: 65px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}


.standard-quote {
    font-size: 24px;
    line-height: 30px;
    font-family: 'houschka';
}

.quote-author-name {
    font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    padding-right: 10px;
}

.standard-ul{
    font-size: 22px;
    line-height: 35px;
}

.standard-ul li{
	text-align: left;
	padding-left: 10px;
}