/*----------- CSS by BMestudio 2014 -----------*/

/*-----------start GLOBALS-----------*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smooth: antialiased;
    -webkit-text-size-adjust: none;
    /*height: 100%*/
}

body{
    /*font-family: 'din_lightregular';*/
    font-family: Arial;
    font-size: 11px;
    -webkit-animation: reset, fade-in 2s 1 ease;
    -moz-animation: reset, fade-in 2s 1 ease;
    background:#fff;
    color:#7f7f7f;
    outline: none;
    padding-top: 143px;
    line-height: 19px;
}

a{
    color:#7f7f7f;
    text-decoration: none;
    /*transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;*/
}

a:hover, a:focus{
    text-decoration: none;
    color:#000;
}

strong{
    font-weight: 700
}

/*start BXSLIDER*/
.bx-wrapper{
    margin: 0
}
    .bx-wrapper .bx-viewport{
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border: none;
        left: 0;
        background: transparent;
    }
        .bx-wrapper .bx-viewport ul{
            padding: 0;
            list-style: none;
        }
    .bx-wrapper .bx-viewport ul li img{
        width: 100%
    }

    .bx-wrapper .bx-controls-direction a{
        width: 50%;
        height: 93%;
        top: 0;
        margin: 0;
        background: transparent
    }
    .bx-wrapper .bx-controls-direction a.bx-next{
        right: 0;
        background-position: right 0
    }
    .bx-wrapper .bx-controls-direction a.bx-prev{
        left: 0
    }

    .bx-wrapper .bx-caption{
        position: relative;
        background: repeat;
        color: #000;
        padding: 0;
        margin-top: 15px;
    }
        .bx-wrapper .bx-caption span{
            color: #000;
            padding: 0;
            font-size: 11px;
            /*font-family: 'din_lightregular';*/
            font-family: Arial;
        }
/*end BXSLIDER*/

/*start EDITOR*/
.editor.column{
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
}
    .editor p{
        margin-bottom: 19px;
    }
    .editor ul{
        padding: 0;
        list-style: none;
    }
        .editor ul li{
            margin-bottom: 20px
        }
/*end EDITOR*/

/*start FONTS*/
@font-face {
    font-family: 'dinregular';
    src: url('../../fonts/project/din-webfont.eot');
    src: url('../../fonts/project/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/project/din-webfont.woff') format('woff'),
         url('../../fonts/project/din-webfont.ttf') format('truetype'),
         url('../../fonts/project/din-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinbold';
    src: url('../../fonts/project/din_bold-webfont.eot');
    src: url('../../fonts/project/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/project/din_bold-webfont.woff') format('woff'),
         url('../../fonts/project/din_bold-webfont.ttf') format('truetype'),
         url('../../fonts/project/din_bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_lightregular';
    src: url('../../fonts/project/din_light-webfont.eot');
    src: url('../../fonts/project/din_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/project/din_light-webfont.woff') format('woff'),
         url('../../fonts/project/din_light-webfont.ttf') format('truetype'),
         url('../../fonts/project/din_light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.regular{
    font-family: 'dinregular';
}

.bold{
    font-family: 'dinbold';
}
/*end FONTS*/

/*start THUMBNAIL*/
.thumbnail{
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin-bottom: 30px;
    padding: 0
}
    .thumbnail img{
        width: 100%;
       /* transition:All 0.5s ease;
        -webkit-transition:All 0.5s ease;
        -moz-transition:All 0.5s ease;
        -o-transition:All 0.5s ease;*/
    }
    .thumbnail img:hover{
        opacity: 0.8
    }
    .thumbnail .caption{
        color: #7f7f7f;
        font-size: 11.5px;
        padding: 12px 0 0 0
    }
        .thumbnail .caption h5{
            margin: 0;
            font-size: 11px
        }
/*end THUMBNAIL*/
/*-----------end GLOBALS-----------*/


/*-----------start LAYOUT-----------*/
/*start HEADER*/

header{
    background: transparent;
    padding: 32px 0 69px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    font-size: 12px;
}
    .navbar-collapse{
        padding: 0;
        margin: 0;
        width: 100%;
        border: none;
    }
    header .navbar-toggle {
        background: transparent;
        color: #7f7f7f;
        margin: 0;
        font-size: 2.7em;
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        margin: 20px 0;
        display: none;
        clear: both;
    }
    header .navbar-toggle span{
        display: block;
        width: 23px;
        height: 13px;
        background: url(../../img/project/nav.png) no-repeat 0 0 transparent
    }
    header nav{
        width: 100%;
        overflow: hidden;
    }
        header ul{
            padding: 0;
            list-style: none;
            overflow: hidden;
            margin: 0;
        }
            header ul li{
                float: left;
                margin-left: 85px;
            }
            header ul li:first-child{
                margin-left: 0
            }
                header a:hover,
                header a.active{
                    color: #000
                }

        header nav ul#lang li.instagram-icon{
            font-size: 1.5em;
        }
        header nav ul#lang li.instagram-icon.hidden-xs{
            font-size: 1.5em;
            margin-right: 30px;
        }
        header nav ul#lang li.instagram-icon.visible-xs{
            margin-top: 20px;
            clear: left;
        }

    header .navbar-toggle:hover{
        color: #000;
        text-decoration: none;
    }

    header #lang{
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }
        header ul#lang li{
            margin: 0
        }

        header ul#lang li a{
            color: #7f7f7f;
        }
            header ul#lang li a:hover{
                color: #000;
            }
