/*GENERAL --------------------------*/ body{font-family: 'Poppins', sans-serif; font-weight: 300;} h1, h2, h3, h4, h5, h6, p, ul{margin: 0;padding: 0;text-align: center;} p{font: 300 16px/1.5 'Poppins', sans-serif;margin-bottom:15px;} ul{list-style: none;} a{color: currentColor;-webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-ms-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out;} a:hover{color:#48cedd;text-decoration: none;-webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-ms-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out;} .br-50{height: 50px;} .br-100{height: 100px;} .container-fluid{-webkit-transition: opacity .3s ;-moz-transition: opacity .3s ;-ms-transition: opacity .3s ;-o-transition: opacity .3s ;transition: opacity .3s ;} .pace-done .container-fluid{opacity: 1 !important;} .inner-wrapper{width: 100%;max-width: 1230px;padding: 0 15px;margin: 0 auto;} .section-title h2{font: 700 24px/1.5 'Poppins', sans-serif; color:#831B1B;text-transform: uppercase;} .full-with{width: 100%;line-height: 0;} .talign-right{text-align: right;} .current a{pointer-events: none;color:#48cfde!important;} .dark {background-color: #020a1a;color:#fff;} .dark #header{border-bottom: solid 1px #48cfde} /***HEADER**/ #header {padding:0px; position: fixed; width: 100%; z-index: 9999; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s;} #header.headroom--unpinned {background:#020a1a;} /*-webkit-transform: translateY(-100px);-ms-transform: translateY(-100px);-o-transform: translateY(-100px);transform: translateY(-100px);*/ #logo{float: left; width: 220px;height: 62px;} #nav{float: right; padding: 30px 0px;} #nav li{float: left;padding: 0px 10px;font: 300 16px/1 'Poppins', sans-serif;color:#fff;} #nav li:last-of-type{border-left:1px solid #fff;} #nav li a{color:#fff;} #nav li a:hover{color:#48cfde} .menu-contact{float:left; padding:25px 0px;color:#fff;position: relative;z-index: 3;} .img-ctc{width:30px;height: auto;} .headroom--pinned{background: #111;} .headroom--top{background:transparent!important;} .inner-page #header{background: #020a1a!important;} .logo{width: 252px;} /***HOME***/ .claim{background: url('../img/bck-home.jpg') center/cover;height: 100vh;display: flex;flex-direction:column;justify-content:center;text-align: center;} .webp-support .claim{background: url('../img/bck-home.webp') center/cover;} .claim h1{padding-top:25px;font: 700 36px/1.2 'Poppins', sans-serif; color: #fff; text-align: center; margin:20px auto auto;} .claim h2{display:inline-block; color:#fff;font-size: 20px;font-weight:300;margin: auto;padding:10px 24px;margin-top:50px;border:solid 1px #fff; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background-color:rgba(55,115,149,.6);} .claim h2:hover{color:#48cfde;border-color:#48cfde;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} #home-banners a:hover .single-banner-overlay{top:15px;bottom:15px;left:15px;right:15px;background-color:rgba(72,207,222,.9);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} #home-banners a:hover .single-banner-overlay h3{transform: translateY(-10px);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} #home-banners a:hover .single-banner-overlay h4{transform: translateY(-10px);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} /***BANNERS***/ .single-banner{color:#fff;width:33.33%;height:33.33vw;background:#48cfde;float: left;position: relative;border:solid #fff 20px;box-sizing: border-box;} .single-banner.sb1{border-right:solid 7px #fff;background-image: url(../img/banner-1.jpg);background-repeat:no-repeat;background-position: center;background-size: cover;} .webp-support .single-banner.sb1{background-image: url(../img/banner-1.webp);} .single-banner.sb2{border-left:solid #fff 13px;border-right: solid 13px #fff;background-image: url(../img/banner-2.jpg);background-repeat:no-repeat;background-position: center;background-size: cover;} .webp-support .single-banner.sb2{background-image: url(../img/banner-2.webp);} .single-banner.sb3{border-left: solid 7px #fff;background-image: url(../img/banner-3.jpg);background-repeat:no-repeat;background-position: center;background-size: cover;} .webp-support .single-banner.sb3{background-image: url(../img/banner-3.webp);} .single-banner-overlay{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; background-color:rgba(72,207,222,.5);position: absolute;top:20px;bottom:20px;right:20px;left:20px;margin: auto; display: flex; flex-direction: column; justify-content: center;text-align: center;} .single-banner-overlay h3{font-size: 30px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .single-banner-overlay h4{font-size:20px;font-weight: 300;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} /***AREA***/ #area-nav{margin-top: 80px;border-bottom:solid 1px #48cfde;text-align: center;padding:30px 0px;} #area-nav li{display: inline-block;margin:0px 10px;text-transform: uppercase;} #areas-de-negocio h1{color:#48cfde;font-size: 24px;font-weight: 300;text-transform: uppercase;padding: 50px 0px 10px;} .area-single{background-attachment: fixed; position:relative;display: flex; flex-direction: column; justify-content: center;text-align: center; margin:2vh 0px;padding:50px 0px;background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 86vh;} .area-single h2{margin-bottom:20px;font-size: 30px;} .area-single .inner-wrapper{z-index:1;} .area-single, .area-single h2, .area-single p{text-align: left;} .area-single.talign-right h2, .area-single.talign-right p, .area-single.talign-right .col-lg-5{text-align: right;} p:last-of-type{margin-bottom: 0px;} .ico-menu-area{width: 25px; height: 25px; margin: 0px 5px 5px;} #energia-atomica{background-image: url('../img/energia-atomica.jpg');} .webp-support #energia-atomica{background-image: url('../img/energia-atomica.webp');} #oil-and-gas{background-image: url('../img/oil-and-gas.jpg');} .webp-support #oil-and-gas{background-image: url('../img/oil-and-gas.webp');} #investigacion-cientifica{background-image: url('../img/investigacion-cientifica.jpg');} .webp-support #investigacion-cientifica{background-image: url('../img/investigacion-cientifica.webp');} #pesca-comercial{background-image: url('../img/pesca-comercial.jpg');} .webp-support #pesca-comercial{background-image: url('../img/pesca-comercial.webp');} #safe-and-smart-cities{background-image: url('../img/smart-cities.jpg');} .webp-support #safe-and-smart-cities{background-image: url('../img/smart-cities.webp');} #oil-and-gas:after, #pesca-comercial:after{background: rgb(2 10 26 / .3);z-index:0;content:'';position: absolute;top:0;right:0;bottom:0;width:50%;} #energia-atomica:after, #investigacion-cientifica:after, #safe-and-smart-cities:after {background: rgb(2 10 26 / .3);z-index:0;content:'';position: absolute;top:0;left:0;bottom:0;width:50%;} #trayectoria .inner-wrapper{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } /***SERVICIOS***/ #soluciones .claim{height: 70vh;min-height:600px;display: flex;flex-direction:column;justify-content:center;text-align: center;background-image: none;} #soluciones h1{font-weight: 300;} #soluciones .claim img{margin-top:50px;max-width: 100px;} #soluciones-banners{padding:0px 0px 100px; background: url('../img/bck-soluciones.jpg') top center/cover;} .webp-support #soluciones-banners {background: url('../img/bck-soluciones.webp') top center/cover;} .solucion-single{background-color: #020a1a;padding:15px; min-height: 390px;text-align: center;padding-top:200px;} .solucion-single h2{color:#48cfde;margin-bottom: 20px;} .solution-ico{max-width: 80px;margin: auto;margin-bottom: 20px;} .aleacion-inner{background: #000 url('../img/aleaciones-img.jpg') no-repeat top center/contain;} .webp-support .aleacion-inner{background: #000 url('../img/aleaciones-img.webp') no-repeat top center/contain;} .electronica-inner{background: #000 url('../img/marina-img.jpg') no-repeat top center/contain;} .webp-support .electronica-inner{background: #000 url('../img/marina-img.webp') no-repeat top center/contain;} .video-inner{background: #000 url('../img/video-img.jpg') no-repeat top center/contain;} .webp-support .video-inner{background: #000 url('../img/video-img.webp') no-repeat top center/contain;} #clientes{padding-top:80px;} #clientes h1{color:#48cfde;font-size: 24px;font-weight: 300;text-transform: uppercase;padding: 50px 0px 20px;} .logo-cliente img{width:100%;height:auto;} .logo-cliente{position: relative;background-position: center;background-repeat: no-repeat;background-size: contain;} .logo-cliente-overlay{content:'';top:20px;bottom:20px;right:20px;left:20px;background:#48cfde;position: absolute;mix-blend-mode: color;opacity: 0;-webkit-transition: opacity .3s ;-moz-transition: opacity .3s ;-ms-transition: opacity .3s ;-o-transition: opacity .3s ;transition: opacity .3s ;} .logo-cliente:hover .logo-cliente-overlay{opacity: 1;-webkit-transition: opacity .3s ;-moz-transition: opacity .3s ;-ms-transition: opacity .3s ;-o-transition: opacity .3s ;transition: opacity .3s ;} .c1{background-image: url('../img/cliente_01.jpg');} .c2{background-image: url('../img/cliente_02.jpg');} .c3{background-image: url('../img/cliente_03.jpg');} .c4{background-image: url('../img/cliente_04.jpg');} .c5{background-image: url('../img/cliente_05.jpg');} .c6{background-image: url('../img/cliente_06.jpg');} .c7{background-image: url('../img/cliente_07.jpg');} .c8{background-image: url('../img/cliente_08.jpg');} .c9{background-image: url('../img/cliente_09.jpg');} .c10{background-image: url('../img/cliente_10.jpg');} .c11{background-image: url('../img/cliente_11.jpg');} .c12{background-image: url('../img/cliente_12.jpg');} .c1:hover{background-image: url('../img/cliente_01b.jpg');} .c2:hover{background-image: url('../img/cliente_02b.jpg');} .c3:hover{background-image: url('../img/cliente_03b.jpg');} .c4:hover{background-image: url('../img/cliente_04b.jpg');} .c5:hover{background-image: url('../img/cliente_05b.jpg');} .c6:hover{background-image: url('../img/cliente_06b.jpg');} .c7:hover{background-image: url('../img/cliente_07b.jpg');} .c8:hover{background-image: url('../img/cliente_08b.jpg');} .c9:hover{background-image: url('../img/cliente_09b.jpg');} .c10:hover{background-image: url('../img/cliente_10b.jpg');} .c11:hover{background-image: url('../img/cliente_11b.jpg');} .c12:hover{background-image: url('../img/cliente_12b.jpg');} .webp-support .c1{background-image: url('../img/cliente_01.webp');} .webp-support .c2{background-image: url('../img/cliente_02.webp');} .webp-support .c3{background-image: url('../img/cliente_03.webp');} .webp-support .c4{background-image: url('../img/cliente_04.webp');} .webp-support .c5{background-image: url('../img/cliente_05.webp');} .webp-support .c6{background-image: url('../img/cliente_06.webp');} .webp-support .c7{background-image: url('../img/cliente_07.webp');} .webp-support .c8{background-image: url('../img/cliente_08.webp');} .webp-support .c9{background-image: url('../img/cliente_09.webp');} .webp-support .c10{background-image: url('../img/cliente_10.webp');} .webp-support .c11{background-image: url('../img/cliente_11.webp');} .webp-support .c12{background-image: url('../img/cliente_12.webp');} .webp-support .c1:hover{background-image: url('../img/cliente_01b.webp');} .webp-support .c2:hover{background-image: url('../img/cliente_02b.webp');} .webp-support .c3:hover{background-image: url('../img/cliente_03b.webp');} .webp-support .c4:hover{background-image: url('../img/cliente_04b.webp');} .webp-support .c5:hover{background-image: url('../img/cliente_05b.webp');} .webp-support .c6:hover{background-image: url('../img/cliente_06b.webp');} .webp-support .c7:hover{background-image: url('../img/cliente_07b.webp');} .webp-support .c8:hover{background-image: url('../img/cliente_08b.webp');} .webp-support .c9:hover{background-image: url('../img/cliente_09b.webp');} .webp-support .c10:hover{background-image: url('../img/cliente_10b.webp');} .webp-support .c11:hover{background-image: url('../img/cliente_11b.webp');} .webp-support .c12:hover{background-image: url('../img/cliente_12b.webp');} .grilla-partner{text-align: center;} .grilla-partner .logo-cliente{display: inline-block;float:none;} #contacto{background-color:#fff;color:#020a1a;text-align: left;} #contacto input:focus, #contacto textarea:focus{outline: none!important;} input:not([type="submit"]), textarea{width: 100%;border: solid 1px #48cfde;background: #fff;} input:not([type="submit"]){height: 40px;padding: 0 5px;line-height: 40px;} textarea{height: 150px;padding: 5px;} input[type="submit"]{-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; width:100%;border:none; color:#fff;padding:15px 25px;background: #48cfde;font: 700 16px/1.2 'Poppins', sans-serif;text-transform:uppercase;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} input[type="submit"]:hover{background-color:#020a1a;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .contact-field{font:300 16px/1 'Poppins', sans-serif; margin-bottom: 25px;position: relative;} #contacto .parsley-errors-list {display: none;padding: 3px;border: none;margin-bottom: 0px;font-weight: normal;font-style: normal;font-size: 11px;color: #ccc;line-height: 1.5;clear: both;float: right;width: 100%;position: absolute;top: 100%;left: 0;text-align: left;} #contacto .parsley-errors-list.filled {display: block;} #contacto #contact-loader {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;} #contacto #contact-loader #loader {position: absolute;left: 50%;top: 50%;margin: -25px 0 0 -25px;width: 50px;height: 50px;background: url(../img/loader.svg) no-repeat center;} #contacto #contact-msg-text {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0;} #contacto #contact-msg-text h2{} .map{height:350px;background: #48cfde;} .logo-ctc, .info-ctc{float: left;padding:25px 0px;} .logo-ctc, .logo-ctc img{width: 105px;padding-right: 25px;} .info-ctc a{color:#48cfde;} .info-ctc a:hover{color:#020a1a;} ::placeholder {color: #a9a9a9;opacity: 1;} :-ms-input-placeholder {color: #a9a9a9;} ::-ms-input-placeholder {color: #a9a9a9;} .slide li a:hover{color:#831B1B;} .requisitos{color:#831B1B;text-transform: uppercase;font-size: 12px;font-weight: bold;} #contacto{padding-top:180px;} #contacto h1{color:#48cfde;font-size: 24px;font-weight: 300;text-transform: uppercase;padding-bottom:20px;text-align: left;} #contacto h2{text-align: left;font: 300 32px/1.2 'Poppins', sans-serif;} #contacto .cross-mail{font: 700 24px/1.2 'Poppins', sans-serif;color:#fff;margin:40px 0px;display: block;} #contacto .cross-mail:hover{color:#ccc;} #contacto p{text-align: left;} .contact-img img{max-width: 200px;height: auto;padding-bottom: 20px;} /***FOOTER***/ #footer{padding:70px 0px;background: #020a1a;color: #a9a9a9;border-top: solid 1px #48cfde;} #footer ul li{float:left;margin-left:10px;} .logo-footer{padding-bottom: 20px;} #footer .social{text-align: right;} .social-ico{margin-top:10px;display: inline-block;margin-left:10px;width:30px;height: 30px;border:solid 1px #48cedd;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;line-height: 30px;text-align: center;color:#48cedd;} .social-ico:hover{color:#fff;border-color:#fff;} /***SLICKNAV***/ .slicknav_menu {position: absolute;z-index: 2;left: 0;top: 0;background: none;display: none;padding: 0;width: 100%;text-align: center;} .slicknav_menu .slicknav_btn {margin: 25px 15px 0;float: right;display: inline-block;background: transparent;} .slicknav_menu .slicknav_menutxt {font-weight: normal;font-style: normal;font-size: 16px;text-transform: uppercase;color: #fff;line-height: 22px;} .slicknav_menu .slicknav_icon-bar {background: #fff;} .slicknav_menu .slicknav_nav {background: rgba(20, 20, 20, 0.9);top: 80px;left: 0;width: 100%;position: absolute; z-index: 0; } .slicknav_menu .slicknav_nav ul {margin-left: 0;} .slicknav_menu .slicknav_nav li {padding: 5px 0;text-align: center;} .slicknav_menu .slicknav_nav li a { font-weight: normal;font-style: normal;font-size: 13px; text-transform: uppercase;color: #fff;} .slicknav_menu .slicknav_nav a:hover {background: #48cfde;color: #fff;border-radius: 0;} .only-mobile{display: none;} /***QUERIES***/ @media screen and (max-width: 991px) { #nav {display: none;} .slicknav_menu {display: block;} #trayectoria .inner-wrapper{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } #slider .slide{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;} .slide h3, .slide li{text-align: center;} #trayectoria img{margin-bottom: 25px;} #footer .col-lg-2{padding-top: 15px;} #footer .social{text-align: center;} .social-ico{margin:0px;margin-top:10px;} .area-single{background-attachment: unset;} #oil-and-gas:after, #pesca-comercial:after, #energia-atomica:after, #investigacion-cientifica:after, #safe-and-smart-cities:after{background:rgb(2 10 26 / .5);width:100%;} } @media screen and (max-width: 767px) { .claim h1{font-size: 30px;} .br-100{height:70px;} .br-50{height:25px;} .team-item{width:50%;height:50vw;} #quote h5{font: 300 20px/1.2 'Poppins', sans-serif;} #quote h6{font: 700 14px/1 'Poppins', sans-serif;padding-top:15px;} #footer{text-align: center;} #footer ul{float:none;text-align: center;} #footer ul li{float: none;display: inline-block;margin:0px 5px;} .post-body{margin-bottom: 25px;} .single-banner{float:none;width: 100%;padding:20px;margin:auto;height:100vw;border: solid #fff 20px!important;} .area-single{min-height: unset;} #area-nav{padding: 0px;} #area-nav li{display:none;padding:0px;} } @media screen and (max-width: 640px) { .claim h1{font-size: 24px;line-height: 1.4;} .claim h2{font-size: 18px;} .claim .inner-wrapper{padding-bottom:5px;} .team-item{width:100%;height:100vw;float: none;} .see-more {font: 300 20px/1 'Poppins', sans-serif;padding-top:25px;} .menu{height: 80px;} #header{background: #111!important;} .only-desktop{display: none;} .only-mobile{display: unset;} }