html {
    height: 100%;
}

body {
    margin: 0px;
    background-color: rgb(0,0,0);
    height: 100%;
}

.wrapper {
    position: relative;
    top: -25px;
    max-width: 90%;
    height:100%;
    margin-left: auto;
    margin-right: auto;
}

#background {
    position: absolute;
    top: -25px;
    max-width: 100%;
    height:100%;
    left: 0;
    right: 0;
    margin: auto;
}

h1 {
    margin-top: 0;
    padding-top: 0;
    font-family: 'Playfair Display', serif;
    font-size: 47pt;
    letter-spacing: 1.5pt;
    font-weight: 200;
    color: rgb(40,40,40);

}

h2 {
    margin:0;
    padding:0;
    margin-bottom: 9px;
    font-family: 'Raleway', sans-serif;
    font-size: 17.6pt;
    font-weight: 300;
    color: rgb(140,135,119);
}

p {
    font-family: 'Raleway', sans-serif;
    font-size: 12pt;
    line-height: 21pt;
    color: rgba(115,113,109,0.97);
}

.a_navi {
    font-family:"Raleway";
    font-size: 18pt;
    font-weight: 200;
    color: rgba(140,140,140,1);
    display:inline-block; 
    text-decoration: none;
    opacity: 0.75;
    z-index: 30;
}

.a_navi:hover {
    opacity: 0.5;
}

.navi {
    position: fixed;
    top: 90%;
    left:0px;
    right: 0px;
    margin: auto;
    width: 550px;
    z-index: 20;
}

.navi a:first-child {
    margin-left: 17px;
}


.navi a:nth-child(2) {
    margin-left: 225px;
}

.logo {
    position: absolute;
    margin-top: 85px !important;
    margin-left: 48px;
}

.logo a h1 {
    margin-bottom: 0px !important;
}

#navicons {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 500px;
    bottom: 38%;
}

#navicons img{
    top: -68px;
}

#icons, #icons_sub {
    z-index: 10;
}

#icons_sub {
    top: 235px;
    opacity: 0.08;
    z-index: 1;
}

.subpage_icons {
    width: 70px !important;
    top: 150px !important;
}

.img {
    position: absolute;
    top: 170px;
    width: 83px;
    opacity: 0.84;
}

.img:hover {
    cursor: pointer;
    opacity: 0.85 !important;
    margin-left: 1px;
    margin-top: 1px;
}



#subtitle_0,#subtitle_1,#subtitle_2,#subtitle_3,#subtitle_4,#subtitle_5,#subtitle_6 {
    font-size:10pt;
    position:absolute;
    text-align:center;
    left:-27px;
    top:-15px;
    line-height:17px;
    opacity:0;
}

#subtitle_1 {
    left:42px !important;
}

#subtitle_2 {
    left:108px !important;
}

#subtitle_3 {
    left:198px !important;
}

#subtitle_4 {
    left:283px !important;
}

#subtitle_5 {
    left:362px !important;
}

#subtitle_6 {
    left:456px !important;
}



#subtitle_00,#subtitle_01,#subtitle_02,#subtitle_03,#subtitle_04,#subtitle_05,#subtitle_06 {
    font-size:10pt;
    position:absolute;
    text-align:center;
    left:43px;
    top:195px;
    line-height:17px;
    opacity:0;
}

#subtitle_01 {
    left:102px !important;
}

#subtitle_02 {
    left:160px !important;
}

#subtitle_03 {
    left:243px !important;
}

#subtitle_04 {
    left:320px !important;
}

#subtitle_05 {
    left:390px !important;
}

#subtitle_06 {
    left:476px !important;
}




#img_0_fluid {
    left: -41px;
}

#img_1_fluid {
    left: 42px;
}

#img_2_fluid {
    left: 125px;
}

#img_3_fluid {
    left: 208px;
}

#img_4_fluid {
    left: 291px;
}

#img_5_fluid {
    left: 374px;
}

#img_6_fluid {
    left: 457px;
}







#img_0_fluid_llorona {
    left: 34px;
}

#img_1_fluid_llorona {
    left: 109px;
}

#img_2_fluid_llorona {
    left: 184px;
}

#img_3_fluid_llorona {
    left: 259px;
}

#img_4_fluid_llorona {
    left: 334px;
}

#img_5_fluid_llorona {
    left: 409px;
}

#img_6_fluid_llorona {
    left: 484px;
}



#img_0_fluid_yssabeau {
    left: 34px;
}

#img_1_fluid_yssabeau {
    left: 109px;
}

#img_2_fluid_yssabeau {
    left: 184px;
}

#img_3_fluid_yssabeau {
    left: 258px;
}

#img_4_fluid_yssabeau {
    left: 334px;
}

#img_5_fluid_yssabeau {
    left: 409px;
}

#img_6_fluid_yssabeau {
    left: 484px;
}



#img_0_fluid_annunciation {
    left: 34px;
}

#img_1_fluid_annunciation {
    left: 109px;
}

#img_2_fluid_annunciation {
    left: 184px;
}

#img_3_fluid_annunciation {
    left: 259px;
}

#img_4_fluid_annunciation {
    left: 334px;
}

#img_5_fluid_annunciation {
    left: 409px;
}

#img_6_fluid_annunciation {
    left: 484px;
}



#img_0_fluid_nem {
    left: 34px;
}

#img_1_fluid_nem {
    left: 109px;
}

#img_2_fluid_nem {
    left: 184px;
}

#img_3_fluid_nem {
    left: 259px;
}

#img_4_fluid_nem {
    left: 334px;
}

#img_5_fluid_nem {
    left: 409px;
}

#img_6_fluid_nem {
    left: 484px;
}



#img_0_fluid_fml {
    left: 34px;
}

#img_1_fluid_fml {
    left: 109px;
}

#img_2_fluid_fml {
    left: 184px;
}

#img_3_fluid_fml {
    left: 259px;
}

#img_4_fluid_fml {
    left: 334px;
}

#img_5_fluid_fml {
    left: 409px;
}

#img_6_fluid_fml {
    left: 484px;
}



#img_0_fluid_cronologia {
    left: 34px;
}

#img_1_fluid_cronologia {
    left: 109px;
}

#img_2_fluid_cronologia {
    left: 184px;
}

#img_3_fluid_cronologia {
    left: 259px;
}

#img_4_fluid_cronologia {
    left: 334px;
}

#img_5_fluid_cronologia {
    left: 409px;
}

#img_6_fluid_cronologia {
    left: 484px;
}



#img_1_ico, #img_1_pic, #img_1_tit {
    top: 70%;
    left: 1%;
    cursor: pointer;
}

#img_1_pic, #img_2_pic, #img_3_pic, #img_4_pic, #img_5_pic, #img_6_pic, #img_7_pic, #img_8_pic {
    display: none;
}

#img_1_tit, #img_2_tit, #img_3_tit, #img_4_tit, #img_5_tit, #img_6_tit, #img_7_tit, #img_8_tit {
    display: none;
}

#img_2_ico, #img_2_pic, #img_2_tit {
    cursor: pointer;
    top: 70%;
    left: 15%;
}

