796 lines
43 KiB
CSS
796 lines
43 KiB
CSS
|
/*
|
||
|
|
Theme Name: Andaira Timber
|
||
|
|
Theme URI: https://www.estudionexos.com
|
||
|
|
Version: 1.0
|
||
|
|
Description: Child Theme de Timber adpatado para este sitio web.
|
||
|
|
Author: Freepress S. Coop. Mad. y Estudio Nexos
|
||
|
|
Author URI: http://www.freepress.coop
|
||
|
|
Template: TimberBase
|
||
|
|
*/
|
||
|
|
|
||
|
|
body { font-family: 'Karla', sans-serif; font-size:16px; line-height:25px; }
|
||
|
|
|
||
|
|
@media (min-width: 992px) {
|
||
|
|
.not-front #content .container {
|
||
|
|
max-width: 830px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
.not-front #content .container {
|
||
|
|
max-width: 830px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 { font-weight:bold; font-size:26px; line-height:35px; }
|
||
|
|
h2 { font-size:22px; line-height:32px; letter-spacing:3px; text-transform:uppercase; }
|
||
|
|
h3 { font-weight:bold; font-size:20px; line-height:26px; }
|
||
|
|
h4 { font-weight:bold; font-size:20px; line-height:26px; }
|
||
|
|
h5 { font-weight:bold; font-size:15px; line-height:20px; }
|
||
|
|
h6 { font-weight:bold; font-size:12px; line-height:16px; }
|
||
|
|
|
||
|
|
.front h3 { font-weight:500; }
|
||
|
|
.front .presupuesto h2 { text-transform:none; }
|
||
|
|
|
||
|
|
@media (min-width:1024px) {
|
||
|
|
h1 { font-weight:bold; font-size:36px; line-height:45px; }
|
||
|
|
h3 { font-weight:bold; font-size:22px; line-height:32px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width:2560px) {
|
||
|
|
h1 { font-weight:bold; font-size:40px; line-height:50px; }
|
||
|
|
h3 { font-weight:bold; font-size:26px; line-height:36px; }
|
||
|
|
h4 { font-weight:bold; font-size:26px; line-height:36px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
a { color:#222B45; border-bottom:1px solid #fba451; /*text-decoration:underline solid #ff8d76;*/ }
|
||
|
|
a:hover { color:#222B45; border-bottom:1px solid #fba451; text-decoration:none; /*text-decoration:underline solid #ff8d76;*/ opacity:.8 }
|
||
|
|
|
||
|
|
a.text-decoration-none { text-decoration:none!important; border-bottom:none!important; }
|
||
|
|
a.text-decoration-none:hover { /*text-decoration:underline solid #222B45!important;*/ border-bottom:1px solid #222B45!important; opacity:1; }
|
||
|
|
|
||
|
|
img { opacity:.9; }
|
||
|
|
#content img { max-width:100%; height:auto; }
|
||
|
|
|
||
|
|
#content ul { list-style-image:url('public/img/check-circle.png'); }
|
||
|
|
#content ul > li { margin-bottom:20px; }
|
||
|
|
#content ul.pagination { list-style-image:none; }
|
||
|
|
#content ul.pagination > li { margin-bottom:0px; }
|
||
|
|
|
||
|
|
.text-azul { color:#007893; }
|
||
|
|
.text-salmon { color:#fba451; }
|
||
|
|
.text-amarillo { color:#f3bd48; }
|
||
|
|
.text-caki { color:#b1a378; }
|
||
|
|
.text-turquesa { color:#60b6b0; }
|
||
|
|
.text-naranja { color:#fba451; }
|
||
|
|
.text-verde { color:#9dcd8f; }
|
||
|
|
.text-azul2 { color:#222b45; } /* azul textos */
|
||
|
|
.text-azul3 { color:#164f60; } /* azul fondos 1 */
|
||
|
|
.text-azul4 { color:#b8d0da; } /* azul fondos 2 */
|
||
|
|
.text-azul5 { color:#dce7ec; } /* azul fondos 3 */
|
||
|
|
|
||
|
|
.bg-gradient-1 { background-image: linear-gradient(rgb(34, 43, 69, 0.4), rgb(22, 79, 96)); /*opacity:.8;*/ } /* actualidad */
|
||
|
|
.bg-gradient-2 { background-image: linear-gradient(rgb(220, 231, 236, 0.8), rgb(0, 120, 147)); } /* proyectos */
|
||
|
|
.bg-gradient-3 { background-image: linear-gradient(#dce7ec, transparent, #fba451); } /* home */
|
||
|
|
.bg-gradient-4, .investigacion-social-aplicada .bg-gradient-4 { background-image: linear-gradient(rgb(220, 231, 236, 0.8), rgb(157, 205, 143)); } /* investigacion */
|
||
|
|
.bg-gradient-5, .evaluacion-externa-y-participativa .bg-gradient-4 { background-image: linear-gradient(rgb(220, 231, 236, 0.8), rgb(177, 163, 120)); } /* evaluacion */
|
||
|
|
.bg-gradient-6, .formacion .bg-gradient-4{ background-image: linear-gradient(rgb(220, 231, 236, 0.8), rgb(243, 189, 72)); } /* formacion */
|
||
|
|
.bg-gradient-7, .intervencion-social-y-educativa .bg-gradient-4 { background-image: linear-gradient(rgb(220, 231, 236, 0.8), rgb(96, 182, 176)); } /* intervencion */
|
||
|
|
.bg-gradient-8, .consultoria .bg-gradient-4 { background-image: linear-gradient(rgb(220, 231, 236, 0.8), rgb(255, 141, 118)); } /* consultoria */
|
||
|
|
.bg-gradient-9 { background-image: linear-gradient(rgb(34, 43, 69, 0.1), rgb(22, 79, 96, 0.7)); }
|
||
|
|
|
||
|
|
.bg-overlay-1, .bg-overlay-2 { position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; z-index:10; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
.bg-overlay-1:hover { background-color:#007893; opacity:.6; }
|
||
|
|
.bg-overlay-2:hover { background-color:#fba451; opacity:.6; }
|
||
|
|
|
||
|
|
.border-bottom { border-bottom: 1px solid #dee2e6; }
|
||
|
|
|
||
|
|
.separator:last-child { display:none; }
|
||
|
|
|
||
|
|
.linea { height:10px; border-radius:5px; }
|
||
|
|
.linea-consultoria { background-color:#FF8D76; }
|
||
|
|
.linea-investigacion { background-color:#9dcd8f; }
|
||
|
|
.linea-evaluacion { background-color:#fba451; }
|
||
|
|
.linea-intervencion { background-color:#63B0B6; }
|
||
|
|
.linea-formacion { background-color:#f3bd48; }
|
||
|
|
|
||
|
|
.letter-spacing-3 { letter-spacing: 3px; }
|
||
|
|
.letter-spacing-1 { letter-spacing: 1px; }
|
||
|
|
|
||
|
|
.form-control { border:none; }
|
||
|
|
.form-control:focus { color: #495057; background-color: #fff; border-color: transparent; outline: 0; box-shadow: none; }
|
||
|
|
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus, .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: transparent; box-shadow:none; }
|
||
|
|
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow:none; }
|
||
|
|
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color:transparent; }
|
||
|
|
|
||
|
|
.btn:focus, .btn.focus { outline: 0; box-shadow: none; }
|
||
|
|
.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus, .btn-success:focus, .btn-success.focus, .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus, .btn-info:focus, .btn-info.focus, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus, .btn-warning:focus, .btn-warning.focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus, .btn-danger:focus, .btn-danger.focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus, .btn-light:focus, .btn-light.focus, .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .btn-outline-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus, .btn-outline-success:focus, .btn-outline-success.focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus, .btn-outline-info:focus, .btn-outline-info.focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus, .btn-outline-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus, .btn-outline-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus, .btn-outline-light:focus, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus, .btn-outline-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus, { box-shadow: none; }
|
||
|
|
|
||
|
|
.btn, .gform_button.button { border-radius:20px; text-decoration:none; padding: .375rem 2.75rem; }
|
||
|
|
@media (max-width:768px) {
|
||
|
|
.btn, .gform_button.button { padding: .375rem 1.75rem; }
|
||
|
|
}
|
||
|
|
.btn.btn-outline-light:hover { opacity:1; background-color:#fff;}
|
||
|
|
.btn-danger { background-color:#fba451/*#ff8d76*/; border-color:#fba451/*#ff8d76*/; }
|
||
|
|
.btn-danger:hover { opacity:1; background-color:#fff; color:#000; border-color:#fba451/*#FF8D76*/;}
|
||
|
|
.btn-outline-primary { border-color:#222b45; color:#222b45; }
|
||
|
|
.btn-outline-primary:hover { background-color:#222b45; border-color:#222b45; }
|
||
|
|
.btn-primary, .gform_button.button { background-color:#222b45; border-color:#222b45; color:#fff; }
|
||
|
|
.btn-primary:hover, .gform_button.button:hover { opacity:1; background-color:#fff; border-color:#222b45; color:#000; }
|
||
|
|
.btn-info { background-color:#007893; border-color:#007893; color:#fff; }
|
||
|
|
.btn-info:hover { opacity:1; background-color:#fba451; border-color:#fba451; color:#fff; }
|
||
|
|
.btn-outline-info { background-color:transparent; border-color:#007893; color:#222B45; }
|
||
|
|
.btn-outline-info:hover { opacity:1; background-color:transparent; border-color:#222B45; color:#222B45; }
|
||
|
|
.btn-light:hover { opacity:1; background-color:transparent; color:#fff; }
|
||
|
|
|
||
|
|
.form-control { border-radius:1.25rem; }
|
||
|
|
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
|
||
|
|
border-radius:1.25rem;
|
||
|
|
/*
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
*/
|
||
|
|
height: calc(1.5em + .75rem + 2px);
|
||
|
|
padding: .375rem .75rem;
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 1.5;
|
||
|
|
color: #495057;
|
||
|
|
background-color: #fff;
|
||
|
|
background-clip: padding-box;
|
||
|
|
border: 1px solid #ced4da;
|
||
|
|
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||
|
|
}
|
||
|
|
.gform_wrapper .gfield_checkbox li label,
|
||
|
|
.gform_wrapper .gfield_radio li label,
|
||
|
|
.gform_wrapper label.gfield_label,
|
||
|
|
.gform_wrapper legend.gfield_label { font-size:18px; line-height:32px; }
|
||
|
|
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
|
||
|
|
.form-check-input[type='checkbox'],
|
||
|
|
.gform_wrapper input[type='checkbox'],
|
||
|
|
.gform_wrapper input[type='radio']
|
||
|
|
{
|
||
|
|
-webkit-appearance: none; -moz-appearance: none;
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
background-color:transparent;
|
||
|
|
border: 2px solid #007893;
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
|
||
|
|
.gform_wrapper ul.gfield_radio li input[type="radio"] { width: 15px!important; }
|
||
|
|
.form-check-input[type='checkbox']:checked,
|
||
|
|
.gform_wrapper input[type='checkbox']:checked,
|
||
|
|
.gform_wrapper input[type='radio']:checked {
|
||
|
|
background-color:#007893;
|
||
|
|
border: 2px solid #007893;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ml-6 { margin-left:6rem; }
|
||
|
|
|
||
|
|
@media (min-width:1440px) {
|
||
|
|
#searchform { position:absolute; top:100px; right:0; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width:1440px) {
|
||
|
|
.d-none.d-xxl-block { display:block!important; }
|
||
|
|
.d-xxl-none { display:none!important; }
|
||
|
|
}
|
||
|
|
@media (min-width:2560px) {
|
||
|
|
.d-none.d-xxxl-block { display:block!important; }
|
||
|
|
.d-xxxl-none { display:none!important; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Navbar */
|
||
|
|
|
||
|
|
nav.navbar { height:80px; }
|
||
|
|
nav.navbar, .nav-link, .navbar-brand, .navbar-brand img { transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; -ms-transition: all 1s ease-in-out 0s; }
|
||
|
|
|
||
|
|
.navbar-brand, .navbar-brand:hover { border-bottom:none; }
|
||
|
|
.navbar-brand img { height:60px; }
|
||
|
|
|
||
|
|
.navbar-light.bg-white { box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6); }
|
||
|
|
.navbar-light .navbar-toggler { color:#60b6b0; border:none; }
|
||
|
|
.navbar-light .navbar-toggler icon { color:#60b6b0; }
|
||
|
|
|
||
|
|
.navbar-expand-lg .navbar-nav.social { -ms-flex-direction: row; flex-direction: row; }
|
||
|
|
.navbar-expand-lg .navbar-nav .nav-link,
|
||
|
|
.nav-link { margin:0 1.1rem 0.3rem 1.1rem; padding:.5rem 0rem 0.2rem 0; }
|
||
|
|
|
||
|
|
.navbar-light .navbar-nav .nav-link { color:#222B45; text-decoration:none; border-bottom:2px solid transparent; }
|
||
|
|
.navbar-light .navbar-nav .nav-link:hover { border-bottom:2px solid #007893; opacity:1; }
|
||
|
|
|
||
|
|
.navbar-light.bg-transparent .navbar-nav .nav-link { color:#fff; text-decoration:none; border-bottom:2px solid transparent; }
|
||
|
|
.navbar-light.bg-transparent .navbar-nav .nav-link:hover { border-bottom:2px solid #fff; opacity:1; }
|
||
|
|
|
||
|
|
.navbar-light .navbar-nav.social .nav-link { color:#60b6b0; border-bottom:none; }
|
||
|
|
.navbar-light .navbar-nav.social .nav-link:hover { color:#222B45; border-bottom:none; opacity:1; }
|
||
|
|
|
||
|
|
.navbar-light.bg-transparent .navbar-nav.social .nav-link { color:#fff; border-bottom:none; }
|
||
|
|
@media (max-width:992px) {
|
||
|
|
.navbar-light.bg-transparent .navbar-nav.social .nav-link { color:#007893; }
|
||
|
|
.navbar-collapse { background-color:rgb(255, 255, 255, 0.9); }
|
||
|
|
|
||
|
|
.navbar-light.bg-transparent .navbar-nav .nav-link { color:#222B45; text-decoration:none; border-bottom:2px solid transparent; }
|
||
|
|
.navbar-light.bg-transparent .navbar-nav .nav-link:hover { border-bottom:2px solid #007893; opacity:1; }
|
||
|
|
}
|
||
|
|
.navbar-light.bg-transparent .navbar-nav.social .nav-link:hover { color:#000; border-bottom:none; opacity:1; }
|
||
|
|
|
||
|
|
.navbar-collapse { transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
|
||
|
|
.dropdown-menu { border:none; border-radius:0; font-size: 16px; line-height: 25px; background-color:rgb(255, 255, 255, 0.9); }
|
||
|
|
.dropdown-item { border-bottom:2px solid rgb(255, 255, 255, 0);; margin: 0 .8rem 0.3rem .8rem; padding: .5rem 0rem 0.2rem 0; width:auto; }
|
||
|
|
.dropdown-item:hover { border-bottom:2px solid #007893; text-decoration:none; background:transparent; margin: 0 .8rem 0.3rem .8rem; padding: .5rem 0rem 0.2rem 0; }
|
||
|
|
@media (max-width:992px) {
|
||
|
|
.dropdown-item { white-space:normal; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:1024px) {
|
||
|
|
.navbar-brand img { height:60px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width:1024px) {
|
||
|
|
.navbar-expand-lg .navbar-nav .nav-link, .nav-link { margin:0 .8rem 0.3rem .8rem; padding:.5rem 0rem 0.2rem 0; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:768px) {
|
||
|
|
.navbar-brand { margin-right:0; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* FRONTPAGE
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* Video */
|
||
|
|
|
||
|
|
.header-video { position: relative; background-color: black; height: 100vh; min-height: 25rem; width: 100%; overflow: hidden; }
|
||
|
|
/*.header-video video.videobg { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }*/
|
||
|
|
|
||
|
|
.header-video { background: url('/wp-content/uploads/2015/09/fondo11.jpg') black no-repeat center center scroll; background-size:cover; }
|
||
|
|
.header-video video.videobg { display: none; }
|
||
|
|
|
||
|
|
.header-video .container-fluid { position: relative; z-index: 2; }
|
||
|
|
.header-video .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*background-image: linear-gradient(#dce7ec, transparent, #ff8d76);*/ z-index: 1; }
|
||
|
|
@media (pointer: coarse) and (hover: none) {
|
||
|
|
/*
|
||
|
|
.header-video { background: url('public/img/header_img-01.jpg') black no-repeat center center scroll; }
|
||
|
|
*/
|
||
|
|
.header-video { background: url('/wp-content/uploads/2015/09/fondo11.jpg') black no-repeat center center scroll; background-size:cover; }
|
||
|
|
.header-video video.videobg { display: none; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* provisional */
|
||
|
|
/*.header-video { background: url('http://dev.andaira.net/wp-content/uploads/2020/05/Andaira_Portada@2x.png') black no-repeat center center scroll; background-size:cover; }*/
|
||
|
|
/*.header-video video.videobg { display: none; }*/
|
||
|
|
/* end provisional */
|
||
|
|
|
||
|
|
.header-video .scrolldown-1 { position:relative; }
|
||
|
|
.header-video .scrolldown-1 a { position:relative; display:inline-block; width:255px; height:236px; border-bottom:none; }
|
||
|
|
.header-video .scrolldown-1 a:hover { opacity:1; }
|
||
|
|
.header-video .scrolldown-1 img.down-arrow { text-decoration:none; position:absolute; left:119px; bottom:19px; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
.header-video .scrolldown-1 a:hover img.down-arrow { bottom:-10px; }
|
||
|
|
|
||
|
|
.header-video .lead { position:absolute; /*left:5%;*/ width:100%; bottom:10%; z-index:100; font-size:30px; line-height:40px; letter-spacing:1px; }
|
||
|
|
|
||
|
|
@media (max-width:768px) {
|
||
|
|
/*
|
||
|
|
.header-video { height: 75vh; overflow: visible; margin-bottom:12rem; background: url('public/img/header_img-01.jpg') black no-repeat center center scroll; }
|
||
|
|
*/
|
||
|
|
.header-video { height: 75vh; overflow: visible; margin-bottom:12rem; background: url('/wp-content/uploads/2015/09/fondo11.jpg') black no-repeat center center scroll; background-size:cover; }
|
||
|
|
.header-video video.videobg { height: 75vh; display: none; }
|
||
|
|
.header-video .lead { left:0; bottom:-12rem; padding:1rem; }
|
||
|
|
.header-video .lead.text-white { color:#222b45!important; }
|
||
|
|
}
|
||
|
|
@media (max-width:576px) {
|
||
|
|
.header-video {margin-bottom:17rem; }
|
||
|
|
.header-video .lead { bottom:-16rem; font-size:26px; line-height: 34px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section 1 */
|
||
|
|
|
||
|
|
#section-1 { padding-top:80px; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
|
||
|
|
#section-1.pt-150 { padding-top:140px; }
|
||
|
|
|
||
|
|
#section-1 h2.title { margin-bottom:-2px; z-index:100; }
|
||
|
|
#section-1 h2.title::after {
|
||
|
|
background-color: #fba451;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin: 1.5rem 0 0;
|
||
|
|
position: relative;
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
@media (max-width:1023px) {
|
||
|
|
#section-1 .destacamos-title { margin-top:3rem; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width:1024px) {
|
||
|
|
#section-1 .d-flex > div, #section-1 .d-flex > a { flex:1; }
|
||
|
|
#section-1 .d-flex > a { padding:20px; }
|
||
|
|
/*
|
||
|
|
#section-1 .item-1, #section-1 .item-2 { height:35rem;}
|
||
|
|
*/
|
||
|
|
#highlightedSlider .carousel-inner, #highlightedSlider .carousel-item { height:20rem; }
|
||
|
|
}
|
||
|
|
|
||
|
|
#highlightedSlider a { border-bottom:none; }
|
||
|
|
#highlightedSlider .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color:#007893; opacity: 0.8; z-index: 1; }
|
||
|
|
#highlightedSlider .carousel-caption { bottom:0px; }
|
||
|
|
#highlightedSlider .carousel-caption h3 { font-weight:bold; font-size:30px; line-height:35px; margin-bottom:15px; }
|
||
|
|
#highlightedSlider .carousel-caption a { color:#fff; text-decoration:none; border-bottom:none; }
|
||
|
|
#highlightedSlider .carousel-caption a:hover { color:#fff; opacity:1; border-bottom:1px solid #fff; /*text-decoration:underline solid #fff;*/ }
|
||
|
|
#highlightedSlider .meta { font-size: 12px; line-height: 16px; letter-spacing: 1px; }
|
||
|
|
|
||
|
|
#highlightedSlider .carousel-control-next, #highlightedSlider .carousel-control-prev { width:20px; height:20px; top:9rem; background-color:#007893; border-radius:20px; text-decoration:none; }
|
||
|
|
#highlightedSlider .carousel-control-prev { left:1rem; padding:15px 16px 15px 14px; }
|
||
|
|
#highlightedSlider .carousel-control-next { right:1rem; padding:15px 14px 15px 16px; }
|
||
|
|
|
||
|
|
.servicios a { font-size:22px; line-height:32px; }
|
||
|
|
.servicios a img { transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; -ms-transition: all 1s ease-in-out 0s; }
|
||
|
|
.servicios a:hover { opacity:1; color:#222B45; }
|
||
|
|
.servicios a:hover img { -ms-transform: translateX(80px); -moz-transform: translateX(80px); -webkit-transform: translateX(80px); transform: translateX(80px); }
|
||
|
|
@media (max-width:768px) {
|
||
|
|
.servicios a:hover img { -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
|
||
|
|
}
|
||
|
|
.somos { background-color:#fba451; padding:1.6rem 5rem; color:#fff; }
|
||
|
|
.somos h3 { text-transform:uppercase; font-weight:normal; letter-spacing:3px; }
|
||
|
|
.somos p.lead { font-size: 22px; line-height: 32px; }
|
||
|
|
|
||
|
|
@media (max-width:768px) {
|
||
|
|
.servicios h2.title.ml-auto.w-50 { width:100%!important; }
|
||
|
|
.servicios a { padding:1rem 0; }
|
||
|
|
.servicios .w-50.float-left { width:25%!important; }
|
||
|
|
.servicios .w-50.float-right { width:75%!important; }
|
||
|
|
|
||
|
|
h2.destacamos-title.ml-6 { margin-left:0; }
|
||
|
|
#highlightedSlider .carousel-inner, #highlightedSlider .carousel-item { height:18rem; }
|
||
|
|
#highlightedSlider .carousel-caption h3 { font-size: 22px; line-height: 26px; }
|
||
|
|
|
||
|
|
#section-1 .d-flex.flex-column.h-100 { height: auto !important; }
|
||
|
|
.somos.h-100 { padding:2rem; height:auto!important;}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section 1-bis */
|
||
|
|
|
||
|
|
#section-1-bis { font-size:22px; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
|
||
|
|
#section-1-bis.pt-150 { padding-top:120px; }
|
||
|
|
|
||
|
|
@media (min-width:768px) {
|
||
|
|
#section-1-bis .frontpage-servicios-row { height:300px; }
|
||
|
|
}
|
||
|
|
@media (max-width:768px) {
|
||
|
|
#section-1-bis .row .col-md-4 { margin-top:1rem; }
|
||
|
|
.frontpage-servicios-title { padding:3rem 0 2rem; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section 1-1 */
|
||
|
|
|
||
|
|
#section-1-1 { font-size:22px; background:url('public/img/quienes-somos.png') no-repeat center center; background-size:cover; }
|
||
|
|
#section-1-1 .quienes-somos { padding-top:4rem; padding-bottom:4rem; color:#fff; }
|
||
|
|
|
||
|
|
/* Section 2 */
|
||
|
|
|
||
|
|
/*
|
||
|
|
#section-2 { padding-top:10rem; }
|
||
|
|
*/
|
||
|
|
|
||
|
|
.projectsSlider a { border-bottom:none; }
|
||
|
|
.projectsSlider .carousel-control-next, .projectsSlider .carousel-control-prev { width:20px; height:20px; top:15rem; background-color:#fff; color:#000; border-radius:20px; text-decoration:none; }
|
||
|
|
.projectsSlider .carousel-control-next:hover, .projectsSlider .carousel-control-prev:hover { background-color:#dce7ec; }
|
||
|
|
.projectsSlider .carousel-control-prev { left:-5rem; padding:15px 16px 15px 14px; }
|
||
|
|
.projectsSlider .carousel-control-next { right:-5rem; padding:15px 14px 15px 16px; }
|
||
|
|
#projectsSliderMd.projectsSlider .carousel-control-next, #projectsSliderMd.projectsSlider .carousel-control-prev { top:10rem; }
|
||
|
|
#projectsSliderMd.projectsSlider .carousel-control-prev { left:-1rem; }
|
||
|
|
#projectsSliderMd.projectsSlider .carousel-control-next { right:-1rem; }
|
||
|
|
#projectsSliderXs.projectsSlider .carousel-control-next, #projectsSliderXs.projectsSlider .carousel-control-prev { top:6rem; }
|
||
|
|
#projectsSliderXs.projectsSlider .carousel-control-prev { left:0rem; }
|
||
|
|
#projectsSliderXs.projectsSlider .carousel-control-next { right:0rem; }
|
||
|
|
.projectsSlider .project-item { position:relative; }
|
||
|
|
.projectsSlider .project-item .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*background-image: linear-gradient(#dce7ec, #007893);*/ z-index: 1; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
.projectsSlider .project-item:hover .overlay { background-color:#007893; }
|
||
|
|
.projectsSlider .project-item .caption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
|
||
|
|
.projectsSlider .project-item img { opacity:.8; }
|
||
|
|
.projectsSlider .project-item h3 { font-size: 19px; line-height: 24px; }
|
||
|
|
.projectsSlider .project-item a.caption { color:#fff; text-decoration:none; }
|
||
|
|
.projectsSlider .project-item a.caption:hover { color:#fff; opacity:1; text-decoration:none; }
|
||
|
|
|
||
|
|
@media (max-width:768px) {
|
||
|
|
#section-2 { padding-top:3rem; }
|
||
|
|
#section-2 .d-flex.justify-content-between { border-bottom: 1px solid #dee2e6 !important; }
|
||
|
|
#section-2 h2.proyectos-title { margin-bottom:-2px; z-index:100; }
|
||
|
|
#section-2 h2.proyectos-title::after {
|
||
|
|
background-color: #fba451;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin: 1.5rem 0 0;
|
||
|
|
position: relative;
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section 2 bis */
|
||
|
|
|
||
|
|
@media (min-width:768px) {
|
||
|
|
#section-2-bis .project-row { height:300px; }
|
||
|
|
}
|
||
|
|
@media (max-width:768px) {
|
||
|
|
#section-2-bis .col-md-4 h3.text-white { padding:2rem .5rem 1rem; font-size:22px; letter-spacing:3px; margin:0px; height:100%; }
|
||
|
|
}
|
||
|
|
|
||
|
|
.frontpage-project { overflow:hidden; position:relative; color:#fff; }
|
||
|
|
.frontpage-project .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color:transparent; z-index: 1; }
|
||
|
|
.frontpage-project:hover .overlay { background-image:linear-gradient(transparent, transparent); background-color:#fba451; }
|
||
|
|
.frontpage-project .caption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
|
||
|
|
.frontpage-project h3 { line-height:1.5rem; margin-bottom:15px; }
|
||
|
|
.frontpage-project .caption p { font-size: 12px; line-height: 16px; letter-spacing: 1px; }
|
||
|
|
.frontpage-project a { border-bottom:none; }
|
||
|
|
.frontpage-project a.caption { color:#fff; text-decoration:none; }
|
||
|
|
.frontpage-project a.caption:hover { color:#fff; opacity:1; text-decoration:none; }
|
||
|
|
|
||
|
|
/* Section 2 Datos */
|
||
|
|
|
||
|
|
#section-2-datos { background-color:#f2f2f2; }
|
||
|
|
#section-2-datos .dato { margin-bottom:2.75rem; }
|
||
|
|
#section-2-datos .dato-fecha { font-size:14px; }
|
||
|
|
#section-2-datos .dato-numero { font-size:66px; }
|
||
|
|
#section-2-datos .dato-desc { font-size:20px; }
|
||
|
|
|
||
|
|
/* Section 3 */
|
||
|
|
|
||
|
|
#section-3 { padding-top:4rem; }
|
||
|
|
|
||
|
|
.section-3-heading h2 { margin-bottom:-2px; z-index:100; }
|
||
|
|
.section-3-heading h2::after {
|
||
|
|
background-color: #fba451;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin: 1.5rem 0 0;
|
||
|
|
position: relative;
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
#section-3 .row { margin:0; }
|
||
|
|
.col-fifth { overflow:hidden; position:relative; color:#fff; }
|
||
|
|
#section-3 .col-fifth { height:16rem; }
|
||
|
|
@media (max-width:414px) {
|
||
|
|
.col-fifth {
|
||
|
|
-ms-flex: 0 0 100%;
|
||
|
|
flex: 0 0 100%;
|
||
|
|
max-width: 100%; }
|
||
|
|
}
|
||
|
|
@media (min-width:415px) and (max-width:1024px) {
|
||
|
|
.col-fifth {
|
||
|
|
-ms-flex: 0 0 33.333333%;
|
||
|
|
flex: 0 0 33.333333%;
|
||
|
|
max-width: 33.333333%; }
|
||
|
|
}
|
||
|
|
@media (min-width:1025px) {
|
||
|
|
.col-fifth {
|
||
|
|
-ms-flex: 0 0 20%;
|
||
|
|
flex: 0 0 20%;
|
||
|
|
max-width: 20%; }
|
||
|
|
}
|
||
|
|
.col-fifth .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*background-image: linear-gradient(transparent, #007893);*/ background-color:transparent; z-index: 1; /*transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;*/ }
|
||
|
|
.col-fifth:hover .overlay { /*background-image:linear-gradient(#ff8d76, #ff8d76);*/ background-image:linear-gradient(transparent, transparent); background-color:#fba451; }
|
||
|
|
.col-fifth .caption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; background-image:url('public/img/flecha-larga-salmon.png'); background-repeat:no-repeat; background-position: 85% 89%; }
|
||
|
|
.col-fifth .caption h3 { line-height:1.5rem; margin-bottom:15px; }
|
||
|
|
.col-fifth .caption p { font-size: 12px; line-height: 16px; letter-spacing: 1px; }
|
||
|
|
.col-fifth a { border-bottom:none; }
|
||
|
|
.col-fifth a.caption { color:#fff; text-decoration:none; }
|
||
|
|
.col-fifth a.caption:hover { color:#fff; opacity:1; text-decoration:none; }
|
||
|
|
|
||
|
|
@media (max-width:768px) {
|
||
|
|
#section-3 { padding-top:3rem; }
|
||
|
|
.section-3-heading .container { padding-right:0; padding-left:0; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section 4 */
|
||
|
|
|
||
|
|
.presupuesto { position:relative; background-color:#164f60; color:#fff; margin:0 15px; }
|
||
|
|
/*.presupuesto .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(rgb(255, 141, 118, 0.8), rgb(220, 231, 236, 0.9)); }*/
|
||
|
|
.presupuesto .caption { padding:2rem 4rem; }
|
||
|
|
.presupuesto .title { /*background:transparent url('public/img/icono-presupuesto.png') no-repeat left center; padding:4rem 0 4rem 4rem;*/ padding:1rem 0 1rem 0; }
|
||
|
|
.presupuesto .title h2 { line-height:26px; }
|
||
|
|
.presupuesto .text { padding:1rem 1rem 0rem 0; }
|
||
|
|
.presupuesto .text .lead { font-size: 22px; line-height: 32px; color:#164f60; }
|
||
|
|
.presupuesto .button { padding:4rem 3rem; }
|
||
|
|
.presupuesto #budget-form { padding:0 6rem; }
|
||
|
|
.presupuesto #budget-form .form { padding:0 3rem 4rem 2rem; }
|
||
|
|
|
||
|
|
@media (min-width:768px) {
|
||
|
|
.presupuesto { background-image: url('public/img/bg-solicita-presupuesto.jpg'); background-repeat:no-repeat; background-position:right center; /*background-size:cover;*/ }
|
||
|
|
}
|
||
|
|
@media (min-width:768px) and (max-width:1024px) {
|
||
|
|
.presupuesto { background-size:cover; }
|
||
|
|
}
|
||
|
|
@media (max-width:768px) {
|
||
|
|
.presupuesto .caption { padding: 2rem 2rem; }
|
||
|
|
.presupuesto .title { text-align:center; background: transparent url('public/img/icono-presupuesto.png') no-repeat center center; padding: 4rem 0; }
|
||
|
|
.presupuesto .title h2 { font-size:26px; line-height:38px; }
|
||
|
|
.presupuesto .text { padding:0; text-align:center; }
|
||
|
|
.presupuesto .text .lead { font-weight:bold; color:#fff; margin-top:3rem; }
|
||
|
|
.presupuesto .button { padding:3rem 0; }
|
||
|
|
.presupuesto #budget-form { padding:0; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section 5 */
|
||
|
|
|
||
|
|
#section-5 { padding-top:5rem; }
|
||
|
|
#section-5 .network-logos img { max-height:50px; margin:3rem 0; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);}
|
||
|
|
#section-5 .section-5-title img { max-height:90px; margin:3rem 0; }
|
||
|
|
#section-5 p { font-size: 22px; line-height: 29px; }
|
||
|
|
|
||
|
|
.section-5-heading { border-bottom: 1px solid #dee2e6; }
|
||
|
|
.section-5-heading h2 { margin-bottom:-2px; z-index:100; }
|
||
|
|
.section-5-heading h2::after {
|
||
|
|
background-color: #b7b7b7 /*#ff8d76*/;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin: 1.5rem 0 0;
|
||
|
|
position: relative;
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.nuestra-red { padding: 0rem 4rem 2rem;}
|
||
|
|
|
||
|
|
@media (max-width:576px) {
|
||
|
|
#section-5 .row img { max-height:40px; margin:.75rem 0; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section 6 */
|
||
|
|
|
||
|
|
#section-6 { padding-top:5rem; }
|
||
|
|
.section-6-heading { border-bottom: 1px solid #dee2e6; }
|
||
|
|
.section-6-heading h2 { margin-bottom:-2px; z-index:100; }
|
||
|
|
.section-6-heading h2::after {
|
||
|
|
background-color: #b7b7b7 /*#ff8d76*/;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin: 1.5rem 0 0;
|
||
|
|
position: relative;
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#clientsSlider { padding:1rem 2rem; }
|
||
|
|
@media (min-width:768px) {
|
||
|
|
#clientsSlider { padding:1rem 4rem; }
|
||
|
|
}
|
||
|
|
#clientsSlider a { border-bottom:none; }
|
||
|
|
#clientsSlider img { max-height:90px; filter: grayscale(100%); }
|
||
|
|
#clientsSlider .carousel-control-next, #clientsSlider .carousel-control-prev { width:20px; height:20px; top:40%; background-color:#fff; color:#000; border-radius:20px; text-decoration:none; }
|
||
|
|
#clientsSlider .carousel-control-prev { left:5px; padding:15px 16px 15px 14px; }
|
||
|
|
#clientsSlider .carousel-control-next { right:5px; padding:15px 14px 15px 16px; }
|
||
|
|
@media (max-width:768px) {
|
||
|
|
#clientsSlider .carousel-control-next, #clientsSlider .carousel-control-prev { display:none; }
|
||
|
|
#clientsSlider { padding:1rem 0rem; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section 7 - Footer */
|
||
|
|
|
||
|
|
#section-7 { background:#dce7ec url('public/img/icono-intervencion-footer.png') no-repeat -350px center; }
|
||
|
|
@media (max-width:768px) {
|
||
|
|
#section-7 { background:#dce7ec url('public/img/icono-intervencion-footer.png') no-repeat -350px top; }
|
||
|
|
}
|
||
|
|
#section-7 .footer { padding: 0rem 4rem 2rem; }
|
||
|
|
|
||
|
|
#section-7 .slogan { font-size: 22px; line-height: 32px; }
|
||
|
|
#section-7 .follow { font-size: 19px; }
|
||
|
|
#section-7 .footer-title { font-size: 19px; }
|
||
|
|
|
||
|
|
#section-7 .footer-contact div { font-size: 19px; line-height: 29px; }
|
||
|
|
#section-7 .footer-social a,
|
||
|
|
#section-7 .tel a,
|
||
|
|
#section-7 .follow a { text-decoration:none; border-bottom:none; }
|
||
|
|
|
||
|
|
#section-7 .footer-social { margin-bottom:3rem; }
|
||
|
|
#section-7 .footer-social .nav-link { margin:0px; }
|
||
|
|
|
||
|
|
#section-7 .footer-newsletter .form-check-label { color:#007893; }
|
||
|
|
#section-7 .footer-newsletter .form-check-label a { border-bottom:1px solid #fba451; color:#007893; }
|
||
|
|
#section-7 .footer-newsletter .form-check-label a:hover { text-decoration:none; border-bottom:none; }
|
||
|
|
|
||
|
|
#section-7 .nav { font-size:19px; letter-spacing:2px; }
|
||
|
|
#section-7 .nav a { color:#fff; }
|
||
|
|
|
||
|
|
/* Section 8 - Footer */
|
||
|
|
|
||
|
|
#section-8 { background-color:#154a5a; color:#fff; }
|
||
|
|
#section-8 a { text-decoration:none; border-bottom:none; color:#fff; }
|
||
|
|
#section-8 a:hover { text-decoration:none; /*border-bottom:1px solid #fff;*/ opacity:1; }
|
||
|
|
|
||
|
|
/*
|
||
|
|
* PAGE
|
||
|
|
*/
|
||
|
|
|
||
|
|
.page-header { height:400px; position:relative; }
|
||
|
|
.page-header .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }
|
||
|
|
.page-header .container { z-index:10; }
|
||
|
|
|
||
|
|
.section-heading { border-bottom: 1px solid #dee2e6; }
|
||
|
|
.section-heading h2 { margin-bottom:-2px; z-index:100; }
|
||
|
|
.section-heading h2::after {
|
||
|
|
background-color: #fba451;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin: 1.5rem 0 0;
|
||
|
|
position: relative;
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quienes-somos .page-content { font-size: 19px; line-height: 29px; }
|
||
|
|
|
||
|
|
#content ul.nav-tabs { list-style-image:none!important; }
|
||
|
|
#content ul.nav-tabs li { margin-bottom:0; }
|
||
|
|
.quienes-somos-tabs .nav-fill .nav-item { text-align:left; }
|
||
|
|
.quienes-somos-tabs .nav-tabs { border:none; padding-right: 15px; padding-left: 15px; }
|
||
|
|
.quienes-somos-tabs .quienesTabs-wrapper { border-bottom: 1px solid #dee2e6; }
|
||
|
|
.quienes-somos-tabs .nav-tabs .nav-link { border:none; margin:0; padding: .5rem 0rem 0rem 0; }
|
||
|
|
.quienes-somos-tabs .nav-tabs .nav-link h2 { font-size:20px; line-height:28px; margin-bottom:-2px; }
|
||
|
|
.quienes-somos-tabs .nav-tabs .nav-link h2::after {
|
||
|
|
background-color: #fba451;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin: 1.5rem 0 0;
|
||
|
|
position: relative;
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
.quienes-somos-tabs .nav-tabs .nav-item.show .nav-link, .quienes-somos-tabs .nav-tabs .nav-link.active { background-color:transparent; color:#222b45; }
|
||
|
|
.quienes-somos-tabs .nav-tabs .nav-link.active h2::after { background-color: #b7b7b7; }
|
||
|
|
|
||
|
|
.team-item { font-size: 16px; line-height: 25px }
|
||
|
|
.team-item .lead { font-size: 19px; line-height: 29px; }
|
||
|
|
.team-item a { position:relative; color:#007893; border-bottom:none; }
|
||
|
|
.team-item .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index:1; background-color:transparent; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
.team-item .overlay:hover { opacity:.4; background-color:#007893; }
|
||
|
|
|
||
|
|
.d-flex > div.quienes-slider, .d-flex > div.transparencia-block-1, .d-flex > div.transparencia-block-2 { flex:1; }
|
||
|
|
|
||
|
|
.transparencia-block-1 { background-color:#fba451; color:#fff; }
|
||
|
|
.transparencia-block-2 { background-color:#007893; color:#fff; }
|
||
|
|
|
||
|
|
#gallerySlider a { border-bottom:none; }
|
||
|
|
#gallerySlider .carousel-control-next, #gallerySlider .carousel-control-prev { width:20px; height:20px; top:45%; background-color:#007893; border-radius:20px; text-decoration:none; opacity:1; }
|
||
|
|
#gallerySlider .carousel-control-prev { left:1rem; padding:15px 16px 15px 14px; }
|
||
|
|
#gallerySlider .carousel-control-next { right:1rem; padding:15px 14px 15px 16px; }
|
||
|
|
|
||
|
|
/* Team member */
|
||
|
|
|
||
|
|
.member-header a { border-bottom:none; }
|
||
|
|
|
||
|
|
.underline { margin-bottom:-2px; z-index:100; }
|
||
|
|
.underline::after {
|
||
|
|
background-color: #fba451;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin: 1.5rem 0 0;
|
||
|
|
position: relative;
|
||
|
|
width: 90px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Actualidad */
|
||
|
|
|
||
|
|
.actualidad.destacamos h3 { font-size:32px; }
|
||
|
|
.actualidad .meta { font-size: 12px; line-height: 16px; letter-spacing: 1px; }
|
||
|
|
|
||
|
|
/* Proyectos */
|
||
|
|
|
||
|
|
.proyectos .project-item { position:relative; }
|
||
|
|
.proyectos .project-item .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*background-image: linear-gradient(transparent, #007893);*/ z-index: 1; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
.proyectos .project-item:hover .overlay { background-color:#007893; }
|
||
|
|
.proyectos .project-item img { opacity:.8; }
|
||
|
|
.proyectos .project-item .caption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
|
||
|
|
.proyectos .project-item h3 { font-size: 19px; line-height: 24px; }
|
||
|
|
.proyectos .project-item a { border-bottom:none; }
|
||
|
|
.proyectos .project-item a.caption { color:#fff; text-decoration:none; }
|
||
|
|
.proyectos .project-item a.caption:hover { color:#fff; opacity:1; text-decoration:none; }
|
||
|
|
|
||
|
|
.col-eight { flex:0 0 12.5%; max-width:12.5%; position:relative; width:100%; /*padding-right:15px; padding-left:15px;*/ }
|
||
|
|
|
||
|
|
.proyectos a.filter-trigger.btn-danger { background-color:transparent; border-color:#fba451; color:#007893;}
|
||
|
|
.proyectos a.filter-trigger.btn-danger.collapsed { background-color:#fba451; border-color:#fba451; color:#fff; }
|
||
|
|
.proyectos a.filter-trigger.btn-danger:hover { opacity:1; background-color:#fff; color:#000; }
|
||
|
|
.proyectos a.filter-trigger.btn-primary { background-color:transparent; border-color:#222b45; color:#007893;}
|
||
|
|
.proyectos a.filter-trigger.btn-primary.collapsed { background-color:#222b45; border-color:#222b45; color:#fff; }
|
||
|
|
.proyectos a.filter-trigger.btn-primary:hover { opacity:1; background-color:#fff; border-color:#222b45; color:#000; }
|
||
|
|
|
||
|
|
.proyectos .term-filter a { text-decoration:none; line-height:100%; border-bottom:none; letter-spacing:1px; }
|
||
|
|
.proyectos #areas-filter .term-filter a:hover { background-color:#fba451; color:#fff; }
|
||
|
|
.proyectos #servicios-filter .term-filter a:hover { background-color:#007893; color:#fff; }
|
||
|
|
.proyectos .term-filter small { font-weight:bold; }
|
||
|
|
.proyectos #areas-filter .term-filter span,
|
||
|
|
.proyectos .term-filter a.projects-tab-0 { color:#fba451; }
|
||
|
|
.proyectos #areas-filter .term-filter a.projects-tab-0:hover { background-color:#fff; color:#fba451; }
|
||
|
|
.proyectos #servicios-filter .term-filter span,
|
||
|
|
.proyectos .term-filter a.servicios-tab-0 { color:#007893; }
|
||
|
|
.proyectos #servicios-filter .term-filter a.servicios-tab-0:hover { background-color:#fff; color:#007893; }
|
||
|
|
|
||
|
|
.proyectos .term-filter .term-filter-item { flex:1; }
|
||
|
|
|
||
|
|
.project-header { height: 100vh; min-height: 25rem; width: 100%; position:relative; }
|
||
|
|
.project-header .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }
|
||
|
|
.project-header .caption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index:10; }
|
||
|
|
.project-header .scrolldown-1 { position:relative; }
|
||
|
|
.project-header .scrolldown-1 .title { position:relative; display:inline-block; width:80%; }
|
||
|
|
.project-header .scrolldown-1 a:hover { opacity:1; text-decoration:none!important; border-bottom:none!important; }
|
||
|
|
.project-header .scrolldown-1 img.down-arrow { position:absolute; left:48.5%; bottom:-45px; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
.project-header .scrolldown-1 a:hover img.down-arrow { bottom:-75px; }
|
||
|
|
|
||
|
|
/* Servicios */
|
||
|
|
|
||
|
|
.page-content.page-servicios { font-size: 19px; line-height: 29px; font-weight:bold; text-align:center; }
|
||
|
|
|
||
|
|
.page-servicios.que-hacemos { position:relative; font-size:17px; line-height: 27px; }
|
||
|
|
.page-servicios.que-hacemos img { width:250px; position:absolute; left:-50px; top:0px; }
|
||
|
|
#content .page-servicios.que-hacemos ul { list-style-image:url('public/img/check-circle.png'); }
|
||
|
|
|
||
|
|
.page-servicios.como-hacemos .section-body { background-color:#DDE7EC; font-size:17px; line-height: 27px; }
|
||
|
|
|
||
|
|
.servicios-info-adicional { font-size:20px; }
|
||
|
|
|
||
|
|
.page-servicios.otros-servicios a { overflow:visible; height:165px ;}
|
||
|
|
.page-servicios.otros-servicios a div { position:absolute; top:90px; width:85%; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
|
||
|
|
.page-servicios.otros-servicios a:hover div { top:110px; z-index:100; }
|
||
|
|
|
||
|
|
.page-servicios.proyectos .project-item .overlay { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
|
||
|
|
.page-servicios.proyectos .project-item:hover .overlay { background-image:none; }
|
||
|
|
.page-servicios.proyectos.servicio-66 .project-item:hover .overlay.bg-gradient-4 { background-color:#F3BD48; } /* formacion */
|
||
|
|
.page-servicios.proyectos.servicio-70 .project-item:hover .overlay.bg-gradient-4 { background-color:#60B6B0; } /* intervencion */
|
||
|
|
.page-servicios.proyectos.servicio-37 .project-item:hover .overlay.bg-gradient-4 { background-color:#B1A378; } /* evaluacion */
|
||
|
|
.page-servicios.proyectos.servicio-29 .project-item:hover .overlay.bg-gradient-4 { background-color:#9DCD8F; } /* investigacion */
|
||
|
|
.page-servicios.proyectos.servicio-72 .project-item:hover .overlay.bg-gradient-4 { background-color:#fba451; } /* consultoria */
|
||
|
|
|
||
|
|
.page-servicios.proyectos .project-item h3 { font-size: 19px; line-height: 24px; }
|
||
|
|
|
||
|
|
.proyecto-unico h3 { font-weight:400; }
|
||
|
|
.proyecto-unico a { text-decoration:none; border-bottom:none; }
|
||
|
|
.proyecto-unico-term { position:absolute; bottom:20px; right:80px; width:35%; }
|
||
|
|
@media (max-width:768px) {
|
||
|
|
.proyecto-unico-term { position:absolute; bottom:0px; right:15px; width:35%; font-size:14px; line-height:16px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Cookies */
|
||
|
|
|
||
|
|
.cdp-cookies-alerta.cdp-cookies-tema-azul .cdp-cookies-texto {
|
||
|
|
background-color: #007893;
|
||
|
|
border-top: 0px solid #f8f9fa;
|
||
|
|
border-bottom: 0px solid #3f6da7;
|
||
|
|
padding: 30px 20px 20px 20px;
|
||
|
|
}
|
||
|
|
.cdp-cookies-alerta.cdp-cookies-tema-azul .cdp-cookies-texto h4 {
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 1.4;
|
||
|
|
font-family: 'Karla', sans-serif;
|
||
|
|
}
|
||
|
|
.cdp-cookies-alerta.cdp-cookies-tema-azul .cdp-cookies-texto p {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.3;
|
||
|
|
font-family: 'Karla', sans-serif;
|
||
|
|
}
|
||
|
|
.cdp-cookies-alerta.cdp-cookies-tema-azul .cdp-cookies-texto p a,
|
||
|
|
.cdp-cookies-alerta.cdp-cookies-tema-azul .cdp-cookies-texto p a:active,
|
||
|
|
.cdp-cookies-alerta.cdp-cookies-tema-azul .cdp-cookies-texto p a:visited {
|
||
|
|
color:#fba451;
|
||
|
|
}
|
||
|
|
.cdp-cookies-alerta.cdp-cookies-tema-azul .cdp-cookies-boton-cerrar {
|
||
|
|
background-color: #ffffff;
|
||
|
|
border: none;
|
||
|
|
border-radius: 50px;
|
||
|
|
padding: 10px;
|
||
|
|
margin-top: 20px;
|
||
|
|
font-family: 'Karla', sans-serif!important;
|
||
|
|
font-size: 16px!important;
|
||
|
|
color: #092b57;
|
||
|
|
width:100px!important;
|
||
|
|
}
|