body {
    font:normal 100%/1.5 'Lekton', sans-serif;
    color:#000;
}

* { box-sizing: border-box; }
b { font-weight: bold; }
.audible { position: absolute; top:-9999px; left: -9999px; }

#wrapper {
    width:100%;
    padding:0 30px;
    margin:0 auto;
    /*max-width: 1600px;*/
}

/*section { padding-top:60px; }*/

.gallery-loading, .gallery-opened { overflow: hidden; }

/* Header */

header { position:relative; }

header:before {
    content:"";
    display:block;
    box-sizing: border-box;
    background: url(../img/foto-banner.jpg) no-repeat right top;
    background-size: cover;
    position: absolute;
    top: 10px;
    bottom: 6em;
    left:100px;
    right:60px;
}

/*.menu h1 b , .menu p b{ margin:0 -0.375em; }*/

.menu {
    line-height: normal;
    width:100%;
    position: relative;;
    bottom:0;
    z-index: 6;
    background-color: white;
    position: absolute;
    padding:2em 0 2.25em;
}

.menu h1, .menu .h1 a {
    display: block;
    float: left;
    /*text-transform: uppercase;
    font-family: 'Lekton', sans-serif;
    font-size: 1em;*/
    width:240px;
    height:13px;
    background: url(../img/estudio_recondo.png) no-repeat 0 center;
    background-size: contain;
    text-indent: -9999px;
    margin-top: 0.5em;
}
/*
.menu h1 b, .menu .h1 b {
    display: inline-block;
    margin:0 -5px;
}
*/
.menu ul { float: right; }

.menu ul li {
    float: left;
    margin: 0px 10px;
}

.menu ul li a { 
    font-family: 'Lekton', sans-serif;
    font-weight: 700;
    font-size: 0.75em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #666;
    padding:0 5px; 
    transition: background 200ms ease-in-out;
    text-decoration: none;
}

.proyectos .menu ul li:nth-child(1) a,
.publicaciones .menu ul li:nth-child(2) a,
.obras .menu ul li:nth-child(3) a,
.estudio .menu ul li:nth-child(4) a,
.contacto .menu ul li:nth-child(5) a,
.menu ul li a:hover { color:#000; background-color: #33ffcb; }

/* Header fixed */

.header-fixed .menu,
.gallery-opened .menu {
    height: auto;
    position: fixed;
    top:0;
    left:0;
    bottom:auto;
    animation-name: move-down;
    animation-duration: 0.75s;
    margin: 0;
    padding: 1.25em 30px 1em;
    border-bottom: 1px solid #eee;
}

.header-fixed .banner,
.gallery-opened .banner {
    margin-bottom: 110px;
}

@keyframes move-down {
    0% {top:-120px; opacity: 1;}
    10% {top:-120px; opacity: 1;}
    100% {top:0px; opacity: 1;}
}


/* Proyectos */

#proyectos {
    padding-left:7.2%;
    padding-right:4.7%;
    position: relative;
    height:100%;
    height: auto !important;
    /*padding-top: 100px;*/
}

#proyectos ul {
    overflow: hidden;
    height:100%;
    max-width:100%;
    min-width:60%;
    /*transition: width 200ms ease-in-out;*/
}

#proyectos li {
    position: relative;
    float:left;
}

#proyectos li a,
#proyectos li a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display:block;
}

#proyectos li a:after {
    background-size: cover;
    background-position: center center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter 200ms ease-in-out, -webkit-filter 200ms ease-in-out;
}

#proyectos li:before,
#proyectos li a:after {
    content:"";
    display:block;
}

#proyectos li span {
    color: #000;
    background-color: #33ffcb;
    font-size: 0.6875em;
    font-family: 'Lekton', sans-serif;
    float: left;
    -webkit-filter: grayscale(0%);
    font-weight: 700;
    padding: 2%;
    opacity: 0;
    display:block;
    transition: opacity 200ms ease-in-out;
    z-index: 2;
    position: relative;
}

#proyectos li a:hover:after {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

#proyectos li a:hover span { opacity:1; }

/* Acá se define width */
/*.casa-ltl { width:15.64%; }
.car-one { width:25.73% ; }
.km47 { width:19.84% ; }
.casa-mr { width:17% ; }
.casa-pcd { width:12.47% ; }
.casa-si-ml { width:12.92% ; }
.coronilla { width:21.42% ; }
.casa-b { width:12.13% ; }
.paralelo50 { width:25.85% ; }
.el-casco { width:11.33% ; }
.barbarita { width:17.46% ; }
.bosque-alto { width:22.56% ; }
.residencia-martinez { width:23.01% ; }
.casa-sjv { width:15.87% ; }
*/

/* Mantiene la proporcion de altura: alto / ancho */
/*.casa-ltl:before { padding-top: 66.66%; }
.car-one:before { padding-top: 73.56%; }
.km47:before { padding-top: 60.57%; }
.casa-mr:before { padding-top: 92.66%; }
.casa-pcd:before { padding-top: 126.36%; }
.casa-si-ml:before { padding-top: 143.85%; }
.coronilla:before { padding-top: 53.43%; }
.casa-b:before { padding-top: 149.53%; }
.paralelo50:before { padding-top: 70.17%; }
.el-casco:before { padding-top: 149%; }
.barbarita:before { padding-top: 67.53%; }
.bosque-alto:before { padding-top: 66.83%; }
.residencia-martinez:before { padding-top: 52.7%; }
.casa-sjv:before { padding-top: 67.14%; }
*/