#img_3_ico, #img_3_pic, #img_3_tit {
    cursor: pointer;
    top: 70%;
    left: 31%;
}

#img_4_ico, #img_4_pic, #img_4_tit {
    cursor: pointer;
    top: 70%;
    left: 46%;
}

#img_5_ico, #img_5_pic, #img_5_tit {
    cursor: pointer;
    top: 70%;
    right: 28%;
}

#img_6_ico, #img_6_pic, #img_6_tit {
    cursor: pointer;
    top: 70%;
    right: 15%;
}

#img_7_ico, #img_7_pic, #img_7_tit {
    cursor: pointer;
    top: 70%;
    right: 1%
}

#img_8_ico, #img_8_pic, #img_8_tit {
    cursor: pointer;
    top: 70%;
    right: 15%
}



.tendercordsimg {
    width: 907px !important;
    left: 38px !important;
}



.text {
    position: relative;
    top: 568px;
}

#title {
    margin-left: 4px;
    color: rgb(191,147,36);
}

.text p {
    margin-left: 85px;
    margin-right: 15px;
}

#vimeoframe {
    top: 260px;
    width: 500px;
    z-index: 30;
}

#p_head {
    position: absolute;
    font-size: 17px;
    padding-left: 20%;
    padding-top: 10px;
}

#p_bottom {
    position: absolute;
    font-size: 17px;
    padding-left: 16.6%;
    padding-top: 150px;
}

#bio {
    position: absolute;
    top:32%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 770px;
    height: 470px;
    overflow-y: hidden;
    /*scroll-behavior: smooth;*/
    background-color: rgba(255,255,255,0.2);
    border: 15px solid rgba(255,255,255,0.001);
    box-shadow: 1px 1px 8px 1px #333333;
    opacity: 0;
    display: none;
}

#biotext {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 470px;
    overflow: x-hidden;
    overflow: scroll;
    box-sizing: border-box;
    border-top: 26px solid rgba(255,255,255,0.001);
    border-bottom: 32px solid rgba(255,255,255,0.001);
    border-left: 48px solid rgba(255,255,255,0.001);
    border-right: 48px solid rgba(255,255,255,0.001);
    background-color: rgba(255,255,255,0.6);
}


#biotext h2 {
    margin-bottom: 8px;
    color: rgba(80,80,80,1) !important;
}

#bio h2, #contact h2 {
    /*font-family: 'Kosugi Maru', sans-serif;*/
    font-family: "Raleway";
    font-size: 16.4pt;
    letter-spacing: 0.8;
    color: #111111;
}

#bio p, #contact p {
    font-family: 'Raleway', serif;
    font-size: 12pt;
    font-weight: 400;
    line-height: 18.5pt;
    text-align: justify;
    color: #333333;
    margin: 0;
    margin-right: 20px;
    opacity: 0.9;
}

#foto {
    display: inline-block;
    position: relative;
    max-width: 44.7%;
    margin-left: 21px;
}

#foto img{
    position: relative;
    width: 351px;
    box-sizing: border-box;
    border: 13px solid rgba(255,255,255,0.7);
}

#foto_mobile {
    position: relative;
    width: 75%;
    margin-top: 15px;
    margin-left: 11%;
}

#cont {
    margin-left: 120px !important;
}

#contact {
    position: absolute;
    top:32%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 770px;
    height: 470px;
    background-color: rgba(255,255,255,0.2);
    border: 15px solid rgba(255,255,255,0.001);
    box-shadow: 1px 1px 8px 1px #333333;
    opacity: 0;
    display: none;
}

#contacttext {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 470px;
    overflow: hidden;
    overflow: scroll;
    box-sizing: border-box;
    border-top: 26px solid rgba(255,255,255,0.001);
    border-bottom: 32px solid rgba(255,255,255,0.001);
    border-left: 48px solid rgba(255,255,255,0.001);
    border-right: 48px solid rgba(255,255,255,0.001);
    background-color: rgba(255,255,255,0.6);
}

#contacttext h2, #contacttext p {
    text-align: center;
    font-family: 'Raleway', sans-serif; 
}

#contacttext h2{
    margin-top: 7px;
    margin-bottom: 13.9px;
    font-size: 16.4pt;
    letter-spacing: 1pt;
    font-family: "Raleway";
    color: rgba(90,90,90,1);
}

#contacttext p {
    font-size: 14pt;
    letter-spacing: 0.5pt;
    line-height: 20pt;
    color: #333333;
}

#contact p span {
    font-family: 'Kosugi Maru', sans-serif;
    font-size: 14pt;
    color: #111111;
}

.contact p {
    text-align: justify !important;
}

.contact h3 {
    font-family: "Raleway";
    font-weight: 500 !important;
    color: rgb(50,50,50) !important;
    margin: 10px !important; 
}



#news {
    margin-left: 120px !important;
    margin-right:17px;
}

#newsbox {
    position: absolute;
    top:32%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 770px;
    height: 470px;
    background-color: rgba(255,255,255,0.2);
    border: 15px solid rgba(255,255,255,0.001);
    box-shadow: 1px 1px 8px 1px #333333;
    opacity: 0;
    display: none;
}

#newstext{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 503px;
    overflow: x-hidden;
    overflow: scroll;
    box-sizing: border-box;
    border-top: 26px solid rgba(255,255,255,0.001);
    border-bottom: 32px solid rgba(255,255,255,0.001);
    border-left: 48px solid rgba(255,255,255,0.001);
    border-right: 48px solid rgba(255,255,255,0.001);
    background-color: rgba(255,255,255,0.6);
}

#newstext h2 {
    margin-bottom: 8px;
    color: rgba(80,80,80,1) !important;
}




form {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 31px;
    width: 455px;
}

input {
    height: 37px;
    width: 253px;
    font-family: 'Playfair Display', serif;
    font-size: 13pt;
    letter-spacing: 0.5pt;
    color: #222222;
    float: left;
    opacity: 0.7;
    padding-left: 7px;
}

.button {
    border: none;
    margin-left: 5px;
    background-color: inherit;
}

.button:hover {
    cursor: pointer;
    opacity: 0.88;
}

button p {
    float: right;
    margin-left: 4px !important;
    line-height: 40px !important;
    letter-spacing: 0.7pt;
}

#imprint {
    height: 220px;
    overflow: hidden;
    overflow: scroll;
    background-color: rgba(255,255,255,0.6);
}

#h_imprint {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

#imprint p {
    font-size: 11.5pt;
    line-height: 17.6pt;
    padding: 10px;
    margin-top: 10px !important;
}

#mail {
    text-decoration: none;
    color: rgb(70,70,70);
}

#mail:hover{
    opacity: 0.7;
}

#bgimg_start_hor {
        height: 100%;
    }



/*MENU_MOBILE*********************/

.menustills {
    position: relative;
    top: 105px;
    margin-top: -5px;
}

.menustills a {
    text-decoration: none;
}

.menustill_img {
    width: 100%;
}

#menustill_img_0 {
    margin-bottom:0px;
}

.menustill_title {
    position: relative;
    left: 0;
    right: 0;
    top: -90px;
    margin-top: 0px !important;
    margin-bottom: 9px !important;
    font-size: 13.5pt;
    color: rgba(255,255,255,1);
    text-align: center;
}

