@charset "UTF-8";
/* CSS Document */
*:focus {outline: none !important;}
input:focus{box-shadow: none;}
body {background:#002856;width: 100%; height: 100%; letter-spacing: 2px;font-size:14px;position: relative; color:#191A1A;font-family:'Nexa', sans-serif; font-weight:300;}
html {width: 100%;height: 100%;}
img{ width:100%;}
*::selection{background:#002856; color:#fff;}
h1{line-height:1.4;margin-bottom:40px; font-weight:bold; font-size:35px; letter-spacing: 12px;}
h2{line-height:1.4;margin-bottom:40px; font-weight:bold; font-size:20px; letter-spacing: 8px;}
h3{ }
h4{font-weight:bold; margin-bottom:45px;font-size:14px; color:#A2A9AD; letter-spacing: 3px;}
h5{}
a{transition:all ease-in .2s; color:#002856}
a:hover{text-decoration: none;}
p{font-size:14px; line-height:1.6; letter-spacing: 2px;}
.blanco{color:#fff;}
.bgblanco{background:#fff;}
.azul{color:#002856;}
.bgazul{background:#002856;}
.gris{color:#A2A9AD;}
.bggris{background:#A2A9AD;}
section{overflow: hidden; position:Relative;}
.container{padding:0 20px !important;}

/* Preloader CSS */
.loading {width: 100%;height: 100vh;position: fixed;background-color: #002856;z-index: 999999;overflow: visible; top:0;}
.loading img {position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -75px;width: 150px;transform-origin: center;  animation: scale 1s infinite alternate;}
.loading.fade {z-index:0;animation-name: fade;animation-duration: 0.8s;animation-fill-mode: both;animation-iteration-count: 1;animation-delay: 0.3s;}
@-webkit-keyframes scale {
From {-webkit-transform: scale(1.0);}
To {-webkit-transform: scale(1.2);}
}


/*slider*/
#slider-home{line-height: 0;background:#00234e;}
#carrusel{position:absolute; top:0; left:0; width:100%;}
.slide-home{position:relative; height:100vh; min-height:770px;}
#info-slider{min-height:100vh;position:relative; z-index:2; padding:200px 0 50px; display:flex; align-items: center; justify-content: center;text-align: center;}
.dblanco{width:38px;}
#info-slider h1{letter-spacing: 17px;max-width:600px; margin-left:auto; margin-right:auto;}
#info-slider p{font-size:18px; letter-spacing: 3px;max-width:600px; margin: 0 auto 60px;}
.linea-blanca{width:4px; height:115px; background:#fff; margin:20px auto 0;}

/*botones*/
.btn-trans{color:#fff; border:2px solid #fff; padding:17px 40px 14px; line-height: 1.3;  display:inline-block;font-size:14px; font-weight:bold; border-radius:60px;}
.btn-trans:hover{color:#002856; background:#fff;}


/*quienes somos*/
#quienes-somos{padding:140px 0 130px;background:#002856 url(../img/asesores-romo-asesores-romo.png) no-repeat center right; background-size:auto 100%}
#slider-quienes-somos{margin-bottom:0;max-width:690px;}
#slider-quienes-somos .slick-dots{padding-left:125px; bottom:auto; margin-top:60px;text-align: left; position:relative;}
#slider-quienes-somos .slick-dots:before{width:120px;height:1px; background:#fff; position:absolute; left:0; top:13px; content:''; display:block;}
#slider-quienes-somos .slick-dots li button:before{display:none;content:'';}
#slider-quienes-somos .slick-dots li button{padding:0;width:11px; height:11px; border-radius:50%; border:1px #fff solid; background:none; opacity:1 !important}
#slider-quienes-somos .slick-dots li.slick-active button {background:#fff;}
#slider-quienes-somos .slick-dots li{margin: 0 7px;width:11px; height:11px; opacity:1 !important}
#slider-quienes-somos .slick-prev{display:none !important;}
#actual-slide{left:200px; position:absolute; bottom:-5px;}
#slider-quienes-somos .slick-next{z-index:2;top:auto; margin:0; transform:none;width:14px; height:24px;bottom:-5px; left:255px; background:url(../img/arrow-asesores-romo.png) no-repeat center; background-size:100%;}
#slider-quienes-somos .slick-next:before{display:none; }

/*valores*/
#valores{padding:140px 0 80px;background:url(../img/economia-segura-asesores-romo.jpg) no-repeat center; background-size:cover;}
.valor{overflow: hidden; padding-bottom:60px;}
.valor img{display:block;width:auto;margin-bottom:30px;height:65px; margin-left:200px;}
.valor p{color:#fff;max-width:360px; font-weight:bold;}
.valor h2{color:#fff;clear:both;}

/*servicios*/
#servicios{padding:140px 0 30px; overflow: visible; background:#f3f4f7;}
.img-servicios{z-index:2;margin-left:180px;position:absolute; right:0; top: -70px;width:50%; height:510px; background:url(../img/img-asesores-romo.jpg) no-repeat center; background-size:cover;}
.img-servicios-2{z-index:2;position:absolute; left:0; bottom:0;width:45%; height:350px; background:url(../img/efectividad-negocio-asesores-romo.jpg) no-repeat center; background-size:cover;}
.servicio{max-width:50%;}
.servicio h2{font-size:25px;}
.servicio img{margin-bottom:10px;width:240px;display:block; margin-left:120px;}
.contenido-servicio{position:relative;}
.numero-servicio {line-height:1;font-size:150px; font-weight:bold;width:110px; position:absolute; top:0; left:0;height:100%;text-align: center;}
.numero-servicio:before{content:''; display:block; top:130px; bottom:0; left:50%; width:2px; background:url(../img/dots.png) center bottom; background-size:2px;margin-left:-1px; position:absolute;}
.numero-servicio:after{content:''; display:block; width:6px; height:6px; border-radius:50%; background:#a2a9ad; position:Absolute; bottom:-15px; left:50%; margin-left:-3px;}
.info-servicio{padding:52px 0 10px; width:calc(100% - 120px); margin-left:120px;display:inline-block;  vertical-align: top;}
.info-servicio p{max-width:450px;}

.servicio2{margin-left:50%; margin-top: -190px;}
.servicio3{margin-top:-120px;}
.servicio4{margin-left:50%; margin-top: -150px;}

.bloqueazul1{width:165px; height:85px; background:#002856; position:absolute; top:0; left:0;}
.bloqueazul2{width:320px; height:330px; background:#002856; position:absolute; top:440px; right:0;}
.bloqueazul2:before{z-index:1;position:absolute; content:''; background:#f3f4f7; width:165px; height:240px; bottom:0; left:0;}
.cont-servicio2{position:relative;}
.bloqueazul3{top:235px; bottom:-100px; width:500px; left:-435px; position:Absolute; background:#002856;}

/*insider*/
#insiders{padding:140px 0 230px; background:#f3f4f7;}
.logo-insiders{max-width:330px; margin-bottom:50px;}
.info-insiders{padding-left: 100px;}
.info-insiders p{color:#002856;font-weight:700; font-size:14px;}
.info-insiders h3{color:#002856; font-size:20px; font-weight:700; margin:50px 0;}
.btn-azul{width:380px; text-align: center;color:#fff; border:2px solid #002856; padding:17px 40px 14px; line-height: 1.3;  display:inline-block;font-size:14px; font-weight:bold; border-radius:60px; background:#002856;}
.btn-azul:hover{color:#002856; background:transparent;}
.img-insiders{width:40%; top:115px; right:0;bottom:115px; position:absolute;background:url(../img/negocios-seguros-asesores-romo.jpg) no-repeat center top; background-size:cover;}
.bloque-azul-insiders{position:absolute; top:0; right:0; width:160px; height:115px; background:#002856;}

/*clientes*/
#clientes{padding-bottom:0px;text-align:center;background:#fff; overflow:visible;}
.img-clientes{margin-top:-125px; height:430px; width:55%; background:url(../img/integral-asesores-romo.jpg) no-repeat center; background-size:cover; margin-bottom:120px;}
#clientes h1{position:relative;margin-bottom:70px;margin-top:50px;}
.slider-clientes{max-width:1000px; margin:auto; margin-bottom:130px;text-align:center;}
.slider-clientes img{width:96px; display:inline-block;}
#nuestros-clientes{position:absolute; top:-180px;}

/*footer*/
.img-footer{background:url(../img/img-footer-asesores-romo.jpg) no-repeat center; background-size:cover; position:Absolute; top:0; right:0; width:50%; height:100%;}
footer{background:#00234e;padding:130px 0 30px; position:relative;}
.footer1{padding-right:50px;}
.footer2{padding-left:50px;}

.checkromo input{width:18px; height:18px; vertical-align: top;}
  .checkromo .label-check{display: inline-block; font-size:15px; font-weight:300; width:calc(100% - 36px); vertical-align: top;}
  .checkromo .borde-check{height:18px;border-radius:0px; margin-right:10px;border:1px solid #A2A9AD;display: inline-block; vertical-align: top;}
input[type=checkbox] {background:transparent;border:4px solid #00234e;border-radius:0px;-webkit-appearance: none;-moz-appearance: none;height: 16px;width: 16px;}
  input[type=checkbox]:checked {background: #A2A9AD;}
  .label-check{color:#A2A9AD;font-weight:300; font-size:14px; letter-spacing: 0; line-height: 1.2;}
  .label-check a{color:#A2A9AD; text-decoration: underline;}
  .label-check a:hover{color:#fff;}

#contactForm input.form-control{letter-spacing:2px;font-weight:bold; font-size:14px; color:#A2A9AD; height:50px; padding:0 20px; border:1px solid #A2A9AD; background:none; border-radius:0;}
#contactForm textarea{margin-bottom:25px;letter-spacing:2px;font-weight:bold; font-size:14px; color:#A2A9AD; height:100px; padding:18px 20px;border:1px solid #A2A9AD; background:none; border-radius:0; resize:none;}
#contactForm input.form-control::placeholder, #contactForm textarea::placeholder{color:#A2A9AD;}
.checkromo{width:50%; display:inline-block; vertical-align: top;}
.enviar{width:48%; text-align: right;display:inline-block; vertical-align: top;}
#form-submit{background:transparent; transition:all ease-in .2s; width:200px; max-width:100%; text-align: center; letter-spacing: 2px;}
#form-submit:hover{background:#fff; }

#msgSubmit{margin-top:40px;}
#msgSubmit.text-success{color:#fff !important;}

.redes-footer a{width:60px; height:60px; display:inline-block; border-radius:50%; border:1px solid #A2A9AD;}
.linkedin-footer{margin-right:20px;background:url(../img/linkedin-gris.png) no-repeat center; background-size:16px;}
.facebook-footer{background:url(../img/facebook-over-asesores-romo.png) no-repeat center; background-size:10px;}
.linkedin-footer:hover{background:url(../img/linkedin-blanco.png) no-repeat center; background-size:16px; border-color:#fff;}
.facebook-footer:hover{background:url(../img/facebook-asesores-romo.png) no-repeat center; background-size:10px; border-color:#fff;}

.info-contacto{color:#fff;width:60%;display:inline-block; vertical-align: top;}
.redes-footer{width:38%;display:inline-block; vertical-align: top;}
.info-contacto a{color:#fff;}
.info-contacto a:hover{text-decoration: underline;}
.direccion{margin-bottom:50px;}
.copy{margin-top:170px; color:#A2A9AD; text-align: right;}
.copy p{letter-spacing: 1px;}
.copy a{color:#A2A9AD;}
.copy a:hover{color:#fff;}

/*politicas*/
.cerrar{position:fixed; top:30px; right:30px;z-index:99999; font-size:25px; font-weight:300; color:#0E2051;cursor: pointer;}
.cerrar img{margin-left:10px;width:80px;}
.popup{width:100%; background:#f3f4f7;font-family:'Nexa', sans-serif; padding:120px 0 100px !important; margin:0 !important;}

/*redes*/
.contenedor-menu .redes{display:none;}
#redes{z-index:2;position:absolute;top:115px; width:100%;}
.redes{float:right; width:28px; text-align: center;}
.redes .dot{width:5px; height:5px; border-radius:50%; background:#fff; display:block; margin:14px auto;}
.redes a{display:block; width:28px; height:28px; }
.redes a.facebook{background:url(../img/facebook-asesores-romo.png) no-repeat center; background-size:10px;}
.redes a.facebook:hover{background:url(../img/facebook-over-asesores-romo.png) no-repeat center; background-size:10px;}
.redes a.instagram{background:url(../img/linkedin-blanco.png) no-repeat center; background-size:16px;}
.redes a.instagram:hover{background:url(../img/linkedin-gris.png) no-repeat center; background-size:16px;}
.redes a.whatsapp{width:28px; height:28px;box-shadow:  0 5px 10px rgba(0,0,0,.1); border-radius:50%;background:url(../img/whats-app-asesores-romo.png) no-repeat center; background-size:28px;}
.redes a.whatsapp:hover{transform:scale(1.1);}

/*menu*/
.telefono{position:absolute; z-index:2;right:20px; top:0px; background:#A2A9AD url(../img/tel-asesores-romo.svg) no-repeat center; background-size:14px; border-radius:50%; width:34px; height:34px;}
.telefono:hover{transform:scale(1.1);}
.navbar-brand img{width:160px;}
#menu-sitio .navbar-nav .nav-link{letter-spacing: 2.5px;color:#fff;transition:all ease-in .2s;font-weight:bold; font-size:14px; padding: 10px 0 12px; position:relative;}
#menu-sitio .navbar-nav .nav-link:after{ transition:all ease-in .2s;width:0px; height:4px; background:#a2a9ad; position:absolute; bottom:0; left:0; content:''; display:block;}
#menu-sitio .navbar-nav .nav-link:hover:after{width:20px;}
#menu-sitio .navbar-nav .nav-link:hover{transition:all ease-in .2s;color:#A2A9AD; }
#menu-sitio{padding:20px 0;background:transparent !important;transition:all ease-in .2s;}
#menu-sitio .navbar-toggler-icon{background-image: url(../img/menu-asesores-romo.svg);}
.navbar-toggler{border:none;}
#menu-sitio .navbar-toggler:focus{box-shadow:none;outline: none;}

#menu-sitio.scrolled-nav{background:#002856 !important;transition:all ease-in .2s;}


@media (max-width:991px){
h1{font-size:30px; letter-spacing: 9px;}
h2{letter-spacing: 5px;}

/*servicios*/
.servicio img{width:150px; margin-left:100px;}
.img-servicios{height:380px;}
.bloqueazul2{top:310px;}
.numero-servicio{font-size:120px;}
.servicio h2{font-size:20px;}
.info-servicio{padding-top:40px; width:calc(100% - 100px); margin-left:100px;}
.numero-servicio{width:80px;}
.bloqueazul3{bottom:0;}
.img-servicios-2{height:250px;}

/*insiders*/
.info-insiders{padding-left:15px;}

/*footer*/
.checkromo{width:100%; margin-bottom:30px;}
.enviar{width:100%;}
.info-contacto{width:100%;}
.copy{margin-top:60px;}
.redes-footer{margin-top:50px;width:100%;}
.copy p{font-size:12px;}

.navbar-nav{display:inline-block;width:100%; text-align: center;}
#menu-sitio .navbar-nav .nav-link{}
#menu-sitio .navbar-nav .nav-link:hover{}
#menu-sitio .container{text-align:center; display:Block;}
.navbar-toggler{z-index:2;position:absolute;left:20px; top:5px; padding:0;}
.navbar-brand{position:relative; z-index:2; margin:0;}
.navbar-collapse{position:absolute; background:#002856;width:100vw; left:50%; margin-left:-50vw; top:-20px; }
.contenedor-menu{height:100vh; padding-top:120px;}
.navbar-nav{text-align:left;}
#menu-sitio .navbar-nav .nav-link{font-size:16px;}



/*redes*/
#redes{display:none;}
.contenedor-menu .redes{display:block;float:none; position:absolute; top:10px; right:20px;}

}

@media (max-width:768px){
h2{margin-bottom:30px;}

#info-slider h1{letter-spacing:13px; font-size:26px; letter-spacing: 10px;}
#info-slider{padding-top:180px;}
#quienes-somos{padding:80px 0 ;}
#valores{padding:80px 0 120px;}
.valor img{margin-left:0; float:right; margin-right:40px;}
.valor p{max-width:100%;}

#servicios{padding-top:280px;}
.img-servicios{left:30px; right:30px; height:300px; top:-120px; width:calc(100% - 60px); margin:0;}
.bloqueazul2{top:0; height:400px;width:250px;}
.bloqueazul2:before{height:150px; width:120px;}
.servicio{max-width:100%;}
.servicio2, .servicio4{margin-left:0; margin-top:50px;}
.bloqueazul3{left:-510px;}
.servicio3{margin-top:50px;}
.img-servicios-2{display:none;}

/*insiders*/
#insiders{padding-top:690px;}
.bloque-azul-insiders{height:68px;}
.img-insiders{top:68px; width:380px; bottom:auto; height:500px;}
.info-insiders div{text-align:center;}
.info-insiders h3{text-align: center;}

/*clientes*/
#clientes{padding-bottom:0;}
.img-clientes{width:100%; height:320px;}
.slider-clientes{margin-bottom:80px;}
#clientes h1{margin-bottom:40px;}

/*footer*/
.img-footer{display:none;}
footer{padding-top:80px; padding-bottom:0;overflow: hidden;}
.footer1{padding-right:15px; padding-bottom:40px;}
.footer2{padding-left:15px; padding-top:80px; padding-bottom:20px;position:relative;}
.copy p{font-size:12px; letter-spacing: .3px;}
.img-footer-mobile{z-index:0;background:url(../img/img-footer-asesores-romo.jpg) no-repeat center; background-size:cover; position:Absolute;width:100vw; height:100%; top:0;left:50%; margin-left:-50vw;}
.info-contacto, .redes-footer, .copy{position:relative; z-index:1;}
}

@media (max-width:480px){
  h1{font-size:24px; letter-spacing: 5px;}
  .navbar-brand img{width:140px;}

  #info-slider h1{font-size:22px; letter-spacing: 4px;}
  .dblanco{display:none;}
  .linea-blanca{display:none;}
  #info-slider{padding-top:120px; padding-bottom:20px; min-height:auto;}
  #info-slider p{font-size:14px; margin-bottom:20px;}
  .btn-trans{letter-spacing: 1.5px;font-size:12px; padding-left:15px; padding-right:15px;}
  .btn-azul{letter-spacing: 1.5px;font-size:12px; padding-left:15px; padding-right:15px;}
  .slide-home{height:400px; min-height:440px;}
  #info-slider h1{margin-bottom:20px;}

  .bloqueazul2{height:350px;width:200px;}
  .servicio img{width:120px; margin-left:60px;}
  .numero-servicio{font-size:90px; width:60px;}
  .info-servicio{margin-left:70px; width:calc(100% - 70px); padding-top:23px;}
  .servicio h2{font-size:18px; letter-spacing: 3px;}
  .numero-servicio:before{top:100px;}
  .img-insiders{max-width:90%; height:370px;}
  #insiders{padding-top:530px;}
  .btn-azul{width:100%;}
  .img-clientes{margin-bottom:90px;}

  /*terminos*/
  .cerrar{top:-5px; right:5px;}
  .cerrar img{width:60px;}
  .popup{padding-top:75px !important; padding-bottom:40px !important;}
  .popup h3{font-size:23px;}
  p{letter-spacing: 1.5px;}
}


@media (min-width:991px){
.navbar-nav li{display:inline-block;}
.navbar-nav li{margin:0px 20px;}
.navbar-nav{display:inline-block;width:100%; text-align: right; padding-right:30px;}
.contenedor-menu{float:right;}
.navbar-collapse{justify-content: flex-end;}

}

@media (min-width:1200px){
.container{width:100%;max-width:1300px;}
}