/*
@media (max-width: 767px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }
*/
/*@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";*/

/*BASICS*/
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 5 Free"; 
    content: "  \f35d";
    text-decoration: none;
    display: inline-block;
    white-space: pre;
    padding: 3px 0px 0px;
    font-weight: 900;
}

.w90{ width: 90%;}
.w80{ width: 80%;}
.w70{ width: 70%;}
.w60{ width: 60%;}
.w50{ width: 50%;}


/**************************/
/**************************/
/*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{ margin-left: auto; margin-right: auto; margin-top: 23px; display: block; width: 310px;}
.pointer2018 #logoBar .usPointerLogo img{width: 100%; height: auto; margin-left: -30px;}

/**************************/
/**************************/
/*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;
}
#bs-example-navbar-collapse-1{
    text-align: center;
    width: 100%;
    padding-top: 10px;
}
.pointer2018 .navbar-collapse:before,
.pointer2018 .navbar-collapse:after{
    display: none;
}
.pointer2018 .navbar-default .navbar-nav>li{padding: 0px; margin-left: 10px; }
.pointer2018 .navbar-default .navbar-nav>li>a {color: #fff; font-family: 'medium-houschka'; font-size: 18px; text-decoration: none; }
.pointer2018 .btn-default{background-color: #4a0d66;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color: #5b2674;}
.pointer2018 a.btn-default{border: 0px;}
@media (min-width: 768px){
    .pointer2018 .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: 0px;
}
.navbar-collapse{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.underNav{
    background-image: url(../images/bg-brains-beaker-white.gif);
    height: 60px;
    width: 100%;
    margin-bottom: 40px;
}
/**************************/
/**************************/
/*BASICS*/
/**************************/
/**************************/
.bgGray{ background-color: #f1f2f2;}
.bgWhite{ background-color: #fff;}
.bgGrayLogo{
    background-image: url('../images/bg-brains-beaker-white.gif');
    background-repeat: repeat;
    background-position: 0 0;
}
.bgPurpleLogo{
    background-image: url('../images/bg-brains-beaker.gif');
    background-repeat: repeat;
    background-position: 0 0;
    color: #fff;
}
.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{font-family: 22px; color: #fff;}
h1{color: #4a0d66; margin-top: 40px; margin-bottom: 40px;}
.home #banner h1{color: #fff; line-height: 43px; font-size: 36px; }
.pointer2018 #banner h1{margin-bottom: 24px!important; }
#banner{
/*    background-image: url('../images/banner-2018.jpg'); */
    background-image: url('../images/banner-es.jpg'); 
    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; }
.textCenter{
    text-align: center;
}
.inlineBlock{display: inline-block;}
.marginTop0{margin-top:0px!important;}
.marginTop10{margin-top:10px;}
.marginTop20{margin-top:20px;}
.marginTop30{margin-top:30px;}
.marginTop40{margin-top:40px;}
.marginTop50{margin-top:50px;}
.paddingTop10{padding-top:10px;}
.paddingTop20{padding-top:20px;}
.paddingTop30{padding-top:30px;}
.paddingTop40{padding-top:40px;}
.paddingTop50{padding-top:50px;}
/**/
.marginBottom0{margin-bottom:0px!important;}
.marginBottom10{margin-bottom:10px;}
.marginBottom20{margin-bottom:20px;}
.marginBottom30{margin-bottom:30px;}
.marginBottom40{margin-bottom:40px;}
.marginBottom50{margin-bottom:50px;}
.paddingBottom10{padding-bottom:10px;}
.paddingBottom20{padding-bottom:20px;}
.paddingBottom30{padding-bottom:30px;}
.paddingBottom40{padding-bottom:40px;}
.paddingBottom50{padding-bottom:50px;}
/**/
.border15Gray{border: 15px solid #ddd;}

/**/
.widthAuto{width: auto;}
.width100{width: 100%;}
/**/
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; 
}

/**/
@media(min-width:100px){
    .responsiveRight{text-align: center;  }
    
}
@media(min-width:992px){
    .responsiveRight{text-align: right;  }
}
/**/
.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;
}
.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::before{
   content: "\f106";
    white-space: pre-wrap;
    font-family: FontAwesome;
    display: block;
    color: #359A8E;
    text-decoration: none;
    font-size: 109px;
    font-size: bold;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 37px;
    height: 50px;
    margin-bottom: 10px;
}*/
.backToTop 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 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{ width:unset; font-size: 22px; line-height: 32px;}
/*SUB FOOTER ** COPYRIGHT*/
.pointer2018 #footerPointerLogo{margin-bottom: 15px; width: 370px; display: inline-block; margin-right:56px; }
@media (min-width: 100px) { 
    .pointer2018 #footerPointerLogo{margin-right:0; max-width: 370px; width: 100%;}
}
@media (min-width: 992px) { 
    .pointer2018 #footerPointerLogo{margin-right:56px; }
}

.pointer2018 #footerPointerLogo img{width:100%;}

.pointer2018 #footerLogo{margin-bottom: 12px;}
.pointer2018 .copyright p{
    font-size: 18px;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
}
.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('../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}
}
/**************************/
/**************************/
/*OVERVIEW*/
/**************************/
/**************************/

/**************************/
/*INTRO*/
/**************************/
.pointer2018  #intro{font-size: 22px; font-family: 'medium-houschka'; line-height: 32px; }
/*
.pointer2018 #physical h3, .pointer2018 #nutritional h3, .pointer2018 #cognitive h3{
    font-family: "extra-houschka";
    font-size: 32px;
    line-height: 53px; 
    color: #4a0d66;
}
*/
#alzResources, #candidate, #whoWeAre {text-align: center; margin-bottom: 80px;}
#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; 
}

@media (min-width: 1200px){
    #alzResources img, #candidate img, #whoWeAre img{
        width: 120px;
        margin-top: 50px;
    }
}