/* margenes superiores proporcionale0s: margin-top / ancho */
/*.casa-ltl:before, .casa-ltl a { margin-top: 54.35%; }
.car-one:before, .car-one a { margin-top: 4.84%; }
.km47:before, .km47 a { margin-top: 28.57%; }
.casa-mr:before, .casa-mr a { margin-top: 0%; }
.casa-pcd:before, .casa-pcd a { margin-top: 45.45%; }
.casa-si-ml:before, .casa-si-ml a { margin-top: 8.77%; }
.coronilla:before, .coronilla a { margin-top: 5.29%; }
.casa-b:before, .casa-b a { margin-top: 9.34%; }
.paralelo50:before, .paralelo50 a { margin-top: 4.38%; }
.el-casco:before, .el-casco a { margin-top: 12%; }
.barbarita:before, .barbarita a { margin-top: 7.79%; }
.bosque-alto:before, .bosque-alto a { margin-top: 14.07%; }
.residencia-martinez:before, .residencia-martinez a { margin-top: 26.1%; }
.casa-sjv:before, .casa-sjv a { margin-top: 8.57%; }
*/

/* margenes izquierdos: margen / ancho de contenedor */ 
/*#proyectos .car-one { margin-left: 2.94%; }
#proyectos .km47 { margin-left: 1.36%; }
#proyectos .casa-mr { margin-left: 4.53%; }
#proyectos .coronilla { margin-left: 12.47%; }
#proyectos .casa-b { margin-left: 5.10%; }
#proyectos .barbarita { margin-left: 0.79%; }
#proyectos .bosque-alto { margin-left: 0.68%; }
#proyectos .residencia-martinez { margin-left: 6.91%; }
*/


/* Orden P: 2 (...) */
.proyecto-1 { width: 18.930956%; }
.proyecto-1:before { padding-top: 66.52312%; }
.proyecto-1:before, .proyecto-1 a { margin-top: 25.019758%; }
#proyectos .proyecto-1 { margin-left: 0.0%; }

/* Orden P: 5 (...) */
.proyecto-2 { width: 19.710468%; }
.proyecto-2:before { padding-top: 73.50436%; }
.proyecto-2:before, .proyecto-2 a { margin-top: 0.84812737%; }
#proyectos .proyecto-2 { margin-left: 2.2271724%; }

/* Orden P: 8 (...) */
.proyecto-3 { width: 29.732737%; }
.proyecto-3:before { padding-top: 60.722107%; }
.proyecto-3:before, .proyecto-3 a { margin-top: 0.5622418%; }
#proyectos .proyecto-3 { margin-left: 2.1158128%; }

/* Orden P: 12 (...) */
.proyecto-4 { width: 12.472164%; }
.proyecto-4:before { padding-top: 125.992294%; }
.proyecto-4:before, .proyecto-4 a { margin-top: 36.189274%; }
#proyectos .proyecto-4 { margin-left: 7.683742%; }

/* Orden P: 0 (...) */
.proyecto-5 { width: 12.917593%; }
.proyecto-5:before { padding-top: 144.07933%; }
.proyecto-5:before, .proyecto-5 a { margin-top: 8.627502%; }
#proyectos .proyecto-5 { margin-left: 0.0%; }

/* Orden P: 4 (...) */
.proyecto-6 { width: 14.699334%; }
.proyecto-6:before { padding-top: 53.830383%; }
.proyecto-6:before, .proyecto-6 a { margin-top: 7.581743%; }
#proyectos .proyecto-6 { margin-left: 0.66815317%; }

/* Orden P: 6 (...) */
.proyecto-7 { width: 26.503345%; }
.proyecto-7:before { padding-top: 50.039513%; }
.proyecto-7:before, .proyecto-7 a { margin-top: 10.092009%; }
#proyectos .proyecto-7 { margin-left: 1.3363004%; }

/* Orden P: 10 (...) */
.proyecto-8 { width: 10.356342%; }
.proyecto-8:before { padding-top: 149.58057%; }
.proyecto-8:before, .proyecto-8 a { margin-top: 11.837323%; }
#proyectos .proyecto-8 { margin-left: 6.124723%; }

/* Orden P: 11 (...) */
.proyecto-9 { width: 25.835186%; }
.proyecto-9:before { padding-top: 70.74554%; }
.proyecto-9:before, .proyecto-9 a { margin-top: 4.313751%; }
#proyectos .proyecto-9 { margin-left: 1.4476657%; }

/* Orden P: 1 (...) */
.proyecto-10 { width: 11.469934%; }
.proyecto-10:before { padding-top: 93.277534%; }
.proyecto-10:before, .proyecto-10 a { margin-top: 68.01487%; }
#proyectos .proyecto-10 { margin-left: 0.0%; }

/* Orden P: 3 (...) */
.proyecto-11 { width: 17.483295%; }
.proyecto-11:before { padding-top: 67.56925%; }
.proyecto-11:before, .proyecto-11 a { margin-top: 7.649369%; }
#proyectos .proyecto-11 { margin-left: 0.6681517%; }

/* Orden P: 7 (...) */
.proyecto-12 { width: 22.494434%; }
.proyecto-12:before { padding-top: 67.37994%; }
.proyecto-12:before, .proyecto-12 a { margin-top: 13.872326%; }
#proyectos .proyecto-12 { margin-left: 0.66815317%; }

