@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,500,600,700,800');

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');



/* colores => azul marino -> #14315b | negro -> #212121 | gris oscuro -> #4c4c4c | gris -> #707070
gris claro -> #a8a8a8

CSS Generico */

a,a:hover,a:visited,a:link,a:active{text-decoration:none}
p,.textaco{font-family:'Roboto',sans-serif;font-weight:300;font-size:18px;color:#707070}
.wow{visibility:hidden}
.wrapper-flex,.wrapper-flex-mobile{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}
.wrapper-end{justify-content:flex-end;-webkit-justify-content:flex-end;}
.separa-5{height:5px}
.separa-10{height:10px}
.separa-20{height:20px}
.separa-30{height:30px}
.separa-40{height:40px}
.separa-50{height:50px}
.overflow{overflow:hidden}
.relative{position:relative}
.upper{text-transform: uppercase}
.no-padding{padding:0}

.no_url{pointer-events: none;cursor: default;text-decoration: none;}

/*   menu_principal   */

.info_superior{height:62px;background-color:#14315b;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:16px}
.info_superior p{text-align:center;margin-bottom:0;font-family:'Roboto',sans-serif;color:#fff;font-size:16px}
.info_superior img{height:25px;margin-top:-5px;margin-right:5px}
.menu-principal.navbar-default{height:100px;border:none;background:transparent;margin:0}
.menu-principal .menu_logo{margin-top:20px}
.navbar-default .navbar-nav>li>a{font-family:'Montserrat',sans-serif;font-size:16px;text-transform:uppercase;color:#4c4c4c;padding:40px 15px 35px;font-weight:500;border:none;border-bottom:5px solid transparent}
.navbar-default .navbar-nav>li.active>a{border-bottom:5px solid #14315b}
.navbar-default .navbar-nav>li>a:hover{color:#14315b;border-color: #112f5c}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:transparent;color:#4c4c4c}
.navbar-default .navbar-collapse{padding:0}

.menu_logo .logo{max-width: 270px;max-height: 67px}

/*   slider_banner   */

.bx-wrapper .bx-viewport{border:none!important;background:transparent!important;box-shadow:0 0 0 #ccc!important;width:100%!important;left:0!important;height:840px}
.banner{transform:none!important}
.banner .padre_imagen{height:800px;width:100%;overflow:hidden;position:relative}
.banner .padre_imagen .imagen{height:800px;width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all .2s ease-in-out;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.slider{border-bottom:22px solid #112f5c}

.overflow-slider{position: absolute;top: 0; left: 0; right: 0; height: 100%;width: 100%;}
.overflow-slider{background-image: url('images/punto_fondo.png');}
.overflow-slider .cuadro_blanco{    height: 90px;
    background-color: #fff;
    width: fit-content;
    padding: 30px;
}
.overflow-slider .cuadro_blanco:first-child{margin-bottom: 20px}
.overflow-slider .cuadro_blanco h2{margin: 0;font-family: 'Montserrat',sans-serif;font-size: 52px;font-weight: 700;text-transform: uppercase}

/* Bienvenida */

.bienvenida{padding-top:80px;padding-bottom: 130px;background-color: #fbfbfb}

.titulo_bienvenida .flex{display: inline-flex}
.titulo_bienvenida h3{font-family: 'Montserrat', sans-serif;font-weight: 400; color: #a8a8a8;font-size: 18px;text-transform: uppercase}
.titulo_bienvenida .linea_gris{height: 3px; width: 30px;background-color: #14315b;margin-top: 32px;
    margin-left: 8px}
.titulo_bienvenida h2{margin: 0;font-size: 52px;font-family: 'Montserrat', sans-serif;font-weight: 700;text-align: left;color: #212121 }
.titulo_bienvenida h2 span{color: #0e2c5d}

.servicios .cuadro_servicio{padding: 0px 15px}
.servicios .cuadro_servicio img{height: 60px}
.cuadro_servicio h3{font-family: 'Montserrat', sans-serif;font-weight: 700;color: #112f5c;font-size: 22px;text-transform: uppercase}
.cuadro_servicio p {font-size: 16px;text-align: justify;-moz-text-align-last: center;text-align-last: center}
.cuadro_servicio .enlace a{font-family: 'Montserrat', sans-serif;font-weight: 700;color: #112f5c;font-size: 16px;text-transform: uppercase}

.nuestros_servicios{position: relative;z-index: 1}
.fondo_islas{height: 480px;width: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;opacity: 0.03}
.absolutaco_islas{position: absolute;bottom: 0;z-index: 0;width: 100%}

/*Paralax*/

.transparencia{position:absolute;top:0;left:0;right:0;z-index:1}
.transparencia_paralax{height:720px;width:100%;background:#212121;background:linear-gradient(90deg,rgba(33,33,33,1) 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,rgba(33,33,33,1) 100%)}
.relleno_transparencia_der{position:absolute;height:720px;width:100%;top:0;left:calc(100% - 15px);background-color:#212121}
.relleno_transparencia_izq{position:absolute;height:720px;width:100%;top:0;right:calc(100% - 15px);background-color:#212121}
.fondo_paralax{height:720px;width:100%;position:relative;background-size:contain;background-position:center;background-repeat: no-repeat}
.paralax .overlay-paralax{height:100%;width:100%;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;flex-wrap:wrap;z-index:2}
.forma_flotante{height:140px;width:40px;background-position:center;background-size:contain;position:absolute;top:-5px;left:-20px;background-repeat:no-repeat}
.paralax h2{margin-top:0;color:#fff;font-size:53px;font-family:'Montserrat',sans-serif;font-weight:600;text-align:center;text-shadow:2px 2px 4px #000;text-transform:uppercase;text-align:left;margin-left:20px}
.paralax p{color:#fff;font-size:16px;text-shadow:2px 2px 4px #000;text-align:justify;line-height:25px}
.btn-corp{background-color:transparent;border-color:#14315b;color:#14315b;font-family:'Montserrat',sans-serif;font-weight:400;text-transform:uppercase;border-radius:0;padding:8px 35px;font-size:20px}
.btn-paralax{background-color:transparent;border-color:#fff;color:#fff;font-family:'Montserrat',sans-serif;font-weight:400;text-transform:uppercase;border-radius:0;padding:15px 25px;font-size:22px;text-shadow:2px 2px 4px #000;box-shadow: 2px 2px 6px #000}

.btn-paralax:hover,.btn-paralax:focus,.btn-paralax:active{background-color:#112f5c;border-color:#fff;color:#fff;text-shadow: none}

.btn-proyectos:hover,.btn-proyectos:focus,.btn-proyectos:active{background-color:#112f5c;border-color:#fff;color:#fff}

/* proyectos */

.proyectos{padding-top: 40px;background-color: #fbfbfb}
.titulo_proyectos .flex{display: inline-flex}
.titulo_proyectos h3{font-family: 'Montserrat', sans-serif;font-weight: 400; color: #a8a8a8;font-size: 18px;text-transform: uppercase}
.titulo_proyectos .linea_gris{height: 3px; width: 30px;background-color: #14315b;margin-top: 32px;
    margin-left: 8px}
.titulo_proyectos h2{margin: 0;font-size: 30px;font-family: 'Montserrat', sans-serif;font-weight: 700;text-align: left;color: #212121 }
.titulo_proyectos h2 span{color: #0e2c5d}

.btn-proyectos{position: absolute;top: 20px;right: 0}

.fondo_proyecto{width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat}

.fondo_proyecto:after{display: block;padding-top: 70%;content: ''}

/* Pie de Pagina */

.footer{background-color: #ffffff}
.footer a, .footer p{font-family: 'Open Sans', sans-serif}
.copyright{font-size: 14px;color: #868686}
.otros_contenidos, .otros_contenidos a{color: #14315b;font-weight: 500}
.otros_contenidos a:hover, .otros_contenidos a:focus, .otros_contenidos a:active{color: #868686}

.redes_footer a{margin: 0px 15px;font-size: 22px;color: #b8b8b8;transition: 300ms all linear}
.redes_footer a:hover, .redes_footer a:active, .redes_footer a:focus{color: #14315b}

.pie_inferior{background-color: #14315b}
.pie_inferior .autor, .pie_inferior .autor a{color: #fff;font-size: 12px}
.pie_inferior .autor a{font-weight: 400}
.pie_inferior .autor a:hover, .pie_inferior .autor a:focus, .pie_inferior .autor a:active{color: #b8b8b8}

.logo_pie .logo{max-height: 100px;max-width: 400px}

/* Efectos */
/* |--> Shine -- */

.galeria_proyectos .fondo_proyecto {
    position: relative;
}
.galeria_proyectos .fondo_proyecto::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.galeria_proyectos .fondo_proyecto:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

/* INTERIORES GENERICOS */

.banner_superior{height: 350px;width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat}

.titulos_interiores .flex{display: inline-flex}
.titulos_interiores h3{font-family: 'Montserrat', sans-serif;font-weight: 400; color: #a8a8a8;font-size: 18px;text-transform: uppercase;margin-bottom: 0px}
.titulos_interiores .linea_gris{height: 3px; width: 30px;background-color: #14315b;margin-top: 32px;
    margin-left: 8px}
.titulos_interiores h1{margin: 0;font-size: 38px;font-family: 'Montserrat', sans-serif;font-weight: 700;text-align: left;color: #212121 }
.titulos_interiores h1 span{color: #0e2c5d}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background-color: #14315b}
.nav-pills>li>a{border-radius: 0px;color: #14315b;font-family: 'Roboto',sans-serif}

/* |--> Adjuntos - */

.tipografia, .titulo-contenido{text-align: left;color: #0e2c5d;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-size: 18px; font-weight: 400}
.tipografia{font-weight: 500}
.tipografia i{color: #14315b}
.listado {text-align: justify}

.listado ul, .listado li {margin: 0px;padding: 0px;list-style: none}
.listado li {padding: 20px;background-color: #f7f7f7}
.listado li a, .listado li.alt a{font-size: 14px;font-family: 'Roboto';font-weight: 400}
.listado li.alt {background-color: transparent}
.listado li.alt a {color: #4c4c4c;text-decoration: none}
.listado a {color: #4c4c4c;text-decoration: none}
.listado a:hover, .listado li.alt a:hover {color: #14315b;text-decoration: none}

/* Proyectos */

.galeria_album{margin-bottom: 30px}
.galeria_album .imagen{transition: 300ms all ease-in-out;background-size: cover;background-position: center;background-repeat: no-repeat}
.galeria_album:hover .imagen,.galeria_album:focus .imagen, .galeria_album:active .imagen{transform: scale(1.1)}
.titular_galeria{height: 60px; background-color: #112f5c; width: 100%}
.titulos_proyectos{font-size: 15px;font-family: 'Montserrat', sans-serif;font-weight: 400;color: #fff;text-transform: uppercase}
.galeria_album .imagen:after{content: '';display: block;padding-top: 70%}

/* CONTACTO */

#map{height: 620px;width: 100%}
.marco_gris h2{font-family: 'Montserrat', sans-serif;font-weight: 500;text-align: left;color: #212121;font-size: 24px; margin-top: 0px}

.btn-default-formulario {
    background-color: transparent;
    border-color: #cecece;
    color: #cecece;
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0;
    padding: 8px 35px;
    font-size: 20px;
}

.btn-default-formulario:hover, .btn-default-formulario:focus, .btn-default-formulario:active{
    background-color: #b7b7b7;
    border-color: #b7b7b7;
    color: #fff;
}

.btn-corp:hover, .btn-corp:focus, .btn-corp:active {
    background-color: #112f5c;
    border-color: #fff;
    color: #fff;
}

.condiciones a{color: #898689}
.condiciones a:hover{color: #112f5c}

.footer.color_pie{background-color: #fbfbfb}

/* dropdowns */

.navbar-nav>li>.dropdown-menu {margin-top: -1px;background-color: #0b295e}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #4c4c4c;background-color: #ffffff;border-color: #112f5c}
.dropdown-menu>li>a {font-family: 'Montserrat',sans-serif;font-size: 15px;color: #fff;text-transform: uppercase;padding: 6px 15px}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #b8b8b8;text-decoration: none;background-color: #0b295e}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{color: #b8b8b8;text-decoration: none;background-color: #0b295e}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
-- --  -- -- -- -- -- -- -- Responsive  -- -- -- -- -- -- -- -- -- -- -- -- 
-- --  -- -- -- -- -- -- -- -- -- -- --  -- -- -- -- -- -- -- -- -- -- --*/

@media (max-height: 800px){
    .banner .padre_imagen, .banner .padre_imagen .imagen{height: 500px}
    .overflow-slider .cuadro_blanco h2 {font-size: 42px}
    .banner_superior{height: 250px}

}

@media (max-width: 1200px){ /* monitores normales y tablet horizontal */ 

    .info_superior p {font-size: 14px}
    .navbar-default .navbar-nav>li>a {font-size: 14px}
    .titulo_bienvenida h2 {font-size: 42px}
    .fondo_paralax{background-size: cover;height: 650px}
    .transparencia_paralax{height: 650px}
    .paralax h2 {font-size: 36px}
    .forma_flotante {height: 120px}
    .titulo_bienvenida h3, .titulo_proyectos h3,.titulos_interiores h3 {font-size: 16px}
    .marco_gris h2{font-size: 20px}
    .titulo_proyectos h2 {font-size: 26px}
    p, .textaco {font-size: 16px}
    .logo_pie .logo {max-height: 100px;max-width: 350px}
    .titulos_interiores h1{font-size: 32px}

}

@media (max-width: 992px){ /* tablet vertical */

    .menu_superior{display: none}
    .navbar-header {float: none; height: 52px}
    .navbar-toggle {display: block; border-radius: 0}
    .navbar-toggle {margin-right: 0px; margin-top: 0px}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px 15px}
    .navbar-nav>li {float: none}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px}
    .navbar-text {float: none;margin: 15px 0}
    .navbar-collapse.collapse.in {display: block!important}
    .collapsing {overflow: hidden!important}

    .menu-principal.navbar-default {background-color: #ffffff;position: fixed;height: 52px;width: 100%;top: 0px;border-bottom: 1px solid #0e2c5d;z-index: 1030;border-radius: 0}

    .menu-principal .menu_logo{width: 100%;height: 52px; display: block}
    .menu-principal .container{padding: 0;width: 100%}

    .navbar-default .navbar-toggle .icon-bar {background-color: #fff}
    .navbar-default .navbar-toggle {border-color: transparent;background-color: #0e2c5d;margin:0px;border-radius: 0px;border: none;padding: 19px}
    .navbar-default .navbar-toggle.right-toggle{position: absolute;top: 0}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #0e2c5d}
    .sidebar-wrapper {overflow-x: hidden}

    .menu-principal .menu_logo {margin-top: 2px;margin-left: 15px}

    .sidebar-nav li a{-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s}

    .sidebar-nav li a:hover {text-decoration: none;color: currentColor;background: none;}

    .sidebar-wrapper.right {background-color: #112f5c;border-left: 1px solid #f6faff;}
    .sidebar-nav li a {color: #ffffff}
    .sidebar-nav li.active a{color: #b8b8b8}
    .sidebar-wrapper {padding-top: 0px}

    .menu_logo .logo {max-width: 200px;max-height: 45px}
    .sidebar-wrapper.right {width: 33%;right: 0%}

    #menu-lateral.toggled.toggle-right .sidebar-wrapper.right{right: 50%;}

    .banner .padre_imagen, .banner .padre_imagen .imagen{height: 500px}
    .overflow-slider .cuadro_blanco h2 {font-size: 36px}
    .cuadro_servicio{margin-bottom: 30px}

    .boton_proyectos{text-align: right}
    .btn-proyectos{position: relative; margin-bottom: 30px;}

    #map{height: 300px;margin-bottom: 30px}

    .sidebar-nav li a{font-family: 'Montserrat',sans-serif;}

    .sidebar-wrapper .menu_redes{margin: 0;padding: 0;list-style: none}
    .sidebar-wrapper .menu_redes .redes{margin: 0 12px}
    .sidebar-wrapper .menu_redes .redes a{color: #fff; font-size: 20px}

    .sidebar-wrapper .open>.dropdown-menu {position: relative;width: 100%;border: none;background-color: #0e2c5d}

}

@media (max-width: 767px){ /* movil */

    .sidebar-nav li a{font-size: 15px}
    .dropdown-menu>li>a{font-size: 14px}

    .container>.navbar-header{margin: 0}
    .titulo_bienvenida h3, .titulo_proyectos h3, .titulos_interiores h3{font-size: 15px}
    .titulos_interiores h1 {font-size: 26px;margin-top: 5px}
    .marco_gris h2 {font-size: 18px}
    p, .textaco{font-size: 15px}
    .overflow-slider .cuadro_blanco h2 {font-size: 26px}
    .titulo_bienvenida h2 {font-size: 30px}
    .cuadro_servicio p{font-size: 14px}
    .fondo_islas {height: 280px;}
    .btn-paralax {padding: 10px 15px;font-size: 16px}

    .paralax h2 {font-size: 26px}
    .forma_flotante {height: 95px;left: -15px;}

    .fondo_paralax{height: 450px}
    .transparencia_paralax{height: 450px}

    .boton_proyectos{text-align: center}
    .servicios .cuadro_servicio{padding: 0px}
    .logo_pie .logo {max-height: 70px;max-width: 250px}
}