.overlay-bg-trailer, .overlay-bg-poster, .overlay-bg-contact, .overlay-bg-press, .overlay-bg-gallery , .overlay-bg-sponsors , .overlay-bg-festi {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	/*cursor: pointer;*/
	z-index: 1000;
	background: rgba(0,0,0,0.7);
}
/* Poster */
.overlay-content-poster {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    cursor: default;
    /*height: 680px;*/
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 40px;
    width: 460px;
}

.overlay-content-poster img {
    width: 100%;
}

.close-btn-poster {
    border: medium none;
    cursor: pointer;
    padding: 7px 10px;
    position: absolute;
    right: -17px;
    top: -15px;
    background: #FFF;

    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
}



/* Gallery */
.overlay-content-gallery {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    cursor: default;
    /*height: 380px;*/
    margin: 0 auto;
    padding: 30px;
    position: relative;
    top: 100px;
    width: 250px;
	height:40px;
	text-align:center;
	
}

.close-btn-gallery {
   background: #FFF;
    border: medium none;
    cursor: pointer;
    padding: 2px;
    position: absolute;
    right: 2px;
    top: 2px;

    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
}

/* Trailer */
.overlay-content-trailer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    cursor: default;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 80px;
    width: 640px;
}

.close-btn-trailer {
    border: medium none;
    cursor: pointer;
    padding: 7px 10px;
    position: absolute;
    right: -18px;
    top: -15px;
    background: #FFF;

    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
}

/* Language */
.overlay-bg-lang {
    position: absolute;
    top: 50px;
    left: 0;
    height:100%;
    width: 100%;
    z-index: 1000;
    background: none;
}
.overlay-content-lang {
    width: 400px;
    height: 120px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    cursor: default;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 15%;
}

.overlay-content-lang ul {
    padding: 0 90px;
}

.overlay-content-lang ul li {
    list-style: none;
    padding: 5px 0 5px 30px;
    margin: 0 auto;
    background: url("../images/box.jpg") center left no-repeat;
}

.overlay-content-lang ul li:hover {
    list-style: none;
    padding: 5px 0 5px 30px;
    margin: 0 auto;
    background: url("../images/checkbox.jpg") center left no-repeat;
}
.overlay-content-lang ul li a{
    color: #B3B3B3;
    text-decoration: none;
}

.overlay-content-lang ul li a:hover{
    color: #BA4756;
    text-decoration: none;
}
.close-btn-lang {
    background: #FFF;
    border: medium none;
    cursor: pointer;
    padding: 2px;
    position: absolute;
    right: 2px;
    top: 2px;

    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
}

/* Contact */
.overlay-content-contact {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    cursor: default;
    /*height: 380px;*/
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 100px;
    width: 580px;
}

.close-btn-contact {
    background: #FFF;
    border: medium none;
    cursor: pointer;
    padding: 2px;
    position: absolute;
    right: 2px;
    top: 2px;

    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
}

.overlay-content-contact .content {
    margin: 10px 15px 20px;
}

.overlay-content-contact .image {
    padding: 20px 10px 0 20px;
    width: 215px;
}


.overlay-content-contact h2 {
    font-size: 18px;
    padding-top: 0px;
    color: #B84A56;
}
.overlay-content-contact a {
    color: #222;
    text-decoration: none;
}
.overlay-content-contact a:hover {
    text-decoration: underline;
}


/* Sponsors */
.overlay-content-sponsors {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    cursor: default;
    /*height: 380px;*/
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 100px;
    width: 580px;
}

.close-btn-sponsors {
    background: #FFF;
    border: medium none;
    cursor: pointer;
    padding: 2px;
    position: absolute;
    right: 2px;
    top: 2px;

    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
}

.overlay-content-sponsors .content {
    margin: 10px 15px 20px;
}

.overlay-content-sponsors .image {
    padding: 20px 10px 0 20px;
    width: 215px;
}


