.box-hero, .box-hero .mask {
background-color: #efefef;
}

section#about-clinical-trials {
background-color:#f7f7f7 !important;
}

.box-hero .box-content h1, .box-hero .box-content h2, .box-hero .box-content h3, .box-hero .box-content h4, .box-hero .box-content h5, .box-hero .box-content h6, .box-hero .box-content li, .box-hero .box-content p {
color: #522D91;
}

.panel.panel-accordion, .panel.panel-accordion > .panel-heading, .panel.panel-accordion > .panel-heading a:before, .panel.panel-accordion > .panel-heading a:after, .panel.panel-accordion > [id*="collapse-"] > .panel-body {
border-color:#21BECF;
}

.panel.panel-secondary > .panel-body {
border-color:#522D91;
}

.panel.panel-secondary > .panel-heading {
background-color:#522D91;
}

.col-xs-2 h2 {
    font-size: 5em;
    line-height: 1em;
    font-weight: normal;
    padding: 0;
}

.q-bg-content-2, .q-bg-content-1 {
	background-color:#fff !important;
}

#site-selection .top-border {
border:none;
}

.what-to-expect .row {
margin-bottom:20px;
}

.what-to-expect h4 {
margin-top:5px;
}

#who-can-take-part .gradient {
background: linear-gradient(to right, #21BECF, #21BECF 50%, #fff 50%);
border-top: 1px solid #21BECF;
border-bottom: 1px solid #21BECF;
}

ul.list li:before, p > a, a {
color: #21BECF;
}

#who-can-take-part .row > div:last-child {
background-color: #fff;
}

.btn.v7, .btn.v2:hover {
background-color: #21BECF;
color:#fff;
box-shadow:none;
}

section.box-hero.box-valigned {
background-position:130%;
background-size: 750px 641px;
}

@media (max-width:768px) {
.box-hero {
height:55rem;
}
.box-hero .box-content {
text-align:left;
}}

@media (min-width: 992px) { 
.box-hero .box-content h1, .box-hero .box-content h2, .box-hero .box-content h3, .box-hero .box-content h4, .box-hero .box-content h5, .box-hero .box-content h6, .box-hero .box-content p, .box-hero .box-content li {
    max-width:80%;
 section.box-hero.box-valigned {
background-position:170%;
}   
.box-hero {
height:55rem;
}}

@media (min-width: 1300px) { 
.box-hero .box-content h1, .box-hero .box-content h2, .box-hero .box-content h3, .box-hero .box-content h4, .box-hero .box-content h5, .box-hero .box-content h6, .box-hero .box-content p, .box-hero .box-content li {
    max-width:65%;
 section.box-hero.box-valigned {
background-position:140%;
}   
.box-hero {
height:55rem;
}}



.icon-about-trials:before {
    content: "\e903";
}