/* Orden P: 9 (...) */
.proyecto-13 { width: 25.055683%; }
.proyecto-13:before { padding-top: 53.37547%; }
.proyecto-13:before, .proyecto-13 a { margin-top: 18.681427%; }
#proyectos .proyecto-13 { margin-left: 4.7884107%; }

/* Orden P: 13 (...) */
.proyecto-14 { width: 15.812916%; }
.proyecto-14:before { padding-top: 67.659035%; }
.proyecto-14:before, .proyecto-14 a { margin-top: 8.4574%; }
#proyectos .proyecto-14 { margin-left: 1.4476657%; }


#proyectos .proyecto-5, #proyectos .proyecto-10 { clear:both; }
#proyectos .proyecto-4, #proyectos .proyecto-9, #proyectos .proyecto-14 { float:right; }


.casa-ltl a:after { background-image: url(../img/proyectos/casa_ltl_gca/portada.jpg); }
.car-one a:after { background-image: url(../img/proyectos/car-one/portada.jpg); }
.km47 a:after { background-image: url(../img/proyectos/km47/portada.jpg); }
.casa-mr a:after { background-image: url(../img/proyectos/casa-mrr/portada.jpg); }
.casa-pcd a:after { background-image: url(../img/proyectos/casa-pcd-fac/portada.jpg); }
.casa-si-ml a:after { background-image: url(../img/proyectos/casa-si/portada.jpg); }
.coronilla a:after { background-image: url(../img/proyectos/coronilla/portada.jpg); }
.casa-b a:after { background-image: url(../img/proyectos/casa-bd/portada.jpg); }
.paralelo50 a:after { background-image: url(../img/proyectos/paralelo/portada.jpg); }
.el-casco a:after { background-image: url(../img/proyectos/el-casco/portada.jpg); }
.barbarita a:after { background-image: url(../img/proyectos/barbarita/portada.jpg); }
.bosque-alto a:after { background-image: url(../img/proyectos/bosque-alto/portada.jpg); }
.residencia-martinez a:after { background-image: url(../img/proyectos/martinez/portada.jpg); }
.casa-sjv a:after { background-image: url(../img/proyectos/casa-sjv/portada.jpg); }

#proyectos .gridProyectos {
    margin-top: 5%;
}

#publicaciones {
  /*width:85%;*/
  margin:0 -30px;
}

#publicaciones .item{
    height: 520px !important;
    width: 240px !important;
    background-size: cover;

}

#publicaciones .owl-item{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -webkit-transition: all 1s;
    transition: all 1s;
}

#publicaciones .owl-item.active:hover{
    filter: none;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}


#publicaciones .item > span {
    font-size: 0.875em;
    color: #000;
    padding: 10px 55px 10px 10px;
    background-color: #33ffcb;
    position: relative;
    top: 70%;
    left: 5%;
    display: block;
    width: 50%;
    text-transform: uppercase;
}

#publicaciones .item a {
    text-decoration:none;
    display: block;
    width: 40%;
    position: relative;
    top: 68%;
    padding: 5px 15px;
    background-color: #000;
    text-align: left;
    color: #33ffcb;
    font-family: 'Lekton', sans-serif;
    font-size: 0.75em;
}

.suma31 { background-image: url(../img/publicaciones/summa31.jpg); }

.suma43 { background-image: url(../img/publicaciones/summa43.jpg); }

.suma60 { background-image: url(../img/publicaciones/summa60.jpg); }

.suma84 { background-image: url(../img/publicaciones/summa84.jpg); }

.suma91 { background-image: url(../img/publicaciones/summa91.jpg); }

.suma107 { background-image: url(../img/publicaciones/summa107.jpg); }

#publicaciones .owl-nav .owl-prev {
    background-image: url(../img/arrow.jpg);
    width: 25px;
    height: 38px;
    position: absolute;
    opacity:.8;
    /*top: -298px; !important;*/
    /*left: -40px !important;*/
    margin-top: -19px;
    top:50%;
    left:0;
}

#publicaciones .owl-nav .owl-next {
    background-image: url(../img/arrow.jpg);
    width: 25px;
    height: 38px;
    position: absolute;
    /*right: -40px !important;*/
    /*top: -298px; !important;*/
    margin-top: -19px;
    top:50%;
    right:0;
    opacity:.8;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}
/*
.show {
    display: block!important;
    -webkit-filter: grayscale(1);
    -webkit-transition: all 1s;
    transition: all 1s;
}*/

.hamburguerbutton {
    display: none;
    border:1px solid #666;
    border-right: 0;
    border-left: 0;
    padding:4px 0;
    width: 18px;
    background: none;
    cursor: pointer;
    position: absolute;
    top: 1.5em;
    right:4px;
}

.hamburguerbutton:focus{
    outline: 0;
}

.header-fixed .hamburguerbutton {
    right:20px;
}

.hamburguerbutton span {
    display: block;
    text-indent: -9999px;
    height: 1px;
    width: 18px;
    background-color: #666;
}

.close-carousel {
text-align: center;
    cursor: pointer;
}

.owl-carousel .owl-item img {
    display: block;
    width:auto;
    height: 518px;
}

.owl-item img,
.owl-item video {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -webkit-transition: all 1s;
    transition: all 1s;
}

.owl-item.center img,
.owl-item.center video {
    filter: grayscale(0) !important;
    -webkit-filter: grayscale(0) !important;
}

.project-page #gallery .owl-nav{
    position: relative;
    height:30px;
    margin-top: 15px;
}

