/* Fonts */

@font-face {
    font-family: 'Canaro-Bold';
    src: url('/_fonts/2BF389_0_0.eot');
    src: url('/_fonts/2BF389_0_0.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/2BF389_0_0.woff') format('woff'),
         url('/_fonts/2BF389_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'museo_slab500';
    src: url('/_fonts/museo_slab_500-webfont.eot');
    src: url('/_fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
    url('/_fonts/museo_slab_500-webfont.woff2') format('woff2'),
    url('/_fonts/museo_slab_500-webfont.woff') format('woff'),
    url('/_fonts/museo_slab_500-webfont.ttf') format('truetype'),
    url('/_fonts/museo_slab_500-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* General */

body {
    background: #70cac8;
    color: #222222;
    font-family: 'Source Sans Pro', sans-serif;
}

.wrapper {
    height: 100% !important;
    margin: 0 auto;
    overflow: hidden;
}

#menu-button {
    display: block;
    width: 60px;
    height: 60px;
    background: #222 url("img/menu.png") no-repeat center center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    text-indent: -99999px;
    outline: none;
}

#menu-button.selected-white {
    background: transparent url("img/menu_white.png") no-repeat center center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    #menu-button {
        background: #222 url("img/menu@2x.png") no-repeat center center;
        background-size: 60px 60px;
    }

    #menu-button.selected-white {
        background: transparent url("img/menu_white@2x.png") no-repeat center center;
        background-size: 60px 60px;
    }
}

.social {
    position: fixed;
    top: 24px;
    right: 35px;
    z-index: 99;
    margin: 0;
    padding: 0;
}

.social li {
    float: left;
    list-style: none;
    margin: 0 0 0 15px;
}

.social li a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
    outline: none;
    background: url("img/social.png") no-repeat;
}

.social.selected-white li a {
    background: url("img/social_white.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .social li a {
        background: url("img/social@2x.png") no-repeat;
        background-size: 30px 90px;
    }

    .social.selected-white li a {
        background: url("img/social_white@2x.png") no-repeat;
        background-size: 30px 90px;
    }
}

.social li a.facebook {

}

.social li a.twitter {
    background-position: 0 -30px;
}

.social li a.instagram {
    background-position: 0 -60px;
}

section.white {
    background: #fff;
}

section.grey {
    background: #ededed;
}

.page_container {
    margin: 0 auto;
    max-width: 940px;
    position: relative;
    top: 16%;
    z-index: 3;
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 210px;
    padding: 30px;
    bottom: 0;
    z-index: 999;
    display: none;
    border-right: 1px solid #aaa;
}

.menu ul {
    margin: 100px 0 0 0;
    padding: 0;
    border-bottom: 1px solid #aaa;
}

.menu ul li {
    margin: 0 0 30px 0;
    list-style: none;
}

.menu ul li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #222;
}

.menu ul li a:hover {
    color: #70cac8;
}

#menu-close {

    position: absolute;
    right: 30px;
    top: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    #menu-close {
        background: url("img/close@2x.png") no-repeat right center;
        background-size: 17px 17px;
    }
}

.menu .address {
    background: url("img/logo-black-new.png") no-repeat left 30px;
    padding: 110px 0 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .menu .address {
        background: url("img/logo-black-new@2x.png") no-repeat left 30px;
        background-size: 97px 70px;
    }
}

.menu .address p {
    font-size: 13px;
    line-height: 140%;
}

#languages {
    position: fixed;
    z-index: 99;
    top: 20px;
    left: 80px;
    background: url("img/languages.png") center center no-repeat;
    padding: 0;
    margin: 0;
}

#languages.selected-white {
    background: url("img/languages_white.png") center center no-repeat;
}

.subscribe-page #languages.selected-white {
    background: url("img/languages.png") center center no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    #languages {
        background: url("img/languages@2x.png") center center no-repeat;
        background-size: 120px 24px;
    }

    #languages.selected-white {
        background: url("img/languages_white@2x.png") center center no-repeat;
        background-size: 120px 24px;
    }
}