/*end HEADER*/

/*start FOOTER*/
footer{
    padding: 15px 0;
    color: #000;
    margin-top: 40px;
    overflow: hidden;
    border-top: 1px solid #000
}
/*end FOOTER*/

/*start ASIDE*/
aside ul{
    padding: 0;
    list-style: none;
}
    /*aside ul li{
        margin-bottom: 15px;
    }*/
        aside ul li a:hover,
        aside ul li a.active{
            color: #000
        }
/*end ASIDE*/

/*start CONTAINER*/
/*section{
    padding: 80px 0
}*/
.container{
    padding-bottom: 32px;
}
/*end CONTAINER*/
/*-----------end LAYOUT-----------*/

/*-----------start HOME-----------*/
#home{
    padding: 0
}
    #home #slider{
        padding-bottom: 25px
    }
        #home #slider img{
            width: 100%;
            margin-bottom: 15px;
        }
/*-----------end HOME-----------*/

/*-----------start STUDIO-----------*/
/*start TEAM*/
#studio.equipo #team-list{
    color: #000
}
#studio.equipo .editor p{
    margin-bottom: 48px
}
    #studio.equipo .editor p:nth-child(1){
        color: #000
    }
/*end TEAM*/

/*start AWARDS*/
#studio.distinciones h4,
#studio.exposiciones-detalle h4,
#studio.publicaciones h4,
#studio.conferencias h4{
    margin: 0;
    font-size: 11px;
    line-height: 19px;
}
/*#studio.publicaciones h4{
    text-transform: uppercase;
}*/
/*end AWARDS*/

/*start EXPO*/
#studio.exposiciones-detalle .img{
    margin-bottom: 45px;
}
    #studio.exposiciones-detalle .img img{
        width: 100%
    }
#studio.exposiciones-detalle h4{
    color: #000;
    margin-bottom: 22px
}
/*end EXO*/
/*-----------end STUDIO-----------*/

/*-----------start CONTACT-----------*/
#contact .container{
    position: relative;
    height: 100%
}
    #contact #dev{
        position: absolute;
        left:10px;
        bottom: 26px;
    }
        #contact #dev a:hover{
            text-decoration: none;
            color: #000;
        }
#gmap{
    height: 494px;
    width: 753px;
}
/*-----------end CONTACT-----------*/

