#get-notified-form ul a {
    text-decoration: none;
}

legend li {
    font-weight: normal;
    font-size: .9em;
}

.box-hero h2 {
    color: #ffffff;
    font-size: 2.8rem;
}

h3 {
    font-size: 2rem;
}

#sticky-footer-btn,
#hero-btn {
    white-space: normal;
}

#about-the-study img {
    display: block;
    max-width: 100%;
    height: auto;
}

.box-valigned .box-content .container ul li {
    color: #ffffff;
}

.what-to-expect {
    display: none ! important;
}

.the-study-periods {
    display: none ! important;
}

#study-locations {
    display: none ! important;
}

.btn.v7 {
    background-color: #1aa0d9; 
    box-shadow: 2px 4px 0px 0px rgba(0, 0, 0, 0.2);
}

.btn.v7:hover {
    background-color: #005587;
    box-shadow: 4px 4px 4px 4px;
    -webkit-box-shadow: 2px 4px 0px 0px rgba(0, 0, 0, 0.2);
}

#get-notified-form a {
    color: #fff;
    text-decoration: underline;
}

@media (min-width: 992px) { 
    h1 { 
        max-width: 100%;
    }
}

#pass-all #get-notified-form a {
    color: #1aa0d9;
}

#pass-all #get-notified-form a {
    color: #005587;
}

#cta-text {
    display: block;
    text-align: left;
}

@media (min-width: 767px) {
    #cta-text {
        margin: auto;
    }
}

@media (min-width: 767px) {
    .box-hero {
        height: 60rem;
    }
}

@media (min-width: 992px) {
    .box-hero h1 {
        font-size: 3.8rem;
    }
}

@media (max-width: 767px) {
    .box-hero h1 {
        font-size: 1.8em;
        line-height: 1.2em;
    }

    .box-hero h2 {
        font-size: 1.4em;
    }

    .box-hero ul {
        margin-left: -30px;
    }

    .box-hero {
        height: 50rem;
    }

    nav.navbar.q-navbar {
        display: none;
    }

    .box-hero .mask {
        background-color: #1AA0D9;
        background-image: linear-gradient(to right, #005689, #1AA0D9);
    }
}

.box-hero {
    background-color: #005689;
    height: 60rem;
    overflow: visible;
}


@media (min-width:992px) {
    .box-hero .box-content .container {
        max-width: 75%;
    }

    .page-container>header .q-topbar {
        flex: 4;
    }

    .page-container>header .q-topbar img {
        height: 35px;
    }
}

.page-container>footer .a-white:active .a-white:visited {
    color: white ! important;
    text-decoration: none ! important;
}

#SignUpLink.btn.v7 a a:active a:visited {
    color: white ! important;
    text-decoration: none !important;
}

a#hero-btn {
    font-size: 1.5em;
}

#contact-info form .form-error {
    min-height: 13px;
    display: block;
}


/* PP-9418 */

@media (max-width: 1024px) {
    .box-hero::before {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        background: none;
        /* background-color: rgba(0, 85, 135, 0.7); */
        content: '';
        top: 0;
        z-index: 1;
    }
}

.box-hero {
    background-color: #005689;
    height: auto;
    overflow: visible;
}

@media all and (max-width: 320px) {
    .gm-style-iw.gm-style-iw-c {
        width: 270px !important;
        max-width: 270px !important;
    }

    .RigthCol {
        padding: 0 5px;
    }


    .siteSelectionPage #map2 .epr-map-iw h4 {
        font-size: 16px;
    }

    .siteSelectionPage #map2 .epr-map-iw p {
        font-size: 14px;
    }


    #about-clinical-trials a {
        padding: 16px 12px 16px 53px;
        font-size: 1.6rem;
    }

    .site.grid .distance strong {
        font-size: 13px;
    }

    .site.grid .distance {
        font-size: 10px;
    }

    #how-does-it-work ol {
        padding-left: 0;
    }
}

@media (min-width: 991px) {
    .box-hero .box-content ul ~ p {
        font-size: 2.2rem;
    }

    .box-hero {
        padding: 50px 0 60px 0;
    }

    .box-hero .box-content h2 {
        font-size: 2em;
        margin-bottom: 24px;
    }

    .box-hero .box-content h1 {
        font-size: 4rem;
        margin-bottom: 27px;
        line-height: 46px;
        padding-right: 0;
        position: relative;
        top: -12px;
    }
}


@media all and (max-width: 767px) {

    #contact-info h1,
    #site-selection h1,
    #referral-complete h1,
    #pass-all h1,
    .confirmation h1 {
        font-size: 2.3rem;
    }

    #contact-info h1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    #pass-all .cg-text h2 {
        font-size: 2.2rem;
    }

    .box-hero .box-content h1 {
        font-size: 2em;
        padding-right: 0;
    }

    .box-hero .box-content h2 {
        font-size: 1.4em;
        padding-right: 0;
    }

    #discover-if-you-qualify h2,
    .section__heading h2,
    #who-can-take-part h2,
    .section__heading.moving-image h2 {
        font-size: 2.2rem;
    }
} 

@media (max-width: 991px){
  .box-hero:before {
       background: #005689!important; 
  }
}

/* box-hero start */

.box-hero .box-content .btn {
	max-width: 418px;
}

.box-hero::before {
	/* background: #5F9DB3CC; */
}

.box-hero .box-content h1 {
	font-size: 2.1em;
	line-height: 40px;
}

.box-hero .box-content h2 {
	font-size: 1.3em;
}

.box-hero .box-content p,
.box-hero .box-content ul~p,
.box-hero .box-content ul li {
	font-size: 1.3em;
	font-weight: 500;
}

.box-hero .box-content li {
	position: relative;
}

.box-hero {
	background-position: right center;
	background-color: rgb(199, 194, 185);
}

.box-hero .box-content .container {
	padding-right: 15px;
}

.box-hero .btn.v8 {
	font-size: 22px;
}

@media (max-width:992px) {
	.box-hero .box-content .container {
		max-width: 100%;
	}
}

@media (max-width:1199px) {
	.box-hero::before {
		/* display: block; */
	}
}

@media all and (min-width:992px) {
	.box-hero .box-content .container {
		max-width: 85%;
		padding-left: 0%;
		/* padding-right: 0;
  */
	}
	.box-hero .box-content p,
	.box-hero .box-content ul li {
		font-size: 1.2em;
		padding-right: 0;
	}
}

@media (min-width: 1200px) {
	.box-hero .box-content .container {
		max-width: 51%;
	}
	.box-hero .box-content p,
	.box-hero .box-content ul li {
		font-size: 1.2em;
		padding-right: 0;
	}
}

@media (min-width:1450px) {
	.box-hero .box-content .container {
		max-width: 57%;
	}
	.box-hero {
		padding: 70px 0 85px 0;
	}
}

@media (min-width:1680px) {
	.box-hero {
		padding: 90px 0 105px 0;
	}
}