@media (min-width: 100px){
    #alzResources img, #candidate img, #whoWeAre img{
        width: 120px;
        margin-top: 50px;
    }
}
/**************************/
/*A GLOBAL EFFORT*/
/**************************/
#aGlobalEffort{
	background-color: #359a8e;	
	color: #fff;
}
#aGlobalEffort #copy{
	padding: 95px 0px; 	
}
#aGlobalEffort h2{
    color: #fff; 
    font-family: 'extra-houschka';
    font-size: 32px;
}
#aGlobalEffort p{
	color: #fff;
	font-family: 'medium-houschka';
/*	font-size: 26px; */
	line-height: 39px; 
	margin-bottom: 0px; 
	margin-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(../images/beginning2018-horizontal.jpg);
		background-image: none;
		
		
	}
	#aGlobalEffort{
		background-position: bottom center; 
		background-image: url(../images/beginning2018-horizontal.jpg);
		background-repeat: no-repeat;
		background-size: contain
		
	}
	#aGlobalEffort .imgBox img{
		width: 100%; 
		height:auto;	
	}
}
@media (min-width: 768px) {
	#aGlobalEffort .imgBox{
		background-image: url(../images/beginning2018.jpg);	
	}
	#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: #ccc;
    background-color: #e9e9e9;
    padding-top: 70px;
    padding-bottom: 40px;
    margin-top: 80px;
    margin-bottom: 40px;
}
#direccionDePointer h2,
#strategicAdvisoryBoard h2{  margin-bottom: 34px; }
/**/
#direccionDePointer h3,
#studyLeadership h3, #strategicAdvisoryBoard h3{  margin-bottom: 0px; font-size: 22px;  }
#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-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;}

.pointer2018 #trialMatch img{width: auto; height: 95px;}

.pointer2018 #trialMatch,
.pointer2018 #tenWays, 
.pointer2018 #techSupport, 
.pointer2018 #onlineAccess{text-align: center;}

.pointer2018 #trialMatch h2,
.pointer2018 #tenWays h2, 
.pointer2018 #techSupport h2, 
.pointer2018 #onlineAccess h2{ margin-top: 20px; margin-bottom: 0px; }

.pointer2018 #trialMatch p,
.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;}
}

/* ON STATE */


/*

.pointer2018 .onState .btn-default{border-color: #fff;}
.navbar-default .navbar-nav>li.onState>a:focus, .navbar-default .navbar-nav>li.onState>a:hover{border-color: #fff;}
*/

.pointer2018 .onState::after{
    content: ' ';
    display: block; 
    line-height: 10px;
    color: #fff; 
    border-bottom: 1px solid #fff; 
}

/* Covid-19 callout */
.pointer2018 #covid {
    background-color: #d1d3d4;
    padding-bottom: 1px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .pointer2018 #covid {
    padding-left: 30px;
    padding-right: 30px;
}
}
@media (min-width: 768px) {
    .pointer2018 #covid {
    padding-left: 70px;
    padding-right: 70px;
}
}
@media (min-width: 992px) {
    .pointer2018 #covid {
    padding-left: 100px;
    padding-right: 100px;
}
}
@media (min-width: 1200px) {
    .pointer2018 #covid {
    padding-left: 80px;
    padding-right: 80px;
}
}
@media (min-width: 1400px) {
    .pointer2018 #covid {
    padding-left: 380px;
    padding-right: 380px;
}
}


/***** */
/*TOGGLE*/
.toggle{
    margin-right: 30px; 
    position: absolute;
    right:0;
    top: 0px;
}

