#gallery.loading {
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: center 65%;
    background-size: 48px auto;
}

#gallery.loading .owl-item img,
#gallery.loading .owl-item video {
    opacity: 0 !important;
    transition: none;
}

.owl-prev, .owl-next {
    display:block;
    margin:0;
    left: 40%;
    /*float: left;*/
    position: absolute;
}

.owl-next {
    left:auto;
    right:40%;
}

.close-carousel {
    display: block;
    cursor: pointer;
    width:35px;
    height:30px;
    margin:0 auto;
    background: url(../img/cerrar.png) no-repeat 0 0;
    border:0;
    text-indent:-9999px;
}
.close-carousel:focus {
    outline:0;
}

.gallery {
    position:fixed;
    top:0;
    left:0;
    right:0;
    background: #fff;
    height: 100%;
    display: none;
    transition: opacity 300ms ease-in-out;
    padding-top:60px;
    z-index: 2;
}

.gallery-loading .gallery {
    opacity: 0.85;
    display: block;
}

.gallery-opened .gallery {
    opacity: 1;
    display: block;
}

#gallery .video {
    position: relative;
    display: block;
    cursor: pointer;
}

#gallery .video:after {
    content:"";
    display: block;
    background-color:rgba(255,255,255,0);
    transition: background-color 250ms ease-in-out;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    pointer-events: none;
}

#gallery .paused:after {
    background:rgba(255,255,255,.8) url(../img/play.png) no-repeat center center;
}

#gallery li {
    filter:none;
    -webkit-filter:none;
}

@media all and (max-height: 680px) {
    .gallery .owl-nav {
        position: fixed;
        bottom:0;
        left:0;
        background: #fff;
        padding:10px 0;
        width:100%;
        height:auto;
    }
}

/* Obras */

#obras{
    /*width:85%;*/
    margin: 0 -30px;
    /*height:auto !important;*/
}
#obras .item{
    border-left: 1px solid silver;
    padding-left: 20px;
    width:230px;
    /*margin-right: 20px;*/
    padding-top: 20px;
    height:518px;
    overflow: hidden;
}
#obras h3 {
    font-weight: 700;
    font-size: 0.75em;
    margin-top:1em;
}

#obras .item p {
    text-align: left;
    font-size: 0.75em;
}

#obras .item p b {
    display: block;
    font-weight: 400;
    margin-top:1em;
}

#obras .item p a {
    color:#000;
    text-decoration: none;
    transition: background 200ms ease-in-out;
}

#obras .item p a:hover {
    background-color: #33ffcb;
}

#obras .owl-nav .owl-prev
{
    background-image: url(../img/arrow.jpg);
    width: 25px;
    height: 38px;
    position: absolute;
    opacity:.8;
    /*top: -300px; !important;*/
    /*left: -40px !important;*/
    margin-top: -19px;
    top:50%;
    left:0;
}
#obras .owl-nav .owl-next
{
    background-image: url(../img/arrow.jpg);
    width: 25px;
    height: 38px;
    position: absolute;
    /*right: -40px !important;*/
    /*top: -300px; !important;*/
    margin-top: -19px;
    top:50%;
    right:0;
    opacity:.8;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}

/* About */

#estudio{
    margin:0 -30px;
    /*height:auto !important;
    overflow:hidden;*/
}
/*
#estudio::after {
    content: " ";
    display: block;
    background: #33ffca;
    height: 55px;
    width: 100%;
    position: absolute;
    /*top: 446px;*/
  /*  bottom:0;
    opacity: 0.8;    
}



@media all and (min-width: 460px) and (max-width: 610px){
#estudio::after {
    
        top: 390px !important;
}
}*/

.pers-block {
    /*margin-left: 12%;*/
    padding:0 80px;
    position: relative;
    overflow: hidden;
}

.pers-block::after {
    content: " ";
    display: block;
    background: #33ffca;
    /*height: 55px;*/
    height: 8%;
    width: 100%;
    position: absolute;
    /*top: 446px;*/
    bottom:0;
    left:0;
    opacity: 0.8;  
    clear:both;  
}

.line-about{
        background: url(../img/footer.png) 0px 0px;
    background-repeat: repeat-x;
    /* background-color: #33ffca; */
    width: 100%;
    float: left;
    position: relative;
    height: 63px;
    margin-top: -58px;
    opacity: 1;
}
.persona{
    /*width:180px;*/
    width: 16.66%;
    margin:0 auto;
    float:left;
    /*height:500px;*/
}
.persona {
    text-align: center;
}

.person-info {
    position: relative;
}

.person-info div {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 180px;
    margin: 0 auto;
}

.person-info:before {
    content: "";
    display: block;
    padding-top: 160%;
}

.pers-1 .person-info div {
    margin-top:2em;
}

.pers-3 .person-info div, 
.pers-5 .person-info div {
    margin-top:5em;
}
.pers-2 .person-info div, 
.pers-4 .person-info div, 
.pers-6 .person-info div{
    margin-top:0;
}

.persona h3, .persona p {
    font-size:0.875em;
    font-weight: 400;
}