.menu_mobile_stills {
    margin-top: -42px !important;
}

#menuclosebtn {
    position: fixed;
    display: inline-block;
    top: 10px !important;
    width: 75px;
    z-index: 100 !important;
}

#menuclosebtn img {
    position: relative !important;
    top: 0px !important;
    width: 65px !important;
    opacity: 1;
    z-index: 100;
}

#menuclosebtn_bio {
    position: fixed;
    display: inline-block;
    top: 18px !important;
    left: 40px !important;
    width: 75px;
    z-index: 100 !important;
}

#menuclosebtn_bio img {
    position: relative !important;
    top: 0px !important;
    width: 65px !important;
    opacity: 1;
    z-index: 100;
}



/*SUBPAGE MENU*********************/

#menu_subpages{
    position: relative;
    top: 100px;
}

#menu_subpages a{
    display: block;
    margin-top: 15px;
    color: #d7d3d3;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-size: 14.5pt;
    font-family: 'Raleway';
}




/*SUBMENUES*********************/

#pwform {
    width: 280px;
    top: 120px;
}

#textarea {
    width: 275px !important;
    font-family: 'Raleway';
    height: 100px;
    border-radius: 4px;
}

#submit {
    margin-top: 30px !important;
    width: 75px !important;
    font-family: 'Raleway';
    font-weight: 100;
    font-size: 11.5pt;
    color: rgb(200,200,200);
    background-color: rgb(30,30,30);
    border: 1px solid rgb(200,200,200);
    border-radius: 4px;
    cursor: pointer;
}

p {
    margin-top: 20px !important;
}

input {
    margin: 0 !important;
}

input[type='Email'] {
   font-size: 1.3em; padding: 5px 12px; 
   font-family: 'Raleway';
   font-weight: 300;
   border-radius: 20px;
    color: rgb(30,30,30);
    z-index: 100;
    
}

input[type="Name"] {
   font-size: 1.3em; padding: 5px 12px; 
   font-family: "Raleway";
   font-weight: 300;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
    color: rgb(30,30,30);
}

form input {
    float: none !important;
    margin-top: 40px;
}

#requestbutton {
    position: absolute;
    bottom: 6%;
    left: 0;
    right: 0;
    margin: auto;
    width: 170px;
}

#requestbutton button{
    width: 170px !important;
    height: 38px !important;
    border: 1px solid #ccc !important;
}

#menu_sub {
    position: absolute;
    bottom: 80px;
    width: 100%;
    text-align: center;
}

#menu_sub>a{
    font-family:"Raleway";
    font-size: 18pt;
    font-weight: 200;
    color: rgba(255,255,255,1); 
    text-decoration: none;
    opacity: 0.8;
    margin-right: 11%;
    vertical-align: top;
}

#menu_sub a:nth-child(4) {
    margin-right: 0px;
}

#menu_sub a:last-child {
    margin-right: 0px !important;
}

#menu_sub>a:hover {
    opacity: 0.4;
    cursor: pointer;
}

#menu_sub a:hover{
    cursor: pointer; 
}

#menu_sub ul{
    font-family:"Raleway";
    font-size: 18pt;
    font-weight: 200;
    color: rgba(255,255,255,1); 
    text-decoration: none;
    opacity: 0.8;
    display: inline-block;
    margin-right: 11%;
    margin-top: 0;
}

.menu_sub_up {
    bottom: 133px !important;
}

.menu_sub_up_announcement {
    bottom: 133px !important;
}

.menu_sub_up_announcement a:last-child {
    margin-right: 0px !important;
}

.menu_sub_up_nem {
    bottom: 100px !important;
}

.menu_sub_up_nem a:last-child {
    margin-right: 0px !important;
}

.menu_sub_up_fml a:last-child {
    margin-right: 0px !important; 
}

#film_ul, #trailer_ul {
    padding-left: 0;
}

#format_a, #format_c {
    padding: 0px 15px 0px 15px;
    color: rgba(249,29,227,1);
    background-color: rgba(255,255,255,0.1);
    text-decoration: none;
}

#format_b, #format_d {
    padding: 0px 15px 0px 15px;
    color: rgba(249,29,227,1);
    background-color: rgba(255,255,255,0.1);
    text-decoration: none;
}

#format_a:hover, #format_b:hover, #format_c:hover, #format_d:hover {
    opacity: 0.7;
}

#logo_h {
    font-size: 68pt;
    color:rgba(20,20,20,1);
}

#logo_cronologia a h1{
    color: rgba(64,63,63,1);
    font-size: 37pt;
}

.logo:hover {
    margin-top: 86px !important;
    margin-left: 49px !important;
}

#logo_start {
    left: 0px;
    right: 0px;
    margin: auto !important;
    bottom: 38%;
    max-width: 802px;
}

#logo_llorona a h1{
    color: rgba(127,127,127,1);
    font-size: 37pt;
}

#logo_announcement a h1{
    color: rgba(64,63,63,1);
    font-size: 37pt;
}

#logo_fml a h1{
    color: rgba(127,127,127,1);
    font-size: 37pt;
}

#logo_yssabeau a h1{
    color: rgba(127,127,127,1);
    font-size: 37pt;
}

#logo_nem a h1{
    color: rgba(127,127,127,1);
    font-size: 37pt;
}

.logo a {
    text-decoration: none;
}

#title_llorona, #title_cronologia, #title_yssabeau, #title_fml, #title_nem, #title_announcement {
    position: absolute;
    bottom: 42%;
    width: 100%;
    text-align: center;
    font-size: 65pt;
    color: rgba(255,255,255,0.75);
}

#title_yssabeau {
    bottom: 23%;
    font-size: 47pt;
}

#title_nem {
    font-size: 47pt; 
}

#llorona_title {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    bottom: -37%;
    opacity: 0.8;
}

#announcement_title {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 730px;
    bottom: -57%;
    opacity: 0.8;
}

#fml_title {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    bottom: -40%;
    opacity: 0.8;
}

#fml_img {
    width: 100% !important;
}

.about_film {
    background-color: rgba(255,255,255,0.1) !important;
    border: 15px solid rgba(255,255,255,0.1) !important;
    height: 500px !important;
}

.about_film #contacttext {
    border-bottom: 35px solid rgba(255,255,255,0.001) !important;
    height: 500px !important;
}

#h_about_film {
    margin-top: 25px !important;
    color: rgb(50,50,50) !important;
}

.about_film p {
    font-size: 13pt !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    text-align: justify !important;
    font-weight: 200;
    letter-spacing: 0 !important;
    color: rgba(60,60,60,1) !important;
}

/*******SUBPAGES*********/

.video, iframe {
    position: absolute;
    top: 190px;
    max-height: 70%;
    width: 100%;
}

.logo_subpage, .menu_subpage {
    position: fixed !important;
    z-index: 20;
}

.arrowback {
    position: absolute;
    margin-top: 105px;
    right: 40px;
    width: 48px;
    opacity: 0.35;
    z-index: 10;
}

.arrowback:hover {
    opacity: 0.2;
}

#cover {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.85); 
}


