@charset "UTF-8";
/* CSS Document */
*:focus {outline: none !important;}
input:focus{box-shadow: none;}
body {-webkit-font-smoothing:antialiased;width: 100%; height: 100%; font-size:22px;color:#b47559;position: relative; font-family: 'Senlot', sans-serif; font-weight:100;}
html {width: 100%;height: 100%;}
img{ width:100%;}
*::selection{background:#b47559; color:#fff;}
h1{ font-size:80px; font-weight: 100;letter-spacing: 4px; line-height: 1.1;}
h2{font-size:34px; margin:0 ;font-weight:bold;letter-spacing: 4px; line-height: 1.1;}
h3{font-size:33px; font-weight:100; line-height: 1.1;}
h4{ font-size:17px; letter-spacing: 3px; margin:0;font-weight:bold; line-height: 1;}
h5{font-weight:bold; font-size:18px; margin:0; line-height: 1.1;}
a{transition:all ease-in .2s; color:#b47559;}
a:hover, a:visited, a:active, a:focus{text-decoration: none;color:#b47559;}
p{}
section{overflow: hidden; position:relative;}
.container{padding-left:25px !important; padding-right:25px !important;}
.blanco{color:#fff;}
.ocre{color:#b47559;}
.azul{color:#152c47;}

#whatsapp{ z-index:3;position:fixed; bottom:80px; right:30px; }
#whatsapp a{transition:all ease-in .3s;width:45px; display:block; text-indent: -999999px; height:45px; background:url(../img/whatsapp.svg) no-repeat centeR; background-size:100%;}
#whatsapp a:hover{transform:scale(1.15);}

/* Preloader CSS */
.loading {width: 100%;height: 100vh;position: fixed;background:#152c47; z-index: 999999;overflow: visible; top:0;}
.accediendo{position:Absolute; left:50%; margin-left:-50px; top:50%; margin-top:150px; font-size:20px; font-weight:bold;}
.loading img {position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -115px;width: 230px;transform-origin: center;  animation: scale 1s infinite alternate;}
.loading.fade {z-index:0;animation-name: fade;animation-duration: 0.3s;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);}
}

/*header*/
#header{background:#152c47 url(../img/abogados-vallarta-sin-logo-hillmar.jpg) no-repeat center; background-size:cover; padding-top:110px;}
.he1{min-height:660px; display:flex; flex-direction: column; justify-content: flex-end;padding-bottom:60px;}
.he2{display:flex; flex-direction: column; align-items: center;justify-content: center;}
.monograma{width:250px;}
.he3{display:flex; flex-direction: column;justify-content: center; padding-left:55px;}
.he3 h3{margin-bottom:50px;max-width:324px;}
.conoce{display:inline-block; color:#fff;  padding:22px 0 22px 84px; font-weight:bold; font-size:16px; letter-spacing: 1px;position:relative;}
.conoce:hover{color:#fff;}
.conoce:hover:before{transform:rotate(-270deg);}
.conoce:before{width:62px; height:62px; position:Absolute; left:0; top:0; content:''; background:url(../img/arrow-hillmar.svg) no-repeat center; background-size:100%; transition:All ease-in .4s;}

/*servicios*/
#servicios{background:#c5b8ac; padding:120px 0 60px;}
.tit-servicios{position:Absolute; left:-10px;top:55px; width:80%; max-width:1100px;}
.servicios{overflow: hidden;max-width:940px; margin:80px auto 0;}
.servicio{float:left;display:block;width:calc(50% - 60px); margin:0 30px 60px; position:relative;}
.servicio:after{content: "";display: block;padding-bottom: 100%;}
.servicio:before{z-index:-1;content:'';position:absolute; top:0; left:0; right:0; bottom:0; background: #152c47; opacity:0; transition:all ease-in .2s;}
.servicio:hover:before{opacity:.3;}
.servicio h3{font-size:25px; right:50px;letter-spacing: 4px; margin:0; font-weight:bold; position:absolute; bottom:55px; left:50px; line-height: 1.1;}
.ver-mas{position:absolute; top:50%; left:50%; width:60px; height:60px; margin-top:-30px; margin-left:-30px; background: url(../img/ver-mas-hillmar.svg) no-repeat center; background-size:100%; transition:all ease-in .4s;}
.servicio:hover .ver-mas{transform:rotate(180deg);}


.cerrar{position:absolute; top:85px; right:85px;height:17px;width:17px;z-index:99999; cursor: pointer; background:url(../img/cerrar-hillmar.svg) no-repeat center; background-size:100%;}
.popup{width:95%;max-width:930px !important; font-family:'Senlot', sans-serif; padding:80px 160px 80px 60px !important; background:#F5F1EE !important;}
.popup button{display:none;}
.titulo-popup{position:relative;margin-bottom:50px;}
.titulo-popup:after{z-index:1;height:2px; width:40%; position:Absolute; bottom:8px; right:0; content:''; background:#b47559;}
.titulo-popup img{width:50px; display:inline-block; vertical-align: bottom;margin-right:20px;}
.titulo-popup h4{display:inline-block; vertical-align: bottom; max-width:calc(100% - 80px); padding-right:60px;}
.titpop{z-index:2;}
.popup h3{margin-bottom:50px;}
.popup .ulhillmar{}
.ulhillmar{padding:0; margin:0; list-style: none;}
.ulhillmar li{position:relative; padding-left:50px; margin-bottom:5px;}
.ulhillmar li:before{width:8px; content:''; height:8px; border-radius:50%; position:absolute; left:0; top:12px; background:#152c47;}
.fancybox-hillmar .fancybox-bg{background:url(../img/fondo-poup-hillmar.jpg) no-repeat center; background-size:cover;}
.fancybox-hillmar.fancybox-is-open .fancybox-bg{opacity:1;}

/*acerca de*/
#acerca-de{background:#b8d8ea;padding:120px 0; text-align: center;}
.info-acerca{text-align: left; padding-top:110px;}
.logo-ad{ width:200px; margin-bottom:80px;}
#acerca-de h2{margin-bottom:35px;}
#acerca-de h3{max-width:820px; margin:auto;}
.ialeft{padding-top:30px;}
.img-ad1{max-width:580px; margin-left:110px;}
.img-ad2{max-width:300px; position:Absolute; left:80px; bottom:50px;}
.imgacerca{position:relative;}


/*servicios-legales-corporativos*/
#servicios-legales-corporativos{padding:120px 0 10px; background:#f5f1ee;}
.slc{overflow:hidden; margin: 30px -25px 0;}
.slc-row{padding:35px 50px 35px 110px; border-bottom:1px solid #b47559; position:relative; float:left; margin:0 25px; width:calc(50% - 50px);}
.slc-row:before{width:9px; height:9px; content:''; position:absolute; left:50px; top:39px; border-radius:50%; background:#b47559;}

/*contacto*/
#contacto{padding:120px 0; background:#f5f1ee; text-align: center;}
#contacto h2.titcontacto{font-size:100px; font-weight:100; margin-bottom:100px;}
.datos{text-align: left;max-width:880px;margin:auto;}
.datos h2{margin-bottom:50px;}
.datos p{max-width:310px; font-size:18px;}
.datos a{font-weight:bold; font-size:34px; display:inline-block;}
.tel{margin-bottom:40px;}
.datos a:hover{color:#152c47}

#mapa{background:#f5f1ee; line-height:0;}
#mapa iframe{width:100%;height:580px;}

#formulario{padding:120px 0; background:#c5b8ac;}
#formulario h2{margin-bottom:65px;}
form{max-width:830px; margin:auto;}

.form-group{margin-bottom:50px; }
#formulario label{margin:0;color:#152c47; font-weight:bold; font-size:18px;}
#formulario .form-control{transition:all ease-in .2s;background:transparent; border-radius:0; appearance:none; border:none;border-bottom:1px solid #fff; padding:0px 0 5px; color:#152c47; box-shadow: none !important; font-size:20px;}
#formulario .form-control:focus{border-color:#b47559;}
.help-block{font-size:20px;adding-top:5px; color:#152c47;}
#formulario textarea.form-control{height:120px; border:1px solid #fff; resize:none;padding: 10px;}
.label-mensaje{margin-bottom:30px !important;}
.enviar{background:#152c47; border:none; appearance:none; color:#fff;font-weight:bold; font-size:17px; padding:25px 50px 20px; border-radius: 50px; margin-top:30px; float:right; text-transform: uppercase; letter-spacing: 2px; line-height: 1;}
#msgSubmit{display:inline-block; border-bottom:1px solid #b47559;color:#152c47 !important; font-size:20px;}

.checkcustom input{width:18px; height:18px; vertical-align: top;}
  .checkcustom .label-check{display: inline-block; font-size:17px; font-weight:300; width:calc(100% - 36px); vertical-align: top; color:#152c47;}
  .checkcustom .label-check a{color:#152c47; border-bottom:1px solid #152c47;}
  .checkcustom .borde-check{height:18px;border-radius:50%; margin-right:10px;border:1px solid #fff;display: inline-block; vertical-align: top;}
input[type=checkbox] {background:transparent;border:4px solid #c5b8ac;border-radius:50%;-webkit-appearance: none;-moz-appearance: none;height: 16px;width: 16px;}
  input[type=checkbox]:checked {background: #fff;}

/*footer*/
footer{background:#152c47; padding:60px 0; }
footer p{margin:0;font-size:18px;}
.aviso{justify-content: flex-end;}
.aviso a{font-size:18px;color:#fff; display:inline-block;}
.aviso a:hover{color:#b47559;}
footer img{width:120px;}
footer .container{max-width:970px !important;}
footer .col-md-4{display:flex; align-items: center;}
footer .logo-footer{justify-content: center;}

/*aviso*/
#aviso{padding:240px 0 120px; max-width:1200px; margin:auto;}
#aviso p{color:#152c47;}
#aviso h2{margin-bottom:80px;}

/*gracias*/
#gracias{height:100vh; min-height:500px; background:#b8d8ea;}
#gracias .titulo-gracias{margin-bottom:80px;text-transform: uppercase;}
.img-gracias{position:absolute; height:100%; width:38%; top:0; left:0;}
.info-gracias{padding:20px; text-align: center;margin-left:38%; width:62%; height:100vh; min-height:500px;display:flex; flex-direction: column; justify-content: center; align-items: center;}
.info-gracias img{margin-bottom:90px;width:100px;}
.info-gracias .btn-gris{margin-top:40px;}
#bodygracias #whatsapp, #bodygracias #menu-sitio, #bodygracias footer{display:none;}
.btn-regresar{font-size:16px;FONT-WEIGHT:BOLD; letter-spacing: 2px;padding:20px 0 28px 90px; position:relative; margin-top:60px; display:inline-block; }
.btn-regresar:hover:before{transform:rotate(-360deg);}
.btn-regresar:before{transition:All ease-in .6s;width:60px; height:60px; background:url(../img/arrow2-hillmar.svg) no-repeat center; background-size:100%; position:Absolute; content:''; left:0; top:0;}

/*menu*/
.navbar-brand img{transition:all ease-in .2s;width:212px;}
#menu-sitio{padding:20px 0 20px;z-index:999;background:#152c47;transition:all ease-in .2s; }
.navbar-nav{text-align: right; display:block; width:100%;}
.nav-item{font-size:15px;line-height: 1;display:inline-block;}
.nav-item a{border-bottom:1px solid rgba(180, 117, 89,0);font-weight:bold; letter-spacing: 1.3px; font-size:15px; padding:0 !important; line-height: 1;}
.nav-item a:hover{border-bottom:1px solid rgba(180, 117, 89,1);}

.idioma{margin-top:6px;position:Relative;}
.idioma .idioma-actual{border-bottom:1px solid rgba(180, 117, 89,0);font-weight:bold; letter-spacing: 1.3px; font-size:15px; padding:0 !important; line-height: 1;cursor:pointer;position:relative;}
.idioma .idioma-actual:hover{border-bottom:1px solid rgba(180, 117, 89,1);}
.idioma .idioma-actual:after{width:10px; height:10px; background:url(../img/flecha-menu-hillmar.svg) no-repeat center; background-size:100%; content:''; position:Absolute; right:-15px; top:1px;}
.submenu{position:absolute; top:20px; left:-10px; visibility: hidden; opacity:0; transition:All ease-in .2s;}
.submenu a{color:#fff;background:#b47559; padding:15px 15px 10px !important; display: inline-block; border:none !important;}
.idioma .idioma-actual:hover .submenu{visibility: visible;opacity:1;}

#menu-sitio.scrolled-nav{transition:all ease-in .2s;}
#menu-sitio.scrolled-nav .navbar-brand img{width:150px;}

.navbar-toggler{z-index:999;cursor: pointer;border:none;position:absolute; right:25px; top:45px;padding:0;}
.icono-menu{position:relative;display:block;width:40px; height:28px; }
.icono-menu span{display:block;width:40px; height:4px; background:#b47559;position:absolute; top:12px; left:0px; transition:All ease-in .2s;}
.icono-menu:before{position:absolute; width:40px; height:4px;lefT:0px; top:0px; content:''; display:block; background:#b47559;transition:All ease-in .2s;}
.icono-menu:after{position:absolute; width:40px; height:4px;lefT:0px; bottom:0px; content:''; display:block; background:#b47559;transition:All ease-in .2s;}

.menu-abierto .icono-menu span{opacity:0;}
.menu-abierto .icono-menu:before{top:-2px;transform:rotate(45deg);transform-origin: top left;}
.menu-abierto .icono-menu:after{bottom:-1px;transform:rotate(-45deg); transform-origin: bottom left;}

/*slider*/
.slide-intro{height:100vh; min-height:600px; max-height:650px;}

@media (max-width:1200px){
.navbar-nav{display:inline-block;width:100%; text-align: center;}
.nav-item{display:block; box-sizing: content-box; margin:40px 0  40px; text-align: center;}
.nav-item a{font-size:22px; display:inline-block;}
.idioma{transition:All ease-in .2s;margin:0 ;position:Absolute; top:50px; right:110px;}
.idioma a, .idioma .idioma-actual{font-size:20px;}

.navbar-toggler{transition:All ease-in .2s;}
#menu-sitio.scrolled-nav .navbar-toggler{top:35px;}
#menu-sitio.scrolled-nav .idioma{top:40px;}

/*header*/
.he1{min-height:500px; padding-bottom:0;}
.he2{justify-content: flex-end; padding-bottom:20px;}
.he3{padding-top:50px; padding-left:15px; padding-bottom:50px;}
.he3 h3{max-width:60%;}


}

@media (max-width:991px){
  h1{font-size:65px;}
h3{font-size:28px;}
h2{font-size:30px;}
.he1{min-height:400px;}
.he3 h3{max-width:100%;}
.monograma{width:200px;}

.servicio{margin:0 15px 30px; width: calc(50% - 30px);}
.servicio h3{right:30px;left:30px; bottom:30px; font-size:22px}

.img-ad1{width:100%; margin-left:40px; }
.img-ad2{lefT:0;bottom:0; max-width:250px;}

.popup{padding:60px 130px 50px 50px !important;}
.slc-row{padding:30px 20px 30px 40px;}
.slc-row:before{top:34px; left:15px;}

#contacto h2.titcontacto{font-size:80px;}

}

@media (max-width:768px){
  h1{font-size:60px;}
  .navbar-brand img{width:150px;}
  .navbar-toggler{top:33px;}
  .idioma{top:38px;}
  .he1{min-height:300px; padding-bottom:40px;}
  .tit-servicios{width:95%;}
  .servicio{width:100%; margin: 0 0 20px;}
  .popup{padding:40px 40px 40px 40px !important}
  .cerrar{top:25px;right:25px;}
  .ulhillmar li{padding-left:30px;}
  .titulo-popup:after{width:25%;}
  #acerca-de{padding:90px 0;}
  .logo-ad{margin-bottom:50px;}
  .info-acerca{padding-top:70px;}
  .info-acerca{text-align: center;}
  .img-ad1{margin-top:40px; width:calc(100% - 40px); margin-bottom:40px;}
  #servicios-legales-corporativos{padding-top:90px;}
  .slc-row{width:100%; margin: 0px;}
  .slc{margin:30px 0 0;}
  #contacto h2.titcontacto{margin-bottom:70px;}
  .datos h2{margin-bottom:30px;}
  .datos, #contacto{text-align: center;}
  .datos p{margin:auto !important; }
  .tel{margin-top:40px;}
  #contacto{padding:90px 0;}
  #formulario{padding:90px 0;}
  .form-group{margin-bottom:35px;}
  .enviar{margin-top:0;}
  footer{text-align: center !important;}
  footer .col-md-4{display:block; }
  footer img{margin:40px 0;}

  .info-gracias{width:100%;height:auto ;padding:50px 25px;margin-left:0;min-height:0;}
.img-gracias{position:relative; width:100%; height:400px;}
#gracias{height:auto;}
.btn-regresar:before{width:50px; height:50px;}
.btn-regresar{padding:12px 0 20px 65px;}
.info-gracias img{margin-bottom:70px;}

#aviso{padding:180px 0 90px;}
#aviso h2{margin-bottom:40px;}

}

@media (max-width:575px){
.titpop{padding-bottom:20px;}
.titulo-popup:after{width:60%;}
}

@media (max-width:480px){
  h1{font-size:45px;}
  h2{font-size:24px;}
  .navbar-toggler{transform:scale(.8);}
  .idioma{right:90px;top:25px !important;}
  .navbar-brand img{width:120px !important;}
  #menu-sitio{padding:10px 0}
  .navbar-toggler{top:20px !important;}
  .monograma{width:150px;}
  h3{font-size:26px;}
  #servicios{padding:90px 0 40px;}
  .servicios{margin-top:50px;}
  .img-ad1{width:100%; margin-left:0;}
  .img-ad2{max-width:200px; bottom:-30px;}
  #contacto h2.titcontacto{font-size:50px;}
  .datos a{font-size:28px;}

  #aviso{padding-top:140px;}
  #aviso p{font-size:20px;}
}


@media (min-width:991px){

}

@media (min-width:1200px){
  .container{max-width:1400px !important;}
  .nav-item{margin-left:50px;}
  .navbar-nav{}
    .idioma{margin-right:20px;}

    .english h1{font-size:68px;}
}