#home {
    position:relative;
    margin:0;
    padding:0;
}

#home > div.title {
    position:absolute;
    top:-560px;
    left:0;
    width:49%;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
    text-align:right;
    padding-right:31px;
    padding-top:42px;
}

#home > div.title > h2 {
    margin:0;
    margin-bottom:12px;
    line-height:0.9em;
    font-size:48px;
    font-weight:300;
}

#home > div.title > p {
    margin:0;
    max-width:270px;
    float:right;
    font-size:12px;
    font-family:Asap, inherit;
    font-weight:300;
    line-height:1.5em;
}

#home > div.photos {
    position:absolute;
    width:17%;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
    border-right:1px solid transparent;
    top:-394px;
    left:17%;
    width:32%;
    height:330px;
}

#home > div.photos > div.items {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}

#home > div.photos > div.items > div.list {
    position:relative;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.3);
    background-color:#000;
}

#home > div.photos > div.items > div.list > a {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    text-decoration:none;
    color:inherit;
    -display:none;
}

#home > div.photos > div.items > div.list > a:first-child {
    display:block;
}

#home > div.photos > div.items > div.list > a > figure {
    background-size:100%;
    background-size:cover;
    background-position:50%;
    height:100%;
}

#home > div.photos > div.items > div.list > a > figure > span.gradient {
    position:absolute;
    z-index:2;
    bottom:0;
    left:0;
    width:100%;
    height:45%;
    background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

#home > div.photos > div.items > div.list > a > figure > img {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:auto;
    height:100%;
    transition:all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    transition-timing-function:cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

#home > div.photos > div.items > div.list > a:hover > figure > img {
    height:120%;
    left:-10%;
    top:-10%;
}

#home > div.photos > div.items > div.list > a > figure > figcaption {
    position:absolute;
    z-index:3;
    bottom:10px;
    left:10px;
}

#home > div.photos > div.items > div.list > a > figure > figcaption > h5 {
    margin:0;
    font-size:16px;
    font-weight:300;
}

#home > div.photos > div.items > div.list > a > figure > figcaption > p {
    margin:0;
    font-size:12px;
    font-family:Asap, inherit;
}

#home > div.photos > div.controls {
    margin-top:5px;
}

#home > div.photos > div.controls > button {
    background:none;
    border:none;
    padding:0;
    margin:0;
    width:8px;
    height:8px;
    background-color:rgba(255,255,255,0.3);
    transition-property:all;
    outline:none;
}

#home > div.photos > div.controls > button:hover,
#home > div.photos > div.controls > button.selected {
    background-color:#a31916;
}

#home > div.photos > div.controls > button.selected {
    pointer-events:none;
}

#home > section.posts {
    padding:13px 0;
    padding-bottom:65px;
}

#home > section.posts > h3 {
    position:relative;
    top:-3px;
    float:left;
    width:15%;
    margin:0;
    margin-right:2%;
    line-height:1.15em;
    font-weight:300;
    font-size:21px;
}

#home > section.posts > h3 a {
    color:inherit;
    text-decoration:none;
}

#home > section.posts > h3 strong {
    font-weight:bold;
}

#home > section.posts > article {
    position:relative;
    float:left;
    width:27%;
    height:310px;
    margin-right:1%;
    background-color:#797979;
}

#home > section.posts > article:last-child {
    margin-right:0;
}

#home > section.posts > article > a {
    display:block;
    color:inherit;
    text-decoration:none;
    overflow:hidden;
}

#home > section.posts > article > a > div.image {
    background-color:#000;
    height:198px;
    background-size:100%;
    background-size:cover;
    background-position:50%;
    /*transition:all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    /*transition-timing-function:cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

#home > section.posts > article > a:hover > div.image {
}

#home > section.posts > article > a > div.image > div.square {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    border:0 solid #A31916;
    transition-property:all;
}

#home > section.posts > article > a:hover > div.image > div.square {
    border:4px solid #A31916;
}

#home > section.posts > article > a > div.text {
    position:relative;
    z-index:1;
    padding:12px 16px 18px 16px;
}

#home > section.posts > article > a > div.text > span {
    display:block;
    margin-bottom:3px;
    font-family:Asap, inherit;
    font-size:12px;
}

#home > section.posts > article > a > div.text > h4 {
    margin:0;
    line-height:1.2em;
    font-size:18px;
    font-weight:300;
}




/* ==========================================================================
   Adaptaciones responsive
   ========================================================================== */

@media (max-width:790px)
{
    
    #home > div.title {
        width:60%;
        padding-top:16px;
        padding-right:20px;
    }

    #home > div.photos {
        top:-414px;
        left:20%;
        width:40%;
        height:290px;
    }
}

@media (max-width:768px)
{
    #home > section.posts > h3 {
        width:22%;
        margin-right:3%;
    }

    #home > section.posts > h3 a {
        color:inherit;
        text-decoration:none;
    }

    #home > section.posts > h3 strong {
        font-weight:bold;
    }

    #home > section.posts > article {
        float:left;
        width:36%;
        margin-right:3%;
    }

    #home > section.posts > article:nth-child(3) {
        margin-right:0;
    }
    
    #home > section.posts > article:nth-child(4) {
        display:none;
    }
}


@media (max-width:660px)
{
    
    #home > div.title {
        position:static;
        width:auto;
        padding:0;
        margin-bottom:22px;
    }
    
    #home > div.title > h2 {
        max-width:none;
    }
    
    #home > div.title > p {
        float:none;
        max-width:none;
    }

    #home > div.photos {
        position:static;
        width:100%;
        height:316px;
        border:none;
        margin-bottom:47px;
    }
    
    #home > section.posts {
        border-top:1px solid rgba(255, 255, 255, 0.4);
        padding-top:15px;
        padding-bottom:10px;
    }
    
    #home > section.posts > h3 {
        position:static;
        float:none;
        width:auto;
        margin-bottom:20px;
    }

    #home > section.posts > h3 > span {
        display:none;
    }

    #home > section.posts > article {
        float:none;
        width:auto;
        height:auto;
        margin-right:0;
        margin-bottom:20px;
    }
    
    #home > section.posts > article:nth-child(4) {
        display:block;
    }
    
    #home > section.posts > article > a {
        padding-top:0;
        padding-left:32%;
    }

    #home > section.posts > article > a > div.image {
        position:absolute;
        top:0;
        left:0;
        width:32%;
        height:100%;
    }

    #home > section.posts > article > a > div.text {
        position:relative;
        z-index:1;
        padding:12px 16px 18px 16px;
    }

    #home > section.posts > article > a > div.text > span {
        display:block;
        margin-bottom:3px;
        font-family:Asap, inherit;
        font-size:12px;
    }

    #home > section.posts > article > a > div.text > h4 {
        margin:0;
        line-height:1.2em;
        font-size:18px;
        font-weight:300;
    }
}
.ourLastPostSoloTexto{
    max-height:166px;width:234px;text-transform:lowercase;font-size:10pt;font-family: Asap,inherit;
}
.ourLastPost{
    max-height:166px;width:234px;text-transform:lowercase;font-size:12pt;font-family: Asap,inherit;
}