.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.display {
    display: inline !important;
}

.display_none {
    display: none;
}

.display_none_imp {
    display: none !important;
}

.active {
    color: rgba(166,157,101,1);
    padding-bottom: 3px;
    border-bottom: 0.5px dotted rgba(166,157,101,1);
    z-index: 150;
}

.opacity1 {
    opacity:1 !important;
}



.fullscreen_bg {
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    z-index: ;
}

.fullscreen_bg_video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fullscreen_bg_video_square {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text_film {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: 150px;
    width: 52%;
}

.text_film h2{
    color: rgba(249,29,227,1);
}

.text_film p{
    margin-top: 10px;
    margin-bottom: 12px;
    text-align: justify;
    color: rgba(200,200,200,1);
}

.form input {
    font-family: 'Raleway';
    border-radius: 4px;
    border: none;
}

#form_text {
    margin-bottom: 10px;
    margin-top: 25px !important;
}

.ButtonClass {
    padding-left: 20px;
    font-family: 'Raleway';
    font-size: 12pt;
    height: 30px;
    width: 120px;
}

.ButtonClass:hover {
    cursor: pointer;
}

#h_sent {
    position: relative;
    top: 150px;
    font-family: 'Raleway';
    font-size: 14pt;
    color: rgba(220,220,220,1);
}

#input_sent {
    padding-left: 15px;
    font-family: 'Raleway';
    font-size: 11.5pt;
    height: 30px;
    width: 107px;
    height: 25px;
    top: 40% !important;
}

#p_sent {
    position: relative;
    top: 150px;
    margin-bottom: 30px;
}

button#success {
    position: relative;
    margin-top: 25px;
    font-family: 'Raleway';
    font-size: 11.5pt;
    font-weight: 500;
    color: rgba(250,250,250,0.8);
    background: rgba(30,30,30,0.8);
    opacity: 0.85;
    border-radius: 5px;
    border: none;
    height: 28px;
    width: 65px;
    cursor: pointer;
}

button#okbtn {
    position: relative;
    top: 160px;
    font-family: 'Raleway';
    font-size: 11.5pt;
    font-weight: 100;
    color: rgba(250,250,250,0.8);
    background: rgba(30,30,30,0.8);
    opacity: 0.85;
    border-radius: 5px;
    border: 1px solid rgb(200,200,200);
    height: 37px;
    width: 65px;
    cursor: pointer;
    opacity: 0.75;
}

#requestbox {
    position: relative;
    max-width: 550px;
    left: 0;
    right: 0;
    margin: auto;
}

#mailto {
    text-decoration: none;
    color: rgb(180,180,180);
}


@media (min-aspect-ratio: 16/9) {
  .fullscreen_bg_video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen_bg_video {
    width: 300%;
    left: -100%;
  }
}