.persona h3 {
    text-decoration: underline;
}
/*.pers-1 h3 {
    margin-top:7em;
}
.pers-3 h3,.pers-5 h3 {
    margin-top:9em;
}
.pers-2 h3,.pers-4 h3,.pers-6 h3{
    margin-top:2em;
}*/
.persona,
.persona,
.persona,
.persona,
.persona,
.persona{
    background-image: url("../img/pers-1.png");
    background-repeat:no-repeat;
    /*background-size: contain;
    background-position-y: 100%;*/
    background-size: 80% auto;
    background-position: bottom center;
}
.pers-2{
    background-image: url("../img/pers-2.png");
}
.pers-3{
    background-image: url("../img/pers-3.png");
}
.pers-4{
    background-image: url("../img/pers-4.png");
}
.pers-5{
    background-image: url("../img/pers-5.png");
}
.pers-6{
    background-image: url("../img/pers-6.png");
}
/*@media (max-width: 435px){
    .persona{
        float:none;
        margin:0 auto;
        height:400px;
    }
    .pers-1 h3,.pers-3 h3,.pers-5 h3{
    margin-top:130px;
}
.pers-2 h3,.pers-4 h3,.pers-6 h3{
    margin-top:130px;
}

#estudio::before {
         top: 1060px !important;       
}

  .pers-block:nth-of-type(2n)::before{
       
    
        top: 1590px !important;   }


        .persona.pers-1::after {

         content: " ";
   display: block;
        background: #33ffca;
        height: 55px;
        width: 220%;
        opacity: 0.8;  
        position: relative;
        top: 202px;
        left: -71%;
}

   .persona.pers-3::after {

         content: " ";
   display: block;
        background: #33ffca;
        height: 55px;
        width: 220%;
        opacity: 0.8;  
        position: relative;
        top: 250px;
        left: -71%;
}

   .persona.pers-4::after {

         content: " ";
   display: block;
        background: #33ffca;
        height: 55px;
        width: 220%;
        opacity: 0.8;  
        position: relative;
        top: 250px;
        left: -71%;
}

   .persona.pers-5::after {

         content: " ";
   display: block;
        background: #33ffca;
        height: 55px;
        width: 220%;
        opacity: 0.8;  
        position: relative;
        top: 250px;
        left: -71%;
}


}*/
/*@media (min-width:610px) and (max-width: 1300px){
    .pers-block{
       
        margin:0 auto;
        width:540px;
    }
}

@media (max-width: 1300px){
  #estudio::before {
    content: " ";
   display: block;
        background: #33ffca;
        height: 55px;
        width: 100%;
        position: relative;
        top: 1000px;
        opacity: 0.8;
       
}
}*/

@media (max-width:610px) {
    .pers-block:nth-of-type(2n)::before {
        content: " ";
        display: block;
        background: #33ffca;
        height: 55px;
        width: 114%;
        opacity: 0.8; 
        position: relative;
        top: 1445px;
        left: -14%;   
    }
}

/* Contacto */

#contacto{
    /*width:100%;*/
    /*min-height:652px !important;*/
    min-height:518px;
    /*position: absolute;
    margin-left: -30px;*/
    position: relative;
    
}

#contacto .map {
    position: absolute;
    top:75px;
    left:0;
    right:0;
    bottom:10px;
    background: url("../img/contacto.jpg") no-repeat top center;
    background-size: cover;
}

.datos-contacto {
    background-color: #000;
    /*width: 245px;*/
    position: absolute;
    text-align: center;
    left: 28%;
    top:20%;
    /*margin-top:-9em;*/
    padding: 1.5em 2.25em;
}

.datos-contacto p {
    color: #33ffcb;
    font-size: 0.875em;
    /*font-family: 'Lekton', sans-serif;
    font-weight: 400;*/
    /*font-size: 12px;
    line-height: 16px;*/
}

.datos-contacto a{
    text-decoration: none;
    color: #33ffcb;
}

.datos-contacto b{
    text-decoration: underline;
    font-weight: 400;
}

.adr {
    margin:1.75em 0;
}

.street-address {
    display: block;
}

footer {
    text-align:right;
    padding-right:10%;
    color: #666;
    font-family: 'Lekton', sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    float: right;
    padding-top: 15px;
    padding-bottom: 15px;
}

footer a {
    color:#666;
    transition: background 200ms ease-in-out;
    text-decoration: none;
}

footer a:hover { color:#000; background-color: #33ffcb; }

footer a {
    color:#666;
    text-decoration: none;
}

.project-page footer {
    text-align: center;
    float:none;
    padding:0 1em;
    margin:2.25em 0 1.75em;
}

/* Resposiveness */


@media all and (orientation:portrait) {

    header:before {
        left:-30px;
        right:-30px;
        top:0;
    }

}


@media all and (max-width: 1099px) {

    /*.pers-block { padding:0 30px; }

    .person-info:before {
        padding-top: 180%;
    }

}


@media all and (max-width: 899px) {*/

    #proyectos { padding-left: 20px; padding-right: 20px;  }
    #proyectos li span { opacity: 1; }

    .pers-block { padding:0 80px; }

    .pers-block::after { display: none }

    .person-info:before {
        padding-top: 120%;
    }

    .pers-1 .person-info div {
        margin-top: 0;
    }

    .pers-3 .person-info div, .pers-5 .person-info div {
        margin-top: 1.5em;
    }

    .persona { width: 33.33%; margin-bottom:50px; background-size: 65% auto; }
    .persona:nth-child(4) { clear:both; }
    .persona:nth-child(1):after, .persona:nth-child(4):after { 
        content: " ";
        display: block;
        background: #33ffca;
        /*height: 55px;*/
        height: 5%;
        width: 100%;
        position: absolute;
        /*top: 446px;*/
        bottom:0;
        left:0;
        opacity: 0.8;  
        clear:both;  
        margin-bottom: 50px;
    }

    .persona:nth-child(4):after { 
        bottom:50%;
    }

    footer {
        float:none;
        text-align: center;
        padding-right: 0;
    }

}

@media all and (max-width: 799px) {
    
    #wrapper { padding: 0 16px; }

    #gallery { padding:0 12px; }

    #publicaciones, #obras{ margin: 0 -16px; }

    .header-fixed .menu, 
    .gallery-opened .menu { 
        padding-left:16px; 
        padding-right:16px; 
    }

    header:before {
        top:0;
        left: -16px;
        right: -16px;
        bottom:5em;
    }
    
    .menu { padding:1.5em 0 1.75em; }

    .menu ul li { margin:0 6px;  }


    #contacto{
        margin:0 -16px;
    }

    #estudio {
        margin:0 -16px;
    }
}