#languages li {
    float: left;
    list-style: none;
    text-transform: uppercase;
    margin: 0 26px;
}

#languages li a {
    text-decoration: none;
    text-indent: -9999px;
    outline: none;
    display: block;
    width: 36px;
    height: 26px;
}

#home-wall .page_container {
    top: 50%;
}

#logo {
    margin: 0 auto;
    text-indent: -9999px;
    display: block;
    width: 670px;
    height: 358px;
}

#logo img {
    display: none;
}

#logo.logo_nl {
    background: url("img/home_nl.png") no-repeat center top;
}

#logo.logo_en {
    background: url("img/home_en.png") no-repeat center top;
}

h2 {
    font-family: Canaro-Bold, sans-serif;
    font-weight: normal;
    margin: 0;
}

h3 {
    font-weight: normal;
    margin: 0;
}

a.button {
    color: #70cac8;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
}

a.button.close {
    background: url("img/btn-close.png") no-repeat right center;
    padding: 0;
    display: block;
    text-indent: -9999px;
    outline: none;
    width: 109px;
    height: 21px;
}

a.button.next {
    background: url("img/btn-next.png") no-repeat right center;
    padding: 0;
    text-indent: -9999px;
    outline: none;
    width: 95px;
    height: 21px;
}

a.button.prev {
    background: url("img/btn-previous.png") no-repeat left center;
    padding: 0;
    text-indent: -9999px;
    outline: none;
    width: 149px;
    height: 21px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    a.button.close {
        background: url("img/btn-close@2x.png") no-repeat right center;
        background-size: 109px 21px;
    }

    a.button.next {
        background: url("img/btn-next@2x.png") no-repeat right center;
        background-size: 95px 21px;
    }

    a.button.prev {
        background: url("img/btn-previous@2x.png") no-repeat left center;
        background-size: 149px 21px;
    }
}

/* Page 1 */

#logo_2015 {
    position: absolute;
    right: 35px;
    top: 100px;
}

.cross-red {
    margin: 80px 0 0 0;
    padding: 60px 0 0 0;
    text-align: center;
    background: url("img/cross-red.png") center top no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .cross-red {
        background: url("img/cross-red@2x.png") center top no-repeat;
        background-size: 223px 223px;
    }
}

.cross-red h2 {
    font-size: 65px;
    color: #fff;
    line-height: 60px;
    text-transform: lowercase;
}

.cross-red h3 {
    font-size: 25px;
    color: #fff;
    line-height: 25px;
    text-transform: uppercase;
    margin: 20px 0;
    font-weight: normal;
}

.cross-red h4 {
    font-family: museo_slab500, sans-serif;
    font-weight: normal;
    font-size: 35px;
    font-style: italic;
    color: #fff;
    margin: 30px 0 0 0;
}

.cross-red h5 {
    font-family: museo_slab500, sans-serif;
    font-weight: normal;
    font-size: 20px;
    font-style: italic;
    color: #fff;
    margin: 10px 0 0 0;
}

.logo-biennale {
    width: 145px;
    height: 99px;
    background: url("img/logo-biennale.png") no-repeat center center;
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 10;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .logo-biennale {
        background: url("img/logo-biennale@2x.png") no-repeat center center;
        background-size: 125px 99px;
    }
}

#parallax_1 {
    position: absolute;
    left: 30px;
    top: 50%;
}

#parallax_2 {
    position: absolute;
    left: 10%;
    top: 10%;
}

#parallax_3 {
    position: absolute;
    left: 25%;
    top: 30%;
}

#parallax_4 {
    position: absolute;
    right: 25%;
    top: 30%;
}

#parallax_5 {
    position: absolute;
    right: 10%;
    top: 10%;
}

#parallax_6 {
    position: absolute;
    right: 30px;
    top: 70%;
}

/* Page 2 */

.expo {
    height: 470px;
    margin: 30px 0 0;
    overflow: hidden;
    width: 940px;
    background: #fff;
}

.expo-item {
    width: 188px;
    float: left;
    height: 470px;
}

.expo-item.grey {
    background: #ededed;
}