@media (min-aspect-ratio: 4/3) {
  .fullscreen_bg_video_square {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 4/3) {
  .fullscreen_bg_video_square {
    width: 300%;
    left: -100%;
  }
}



/***********MOBILE*************/



@media only screen and (min-width:0px) and (max-width:935px) {

    #logo_start {
        margin-top: 0px !important;
        margin-left: 0px !important;
        bottom: 120px;
        max-width:935px;
    }
    
    #logo_h {
        color: rgb(230,230,230);
        font-size: 25pt;
    }
    
    .fullscreen_bg video {
        display: none;
    }
    
    .backgroundimgbox_mob_landscape {
        display: none;
    }
    
    #bgimg_start {
        width: 100%;
    }
    
    #bgimg_start_hor {
        height: 100% !important;
    }
    
    .icons  {
        display: none;
    }
    
    #contact,#bio {
        display: none !important;
    }
    
    #icon_mob {
        position: fixed;
        display: inline-block;
        width: 75px;
        left: 0;
        right: 0;
        margin: auto !important;
        padding-right: 5px;
        bottom: 84px;
        z-index: 60;
    }
    
    #icon_mob img {
        position: relative;
        width: 64px;
        top: 0px;
        left: 0px;
    }
    
    #icon_mob_sub {
        position: fixed;
        display: inline-block;
        width: 75px;
        left: 0;
        right: 0;
        margin: auto !important;
        padding-left: 15px;
        bottom: 5px;
        z-index: 60;
    }
    
    #icon_mob_sub img {
        position: relative;
        width: 58px;
        top: 0px;
        left: 0px;
    }
    
    #icon_mob a {
        position: relative;
        top: -80px;
        text-decoration: none !important;
    }
    
    #subtitle_menu {
        position: relative !important;
        text-align: center !important;
        margin-top: -7px !important;
        left: -3px !important;
        font-size: 19px !important;
        text-decoration: none !important;
        color: #9c9c9c !important;
    }
    
    .logo {
        position: fixed;
        bottom: 120px;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 29;
    }
    
    .logo h1 {
        text-align: center;
        font-family: 'Playfair Display', serif;
        font-size: 23.5pt;
        font-weight: 500;
        letter-spacing: 0;
        color: rgb(88,88,88);
        margin-bottom: 0px !important;
    }
    
    .navi {
        top: 105px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 205px;
        display: none;
    }
    
    .a_navi {
        color: rgba(249,29,227,1);
    }
    
    .navi_mob{
        position: fixed;
        z-index: 20;
        bottom: 63px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 255px;
        z-index: 60;
    }

    .navi_mob a{
        font-size: 14.5pt;
        font-weight: 100;
        color: rgba(210,210,210,1) !important;
    }
    
    #about_mob {
        margin-right: 14px !important;
    }
    
    #cont_mob {
        margin-right: 14px !important;
    }
    
    #news_mob {
        position: relative !important;

    }
    
    .backgroundimgbox_mob {
        position: fixed;
        top: -85px;
        left: 0px;
        width: 100%;
        overflow: hidden;
        z-index: 1;
    }
    
    .backgroundimgbox_sub_mob {
        position: fixed;
        top: -130px;
        left: 0px;
        width: 100%;
        overflow: hidden;
        z-index: 1;
    }
    
    .backgroundimg_sub_mob {
        position: relative;
        width: 100%;
        z-index: 1;
    }
    
    #backgroundimgbox_sub_mob_alternative {
        top: 0px;
    }
    
    #menu_mob {
        position: fixed;
        width: 100%;
        height: 106%;
        left: 0px;
        background-color: rgba(255,255,255,0.76);
        opacity: 0;
        z-index: 50;
    }
    
    #menu_mob a{
        text-decoration: none;
    }
    
    #menu_mob ul{
        position: relative;
        top: 200px;
        padding-left: 0px;
        list-style-type: none;
        z-index:40;
    }
    
    #menu_mob p {
        text-align: center;
        color: rgba(249,29,227,1) !important;
    }
    
    #menu_mob_llorona {
        position: fixed;
        width: 100%;
        height: 106%;
        left: 0px;
        background-color: rgba(255,255,255,0.76);
        opacity: 0;
        z-index: 50;
    }
    
    #menu_mob_llorona ul{
        position: relative;
        top: 200px;
        padding-left: 0px;
        list-style-type: none;
        z-index:40;
    }
    
    #menu_mob_llorona p {
        text-align: center;
        color: rgba(249,29,227,1) !important;
    }
    
    #menu_mob_llorona a{
        text-decoration: none;
    }
    
        #menu_mob_crono {
        position: fixed;
        width: 100%;
        height: 106%;
        left: 0px;
        background-color: rgba(255,255,255,0.76);
        opacity: 0;
        z-index: 50;
    }
    
    #menu_mob_crono ul{
        position: relative;
        top: 200px;
        padding-left: 0px;
        list-style-type: none;
        z-index:40;
    }
    
    #menu_mob_crono p {
        text-align: center;
        color: rgba(249,29,227,1) !important;
    }
    
    #menu_mob_crono a{
        text-decoration: none;
    }
    
    #closebutton {
        position: fixed;
        width: 15px;
        top: 120px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        font-size: 16pt;
        color: rgba(200,200,200,0.7);
        opacity: 0;
        z-index: 60;
    }
    
    #closebutton_about {
        position: absolute;
        width: 15px;
        top: 80px !important;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        font-size: 16pt;
        color: rgba(200,200,200,0.7);
        z-index: 51;
    }
    
    #closebutton_about a {
        text-decoration: none;
        color: rgba(160,160,160,1);
    }
    
    #bio_mob {
        position: absolute;
        width: 100%;
        height: 53vh;
        overflow: scroll;
        left: 0px;
        background-color: rgba(0,0,0,0.65);
        border-bottom: 160px solid rgba(0,0,0,0);
        border-top: 160px solid rgba(0,0,0,0);
        z-index: 45;
        opacity: 1;
    }
    
    #biotext_mob {
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    #biotext_mob p{
        margin-top: 8px;
        font-family: 'Raleway', sans-serif;
        font-size: 11.2pt;
        font-weight: 200;
        line-height: 18pt;
        text-align: justify;
        color: rgb(200,200,200);
    }
    
    #biotext_mob h2 {
        position:relative !important;
        font-size: 13pt;
        color: rgba(220,220,220,1) !important;
    }
    
    .contact h3 {
        font-family: "Raleway";
        font-weight: 500 !important;
        color: rgb(150,150,150) !important;
        margin: 10px !important; 
}
    
    #contact_mob {
        position: absolute;
        width: 100%;
        height: 53vh;
        overflow: scroll;
        left: 0px;
        background-color: rgba(0,0,0,0.65);
        border-bottom: 160px solid rgba(0,0,0,0);
        border-top: 160px solid rgba(0,0,0,0);
        z-index: 45;
    }
    
    #contacttext_mob {
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    #contacttext_mob p{
        margin-top: 8px;
        font-family: 'Raleway', sans-serif;
        font-size: 11.6pt;
        font-weight: 200;
        line-height: 18pt;
        color: rgb(200,200,200);
    }
    
    #contacttext_mob h2 {
        position:relative !important;
        font-size: 13pt;
        color: rgba(220,220,220,1) !important;
    }
    
    #imprint {
        height: 200px;
        background-color: rgba(50,50,50,0.6);
    }
    
    #mail {
        color: rgb(190,190,190);
    }
    
    #title_cronologia, #title_llorona, #title_announcement,#title_nem, #title_yssabeau, #title_fml {
        bottom: 24px;
        font-size: 22pt;
        font-family: 'Playfair Display', serif;
        letter-spacing: 0;
        font-weight: 400;
        color: rgba(250,250,250,1);
        z-index: 5;
    }
    
    #title_announcement {
        text-shadow: 2px 0px #000;
    }
    
    
    #title_llorona {
        bottom: 18px;
    }
    
    #menu_sub {
        z-index: 60;
        bottom: 46px !important;
        display: none;
    }
    
    #menu_sub a {
        font-size: 13pt;
        font-weight: 400;
        color: rgba(249,29,227,1) !important;
        text-shadow: -2px 1px #626262;
    }
    
    #trailer_ul {
        margin-right: 3% !important;
    }
    
    #synopsis, #stills {
        margin-right: 2% !important;
        line-height: 2;
    }
    
    #documents {
        margin-right: 2% !important;
        line-height: 2;
    }
        
    #llorona_bg {
        top: -30px;
    }
    
    #slider_thumbs{
        display: none;
    }
    
    .arrowback {
        display: none;
    }
    
    #closebutton_slider {
        position: relative;
        display: block;
        text-decoration: none;
        top: 65px;
        width: 17px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-family:"Raleway";
        font-size: 16pt;
        font-weight: 100;
        color: rgba(255,255,255,0.45);
        z-index: 100;
    }
    
        #closebutton_film_about {
        position: fixed;
        display: block;
        text-decoration: none;
        top: 50px;
        width: 17px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-family:"Raleway";
        font-size: 16pt;
        font-weight: 100;
        color: rgba(255,255,255,0.25);
    }
    
    
    
    .about_film_mob {
        display: none;
    }
    
    .about_film_mob #close {
        top: 85px !important;
    }
    

    
    .text_film {
        margin-top: 110px;
        width: 80%;
    }
    
    
    
    #menu_sub_llorona {
        z-index: 60;
        bottom: 85px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_llorona a {
        font-size: 11pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -1px 0px #626262;
        font-family: raleway;
        text-decoration: none;
        vertical-align: top;
        text-align: center;
        line-height: normal;
    }
    
    #menu_sub_llorona #synopsis {
        margin-right: 13px !important;
    }
    
    #menu_sub_llorona #stills {
        margin-left: 13px;
    }
    
    /*#menu_sub_llorona #documents {
        line-height: 29px !important;
    }*/
    
    #menu_sub_llorona ul {
        font-family: Raleway;
        font-size: 18pt;
        font-weight: 200;
        color: rgba(255,255,255,1);
        text-decoration: none;
        opacity: 1;
        display: inline-block;
        margin-top: 0;
    }
    
    #film_llorona_mob {
        margin-left: 20px;
    }
    
    #menu_sub_cronologia {
        z-index: 5;
        bottom: 90px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_cronologia a {
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_cronologia a:last-child {
        margin-left: 10%;
    }
    
    #menu_sub_announcement {
        z-index: 5;
        bottom: 85px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_announcement a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_announcement a:last-child {
        margin-left: 10%;
    }
    
    #menu_sub_nem {
        z-index: 5;
        bottom: 125px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_nem a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: none !important;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_nem a:last-child {
        margin-left: 10%;
        margin-right: 0px !important;
    }
    
    #menu_sub_nem>#film {
        margin-left: 5%;
    }
    
    #menu_sub_cronologia {
        z-index: 5;
        bottom: 90px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_cronologia a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_cronologia a:last-child {
        margin-left: 10%;
        margin-right: 0px !important;
    }
    
    #menu_sub_cronologia>#film {
        margin-left: 5%;
    }
    
    #menu_sub_yssabeau {
        z-index: 5;
        bottom: 125px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_yssabeau a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
        margin-right: 5%;
    }
    
    #menu_sub_yssabeau a:last-child {
        margin-left: 0%;
        margin-right: 0px !important;
    }
    
    #menu_sub_yssabeau #synopsis {
        margin-right: 5% !important;
    }
    
    #menu_sub_fml {
        z-index: 5;
        bottom: 125px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_fml a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -1px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_fml a:last-child {
        margin-left: 10%;
    }
    
    
    .menu_sub_up_announcement {
        z-index: 5 !important;
        bottom: 90px !important;
        position: absolute !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .menu_sub_up_announcement a {
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    .menu_sub_up_announcement a:last-child {
        margin-left: 10%;
    }
    
    #icon_mob img {
        left: 2px !important;
    }
    
    #llorona_title {
        display: none;
    }
    
    #logo_cronologia {
        display: none;
    }
    
    #logo_llorona {
        display: none;
    }
    
    #logo_announcement {
        display: none;
    }
    
    #logo_nem {
        display: none;
    }
    
    #logo_yssabeau {
        display: none;
    }
    
    #logo_fml {
        display: none;
    }
    
    #fml_img {
        display: none !important;
    }
    
    #announcement_title {
        display: none;
    }
    
    .backgroundimgbox_sub_mob_landscape {
        display: none;
    }
    
    #slider_mob {
        display: none;
    }
    
    iframe {
        top: 50px;
    }
    
    .opacityreduce {
        opacity: 0.7;
    }
    
    .z_index_up {
        z-index: 50 !important;
    }
    
    .z_index_down {
        z-index: 1 !important;
    }
    
}