@media all and (max-width: 719px) and (orientation: portrait) {
    /* Orden P: 2 (...) */
    .proyecto-1 { width: 25.835869%; }
    .proyecto-1:before { padding-top: 66.46372%; }
    .proyecto-1:before, .proyecto-1 a { margin-top: 24.409243%; }
    #proyectos .proyecto-1 { margin-left: 0.0%; }

    /* Orden P: 6 (...) */
    .proyecto-2 { width: 26.899689%; }
    .proyecto-2:before { padding-top: 73.43877%; }
    .proyecto-2:before, .proyecto-2 a { margin-top: 0.28245682%; }
    #proyectos .proyecto-2 { margin-left: 3.191489%; }

    /* Orden P: 10 (...) */
    .proyecto-3 { width: 40.577507%; }
    .proyecto-3:before { padding-top: 60.667904%; }
    .proyecto-3:before, .proyecto-3 a { margin-top: 0.1872466%; }
    #proyectos .proyecto-3 { margin-left: 2.887547%; }

    /* Orden P: 0 (...) */
    .proyecto-4 { width: 17.021276%; }
    .proyecto-4:before { padding-top: 125.879875%; }
    .proyecto-4:before, .proyecto-4 a { margin-top: 24.997408%; }
    #proyectos .proyecto-4 { margin-left: 0.0%; }

    /* Orden P: 5 (...) */
    .proyecto-5 { width: 17.629179%; }
    .proyecto-5:before { padding-top: 143.95068%; }
    .proyecto-5:before, .proyecto-5 a { margin-top: 24.13543%; }
    #proyectos .proyecto-5 { margin-left: 5.6230993%; }

    /* Orden P: 7 (...) */
    .proyecto-6 { width: 20.06079%; }
    .proyecto-6:before { padding-top: 53.782345%; }
    .proyecto-6:before, .proyecto-6 a { margin-top: 21.209923%; }
    #proyectos .proyecto-6 { margin-left: 0.9118557%; }

    /* Orden P: 11 (...) */
    .proyecto-7 { width: 36.170208%; }
    .proyecto-7:before { padding-top: 49.994843%; }
    .proyecto-7:before, .proyecto-7 a { margin-top: 17.64524%; }
    #proyectos .proyecto-7 { margin-left: 2.2796392%; }

    /* Orden P: 1 (...) */
    .proyecto-8 { width: 14.133739%; }
    .proyecto-8:before { padding-top: 149.44695%; }
    .proyecto-8:before, .proyecto-8 a { margin-top: 26.878944%; }
    #proyectos .proyecto-8 { margin-left: 0.0%; }

    /* Orden P: 4 (...) */
    .proyecto-9 { width: 35.258354%; }
    .proyecto-9:before { padding-top: 70.68237%; }
    .proyecto-9:before, .proyecto-9 a { margin-top: 10.343755%; }
    #proyectos .proyecto-9 { margin-left: 1.8237084%; }

    /* Orden P: 9 (...) */
    .proyecto-10 { width: 15.653491%; }
    .proyecto-10:before { padding-top: 93.19428%; }
    .proyecto-10:before, .proyecto-10 a { margin-top: 39.80172%; }
    #proyectos .proyecto-10 { margin-left: 7.7507615%; }

    /* Orden P: 12 (...) */
    .proyecto-11 { width: 23.86018%; }
    .proyecto-11:before { padding-top: 67.50897%; }
    .proyecto-11:before, .proyecto-11 a { margin-top: -10.826911%; }
    #proyectos .proyecto-11 { margin-left: 0.9118557%; }

    /* Orden P: 3 (...) */
    .proyecto-12 { width: 30.699085%; }
    .proyecto-12:before { padding-top: 67.3198%; }
    .proyecto-12:before, .proyecto-12 a { margin-top: 11.879957%; }
    #proyectos .proyecto-12 { margin-left: 0.0%; }

    /* Orden P: 8 (...) */
    .proyecto-13 { width: 34.194534%; }
    .proyecto-13:before { padding-top: 53.327816%; }
    .proyecto-13:before, .proyecto-13 a { margin-top: 17.77595%; }
    #proyectos .proyecto-13 { margin-left: 10.486322%; }

    /* Orden P: 13 (...) */
    .proyecto-14 { width: 21.580542%; }
    .proyecto-14:before { padding-top: 67.59868%; }
    .proyecto-14:before, .proyecto-14 a { margin-top: 5.6332207%; }
    #proyectos .proyecto-14 { margin-left: 2.1276593%; }
    
    #proyectos .proyecto-5, #proyectos .proyecto-10 { clear:none; }
    #proyectos .proyecto-4, #proyectos .proyecto-9 { float:left; }
    
    #proyectos .proyecto-4, #proyectos .proyecto-8, #proyectos .proyecto-12 { clear:both; }
    #proyectos .proyecto-3, #proyectos .proyecto-7, #proyectos .proyecto-11 { float:right; }

}