/*-----------start WORKS-----------*/
#works #wrap-slider{
    margin-bottom: 88px
}

#works #number{
    color: #000;
    margin-top: -20px
}

#works .editor h4{
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
    line-height: 19px;
}
#works .editor .col-md-6 > div{
    margin-bottom: 19px
}
#works .editor ul{
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
}
    #works .editor ul li{
        margin-bottom: 0
    }

#works .video{
    margin-top: 36px
}
/*-----------end WORKS-----------*/

/*-----------start MEDIA QUERIES-----------*/
/*start IPHONE VERTICAL*/
@media (min-width: 240px) and (max-width: 479px) {
    /*start GLOBAL*/
     body{
        padding: 0
    }

    .editor.column{
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
    }
    /*end GLOBAL*/

    /*start LAYOUT*/
    header{
        position: relative;
        padding: 22px 0 16px
    }
        header nav{
            float: none!important;
            width: 100%
        }
            header ul{
                margin-bottom: 0
            }
                header ul li{
                    float: none;
                    margin: 0 0 3px 0;
                }
        header #lang{
            float: none!important;
            clear: both;
            width: 100%;
            display: inline-block;
        }

        header ul#lang li{
            float: left!important;
            margin: 0;
        }
        /*header ul#lang li:first-child{
            margin-right: 10px;
        }*/

    header .navbar-toggle{
        display: block;
    }

    aside{
        margin-bottom: 40px
    }

    section{
        padding: 0
    }
    /*end LAYOUT*/

    /*start HOME*/
    #home #slider img{
        margin-bottom: 15px
    }
    #home #legal{
        float: left !important;
        margin-top: 20px
    }
    /*end HOME*/

    /*start CONTACT*/
    #contact #dev{
        left:10px;
        bottom: -30px
    }
    /*end CONTACT*/
    #works .video{
        margin-bottom: 30px;
        display: block;
    }
}
/*end IPHONE VERTICAL*/

/*start IPHONE HORIZONTAL*/
 @media (min-width: 480px) and (max-width: 767px) {
     /*start GLOBAL*/
     body{
        padding: 0
    }

    .editor.column{
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
    }
    /*end GLOBAL*/

    /*start LAYOUT*/
    header{
        position: relative;
        padding: 18px 0 26px
    }
        header nav{
            float: none!important;
            width: 100%
        }
            header ul{
                margin-bottom: 0
            }
                header ul li{
                    float: none;
                    margin: 0 0 10px 0;
                }
        header #lang{
            float: none!important;
            clear: both;
            width: 100%;
            display: inline-block;
        }
        header ul#lang li{
            float: left!important;
            margin: 0;
        }
        /*header ul#lang li:first-child{
            margin-right: 10px;
        }*/
    header .navbar-toggle{
        display: block;
    }

    aside{
        margin-bottom: 40px
    }

    section{
        padding: 0
    }
    /*end LAYOUT*/

    /*start HOME*/
    #home #slider img{
        margin-bottom: 15px
    }
    #home #legal{
        float: left !important;
        margin-top: 20px
    }
    /*end HOME*/

    /*start CONTACT*/
    #contact #dev{
        left:10px;
        bottom: -30px
    }
    /*end CONTACT*/
    #works .video{
        margin-bottom: 30px;
        display: block;
    }
 }
 /*end IPHONE HORIZONTAL*/

 /*start IPAD HORIZONTAL*/
@media (min-width: 768px) and (max-width: 979px){
    /*start LAYOUT*/
    header ul li{
        margin-left: 35px
    }
    /*end LAYOUT*/

    /*start CONTACT*/
    #gmap{
        height: 350px;
    }
    /*end CONTACT*/
}

/*start BIG SCREEN*/
@media (min-width: 1200px){

}
/*end BIG SCREEN*/
/*-----------end MEDIA QUERIES-----------*/