@media only screen and (min-width:0px) and (max-width:935px) and (min-height:700px) and (max-height:850px){
    
    .backgroundimg_sub_mob {
        position: relative;
        top: -140px;
        width: 113%;
        left: -12px;
        top: 50px;
        z-index: 1;
    }    
    
    .backgroundimg_mob {
        position: relative;
        width: 113%;
        left: 0px;
        top: -10px;
        z-index: 1;
    }
    
    .backgroundimgbox_mob {
        position: fixed;
        left: 0px;
        width: 100%;
        overflow: hidden;
        z-index: 1;
    }
    
    #llorona_bg {
        top: -50px;
    }
    
     #bio_mob {
        height: 59.5vh;
    }
    
    #contact_mob {
        height: 59.5vh;
    }
    
    #menu_mob_llorona{
        display: none;
    }
    
    #closebutton_slider_mob {
        position: fixed;
        display: block;
        text-decoration: none;
        top: 80px;
        width: 17px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-family:"Raleway";
        font-size: 16pt;
        font-weight: 100;
        color: rgba(255,255,255,0.25);
    }
    
}


@media only screen and (min-width:0px) and (max-width:935px) and (min-height:0px) and (max-height:376px) and (orientation: landscape){
    
    #logo_start {
        margin-top: 0px !important;
        margin-left: 0px !important;
        bottom: 120px;
    }
    
    #logo_h {
        color: rgb(280,280,280);
        font-size: 22pt;
    }
    
    .backgroundimgbox_mob_landscape {
        display: block !important;
        position: fixed;
    }
    
    .backgroundimgbox_sub_mob_landscape {
        display: block !important;
        position: fixed;
    }
    
    #bgimg_start_hor {
        height: 100% !important;
    }
        
    .navi_mob{
        display: block !important;
        position: fixed;
        z-index: 20;
        bottom: 84px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 255px;
        z-index: 50;
    }

    .navi_mob a{
        font-size: 13.5pt;
        font-weight: 100;
    }
    
    .navi_mob a:first-child {
        margin-left: 0px;
    }
    
    .navi_mob a:nth-child(2) {
        margin-left: 54px;
    }
    
    #about_mob {
        margin-right: 14px !important;
    }
    
    #cont_mob {
        margin-right: 14px !important;
        margin-left: 0px !important;
    }
    
    #icon_mob {
        display: block !important;
        position: fixed;
        display: inline-block;
        width: 75px;
        left: 0;
        right: 0;
        margin: auto !important;
        padding-right: 5px;
        bottom: 84px;
        z-index: 60;
    }
    
    #icon_mob img {
        position: relative;
        width: 58px;
        top: 0px;
        left: 0px;
    }
    
        #icon_mob_sub {
        position: fixed;
        display: inline-block !important;
        width: 75px;
        left: 0;
        right: 0;
        margin: auto !important;
        padding-left: 15px;
        bottom: 5px;
        z-index: 60;
    }
    
    #icon_mob_sub img {
        position: relative;
        width: 58px;
        top: 0px;
        left: 0px;
    }
    
    .logo {
        position: fixed;
        bottom: 120px;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 29;
    }
    
    .logo h1 {
        text-align: center;
        font-family: lato;
        font-size: 22pt;
        font-weight: 500;
        letter-spacing: 0;
        color: rgb(88,88,88);
        margin-bottom: 0px !important;
        text-shadow: 2px 1px #000000;
    }
    
    #menu_mob ul {
        top: 80px;
    }
    
    #menu_mob {
        position: fixed;
        width: 100%;
        height: 106%;
        left: 0px;
        background-color: rgba(255,255,255,0.76);
        opacity: 0;
        z-index: 50;
    }
    
    #menu_mob a{
        text-decoration: none;
    }
    
    #menu_mob ul{
        position: relative;
        padding-left: 0px;
        list-style-type: none;
        z-index:40;
    }
    
    #menu_mob p {
        text-align: center;
        color: rgba(249,29,227,1) !important;
    }
    
    #menu_sub {
        z-index: 60;
        bottom: 46px !important;
        display: none;
    }
    
    #menu_sub a {
        font-size: 13pt;
        font-weight: 400;
        color: rgba(249,29,227,1) !important;
        text-shadow: -2px 1px #626262;
    }
    
    #menu_sub_cronologia {
        position: absolute !important;
        bottom: 90px !important;
        width: 100%;
        text-align: center;
        z-index: 60;
    }
    
    #menu_sub_cronologia a {
        text-decoration: none;
        opacity: 0.8;
        font-family: raleway;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262; 
    }
    
    #closebutton {
        position: fixed;
        top: 26px;
        left: 0;
        right: 0;
        width: 20px;
        margin: auto;
        z-index: 100;
    }
    
    #bio_mob {
        position: fixed;
        top: -60px;
    }
    
    #contact_mob {
        position: fixed;
        top: -60px;
    }
    
    #closebutton_about {
        top: 90px;
    }
    
    .video, iframe {
        top: 80px;
    }
    
    #closebutton_slider {
        position: relative;
        display: block;
        text-decoration: none;
        top: 55px;
        width: 17px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-family:"Raleway";
        font-size: 16pt;
        font-weight: 100;
        color: rgba(255,255,255,0.25);
    }
    
    #slider_mob {
        display: block !important;
        position: fixed !important;
        top: 80px !important;
            height: 100px !important;
            left: 0 !important;
            right: 0 !important;
            margin: auto !important;    
    }
    
    #title_cronologia, #title_llorona, #title_announcement, #title_nem, #title_yssabeau {
        display: block !important;
        bottom: 24px;
        font-size: 22pt;
        font-family: 'Playfair Display', serif;
        letter-spacing: 0;
        font-weight: 400;
        color: rgba(250,250,250,1);
        z-index: 5;
    }
    
    #title_announcement {
        text-shadow: 2px 0px #000;
    }
    
    #menu_sub_announcement {
        display: inline-block !important;
        z-index: 5;
        bottom: 85px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_announcement a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_announcement a:last-child {
        margin-left: 10%;
    }
    
    #menu_sub_llorona {
        display: inline-block !important;
        z-index: 5;
        bottom: 85px !important;
    }
    
    #menu_sub_nem {
        display: inline-block !important;
        z-index: 5;
        bottom: 85px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_nem a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_nem a:last-child {
        margin-left: 10%;
        margin-right: 0px !important;
    }
    
    #menu_sub_nem>#film {
        margin-left: 5%;
    }
    
    #menu_sub_cronologia {
        display: inline-block !important;
        z-index: 5;
        bottom: 85px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_cronologia a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_cronologia a:last-child {
        margin-left: 10%;
        margin-right: 0px !important;
    }
    
    #menu_sub_cronologia>#film {
        margin-left: 5%;
    }
    
    #menu_sub_yssabeau {
        display: inline-block !important;
        z-index: 5;
        bottom: 85px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_yssabeau a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -2px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
        margin-right: 5%;
    }
    
    #menu_sub_yssabeau a:last-child {
        margin-left: 0%;
        margin-right: 0px !important;
    }
    
    #menu_sub_yssabeau #synopsis {
        margin-right: 5% !important;
    }
    
    #menu_sub_fml {
        display: inline-block !important;
        z-index: 5;
        bottom: 85px !important;
        position: absolute;
        width: 100%;
        text-align: center;
    }
    
    #menu_sub_fml a {
        line-height: 2;
        font-size: 13pt;
        font-weight: 400;
        color: rgba(190,190,190,1) !important;
        text-shadow: -1px 1px #626262;
        font-family: raleway;
        text-decoration: none;
        opacity: 0.8;
        vertical-align: top;
        text-align: center;
    }
    
    #menu_sub_fml a:last-child {
        margin-left: 10%;
    }

    #img_1_fluid {
        opacity: 1 !important;
    }
    
        
    .backgroundimgbox_mob {
        display: none;
    }
    
    .backgroundimgbox_sub_mob {
        display: none;
    }
    
    .fullscreen_bg_video {
        display: none;
    }
    
    .navi {
        display: none;
    }
    
    .icons {
        display: none;
    }
    
    .arrowback {
        display: none;
    }
    
    #llorona_title {
        display: none;
    }
    
    #logo_llorona {
        display: none;
    }
    
    #logo_cronologia {
        display: none;
    }
    
    #logo_announcement {
        display: none;
    }
    
    #logo_nem {
        display: none;
    }
    
    #logo_yssabeau {
        display: none;
    }
    
    #logo_fml {
        display: none;
    }
    
    #announcement_title {
        display: none;
    }
    
    #fml_title {
        display: none;
    }
    
    button#success {
        display: none;
    }

}