@media all and (max-width: 719px) {

    /*#proyectos .casa-si-ml, #proyectos .el-casco { clear:none; }
    #proyectos .casa-mr, #proyectos .coronilla, #proyectos .el-casco, #proyectos .bosque-alto { clear:both; }
    #proyectos .km47, #proyectos .casa-si-ml, #proyectos .paralelo50, #proyectos .barbarita { float:right; }
    #proyectos .casa-pcd, #proyectos .el-casco { float:left; }*/

    #proyectos li span {
        font-size: 0.625em;
        padding:0.25em 2%;
        line-height: 1.125;
    }

    /* Acá se define width */
    /*.casa-ltl { width:24%; }
    .car-one { width:39.04% ; }
    .km47 { width:30.28% ; }
    .casa-mr { width:26.09% ; }
    .casa-pcd { width:18.85% ; }
    .casa-si-ml { width:20% ; }
    .coronilla { width:32.76% ; }
    .casa-b { width:18.47% ; }
    .paralelo50 { width:39.23% ; }
    .el-casco { width:17.52% ; }
    .barbarita { width:26.66% ; }
    .bosque-alto { width:34.47% ; }
    .residencia-martinez { width:34.85% ; }
    .casa-sjv { width:24% ; }*/

    /* margenes superiores proporcionale0s: margin-top / ancho */
    /*.casa-mr:before, .casa-mr a { margin-top: 19.7%; }
    .casa-pcd:before, .casa-pcd a { margin-top: 62.62%; }
    .casa-si-ml:before, .casa-si-ml a { margin-top: 10.47%; }
    .coronilla:before, .coronilla a { margin-top: -8.72%; }
    .casa-b:before, .casa-b a { margin-top: 54.63%; }
    .paralelo50:before, .paralelo50 a { margin-top: 10.62%; }
    .el-casco:before, .el-casco a { margin-top: -41.75%; }
    .barbarita:before, .barbarita a { margin-top: 2.14%; }
    .bosque-alto:before, .bosque-alto a { margin-top: 20.99%; }
    .residencia-martinez:before, .residencia-martinez a { margin-top: 33.33%; }
    .casa-sjv:before, .casa-sjv a { margin-top: 19.04%; }*/

    /* margenes izquierdos: margen / ancho de contenedor */ 
    /*#proyectos .car-one { margin-left: 4.57%; }
    #proyectos .km47 { margin-left:0; }
    #proyectos .casa-mr { margin-left: 0; }
    #proyectos .casa-pcd { margin-left: 22.8%; }
    #proyectos .coronilla { margin-left: 0; }
    #proyectos .casa-b { margin-left: 2.47%; }
    #proyectos .el-casco { margin-left: 12.76%; }
    #proyectos .barbarita { margin-left: 0%; margin-right: 16.57%; }
    #proyectos .bosque-alto { margin-left: 0; }
    #proyectos .residencia-martinez { margin-left: 4.38%; }*/

    .owl-prev { left:30%; }
    .owl-next { right:30%; }

    header:before {
        bottom:7.75em;
    }

    .menu {
        padding-bottom: 1.5em;
    }

    

    .menu h1, .menu .h1 a {
        float: none;
    }

    .menu ul {
        /*position: absolute;*/
        position: relative;
        background: #fff;
        /*right: 0;*/
        /*width: 100%;*/
        /*top: 60px;*/
        /*display: none;*/
        /*-webkit-filter: grayscale(1);
        -webkit-transition: all 1s;
        transition: all 1s;*/
        margin:0.75em -6px 0;
        padding-top:0.5em;
        float:none;
        border-top: 1px solid #eee;
    }

    .menu ul li{
        /*clear: both;
        padding-bottom: 16px;
        width: 100%;
        padding-right: 55px;*/
        display: inline-block;
        float: none;
    }
    .menu ul a
    {
        /*float: right;*/
    }
    
    /*.show li{
        clear: both;
        -webkit-filter: grayscale(1);
    -webkit-transition: all 1s;
    transition: all 1s;
    }*/

    .pers-block { padding:0 5%; }

    /*.pers-1 .person-info div {
        margin-top:2em;
    }*/

}

@media all and (max-height: 399px) {
    
    #proyectos li time {
        position:absolute;
        top:-9999px;
        left:-9999px;
    }
    
}