.overlay-content-sponsors h2 {
    font-size: 18px;
    padding-top: 0px;
    color: #B84A56;
}
.overlay-content-sponsors a {
    color: #222;
    text-decoration: none;
}
.overlay-content-sponsors a:hover {
    text-decoration: underline;
}



/* Press */
.overlay-content-press {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    cursor: default;
    /*height: 380px;*/
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 0;
    width: 600px;
}

.close-btn-press {
    background: #FFF;
    border: medium none;
    cursor: pointer;
    padding: 2px;
    position: absolute;
    right: 2px;
    top: 2px;

    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
}

.overlay-content-press .content {
    margin: 10px 15px 20px;
}

.overlay-content-press h2 {
    font-size: 18px;
    padding-top: 0px;
    color: #B84A56;
}
.overlay-content-press a {
    color: #222;
    text-decoration: none;
}
.overlay-content-press a:hover {
    text-decoration: underline;
}

/* Festivals */
.overlay-content-festi {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    cursor: default;
    /*height: 380px;*/
    margin: 0 auto;
    padding: 10px;
    position: relative;
    top: 0;
    width: 600px;
}

.close-btn-festi {
    background: #FFF;
    border: medium none;
    cursor: pointer;
    padding: 2px;
    position: absolute;
    right: 2px;
    top: 2px;

    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
}

.overlay-content-festi .content {
    margin: 10px 15px 20px;
}

.overlay-content-festi h2 {
    font-size: 18px;
    padding-top: 0px;
    color: #B84A56;
}
.overlay-content-festi a {
    color: #222;
    text-decoration: none;
}
.overlay-content-festi a:hover {
    text-decoration: underline;
}

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* Trailer */
    .overlay-content-trailer{
        width: 320px;
        margin: 0 auto;
        top: 50px;
        /*height: 205px;*/
    }

    iframe {
        width: 100%;
        height: 340px;
    }

    /* Poster */
    .overlay-content-poster{
        top: 40px;
        width: 200px;
    }

    /* Contact */
    .overlay-content-contact, .overlay-content-press {
        width: 245px;
        top: 40px;
        padding: 1px;
    }

    .overlay-content-contact .content, .overlay-content-press .content {
        margin: 5px 15px 15px;
    }
}


/*
media query for most mobile devices
*/
@media only screen and (min-width: 0px) and (max-width: 480px){

    /* Poster */
	.overlay-content-poster {
        width: 250px;
		margin: 0 auto;
        top: 40px;
	}


    .overlay-content-poster img {
        width: 100%;
    }

    .close-btn-poster {
        background: none repeat scroll 0 0 #FFFFFF;
        border: medium none;
        border-radius: 19px;
        cursor: pointer;
        padding: 3px 5px;
        position: absolute;
        right: -12px;
        top: -9px;
    }

    /* Trailer */
    .overlay-content-trailer{
        width: 280px;
        margin: 0 auto;
        top: 55px;
        /*height: 205px;*/
    }

    .close-btn-trailer {
        background: none repeat scroll 0 0 #FFFFFF;
        border: medium none;
        border-radius: 19px;
        cursor: pointer;
        padding: 4px;
        position: absolute;
        right: -11px;
        top: -10px;
    }

    iframe {
        width: 280px;
        height: 158px;
    }

    /* Contact */
    .overlay-content-contact, .overlay-content-press {
        padding: 1px;
        top: 40px;
        width: 245px;
    }
    .overlay-content-contact .content, .overlay-content-press .content {
        margin: 5px 15px 15px;
    }

    /* Language */
    .overlay-content-lang {
        width: 280px;
        height: 120px;
        background: none repeat scroll 0 0 #FFFFFF;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
        cursor: default;
        margin: 0 auto;
        padding: 10px;
        position: relative;
        top: 15%;
    }

    .overlay-content-lang ul {
        padding: 0 38px;
    }
    
}