@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait){
    
    #backgroundimgbox_tab .backgroundimg_mob{
        display: block !important;
        position: fixed;
        height: 100%;
        z-index: 0;
    }
    
    .menu_sub_up_fml {
        bottom: 130px !important;
    } 
}
    
@media only screen and (min-width:1024px) and (max-width:1366px) and (orientation: landscape){
    
    #backgroundimgbox_tab_landscape{
        display: block !important;
        position: fixed;
    }
    
    #backgroundimgbox_tab_landscape .backgroundimg_mob{
        display: block !important;
        position: fixed;
        bottom: 0px;
        height: 100%;
        z-index: 0;
    }
    
}





@media only screen and (min-width:740px) and (max-width:813px) and (min-height:0px) and (max-height:376px) and (orientation: landscape){
    
    .backgroundimg_sub_mob_landscape {
        position: fixed;
        top: -30px;
        width: 100%;
    }
    
}
    

@media only screen and (min-width:365px) and (max-width:768px) {
    
    #menu_sub_fml {
        bottom: 85px !important;
    }
}


@media only screen and (min-width:421px) and (max-width:768px) {
    
    #menu_sub_nem {
        bottom: 85px !important;
    }
}


@media only screen and (min-width:0px) and (max-width:935px) and (min-height:660px) and (max-height:664px){
    
    #bio_mob {
        height: 59.6vh;
    }
    
    #contact_mob {
        height: 59.6vh;
    } 
}


@media only screen and (min-width:0px) and (max-width:935px) and (min-height:665px) and (max-height:809px){
    
    #bio_mob {
        height: 55vh;
    }
    
    #contact_mob {
        height: 55vh;
    }
}


@media only screen and (min-width:0px) and (max-width:935px) and (min-height:810px) and (max-height:850px){
    
    #bio_mob {
        height: 63vh;
    }
    
    #contact_mob {
        height: 63vh;
    }
    
    .backgroundimgbox_sub_mob {
        top: -108px;
        left: 0px;
    }
    
    #backgroundimgbox_sub_mob_alternative {
        top: -50px;
    }
}

@media only screen and (min-width:0px) and (max-width:935px) and (min-height:665px) and (max-height:809px){
    
    #bio_mob {
        height: 55vh;
    }
    
    #contact_mob {
        height: 55vh;
    }
}


@media only screen and (min-width:0px) and (max-width:320px){

    .logo h1 {
        font-size: 20pt !important;
    }    
}


@media only screen and (max-height:739px)and (max-width:935px){
    
    .navi {
        top: 105px;
    }
    
}


@media only screen and (min-width:936px) {
    
    .backgroundimg_mob {
        display: none;
    }
    
    .backgroundimgbox_sub_mob {
        display: none;
    }
    
    #icon_mob {
        display: none;
    }
    
    #icon_mob_sub {
        display: none;
    }
    
    #closebutton_about {
        display: none !important;
    }
    
    .navi_mob {
        display: none;
    }
    
    #menu_mob {
        display: none;
    }
    
    #menu_sub_mob {
        display: none;
    }
    
    #title_llorona {
        display: none;
    }
    
    menu_mob_llorona {
        display: none;
    }
    
    /*.backgroundimgbox_mob_landscape {
        display: none;
    }*/
    
    .backgroundimgbox_sub_mob_landscape {
        display: none;
    }
    
    #bio_mob {
        display: none !important;
    }
    
    #contact_mob {
        display: none !important;
    }
    
    #news_mob {
        display: none !important;
    }
    
    #slider_mob {
        display: none;
    }
    
    #title_announcement {
        display: none;
    }
    
    #menu_sub_llorona {
        display: none;
    }
    
    #menu_sub_announcement {
        display: none;
    }
    
    #menu_sub_nem {
        display: none;
    }
    
    #menu_sub_cronologia {
        display: none;
    }
    
    #menu_sub_yssabeau {
        display: none;
    }
    
    #menu_sub_fml {
        display: none;
    }
}





@media only screen and (min-width:936px) and (max-width:835px){
    
    iframe {
        top: 0px;
    }
    
    #iframe_cronologia {
        top: 115px;
    }
}


@media only screen and (min-width:766px) and (max-width:835px) and (max-height:380px){
    
    iframe {
        top: 50px;
    }
}


