/* 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; }