@font-face { font-family: 'larsseit-light'; src: url('../fonts/Larsseit-Light.ttf'); }
@font-face { font-family: 'larsseit-medium'; src: url('../fonts/Larsseit-Medium.ttf'); }
@font-face { font-family: 'larsseit-bold'; src: url('../fonts/Larsseit-Bold.ttf'); }
body{font-family: 'larsseit-light'; font-size: 16px; }
.margen{ padding: 2vmax 5vmax; }
.navbar{ margin: 0; background-color: transparent; border: none; }
.pd0{ padding: 0; }
.m0{ margin: 0; }
.pd30{ padding-left: 5vmax; padding-right: 5vmax; }
.w100{ width: 100%; }
.oculto{ overflow: hidden; }
ul{ list-style: none; }
/* p{ font-size: 2vmax; } */
a, a:hover{ color: #000; text-decoration: none; }
h1{ font-family: 'larsseit-bold'; color: #49B0B9; }
h3{ font-size: 2.2vmax; }
h5{ font-size: 16px; font-family: 'larsseit-bold'; }
p{ font-size: 16px; }
.centrado{ display: flex; justify-content: center; align-items: center; }
.menu_footer{ font-family: 'larsseit-medium'; }
.sitemap:hover{ color: #49B0B9; }
.footer{ padding: 8vmax 15px 0; }
.dos_columnas{  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.caso_derecho{ padding: 0 0 0 8px; cursor: pointer; }
.caso_izquierdo{ padding: 0 8px 0 0; cursor: pointer; }
.cursor{ cursor: pointer; }
.overlay{ position: absolute; width: 90%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.6); color: #fff; text-align: center; }
/*.xsmall{ display: flex; } .xsmall>div{ padding: 0 10px 20px 10px; } */
/* .small{ padding: 0 10px 20px 10px; }
.normal{ padding: 0 10px 20px 10px; } */
.xsmall, .small, .normal{ overflow: hidden; display: flex; justify-content: center; margin: 0 10px 20px 10px; }
.titulo{ font-family: 'larsseit-medium'; }
.titulo, .subtitulo{ color: #fff; margin: 0; }
.caso_banner{ height: 200px; display: flex; padding: 0 30px; }
.caso_info_p{ margin: 0; font-family: 'larsseit-medium'; }
.espacio{ margin-bottom: 50px; }
.resultados{ background-color: #000; width: 100vw; height: 350px; margin: auto 0 50px -5vmax; padding: 100px 5.7vmax; }
.ver_casos{ border-bottom: 2px solid #E5E5E5; border-top: 2px solid #E5E5E5; margin: auto 0 0 -5vmax; padding: 2vmax 5vmax; width: 100vw; }

@media (min-width: 769px) {
  .caso_banner{ align-items: flex-end; padding: 0 30px 30px !important; }
  .caso_info{ display: flex; align-items: flex-end; }
  .caso_img{ width: auto; height: auto; }
  .caso_imgs{ display: flex; max-height: 1750px; }
  .caso_info_i{ position: absolute; bottom: 0; }
  .hola_fotos{ display: flex; }
  .unete_contenido{ padding: 0 20px 0 80px; }
  .skills{ padding: 50px 20px 0 80px; }
  .xsmall{ min-height: 420px; } /*375px*/
  .small{ min-height: 500px; }
  .normal{ min-height: 750px; }
  .casos_fila{ display: flex; }
  .casos_fila>div{ margin-bottom: 30px; }
  h2{ font-size: 2vmax; }
  h4{ font-size: 1vmax; }
  .menu_cel{ padding-left: 2vmax; }
}
@media (max-width: 768px) {
  .caso_banner{ align-items: center; }
  .caso_info_p{ padding-bottom: 50px; }
  .dos_columnas{ column-count: 1; }
  /* .normal, .xsmall, .big{ width: 100%; height: auto; } */
  .caso_imgs{ max-height: 2500px; }
  .caso_img{ width: 100%; }
  .caso_info_i{ bottom: 0; }
  .xsmall{ min-height: 0; }
  .small{ margin: 0; display: block; }
  /* .normal{ min-height: 0; } */
  h2{ font-size: 25px; }
  h4{ font-size: 15px; }
  .img_cel{ width: 100%; height: auto; margin: 10px 0; }
  .menu_cel{ padding-left: 3vmax; }
}
.mail_menu{ color: #fff; }
.mail_menu:hover{ color: #49B0B9; }
.menu_abierto{ width: 100vw; height: 0; background-color: #000; margin-top: -50px; z-index: 1; position: fixed; }
.menu_abierto>h1>a{ color: #1A1A1A; }
.menu_abierto>h1>a:hover{ color: #fff; animation: slideRight 1s forwards; }
.cerrar_menu{ margin-left: 100vw; }
.abrir_menu{ margin-left: 0; }
@keyframes extendiendo {
  from { height: 0; padding: 0 3vmax; }
    to { height: 100vh; padding: 13vmax 3vmax; }
}
@keyframes regresando {
  from { height: 100vh; padding: 13vmax 3vmax; }
    to { height: 0; padding: 0 3vmax; }
}
@keyframes slideRight {
  from { margin-left: 0; }
    to { margin-left: 20px; }
}
input, textarea, label[for="cv_portafolio"] { border: none !important; box-shadow: none !important; border-bottom: 2px solid #49B0B9 !important; border-radius: 0 !important; font-family: 'larsseit-medium'; padding: 0 !important; }
::-webkit-input-placeholder, label[for="cv_portafolio"] { /* Edge */ color: #000 !important; }
:-ms-input-placeholder , label[for="cv_portafolio"]{ /* Internet Explorer 10-11 */ color: #000 !important; }
::placeholder, label[for="cv_portafolio"] { color: #000 !important; }
textarea.form-control { height: 34px; }
  .carousel-caption{ position: unset; }
.caption{ position: absolute; top: 82%; left: 15px; }
.btn_unete{ border: 2px solid #49B0B9; border-radius: 32.5px; padding: 10px 20px; color: #49B0B9; }

.zoom{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

input[type="file"]#cv_portafolio1, input[type="file"]#cv_portafolio2, input[type="file"]#cv_portafolio3, input[type="file"]#cv_portafolio4, input[type="file"]#cv_portafolio5, input[type="file"]#cv_portafolio6, input[type="file"]#cv_portafolio7, input[type="file"]#cv_portafolio8, input[type="file"]#cv_portafolio9, input[type="file"]#cv_portafolio10, input[type="file"]#cv_portafolio11 { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

/* casos */
.box-item{position:relative;transition:background 0.3s ease-in-out}
.box-item:after{content:'';display:block;clear:both}
.box-style4:hover .rollover:after{opacity:1}
.box-style4:hover .rollover img{opacity:0.7}
.rollover{display:block;background:#E6EAEA;transition:all 0.3s ease-in-out}
.rollover:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#202121;opacity:0;z-index:0;transition:all 0.3s ease-in-out}

.rollover .above-item,.rollover .hover-item{display:flex;position:absolute;right:20px}
.rollover .above-item.center,.rollover .hover-item.center{display:block;justify-content:center;top:50%;left:0;width:100%;padding:0 20px;text-align:center;color:#fff;transform:translateY(-50%)}
.rollover .above-item.center h3,.rollover .hover-item.center h3{margin-bottom:5px;font-size:20px}
.rollover .above-item{z-index:2;transition:all 0.3s ease-in-out}
.rollover .hover-item{visibility:hidden;opacity:0;z-index:3;transition:opacity 0.3s ease-in-out}
.rollover .hover-item.has-hover{visibility:visible;opacity:1}
.rollover .box-photo{position:relative;overflow:hidden;z-index:1}
.rollover img{position:relative;display:block;width:100%;height:auto;z-index:1;transition:all 0.3s ease-in-out;transform:translateZ(0)}
.rollover img.lazy-hidden{transition:none}
.rollover .img-crop{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.rollover .img-crop img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.rollover .img-crop .video-item{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}
.rollover .item-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.rollover:hover:not(.no-scale) .box-photo img{transform:scale(1.05)}
.rollover:hover .hover-item{visibility:visible;opacity:1}
.rollover:hover .above-item{visibility:hidden;opacity:0}
.rollover:not(.no-hover):hover:after{opacity:1}
.box-style5 .rollover:not(.no-hover):hover:after{opacity:0.3}
.rollover:not(.no-hover):hover .box-photo img{opacity:0.5}
.rollover:not(.no-hover):hover video{opacity:0.5}
.rollover:not(.no-hover):hover .box-total{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.5)}
.rollover .bt-default.white-fill:hover{background-color:#fcfcfc;border-color:#fcfcfc;color:#202121}
.box-lightbox .box-content-usertype .box-photo{width:368px;overflow:hidden}
.box-lightbox .box-content-usertype .box-photo img{float:left}
.box-site-head .box-photo{position:relative}
.box-site-head .box-photo img{display:block;width:100%}
.box-style5:hover .hover-item{visibility:visible;opacity:1}

figure{position:relative;display:inline-block}
figure:after{content:'';display:block;clear:both}
figure img{display:block;max-width:100%;height:auto}

/* casos */

.cookies{ position: fixed; bottom: 0; z-index: 2; }
.cookies>div{ background-color: #fff; font-size: 16px; border: 2px solid #49B0B9; padding: 10px 15px; border-radius: 15.5px; }
.cookies>div>p{ margin: 0; color: #000; }
.btn_cookies{ color: #49B0B9; border: 2px solid #49B0B9; border-radius: 32.5px; padding: 7px 30px; }
.btn_cookies:hover{ background-color: #49B0B9; color: #fff; }

/* celular */
@media (max-width: 767px) {
  .cookies>div{ text-align: center; }
}
/* desktop */
@media (min-width: 768px) {
  .cookies>div{ display: flex; justify-content: space-evenly; align-items: center; }
}