@media all and (max-width: 499px) {
    
    #proyectos li time {
        position:absolute;
        top:-9999px;
        left:-9999px;
    }

    #proyectos { padding-left: 0; padding-right: 0; }

    /*#proyectos .casa-mr, #proyectos .coronilla, #proyectos .el-casco, #proyectos .bosque-alto { clear:none; }*/

    #proyectos li span {
        font-size: 0.5625em;
        padding:0.125em 2%;
        line-height: 1.25;
    }

    /*#proyectos .casa-ltl,
    #proyectos .km47,
    #proyectos .casa-pcd,
    #proyectos .coronilla,
    #proyectos .paralelo50,
    #proyectos .barbarita,
    #proyectos .residencia-martinez { float:left; clear:both; }

    #proyectos .car-one,
    #proyectos .casa-mr,
    #proyectos .casa-si-ml,
    #proyectos .casa-b,
    #proyectos .el-casco,
    #proyectos .bosque-alto,
    #proyectos .casa-sjv { float:right; }*/

    /* Acá se define width */
    /*.casa-ltl { width:35.31%; }
    .car-one { width:57.9% ; }
    .km47 { width:44.91% ; }
    .casa-mr { width:38.41% ; }
    .casa-pcd { width:27.96% ; }
    .casa-si-ml { width:29.66% ; }
    .coronilla { width:48.58% ; }
    .casa-b { width:27.4% ; }
    .paralelo50 { width:58.47% ; }
    .el-casco { width:25.7% ; }
    .barbarita { width:39.54% ; }
    .bosque-alto { width:51.12% ; }
    .residencia-martinez { width:51.69% ; }
    .casa-sjv { width:35.59% ; }*/

    /* margenes superiores proporcionale0s: margin-top / ancho */
    /*.km47:before, .km47 a { margin-top: 10.06%; }
    .casa-mr:before, .casa-mr a { margin-top: 11.76%; }
    .casa-pcd:before, .casa-pcd a { margin-top: -18.18%; }
    .casa-si-ml:before, .casa-si-ml a { margin-top: 14.28%; }
    .coronilla:before, .coronilla a { margin-top: -21.51%; }
    .casa-b:before, .casa-b a { margin-top: 9.27%; }
    .paralelo50:before, .paralelo50 a { margin-top: -35.26%; }
    .el-casco:before, .el-casco a { margin-top: 21.97%; }
    .barbarita:before, .barbarita a { margin-top: -29.28%; }
    .bosque-alto:before, .bosque-alto a { margin-top: 6.07%; }
    .residencia-martinez:before, .residencia-martinez a { margin-top: 16.93%; }
    .casa-sjv:before, .casa-sjv a { margin-top: 34.12%; }*/

    /* margenes izquierdos: margen / ancho de contenedor */ 
    /*#proyectos .car-one { margin-left: 0%; }
    #proyectos .km47 { margin-left:3.38%; }
    #proyectos .casa-mr { margin-left:0; margin-right:5.36%; }
    #proyectos .casa-pcd { margin-left: 22.8%; }
    #proyectos .casa-si-ml { margin-right: 14.4%; }
    #proyectos .coronilla { margin-left: 0; }
    #proyectos .casa-b { margin-left: 2.47%; }
    #proyectos .el-casco { margin-left: 0; margin-right: 13.55%; }
    #proyectos .barbarita { margin-left: 6.77%; margin-right: 0; }
    #proyectos .bosque-alto { margin-left: 0; }
    #proyectos .residencia-martinez { margin-left: 0; }*/

    .owl-prev { left: 20%; }
    .owl-next { right:20%; }

    header:before {
        bottom:4.6875em;
    }

    .menu ul { 
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 400ms;
        pointer-events: none;
        background-color: rgba(0,0,0,.85);
        margin:0;
        padding-top:20%;
        border:0;
    }

    .menu ul li { 
        display: block;
        font-size: 1.5em;
        margin-bottom: 0.5em;
        text-align: center;
    }

    .menu ul li a {
        color: #33ffcb;
    }

    /*.menu .hamburguerbutton { 
        position:absolute;
        top:20px;
        right:20px;
    }*/

    .menu h1, .menu .h1 a { 
        margin:0;
        max-width: 82%;
    }

    .menu ul.show { 
        opacity: 1;
        pointer-events: auto;
        animation: active 500ms;
    }

    .hamburguerbutton{
        display: block;
    }

    .person-info:before {
        padding-top: 120%;
    }

    .persona { width: 50%; }
    .persona:nth-child(4) { clear:none; }
    .persona:nth-child(3), .persona:nth-child(5) { clear:both; }
    .persona:nth-child(5):after { 
        content: " ";
        display: block;
        background: #33ffca;
        /*height: 55px;*/
        height: 3%;
        width: 100%;
        position: absolute;
        /*top: 446px;*/
        bottom:66.66%;
        left:0;
        opacity: 0.8;  
        clear:both;  
        margin-bottom: 50px;
    }
    .persona:nth-child(1):after, .persona:nth-child(4):after { 
        height: 3%;
    }

    .persona:nth-child(4):after { 
        bottom:33.33%;
    }

    .datos-contacto {
        left:0;
        right:0;
        margin:0 auto;
        width:300px;
        max-width: 90%;
    }

}

@media all and (max-width: 349px) {
    
    .pers-block { 
        padding:0 60px; 
        margin-bottom: 50px;
    }

    .person-info:before {
        padding-top: 120%;
    }

    .persona { 
        width: auto; 
        float: none;
        position: relative;
        margin-bottom: 30px;
        /*margin-left: -30px;*/
    }

    .persona:nth-child(even) { 
        margin-left:auto;
        /*margin-right: -30px;*/
    }

    .persona .person-info div {
        margin-top:1em;
    }

    .pers-1 .person-info div {
        margin-top:0;
    }

    .pers-block .persona:after { 
        content: " ";
        display: block;
        background: #33ffca;
        /*height: 55px;*/
        height: 10%;
        width: auto;
        position: absolute;
        /*top: 446px;*/
        bottom:0;
        left:-80px;
        right:-80px;
        opacity: 0.8;  
        clear:both;  
        margin-bottom: 0;
    }



}