@media only screen and (min-width:836px) and (max-width:1164px){
    
    iframe {
        top: -30px;
    }
    
    #iframe_cronologia {
        top: 160px;
    }
    
    #iframe_yssabeau, #iframe_annuncement, #iframe_nem, #iframe_fml {
        top: 10px;
    }
}


@media only screen and (min-width:836px) and (max-width:1164px) and (max-height:1230px){
    
    iframe {
        top: 90px;
    }
    
    #iframe_yssabeau, #iframe_annuncement, #iframe_nem, #iframe_fml, #iframe_cronologia {
        top: 130px;
    }
    
    #tenderiframe {
        top: 160px;
    }
}


@media only screen and (min-width:1165px) and (max-width:1395px){
    
    iframe {
        top: 40px;
    }
    
    #iframe_cronologia {
        top: 150px;
    }
    
    #iframe_yssabeau, #iframe_annuncement, #iframe_nem, #iframe_fml {
        top: 70px;
    }
}

@media only screen and (min-width:1165px) and (max-width:1395px) and (max-height:1230px){
    
    iframe {
        top: 80px;
    }
    
    #iframe_yssabeau, #iframe_annuncement, #iframe_nem, #iframe_fml, #iframe_cronologia {
        top: 130px;
    }
    
    #tenderiframe {
        top: 160px;
    }
}


@media only screen and (min-width:1395px) {
    
    iframe {
        top: 100px;
    }
    
    #iframe_yssabeau, #iframe_annuncement, #iframe_nem, #iframe_fml, #iframe_cronologia, #tenderiframe {
        top: 160px;
    }
}



@media only screen and (min-width:819px) and (max-width:930px) and (orientation:portrait){
    
    #logo_h {
        
    }
    
    #logo_start {
        
    }

}



/***********SLIDER*************/

        /*jssor slider loading skin spin css*/
               
        #slider {
            position: absolute !important;
            top: 190px !important;
            height: 100px !important;
            left: 0 !important;
            right: 0 !important;
            margin: auto !important;    
        }

        .t {
            height: 90% !important;    
        }

        .slidehover:hover {
            cursor: pointer !important;
        }

        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider arrow skin 106 css*/
        .jssora106 {display:block;position:absolute;cursor:pointer;}
        .jssora106 .c {fill:#fff;opacity:.3;}
        .jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
        .jssora106:hover .c {opacity:.1;}
        .jssora106:hover .a {opacity:.8;}
        .jssora106.jssora106dn .c {opacity:.2;}
        .jssora106.jssora106dn .a {opacity:1;}
        .jssora106.jssora106ds {opacity:.3;pointer-events:none;}

        /*jssor slider thumbnail skin 101 css*/
        .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
        .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:90%;border:1px solid #000;box-sizing:border-box;z-index:1;}
        .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
        .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
        .jssort101 .p:hover{padding:2px;}
        .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
        .jssort101 .p:hover.pdn{padding:0;}
        .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
        .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
        .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:hidden;}
        .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
        .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

        .slider_nem .t {
            width: 80% !important;
            margin-left: 18px;
        }

        .slider_nem .cv {
            display: none;
        }

        .slider_yssabeau .t {
            width: 80% !important;
            margin-left: 18px;
        }

        #slider .cv {
            display: none;
        }

        .slider_cron .t {
            width: 54% !important;
            margin-left: 18px;
        }

        .slider_cron .cv {
            display: none;
        }


@media only screen and (min-width:0px) and (max-width:813px) and (min-height:0px) and (max-height:376px) and (orientation: landscape){
        #slider {
        top: 63px !important;
    }
}



/*****NEWS*****/

/*
.navi {
    position: fixed;
    top: 90%;
    left: -20px;
    right: 0px;
    margin: auto;
    width: 520px;
    z-index: 20;
}

.navi a:first-child {
    margin-left: 0px;
}

.navi a:nth-child(2) {
    margin-left: 90px;
}

#news, #cont {
    margin-left: 120px;
}

    .navi_mob{
        position: fixed;
        z-index: 20;
        bottom: 84px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 250px;
        z-index: 60;
    }

    .navi_mob a{
        font-size: 13.5pt;
        font-weight: 100;
    }
    
    .navi_mob a:first-child {
        margin-left: 0px;
    }
    
    .navi_mob a:nth-child(2) {
        margin-left: 20px;
    }
    
    .navi_mob a:nth-child(3) {
        margin-left: 20px;
    }

#newsbox {
    position: absolute;
    top:32%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 770px;
    height: 470px !important;
    background-color: rgba(255,255,255,0.2);
    border: 15px solid rgba(255,255,255,0.001);
    box-shadow: 1px 1px 8px 1px #333333;
    opacity: 0;
    display: none;
}

#newsbox #contacttext {
    height: 470px !important;
}

#newsbox h2 {
    color: rgba(249,29,227,1) !important;
}

#newsbox p span {
    font-family: 'Kosugi Maru', sans-serif;
    font-size: 14pt;
    color: #111111;
}



@media only screen and (min-width:0px) and (max-width:765px) {

    #news_mob {
        position: absolute;
        width: 100%;
        height: 53vh;
        overflow: scroll;
        left: 0px;
        background-color: rgba(255,255,255,0.76);
        border-bottom: 160px solid rgba(255,255,255,0);
        border-top: 160px solid rgba(255,255,255,0);
        z-index: 45;
        opacity: 0;
        display: none;
    }

}



@media only screen and (min-width:0px) and (max-width:765px) and (min-height:700px) and (max-height:850px){

    #news_mob {
        height: 59.5vh;
    }
}



@media only screen and (min-width:0px) and (max-width:813px) and (min-height:0px) and (max-height:376px) and (orientation: landscape){

    #news_mob {
        position: fixed;
        top: -60px;
    }
}



@media only screen and (min-width:0px) and (max-width:765px) and (min-height:660px) and (max-height:664px){
     
    #news_mob {
        height: 59.6vh;
    }
}



@media only screen and (min-width:0px) and (max-width:765px) and (min-height:665px) and (max-height:809px){
    
    #news_mob {
        height: 55vh;
    }
}



@media only screen and (min-width:0px) and (max-width:765px) and (min-height:810px) and (max-height:850px){
    
    #news_mob {
        height: 63vh;
    }
}



@media only screen and (min-width:0px) and (max-width:765px) and (min-height:665px) and (max-height:809px){
        
    #news_mob {
        height: 55vh;
    }
}



@media only screen and (min-width:0px) and (max-width:765px) {
    
    #icon_mob {
        position: fixed;
        display: inline-block;
        width: 75px;
        left: 0;
        right: 0;
        margin: auto !important;
        padding-right: 5px;
        padding-left: 20px;
        bottom: 56px;
        z-index: 5;
    }
    
    #icon_mob img {
        position: relative;
        width: 58px;
        top: -90px;
        left: 0px;
    }
    
    #icon_mob_sub {
        position: fixed;
        display: inline-block;
        width: 75px;
        left: 0;
        right: 0;
        margin: auto !important;
        padding-left: 15px;
        bottom: 5px;
        z-index: 60;
    }
    
    #icon_mob_sub img {
        position: relative;
        width: 58px;
        top: 0px;
        left: 0px;
    }
}

*/