a.expo-item {
    text-decoration: none;
}

a.expo-item p {
    color: #222;
}

.expo-item h3 {
    color: #70cac8;
    padding: 0 10px;
    font-size: 24px;
    font-family: Canaro-Bold, sans-serif;
    margin: 10px 0 10px 0;
    line-height: 114%;
}

.expo-item:hover h3 {
    color: #222;
}

.expo-item p {
    padding: 0 10px;
    font-size: 16px;
    margin: 5px 0;
}

.cross-grey {  }



.cross-grey h2 {
    color: #70cac8;
    font-size: 32px;
    text-align: center;
    padding: 60px 0;
    background: url("img/cross-grey.png") center center no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .cross-grey h2 {
        background: url("img/cross-grey@2x.png") center 30px no-repeat;
        background-size: 160px 160px;
    }
}

.cross-grey p, .cross-white p {
    font-size: 20px;
    padding: 0 8%;
    line-height: 140%;
    text-align: center;
    font-family: museo_slab500, sans-serif;
}

.page2 h2 {
    color: #fff;
    text-align: center;

}

.page2 h4 {
    margin: 0;
    color: #70cac8;
    position: absolute;
    bottom: 30px;
    width: 100%;
    height: 69px;
    background: url("img/logo-green.png") no-repeat center center;
    text-indent: -99999px;
    outline: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .page2 h4 {
        background: url("img/logo-green.png") no-repeat center center;
        background-size: 97px 69px;
    }
}

/* Page 3 */

.page3 h2 {
    color: #fff;
    text-align: center;
}

.calendar {
    height: 470px;
    margin: 30px 0 0;
    overflow: hidden;
    width: 940px;
    background: #fff;
}

.day {
    width: 940px;
    height: 470px;
    float: left;
}

.day-left, .day-right {
    float: left;
    width: 470px;
    height: 470px;
}

.day-right {
    overflow: scroll;
    padding: 20px;
    height: 430px;
    width: 430px;
}

.day-right h3 {
    color: #70cac8;
    font-size: 20px;
    font-family: 'Canaro-Bold';
}

.day-right .event {
    border-top: 1px solid #000;
    margin: 10px 0;
}

.day-right .event h4, .day-right .event a  {
    color: #000;
    text-decoration: none;
}

.day-right .event h4 {
    font-size: 20px;
    margin: 5px 0
}

.day-right .event p {
    font-size: 16px;
    margin: 3px 0;
}

.day-right .event a:hover  {
    text-decoration: underline;
}

a.event-subscribe {
    color: #4b8685 !important;
}

.calendar-footer {
    padding: 10px 0 0 0;
    width: 940px;
    float: left;
    text-align: right;
    color: #fff;
    font-size: 18px;
    font-family: 'Canaro-Bold';
}

.calendar-footer a {
    color: #fff;
    text-decoration: none;
}

.calendar-footer a:hover, .calendar-footer a.active {
    color: #4b8685;
}

.cross-red-small {
    background: url("img/cross-red-small.png") center 30px no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .cross-red-small {
        background: url("img/cross-red-small@2x.png") center 30px no-repeat;
        background-size: 160px 160px;
    }
}

.cross-red-small h2 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    padding: 60px 0;
}

.cross-red-small p {
    font-size: 20px;
    padding: 0 8%;
    line-height: 140%;
    text-align: center;
    font-family: museo_slab500, sans-serif;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .page3 h4 {
        background: url("img/logo-white@2x.png") no-repeat center center;
        background-size: 97px 69px;
    }
}

/* Page 4 */

#intro {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

#project-next {
    display: none;
}


#project-next.visible {
    display: block;
}

.projects {
    width: 940px;
    height: 470px;
    overflow: hidden;
    margin: 30px 0 0 0;
    position: relative;
    float: left;
}

.project {
    position: relative;
    width: 235px;
    height: 235px;
    float: left;

}

.project .overlay-color {
    width: 235px;
    height: 235px;
    position: absolute;
    top: 0;
    left: 0;
}

.project a {
    text-decoration: none;
}

.project .thumbnail {
    vertical-align: middle;
    width: 235px;
    height: 235px;
}

.project .overlay-text {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    width: 235px;
    height: 150px;
    font-size: 21px;
    padding: 85px 0 0 0;
    text-transform: uppercase;
    display: none;
    font-family: Canaro-Bold, sans-serif;
    font-weight: normal;
}

.project a:hover .overlay-text  {
    display: block;
}

.project .overlay-text .small {
    text-transform: lowercase;
    font-size: 18px;
    font-family: museo_slab500, sans-serif;
}

.project-detail {
    width: 940px;
    height: 470px;
    display: none;
    margin: 30px 0 0 0;
}

.project-detail .slider, .project-detail .info  {
    width: 470px;
    height: 470px;
    float: left;
    overflow: hidden;
}

.project-detail .info  {
    background: #70cac8;
    padding: 30px;
    width: 410px;
    height: 410px;
}

.project-detail .info h5 {
    font-family: Canaro-Bold, sans-serif;
    font-weight: normal;
    font-size: 24px;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.project-detail .info h6 {
    margin: 0;
    font-family: museo_slab500, sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
}

.project-detail .info p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.project-detail .info .school {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.project-detail .info .school a {
    color: #fff;
    text-decoration: none;
}

.project-detail .info .school a:hover {
    text-decoration: underline;
}

.cycle-pager {
    z-index: 101;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.cycle-pager span {
    display: inline-block;
    cursor: pointer;
    width: 13px;
    height: 13px;
    background: url("img/buttons.png") no-repeat;
    text-indent: -99999px;
    outline: none;
    margin: 3px 6px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .cycle-pager span {
        background: url("img/buttons@2x.png") no-repeat;
        background-size: 13px 26px;
    }
}

.cycle-pager .cycle-pager-active, .cycle-pager span:hover {
    background-position: 0 -13px;
}

.nav-bar  {
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
}

.nav-bar .button.next, .nav-bar .button.close {
    float: right;
}

.nav-bar .button.prev {
    float: left;
}

.nav-bar .button.close, .nav-bar .button.prev {
    display: none;
}

.projects-container h2 {
    width: 100%;
    text-align: center;
}

/* Page 5 */

.cross-white {

}

.cross-white h2 {
     color: #70cac8;
     font-size: 32px;
     text-align: center;
     padding: 60px 0;
    background: url("img/cross-white.png") center 30px no-repeat;
 }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .cross-white h2 {
        background: url("img/cross-white@2x.png") center 30px no-repeat;
        background-size: 160px 160px;
    }
}



.partners-top {
    background: url('img/partners_top.png') no-repeat center center;
    height: 250px;
}

.partners-sub {
    background: url('img/partners_sub.png') no-repeat center center;
    height: 290px;
    text-align: center;
    border-top: 1px solid #000;
    padding: 20px 0 0 0;
}

.partners-sub a {
    margin: 230px 0 0 0;
    font-weight: normal;
    color: #000;
    width: 100%;
    float: left;
}

.previous-edition {
    width: 100%;
    float: left;
    text-align: center;
    padding: 70px 0;
}

.previous-edition-nl a, .previous-edition-en a {
    text-align: center;
    font-family: Canaro-Bold,sans-serif;
    font-weight: normal;
    color: #70cac8;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .previous-edition-nl a {
        background: url("img/btn-previous-edition-nl@2x.png") no-repeat;
        background-size: 202px 21px;
    }

    .previous-edition-en a {
        background: url("img/btn-previous-edition@2x.png") no-repeat;
        background-size: 202px 21px;
    }
}

.page7 h2 {
    text-align: center;
    color: #70cac8;
}

/* Previous */

.previous h2 {
    color: #fff;
    text-align: center;
}

#previous-slideshow {
    width: 100%;
    margin: 30px 0;
}

#previous-slides {
    height: 470px;
    overflow: hidden;
}

#previous-prev {
    display: block;
    height: 18px;
    width: 17px;
    background: url('img/arrow-left.png');
    text-indent: -9999px;
    outline: none;
    float: left;
    margin: 10px 0 0 0;
}

#previous-next {
    display: block;
    height: 18px;
    width: 17px;
    background: url('img/arrow.png');
    text-indent: -9999px;
    outline: none;
    float: right;
    margin: 10px 0 0 0;
}


/* Press */

.press h2 {
    color: #70cac8;
    text-align: center;
    font-size: 30px;
}

.press table {
    width: 100%;
    border-bottom: 1px solid #ededed;
}

.press table td {
    text-align: center;
    vertical-align: middle;
    padding: 50px 0 30px 0;
}

.press .quote {
    width: 100%;
    text-align: center;
    margin: 40px 0;
}

.press .quote p {
    font-family: Canaro-Bold, sans-serif;
    font-weight: normal;
    font-size: 26px;
}

.press .sponsor {
    width: 100%;
    text-align: center;
}

/* Newsletter */

.newsletter, .subscription {
    width: 100%;
    float: left;
}

.newsletter-ok, .subscription-ok {
    width: 100%;
    float: left;
    display: none;
    margin: 50px 0;
    text-align: center;
}

.newsletter-block {
    width: 40%;
    float: left;
}

.newsletter-block.last {
    width: 20%;
}

.newsletter-block dl {
    margin: 0;
}

.newsletter-block dt {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    padding: 5px 0;
}

.newsletter-block dd {
    margin: 0;
}

.newsletter-block dd input {
    width: 85%;
    border: 1px solid #d0d0d0;
    padding: 3px;
}

.newsletter-block dd textarea {
    width: 85%;
    border: 1px solid #d0d0d0;
    padding: 3px;
    height: 70px;
}

.newsletter-block dd input.error, .newsletter-block dd textarea.error {
    border: 1px solid #CD0A0A;
}

.newsletter-block table {
    width: 100%;
}

.newsletter-block table th {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    padding: 5px 0;
}

.newsletter-block table td {
    text-align: center;
}

.select-cross {
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid #d0d0d0;
    margin: 0 auto;
}

.select-cross.active {
    background: url('img/select-cross.png') no-repeat left top;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .select-cross.active {
        background: url('img/select-cross@2x.png') no-repeat left top;
        background-size: 25px 25px;
    }
}

.newsletter-footer {
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

.newsletter-wrapper {
    padding: 100px 0 0 0;
    height: 140px;
    width: 940px;
}

#newsletter-submit {
    color: #fff;
    background: #70cac8;
    padding: 5px 10px;
    text-decoration: none;
    float: right;
}

#newsletter-submit:hover {
    color: #ededed;
    background: #222;
}

.footer-line {
    border-top: 1px solid #000;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    text-align: center;
    padding: 60px 0 0 0;
    margin: 60px 0 0 0;
    background: url('img/logo-footer.png') no-repeat 100px 38px;
}

.footer-line a {
    color: #222;
}

.page8 h2 {
    color: #70cac8;
    text-align: center;
    font-size: 30px;
    font-family: Canaro-Bold, sans-serif;
}

.footer h3, .footer h4, .footer h5 {
    font-family: museo_slab500, sans-serif;
    margin: 5px 0;
    text-align: center;
    font-weight: normal;
}

.footer h2, .footer h5 {
    color: #70cac8;
}

.footer h3 {
    font-size: 30px;
}

.footer h4 {
    font-size: 23px;
}

.footer h4 .smaller {
    font-size: 14px;
}

.footer h4 .smaller a {
    color: #222;
}

.footer h4 .smaller a {
    color: #000;
}

.footer h5 {
    font-size: 23px;
}


/** Subscribe **/

body.subscribe-page {
    overflow: visible;
    background: #ededed;
}

.subscription {
    margin: 0 0 100px 0;
}

.page_container.subscription_container {
    margin: 100px auto 0 auto;
}

.subscription_container h2 {
    text-align: center;
    font-size: 29px;
    float: left;
    width: 100%;
}

.subscription_container h5 {
    text-align: center;
    font-size: 18px;
    float: left;
    width: 100%;
    margin: 10px 0;
    color: #777;
}

.subscribe-block {
    width: 45%;
    float: left;
    padding-left: 5%;
}

.subscribe-block dl {
    margin: 0;
    float: left;
    width: 100%;
}

.subscribe-block dt {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    padding: 10px 0 5px 0;
}

.subscribe-block dd {
    margin: 0;
}

.subscribe-block dd input {
    width: 85%;
    border: 1px solid #ededed;
    padding: 3px;
}

.subscribe-block dd select {
    width: 85%;
    border: 1px solid #ededed;
    padding: 3px;
}

.subscribe-block dd p {
    width: 85%;
    margin: 3px 0;
}

.subscribe-block dd textarea {
    width: 85%;
    border: 1px solid #ededed;
    padding: 3px;
    height: 70px;
}

.subscribe-block dd input.error, .subscribe-block dd textarea.error, .subscribe-block dd select.error {
    border: 1px solid #CD0A0A;
}

label.soft {
    font-weight:normal;
}

.subscribe-block h3 {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin: 20px 0 10px 0;
}

.subscribe-block h4 {
    color: #70cac8;
    font-size: 20px;
    margin: 20px 0 10px 0;
    float: left;
    width: 100%;
}

#files {
    width: 88%;
    background-color: #fff;
    float: left;
    margin: 0;
    padding: 5px 0;
    display: none;
}

#files li {
    list-style: none;
    padding: 5px 10px;
    overflow: hidden;
}

#files-loader {
    display: none;
    float: left;
    width: 88%;
    background-color: #fff;
    text-align: center;
    padding: 5px 0;
}

#files-add, #subscribe-submit {
    display: block;
    float: left;
    width: 88%;
    text-align: center;
    color: #fff;
    background: #70cac8;
    padding: 5px 0;
    text-decoration: none;
}

#files-add.error {
    background: #fd0e2b;
}

#subscribe-submit {  }

.agree.error, .agree.error a {
    color: #CD0A0A !important;
}

/* TEXT BLOCKS */

.text-blocks {
    width: 80%;
    padding: 0 10% 50px 10%;
    float: left;
}

.text-blocks h2 {
    font-size: 29px;
    float: left;
    margin: 15px 0 10px 0;
    width: 100%;
}

.text-blocks p.image {
    float: left;
    margin: 10px 0;
    width: 100%;
    text-align: center;
}

.text-block {
    float: left;
    line-height: 140%;
}

.text-block p {
    margin: 8px 0;
}

.text-block h3 {
    color: #70cac8;
    float: left;
    font-size: 20px;
    margin: 20px 0 10px;
    width: 100%;
    font-weight: 700;
}

.text-block img.left {
    float: left;
    margin: 10px 23px 10px 0;
}

.text-block img.right {
    float: right;
    margin: 10px 0 10px 23px ;
}

.text-block img.small {
    width: 150px;
}

.text-block img.medium {
    width: 250px;
}

.text-block img.large {
    width: 350px;
}

.text-block a, .content_left a {
    text-decoration: underline;
    color: #222;
}

.text-block a:hover, .content_left a:hover {
    text-decoration: underline;
    color: #70cac8;
}

.text-block.copyright {
    font-size: 12px;
    color: #969696;
}

.content_left {
    width: 640px;
    float: left;
    margin: 20px 0 0 0;
}

.content_left_big {
    width: 700px;
    float: left;
    margin: 20px 0 0 0;
}

.content_left p , .content_left_big p {
    margin: 8px 0;
}

.photorow {
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

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

/* iPhone version */
@media only screen and (max-width: 800px), only screen and (max-device-width: 480px), only screen and (max-device-width: 1024px) and (orientation:portrait) {

    .main {
        position: relative;
        float: left;
    }

    #menu-button {
        display: none;
    }

    #languages {
        position: relative;
        top: auto;
        left: auto;
        float: left;
        margin: 30px 0 0 0;
    }

    #logo_2015 {
        display: none;
    }

    #languages.selected-white {
        background: url("img/languages.png") center center no-repeat;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {

        #languages.selected-white {
            background: url("img/languages@2x.png") center center no-repeat;
            background-size: 120px 24px;
        }
    }

    .social {
        position: relative;
        top: auto;
        right: auto;
        float: right;
        margin: 30px 30px 0 0;
    }

    .social.selected-white li a {
        background: url("img/social.png") no-repeat;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {

        .social.selected-white li a {
            background: url("img/social@2x.png") no-repeat;
            background-size: 30px 90px;
        }
    }

    .social li a.twitter {
        background-position: 0 -30px;
    }

    .social li a.instagram {
        background-position: 0 -60px;
    }

    .page_container {
        top: auto;
        width: 100%;
        float: left;
    }

    #home-wall {
        margin-top: 20px;
    }

    #logo {
        background: none;
        width: 100%;
    }

    #logo.logo_en {
        background: none;
    }

    #logo.logo_nl {
        background: none;
    }

    #logo img {
        display: block;
        width: 90%;
        padding: 0 5%;
    }

    h2 {
        float: left;
    }

    .cross-red {
        float: left;
        padding: 40px 0 0;
    }

    .cross-red h2 {
        font-size: 54px;
        line-height: 54px;
    }

    .cross-red h2, .cross-red h3, .cross-red h4, .cross-red h5 {
        float: left;
        width: 100%;
    }

    .cross-grey h2, .cross-red-small h2, .cross-white h2 {
        width: 90%;
        padding: 40px 5% 40px 5%;
    }

    .logo-biennale {
        position: relative;
        float: left;
        width: 100%;
        left: auto;
        bottom: auto;
        margin: 20px 0 0 0;
    }

    section {
        width: 100%;
        float: left;
        height: auto !important;
        padding: 10% 0;
    }

    .partners {
        background: none;
        float: left;
    }

    .partners img {
        display: block;
        width: 90%;
        margin: 0 5%;
    }

    .page2 h4, .page3 h4 {
        position: relative;
        float: left;
        bottom: auto;
        width: 100%;
        margin: 20px 0 0 0;
    }

    .projects {
        /*width: 235px;*/
        width: 100%;
        /*height: 1880px;*/
        margin: 0 auto;
    }

    #projects img {
        width: 80%;
        padding: 10px 10%;
    }

    .project .overlay-text {
        display: block;
    }

    #project-detail {
        width: 235px;
        margin: 0 auto;
        height: auto;
        position: relative;
        padding: 0 60px 0 0;
    }

    .project-detail .slider, .project-detail .info {
        width: 235px;
    }

    .project-detail .info {
        height: auto;
    }

    .project-detail .slider {
        width: 295px;
        height: 295px;

    }

    .nav-bar {
        width: 90%;
        padding: 10px 5% 0 5%;
    }

    .previous-edition {
        float: left;
        width: 100%;
    }

    .page2 h2, .page3 h2, .page7 h2, .page8 h2 {
        position: relative;
        float: left;
        bottom: auto;
        width: 100%;
        margin: 20px 0 20px 0;
    }

    .expo {
        height: auto;
        width: 100%;
        float: left;
        background: #70cac8;
    }

    .expo-item {
        margin: 0 auto;
        float: none;
        background: #fff;
    }

    .calendar {
        width: 80%;
        padding: 0 10%;
        height: auto;
    }

    .day-left {
        display: none;
    }

    .day-right, .day {
        height: auto;
        width: 100%;
        padding: 10px 0;
    }

    .calendar-footer {
       display: none;
    }

    .partners {
        width: 100%;
    }

    .partners-top {
        background-size: 90%;
    }

    .partners-sub {
        background-size: 90%;
    }

    .newsletter-wrapper {
        height: auto;
        width: 100%;
    }

    .newsletter {
        width: 80%;
        padding: 0 10%;
    }

    .newsletter-block {
        width: 100%;
    }

    .newsletter-block.last {
        text-align: center;
    }

    .newsletter-block dd input {
        width: 100%;
    }

    .footer-line {
        background: none;
    }

    #newsletter-submit {
        margin: 0 auto;
        float: none;
    }
}