@charset "utf-8";
/* CSS Document */

#menu-mobile{position: fixed; display: none; width: 100%; top: 65px; left: 0; background-color: #FFF; padding: 0 20px; z-index: 4; list-style: none; margin: 0;}
#menu-mobile li{display: block; width: calc(100% - 40px); height: 40px; border-top: 1px solid #1d1d1d; line-height: 40px; font-family: 'pragmatica', sans-serif; font-size: 16px; color: #1d1d1d; letter-spacing: 0.5px;}
#menu-mobile .click{cursor: pointer;}
#menu-mobile .link-en{float: right}
#menu-mobile a{color: #9e9e9e;}

#proyecto-mobile{width: 100%; margin-top: 45px;}
#proyecto-mobile .proyecto_nombre{display: inline-block; font-family: 'pragmatica', sans-serif; font-size: 16px; color: #1d1d1d; line-height: 20px; margin: 15px 0 12px 0;}
#proyecto-mobile img{display: block; width: 100%; margin-bottom: 10px}
#proyecto-mobile .info{display: block; width: 100%; text-align: center; padding: 30px 0;}
#proyecto-mobile .info p{display: block; margin: 0; font-family: 'pragmatica', sans-serif; font-size: 16px; color: #000; line-height: 22px;}
#proyecto-mobile .info .titulo{display: block; margin: 0; font-family: 'poynter-oldstyle-display', sans-serif; font-size: 24px; color: #000; line-height: 30px;}
#proyecto-mobile .info br{line-height: 30px}

#proyecto-mobile .paginado{display: none; width: 100%; height: 40px; font-family: 'pragmatica', sans-serif; font-size: 16px; font-weight: 300; color: #000; line-height: 40px; text-align: center; margin-top: 30px;}
#proyecto-mobile .paginado .btn-prev{position: absolute; width: 47px; height: 22px; top: 9px; left: 0; background-image: url('../im/proyectos-mobile-prev.svg'); background-repeat: no-repeat; background-position: center; cursor: pointer; text-indent: 999px; overflow: hidden;}
#proyecto-mobile .paginado .btn-sig{position: absolute; width: 47px; height: 22px; top: 9px; right: 0; background-image: url('../im/proyectos-mobile-sig.svg'); background-repeat: no-repeat; background-position: center; cursor: pointer; text-indent: 999px; overflow: hidden;}


@media screen and (min-height:500px) and (max-height: 768px){
  .swiper-slide p{font-size: 2.08vh; line-height: 2.6vh;}
  .swiper-slide .titulo{font-size: 4.17vh; line-height: 5.2vh;}
  .swiper-slide br{line-height: 3.7vh}
  .swiper-slide .br-small{line-height: 2.6vh}
}

@media screen and (min-width:1024px) and (max-width: 1279px){
  #main .inner .estudio .contacto-row .col-contacto {
      font-size: 30px;
      line-height: 35px;
  }
}
@media screen and (max-width: 1023px){
  body{padding-bottom: 30px; overflow-x: hidden;}
  #cursor{display: none!important}
  #slider .sonido{display: none}
  #ow{display: none}
  #slider .ow{display: block;}
  #slider .ow{display: none}
  #header{display: none}
  #btn-es{display: none}
  #btn-en{display: none}
  #header-mobile{display: block;}
  #ow-video{display: none;}
  #ow-video-mobile{display: block;}
  #main{display: table; width: 100%; margin: 20px 0 0 0; padding: 0 20px; border: none;}
  #main .inner .row-list .col{display: block; width: 100%; /*padding: 0 85px*/}
  #main .inner .row-list .col2{border: none;}
  #main .inner .row-list .col .proyecto{width: 100%; height: 448px;}
  #main .inner .row-list .col .proyecto-nombre{width: 100%}
  #main .inner .row-list .col .margin-bottom{margin-bottom: 0;}
  #main .inner .row-list .col .proyecto-nombre{display: block;}
  #main .inner .estudio{padding: 0; margin: 65px 0 0 0;}
  #main .inner .estudio .parrafo1{font-size: 26px; line-height: 32px; letter-spacing: 0.5px;}
  #main .inner .estudio .col p{font-size: 16px; line-height: 22px}
  #main .inner .estudio .col1{float: none; width: 100%; padding: 0 0 30px 0; border: 0;}
  #main .inner .estudio .col2{float: none; width: 100%; padding: 40px 0 0 0; border: 0; border-top: 1px solid #1d1d1d;}
  #main .inner .estudio .video-row{margin: 30px 0 30px 0;}
  #main .inner .estudio .video{height: 57vw;}
  #main .inner .estudio .contacto-row .col-contacto{float: none; width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 0.3px;}
  #main .inner .estudio .contacto-row .col-contacto .titulo{font-size: 16px; line-height: 22px; letter-spacing: 0.3px;}
  #main .inner .estudio .contacto-row .col-contacto-2{padding: 0; margin-top: 22px}
  #proyecto-mobile{display: block;}
  .swiper-container{display: none}
  #proyecto_paginado{display: none}
  #proyecto_nombre{display: none}
  #proyecto_prev{display: none}
  #proyecto_sig{display: none}
  #proyecto-mobile .paginado{display: block;}
  .col-no-pic{display: none!important}
  .slide-memoria{font-size: 24px; color: #000; line-height: 30px;}
}