body { margin:0 auto; font-family:"verdana";}
.container {background:#FFF;}
.containter, .top-content {background:#FFF;}
.btn-novo {background:#e64a0e; color:#FFF;}
.btn-novo:hover,.btn-novo:focus {background:#BD3C0A; color:#FFF;}
.navbar-dark .navbar-nav .nav-link {font-size:1em; color:#009fda;padding: 15px;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#001965;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color:#001965;}
.logo {padding-left:54px; padding-top:12px; float:left;}
.bg-dark {background:#FAFAFA !important;}
.toplang {
    padding-top: 12px;
}
.toplang span.active a{    color: #009fda;}
.toplang a {color:#999; font-size:13px;text-decoration:none;} 
.toplang a:hover {color:#000; text-decoration:none;}
.toplang  > div span:last-child a{
    padding-right: 15px;
}
.toplangdown {padding-bottom: 2px;  text-align: right; display:inline-block; padding-right:12px;}
.toplangdown:after { content:"|"; margin-left:10px; color:#CCC;}
.navbar-dark .navbar-toggler {background:#333;}
.footernav {padding: 0; margin: 0;}
.footernav ul {padding: 0; display:flex;}
.footernav li {display:inline-block; padding-right:25px;}
.footernav li a {display:inline-block; text-decoration:none;transition: all 0.5s ease 0s;}
.footernav li a:hover{color: #001965}
.footer p {line-height:1.2; font-size:14px; font-style:normal;color: #4a4a4a;}
.findtrails{position:absolute;z-index: 2; right: 0; padding-right: 15px;}
.topnavbar {position:relative; clear:both;}
.header-logo {display:inline;}
.hidden-lg {display:none;}
.dropdown-menu {margin: .500rem 0 0;}
.dropdown-item {border-top: solid 1px #e4e4e4; padding: .5rem 1rem; color: #009fda;}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:hover {background: #f6f7f4;
                                                                   color: #4e4e4e; text-decoration: none;}
.dropdown-menu {padding:0;}
.footer > .container   {/*border-top: solid 1px #d5d5d5;*/}
.navbar-toggler-icon {width: 1.2em; height: 1.2em;}
.navbar-toggler {font-size:1em; border-radius:0px; padding: 11px;} 
a {color: #009fda;}
.legal-copy{ max-width: 688px; }    
.navbar-dark [aria-expanded="true"].navbar-toggler .fa-bars{display:none;}
.navbar-dark [aria-expanded="false"].navbar-toggler .fa-close{display:none;}
.navbar-dark [aria-expanded="true"].navbar-toggler .fa-close{display:inline;}
.btn-novo .fa{ margin-right: 5px;}

@media (max-width: 768px) {
    .navbar-dark .navbar-nav .nav-link{background-color: #fafafa;}
    .navbar-dark .navbar-toggler {color:#00a8d8; width: 50%; text-align: center; 
                                  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,efefef+100 */
                                  background: #f8f8f8; /* Old browsers */
                                  background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* FF3.6-15 */
                                  background: -webkit-linear-gradient(top, #f8f8f8 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
                                  background: linear-gradient(to bottom, #f8f8f8 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    }
    .hidden-xs {display:none !important;}
    .container {/*padding-left:0; padding-right:0;*/ max-width:100%;}
    .footer > .container {padding: 1em;/*margin-top: -65px;*/padding-top: 8px;}
    .footernav ul {padding: 0; display:block;}
    .footernav li {width:100%; display:block; padding:0.5em 0;}
    .footernav li a{display:block; line-height:1;}
    .footer {height:auto;}
    .logo {padding: 0px;}
    .findtrails{position:absolute;z-index: 2; right: 0; padding:0; width:50%;}
    .findtrails li{width: 100%; display: inline-grid; border-left: solid 2px #e4e4e4;    height: 41px;}
    .btn-novo {padding: .45rem .75rem; color:#009fda;
               /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,efefef+100 */
               background: #f8f8f8; /* Old browsers */
               background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* FF3.6-15 */
               background: -webkit-linear-gradient(top, #f8f8f8 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
               background: linear-gradient(to bottom, #f8f8f8 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    }
    .containter, .top-content {padding: 10px 0 10px 10px;}
    .header-logo {display:inline-block; margin: 0;}
    .navbar {padding:0;}
    .topnavbar {background:#f0f0f0; position:relative; border-top: solid 1px #e4e4e4; border-bottom: solid 2px #e4e4e4;
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,efefef+100 */
                background: #f8f8f8; /* Old browsers */
                background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #f8f8f8 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #f8f8f8 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    }
    .navbar-dark .navbar-toggler-icon {background-image:url(../images/hamburger_icon.svg.png);}
    .btn-novo:hover {background:#f0f0f0; color:#333;}
    .navbar-collapse {padding:0;}
    .navbar-collapse .navbar-nav li.nav-item {border-top: solid 1px #e4e4e4;}
    .navbar-collapse .navbar-nav li.nav-item:last-child {border-bottom: solid 2px #001965;}
    .dropdown-toggle::after {float: right; content:"+"; border:0; font-weight:bold; margin-right:15px; font-size: 18px; margin-top: 0px;}
    .show > .dropdown-toggle::after {content:"-"; border:0; font-weight:normal; font-size:30px; margin-right:15px; margin-top:-10px}
    .navbar-nav .dropdown-menu {
        margin: 0;
        border: 0;
        width: 100%;
        background: #fff;
    }
    .dropdown-item {border-top: solid 1px #e4e4e4; padding: 16px 16px; color: #00a8d8;}
    .dropdown-item.active, .dropdown-item:active {color: #001965; text-decoration: none; background-color: #FFF;}
    .dropdown-item:focus, .dropdown-item:hover {color: #009fda; text-decoration: none; background-color: #FFF;}
    .hidden-lg {display:block;}
    .topnavbar .nav-item .btn {border-radius: 0px; padding: 9px 10px;}
    button {outline:0;}
}


@media (min-width: 769px) {
    .toplang .toplangdown {
        position: relative;
    }
    .toplang .toplangdown .dropdown-menu{       
        border: 1px solid #e4e4e4;
        border-radius: 0px;
        margin-top: 0px;
        width: 300px;
    }
    .toplang .toplangdown .dropdown-menu .dropdown-item{
        padding: 15px;
        font-size: 14px;
        border-top: 0px;
    }
    .toplang .toplangdown .dropdown-menu .dropdown-item{
        border-bottom: 1px solid #e4e4e4;
    }
    .toplang .toplangdown .dropdown-menu .dropdown-item:last-child{
        border-bottom: 0px;
    }
    .container {/*padding-left:0; padding-right:0; max-width:1280px;*/}
    .hidden-xs {display:block;}
    .logo {padding-left:30px; padding-top:12px; float:left;}
    .navbar-expand-xl .navbar-collapse {display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto;}
    .navbar-expand-xl .navbar-toggler {display: none;}
    .navbar-expand-xl .navbar-nav .nav-link {padding-right: 18px; padding-left: 18px; text-align:center;font-size: 16px;line-height: 25px;}
    .spanish_header .navbar-expand-xl .navbar-nav .nav-link{
        padding-right: 15px;
        padding-left: 15px;
    }
    .footernav {padding: 0; margin: 0;}
    .footernav ul {padding: 0; display:block; width: 100%}
    .footernav li {display:inline-block; padding: 0 25px 0 0;}
    .footernav li:last-child {float: right; margin-right: 20px; padding: 0;}
    .footernav li a {display:inline-block; text-decoration:none; font-size: 14px;}
    .navbar-nav {flex-direction: row;}
    .navbar-nav .nav-item:first-child{display: flex;
                                      flex-direction: column-reverse;}
    .bg-dark {background:#fff !important; width:74%;    padding-bottom: 0px;}
    .toplang {text-align:right; display: inherit; float: right;}
    .topnavbar {border-bottom: solid 1px #e4e4e4;}
    .navbar-nav .dropdown-menu {position:absolute;}
    .toplang a {padding: 0 0.4rem;}
    .findtrails{/* padding: 20px 15px 0px 15px;*/height: 100%;}
    .findtrails.spfind {padding: 1rem 15px 0 1rem;}
    .footerleftside {padding-left:30px;}
    .topnavbar .dropdown-toggle::after{ display: none;}
    .btn-novo.hidden-xs{/*padding-left: 35px;padding-right: 35px;*/min-width: 160px;
        height: 50px;
        padding-top: 14px;margin: auto;}
    .spanish_header .btn-novo.hidden-xs{
        white-space: initial;
        padding-top: 5px;
    }
}
@media (min-width: 1025px) and (max-width: 1280px){
    .navbar-expand-xl .navbar-nav .nav-link{
        padding-left: 20px;
        padding-right: 40px;
    }
    .btn-novo.hidden-xs{
        min-width: 194px;
        height: 35px;
        padding-top: 5px;
    }
    .spanish_header .navbar-expand-xl .navbar-nav .nav-link{
        padding-right: 75px;
        padding-left: 15px;
    }
    .spanish_header .btn-novo.hidden-xs{
        white-space: initial;
        padding: 5px 35px 5px;
        height: auto;
    }
}
@media (min-width:856px ) and (max-width: 1024px) {
    /* .findtrails{padding: 8px 15px 0px 15px !important;}*/
}
@media (min-width: 992px) {
    .navbar-expand-xl .navbar-nav .nav-link {text-align:center;}
    /*.findtrails {padding: 1.5rem 15px 0 1rem;  }*/
}

@media (min-width: 1025px) {
    .container {/*padding-left:0; padding-right:0;*/}
    .footer p {width:70%;}
    .bg-dark {width: 81%;}
    /* .findtrails{padding: 5px 15px 0px 15px;}*/
    .lang-sp .findtrails {padding: 1.6rem 15px 0 1rem; }
    .findtrails.spfind {padding: 1rem 15px 0 1rem;}
}
@media (min-width: 1150px) {
    /*.findtrails{padding: 0.6rem 15px 0 1rem;}*/
}

@media (min-width: 1281px){
    .footer p {width:60%;}
    .bg-dark {width:85%;}
    .navbar-expand-xl .navbar-nav .nav-link {padding-right: 105px;
                                             padding-left: 10px;}
    /*  .findtrails{padding: 0.5rem 15px 0 1rem;}*/
    .findtrails.spfind {padding: 1rem 15px 0 1rem;}
    .btn-novo.hidden-xs{
        min-width: 190px;
        height: 32px;
        padding-top: 5px;
    }
    .spanish_header .navbar-expand-xl .navbar-nav .nav-link{
        padding-right: 35px;
        padding-left: 15px;
    }
}
@media (min-width: 1367px){
    .navbar-dark .navbar-nav .nav-link{        
        padding-left: 15px;
        font-size: 16px;
    }
    .spanish_header .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 60px;
        padding-left: 15px;
    }
    .toplang  > div span:last-child a{
        padding-right: 0px;
    }
    .findtrails, .toplang{
        padding-right: 15px !important;
    }
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.btn-novo.hidden-xs.active{
    background: transparent !important;
    color: #001965;
}
.topnavbar .nav-item .btn.active{
    color: #001965;
    background: linear-gradient(to bottom, #f8f8f8 0%,#efefef 100%);
}
.language-switcher-locale-url .en,
.language-switcher-locale-url .es {
    display: inline-block;
    list-style-type: none;
}
.language-switcher-locale-url .en a,.language-switcher-locale-url .es a {padding:0 0.4rem;}
.language-switcher-locale-url .en a img,.language-switcher-locale-url .es a img {display:none;}
.language-switcher-locale-url{
    display: inline-block;
    padding: 0px;
}
.tabs--primary a{padding-left:12px!important;}
#dvLoading{
    background: url(../img/search-loader.gif);    
    background-repeat: no-repeat;
    position: fixed;
    z-index: 9999;
    left: 43%;
    top: 38%;
    background-size: 100% 100%;
    height: 100px;
    width: 100px;
}

/* position: fixed;  
 left: 0px;  
 top: 0px;  
 width: 100%;  
 height: 100%;  
 z-index: 9999;  
 background: url('pageloader.gif') 50% 50% no-repeat rgb(249,249,249);  */
.language-switcher-locale-url .active a:hover{
    color: #000;
    cursor: initial;
}
.language-switcher-locale-url .active a{color: #000;}
#video{ display: none; width: 100%;}
#partcpt_video1{ display: none; width: 100%;}
#partcpt_video2{ display: none; width: 100%;}

.maintenance-page .main-container{
    padding: 15px 0;
}

@media(max-width:768px){
    .maintenance-page .main-container{
        padding: 15px 30px;

    }
}
.maintenance-page #header #logo-title #logo{
    width: 76px;
    display: block;
    margin: 0 auto 15px;
}

.maintenance-page #container{
    padding: 15px 0;
    text-align: center;
}
/*Maintenance page*/
.maintenance-page #page{
    padding: 15px;
}
.maintenance-page #header #logo-title #logo{
    width: 76px;
    display: block15p
        margin: 0 auto 15px;
}

.maintenance-page #container{
    padding: 15px 0;
    text-align: center;

}
.maintenance-page #container #page-title{
    text-transform:capitalize;
}
.maintenance-page #container #main-squeeze{
    max-width:600px;
    margin:0 auto;
    padding:30px;
    border-radius:10px;
    border:solid 1px #ccc;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    background:#f0f0f0;
}
.maintenance-page .navbar-header .logo{
    width: 76px;
    display: block;
    margin: 0 auto 15px;
    float:none;
    padding: 0;
}
.maintenance-page  .main-container .col-sm-12{
    max-width:600px;
    margin:0 auto;
    padding:30px;
    border-radius:10px;
    border:solid 1px #ccc;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    background:#f0f0f0;
}
.maintenance-page  .page-header{
    text-transform:capitalize;
}

@media (min-width:768px) and (max-width:991px) {
 .what-is-clinical-trial .page_banner .page_banner_text .block.block-block {
  max-width: 40%;
 }
}

@media (max-width:767px) {
 .what-is-clinical-trial .page_banner .page_banner_text .block.block-block {
  max-width: 190px !important;
 }
}

@media (max-width:500px) {
 .what-is-clinical-trial .page_banner {
  background-position: top 0px right -248px!important;
 }
}