:root{ --golden: #e1a837; --lightprimary: #A0CEC4; --lightsecondary: #98CDEC; } .btn-primary {color:#fff;} .text-golden {color: var(--golden);} .bg-golden {background-color: var(--golden);} .text-lightprimary {color: var(--lightprimary);} .bg-lightprimary {background-color: var(--lightprimary);} .text-lightsecondary {color: var(--lightsecondary);} .bg-lightsecondary {background-color: var(--lightsecondary);} #cabecera {z-index:1030;} a.hoverable:hover { text-decoration:none;opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #0275d8 !important; background: #0d2a70 !important; font-weight: normal !important; color: #ffffff !important; } .form-select { -webkit-appearance: none; -moz-appearance: none; } .dropdown-toggle { outline:none; } #navbarCabecera > .navbar-menu > .nav-item .dropdown { border-bottom:solid 4px transparent; } #navbarCabecera > .navbar-menu > .nav-item .dropdown.active { border-bottom:solid 4px #A0CEC4; } #navbarCabecera .nav-link { color: #222; } #navbarCabecera > .navbar-menu > .nav-item .dropdown.active > .nav-link { font-weight:bold; color:var(--primary); } #navbarCabecera > .navbar-menu > .nav-item > .nav-link { border-bottom:solid 4px transparent; } #navbarCabecera > .navbar-menu > .nav-item.active > .nav-link { border-bottom:solid 4px #A0CEC4; font-weight:bold; color:var(--primary); } footer { font-size:0.9rem; } footer.bg-dark { background-color: #000 !important; } @media (min-width: 576px) { footer ul.nav { border-left:solid 1px #fff; } } footer a:hover, footer a.btn-link:hover { text-decoration:none;opacity: 0.7; color: #b7e2ae; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @-webkit-keyframes rotarChevron { 0% {transform: none;} 100% {transform: rotate(90deg);} } @-moz-keyframes rotarChevron { 0% {transform: none;} 100% {transform: rotate(90deg);} } @-o-keyframes rotarChevron { 0% {transform: none;} 100% {transform: rotate(90deg);} } @keyframes rotarChevron { 0% {transform: none;} 100% {transform: rotate(90deg);} } [data-bs-toggle="collapse"][aria-expanded="true"] .collapse-chevrons .fa-chevron-right { -webkit-animation: rotarChevron 0.3s ease-out; -moz-animation: rotarChevron 0.3s ease-out; -o-animation: rotarChevron 0.3s ease-out; -animation: rotarChevron 0.3s ease-out; transform: rotate(90deg); } .title-cra { padding-bottom:.8em; position:relative; padding-right:2em; display:inline-block; } .title-cra:after { content: ""; display: block; background: #A0CEC4; height: 8px; position: absolute; bottom: 0.5rem; width: 100%; left: 0; right: 0 } #cra-home-carousel .carousel-item { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 28vw; min-height: 380px; position:relative; } @media (max-width: 991px) { #cra-home-carousel .carousel-item:before { content:""; position:absolute; top:0px;left:0px;right:0px;bottom:0px;width:100%; background-color: rgba(255,255,255,0.7); } } #slide-great-teams { background-image: url(/Imgs/fotos/home/craplatform-great-teams.jpg); } #slide-our-locations { background-image: url(/Imgs/fotos/home/craplatform-our-locations.jpg); } .carousel-control-prev, .carousel-control-next { opacity:0.2; border:none; } .carousel .carousel-caption { left:0px; right:0px; top:0px; } #home-slider { background-image: url(/Imgs/fotos/home/craplatform-great-teams.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 28vw; min-height: 380px; position:relative; } @media (max-width: 991px) { #home-slider::before { content:""; position:absolute; top:0px;left:0px;right:0px;bottom:0px;width:100%; background-color: rgba(255,255,255,0.7); } } #home-cra-container, #home-sponsor-container {height:100%;} #home-cra-container .border-home, #home-sponsor-container .border-home {width:10%;min-width:20px;} #home-cra-container .border-home .border-home-top {background-color:#a0cec4;height:35%;} #home-sponsor-container .border-home {background-color:#98cdec;} #home-sponsor-container .border-home .border-home-top {height:65%;} #home-cra { background-image: url(/Imgs/fotos/home/img_cra.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 61.3%; position:relative; } #home-cra::before { content:""; position:absolute; top:0px;left:0px;right:0px;bottom:0px;width:100%; background-color: rgba(255,255,255,0.8); } #home-cra > div, #home-sponsor > div {z-index:9;} #home-sponsor { background-image: url(/Imgs/fotos/home/img_sponsor.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 61.3%; position:relative; } #home-sponsor::before { content:""; position:absolute; top:0px;left:0px;right:0px;bottom:0px;width:100%; background-color: rgba(255,255,255,0.8); } #home-testimonials { background-image: url(/Imgs/fotos/home/Background_testimonials.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } #home-testimonials .item-testimonio { position:relative; } #home-testimonials .testiquote { position:absolute; top: 0em; left: 0em; } #home-testimonials .swiper-button-prev::after, #home-testimonials .swiper-button-next::after { display:none; } #home-testimonials .bloquenombre {position:relative;} #home-testimonials .bloquenombre:after { display: block; content: ""; position: absolute; border-top: 5px solid var(--primary); border-bottom: 0px; height: 1px; width: 50px; margin-top: 0.5rem; } #carousel-logosclientes {} #carousel-logosclientes a.item-logo {display:block;height:180px;} #carousel-logosclientes a.item-logo:hover {background-color:rgba(255,255,255,0.5);} #carousel-logosclientes .item-logo img {max-width:70%;max-height:120px;margin:0px auto;} #section-our-capabilities { background-color: #F6F6F6; } #section-our-capabilities .inner-bg { background-image: url(/Imgs/services/background_hexagonos_blancos.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } #section-clinical-services { background-image: url(/Imgs/services/img_globe.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-clinical-services .bloque-services { border-left: solid 10px var(--primary); background-color: rgba(255,255,255,0.94); padding:2.5rem; } #org-chart-real { background-color: #98CDEC; background-image: url(/Imgs/organization-chart/hexagonos_chart.svg); background-size: contain; background-repeat: no-repeat; background-position: right 25px; min-height: 100px; } .lmp-poligono-container > h6 { background-size: contain; background-repeat: no-repeat; background-position: center center; padding:80px 10px 100px; min-width:200px; } .lmp-poligono-container-clinical { background-image: url(/Imgs/services/poligonos_clinical.svg); } .lmp-poligono-container-administrative { background-image: url(/Imgs/services/poligonos_administrative.svg); } .lmp-poligono-container-other { background-image: url(/Imgs/services/poligonos_other.svg); } .benefit-block { font-size:14px; max-width:185px; } #bg-form-join { background-image: url(/Imgs/join/img_CRA.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } .formCRA { } .formCRA .form-control { border:none; border-bottom:solid 1px var(--bs-primary); } .formCRO .form-control { border:none; border-bottom:solid 1px var(--bs-secondary); } #bg-form-regsponsor { background-image: url(/Imgs/regsponsor/img_sponsor.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } #regsponsor-btm { background-color: #F6F6F6; } #regsponsor-btm .container { background-image: url(/Imgs/regsponsor/hexagonoso_sponsor.svg); background-size: auto 100%; background-repeat: no-repeat; background-position: left center; } .title-cro { padding-bottom:8px; position:relative; padding-right:2em; display:inline-block; } .title-cro:after { content: ""; display: block; background: #E0F0F9; height: 8px; position: absolute; bottom: 0.5rem; width: 100%; left: 0; right: 0 } #regsponsor-btm .splg { color:#30A8EB; font-size:1.2em; border-bottom: solid 1px #30A8EB; font-weight:600; } #img-contact-1 { position:relative; bottom: 1.5rem; z-index: 1; background-image: url(/Imgs/contact/img_contact_1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 26.06vw; min-height: 220px; } #img-contact-1 > div { border-top: solid 3em rgba(255,255,255,0.4); height: 26.06vw; min-height: 220px; } #section-contact-2 { background-image: url(/Imgs/contact/img_contact_2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }