/* HEADER */
#header{
    display: none;
}
.csstransitions #header.closed{
    display: block;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: visibility 0s 0.3s, opacity 0.3s linear;
     -moz-transition: visibility 0s 0.3s, opacity 0.3s linear;
       -o-transition: visibility 0s 0.3s, opacity 0.3s linear;
          transition: visibility 0s 0.3s, opacity 0.3s linear;
}
.csstransitions #header.opened{
    opacity: 1;
    z-index: 30;
    visibility: visible;

    -webkit-transition: opacity 0.30s ease-out;
    -moz-transition: opacity 0.30s ease-out;
    -o-transition: opacity 0.30s ease-out;
    transition: opacity 0.30s ease-out;
}
/* FOOTER */
#footer_top{
    background: #1C1C1C !important;
}
#footer #diesel_piva,
#footer #diesel_otb {
    color: #666666 !important;
}

#cnt{
    padding: 0;
        overflow: hidden;
}

/*
* ITS - Physics of Creativity
*/
#its-poc{
    position: relative;
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    background: url('../img/bkg.png') left top repeat-x #f1f3f4;
}
#its-poc strong{ font-weight: 600; }

#its-poc .diesel_logo{
    overflow: hidden;
    position: fixed;
    float: left;
    top: 0;
    left: 0;
    z-index: 29;
    width: 95px;
    height: 52px;
    font-size: 0;
    text-indent: -999em;
    background: url('../img/logo_header.png') no-repeat scroll left top transparent;
}

#its-poc #head_img{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#its-poc #intro{
    /*position: absolute;
    left: 0;
    top: 110px;*/
    z-index: 3;
    width: 515px;
    text-align: center;
    padding: 110px 0;
    position: relative;
    z-index: 20;
}
#its-poc #intro .its-title{
    width: 411px;
    height: 46px;
    margin: 0 auto;
    background: url('../img/its.png') left top no-repeat transparent;
}
#its-poc #intro .date{
    width: 211px;
    height: 21px;
    margin: 0 auto;
    background: url('../img/date-2.png') left top no-repeat transparent;
}

#its-poc #intro .main-links{
    margin: 20px 0;
}
#its-poc #intro .main-links a{
    margin: 1px auto 0 auto;
    height: 38px;
}
#its-poc #intro .main-links a.its-website{
    width: 176px;
    background: url('../img/web.png') left top no-repeat transparent;
}
#its-poc #intro .main-links a.its-follow-facebook{
    width: 247px;
    background: url('../img/fb.png') left top no-repeat transparent;
}

#its-poc #intro .main-links a.its-website-finalists {
    width: 274px;
    background: url('../img/meet_finalists.png') left top no-repeat transparent;
}
#its-poc #intro .main-links a.its-website-portfolios{
    width: 327px;
    height: 54px;
    background: url('../img/trends_found.png') left top no-repeat transparent;
}
#its-poc #intro .main-links a.its-live{
    width: 256px;
    height: 53px;
    background: url('../img/finale_btn.png') left top no-repeat transparent;
    margin-top: 10px;
}
#its-poc #intro .main-links a.its-diesel-fashionshow {
    width: 291px;
    background: url('../img/diesel-fashionshow.png') left top no-repeat transparent;
}
#its-poc #intro .main-links a.its-winners{
    width: 140px;
    height: 38px;
    margin-top: 10px;
    background: url('../img/winners.png') left top no-repeat transparent;
}
#its-poc #intro .main-links a.its-teaser-video{
    width: 200px;
    height: 38px;
    background: url('../img/teaser-video.png') left top no-repeat transparent;
}
#its-poc #intro .main-links a.its-photogallery{
    width: 217px;
    height: 38px;
    background: url('../img/photogallery.png') left top no-repeat transparent;
}

#its-poc #intro p{
    margin: 6px auto 0 auto;
    width: 410px;
}

#its-poc #social_share{
    position: absolute;
    bottom: 15px;
    left: 20px;
}
#its-poc #social_share .sbtn{
    position: absolute;
    bottom: 0;
}
#its-poc #social_share .sbtn.twitter{ left: 0; }
#its-poc #social_share .sbtn.facebook{ bottom: 3px; left: 85px; overflow: hidden; }
#its-poc #social_share .sbtn.gplus{ bottom: -2px; left: 195px; }
#its-poc #social_share .sbtn.pinterest{ left: 270px; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

    #its-poc #intro{
        font-size: 28px;
    }

    #its-poc #intro .block2{
        margin: 100px 0 0 0;
    }

    #its-poc #head_img{
        opacity: 0.3;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : portrait) {

    #its-poc #intro{
        width: 100%;
    }

    #its-poc #intro p{
        width: 650px;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : landscape) {

    #its-poc #intro{
        width: 80%;
        position: absolute;
        left: 0px;
        top: 70px;
        z-index: 3;
        margin: 0 0 0 10%;
    }

    #its-poc #intro .block1{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }

    #its-poc #intro .block2{
        position: absolute;
        top: -15px;
        right: 0;
        margin: 0;
    }

    #its-poc #head_img{
        bottom: -40%;
    }

    #its-poc #social_share{
        bottom: 5px;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    #its-poc #head_img{
        right: -190px;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    #its-poc #head_img{
        right: -500px;
    }
}