/*
Theme Name: Magic Moments 2
 */

* {
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 2;
}
body,
html {
    width: 100%;
/*    height: 100%;*/
}
body {
    font-family: "museo-slab";
    font-weight: 300;
    font-size: 15px;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
margin:-45px 0 0 -45px;
    width: 70px;
}
.preloader-wrapper .preloader img { width: 70px ;}

section, input, h2, h3, button { font-family: "museo-sans"; }
h2 { font-weight: 700; font-size: 2.15em; text-transform: uppercase; color:rgb(20,175,75); margin-top:20px; }
h3 { font-weight: 300; font-size: 1.5em; text-transform: none; color:#404040; margin-bottom:30px;  }
h6 { font-size:1em; font-family: "museo-sans"; font-weight: 700; text-transform: uppercase; color:#fff; text-shadow: 2px 2px 4px #000; }
p, ul { font-size:1.15em; font-family: "museo-sans"; color:#404040;  }
p { margin:10px auto; }
.tentimes h4 {text-transform: uppercase;
font-size: 1.25em;
text-shadow: 2px 2px 3px rgba(0,0,0,0.7);
margin-bottom: 30px;}
a, a:hover { text-decoration: none; }
a { color:rgb(0, 180, 225); }
a:hover { color:#ffcb04; }
button, input[type="submit"] { font-size:1.5em; text-transform: uppercase; padding:10px 30px; background: rgb(20,175,75); color:#fff; border:0 !important; }
button.validate { display:none; }
.wrapper { overflow-x: hidden; }
input { font-size:1em; font-weight: 300; width:calc(50% - 40px); margin:5px; padding:5px 10px; display:inline-block; border:1px solid rgb(0, 180, 225); color:rgb(0, 180, 225); }
input.long { width:calc(75% - 40px); }
input.short { width:calc(25% - 53px); }

input::placeholder { color:#404040; }
.bghome,
.bginner { background-image:url('assets/images/bg/festival.jpg'); background-position: center bottom; background-repeat:  no-repeat; background-size: cover; position: fixed; top:0; right:0; bottom:0; left:0; z-index: 0; }
.bginner { opacity: 0.2; }
header { position: fixed; top:0; right:0; left:0; z-index: 99999 !important; }
header img.bg { width:100%; position: relative; z-index: 0; }
header img.logo { height:55%; position: absolute; margin:15px 30px; }
header img.logo:hover { opacity:0.8; cursor:pointer; }

header nav { position: absolute; font-family: "museo-sans"; top:30%; left:0; right:0; text-align: center; z-index: 999; }
header nav.lang { position: absolute; font-family: "museo-sans"; left:auto; right:25px;  text-align: right; }
header nav ul { list-style: none; font-size:1em; }
header nav ul li,
header nav ul li a { font-weight:500; color:#fff; text-transform: uppercase; display: inline-block; text-decoration: none; }
header nav ul li.current-menu-item a  { color:#ffcb04; }
header nav.lang ul li.current-lang a { color:#ffcb04; }
header nav ul li a:hover { color: #bfbebf; cursor: pointer;}
header nav ul li:after  { content: "|"; color:#fff; margin:0 20px; }
header nav.lang ul li:after  { content: "|"; margin:0 8px 0 10px; }
header nav ul li:last-child:after  { content: ""; margin:0 0; }

.mobile { position: fixed; top:0; right:0; bottom:0; left:0; background:#0072a0; z-index:9999; display:none; }

section { width:100%; height:100%; position: relative; text-align: center; z-index: 9; }
section#home { min-height:400px; }
section#home a:hover { opacity:1; }
section hr { width:100px; height:3px; background:rgb(20,175,75); display: block; size:10px; color:#ccc; margin:10px auto 20px; }
section span { display: inline-block; margin:20px 10px; }
section span:before { content:""; display:inline-block; position: relative; width:15px; height:15px; border:1px solid #404040; margin-right:10px; }

section#gagnants { width:60%; margin:0 auto; text-align: center;}
section#title { margin-top:250px;}


@media screen and (min-width: 1600px) {
    section#title { margin-top:320px;}
}
@media screen and (max-width: 1280px) {
    body { font-size: 14px; }
    section#title { margin-top:200px;}
}
@media screen and (max-width: 1024px) {
    body { font-size: 13px; }
    header nav ul li:after  { content: "|"; color:#fff; margin:0 10px; }
    header img.bg { height:200px; width:auto;}       
    section#title { margin-top:200px;}
}

section#form { font-size:1em; width:60%; margin:0 auto; display:none; }
section#form .conditions { text-align: left; margin-top:20px; }
section#form span { font-size: 0.85em; display: block; margin:3px 10px; }
section span:before { content:""; display:inline-block; position: relative; width:12px; height:12px; border:1px solid #404040; margin-right:10px; }

section span.active:before { background:#404040; }
section#home .plane { width:150px; max-width:768px; margin:0 auto; position: fixed; top:250px; left: 60%; opacity:0; }

section#home .banner,
section#home .bannermobile { width:80%; max-width:768px; margin:330px auto 0; position: relative; display: block; opacity:0; z-index:10;}
section#home .subbanner { position:absolute; display:block; width:500px; height:110px;  margin-left:-250px; top:40px; opacity:0; margin-top:-50px; }
section#home .places { display: block; width: 500px; height: 120px; left: 50%; margin-left: -250px; top: 93px; z-index: 11; font-weight: 900; color: #fff; text-transform: uppercase; transform: rotate(-3deg); font-size: 2em; position: absolute; text-shadow: 3px 3px 3px rgba(0,0,0,0.4); opacity:0; margin-top:-50px; letter-spacing:1px;}
section#home a:hover { opacity:0.8 !important; cursor: pointer;}
section#home .bannermobile { display:none; margin:220px auto 0; opacity:1;}




section .gagnant { width:18%; margin:0 auto; position: relative; display: inline-block; padding:5px; transition:all 250ms ease; }
section .gagnant:hover { cursor:pointer; opacity:0.7; transition:all 250ms ease; }

 
section .gagnant img { width:100%; border-radius: 3px; }

.cookies { position: fixed; right:0; bottom:0; left:0; z-index:999; background:rgba(40, 40, 40, 1); padding:30px 30px 20px;}
.cookies p {float:left; width:calc(100% - 100px); margin:-5px 0 0 0; font-family: "museo-sans", sans-serif; color:#fff; font-size: 0.85em;  }
.cookies img { height:40px; float:right; margin-top:-10px; }
.cookies img:hover { cursor: pointer; opacity:0.5;}
.video_show { position: absolute; width:700px; height:393.75px; left:50%; margin-left:-350px; z-index:1; background:rgba(40, 40, 40, 0.95); top:375px; }
.video_overlay { position: fixed; top:0; right:0; bottom:0; left:0; z-index:99999; background:rgba(40, 40, 40, 0.95); width:100%; height:100%; display: none; }
.video_overlay h3 { position: absolute; right:0; bottom:0; left:0; color:#ffcb04; text-align: center; }
.video_overlay h3:hover { color:#fff; cursor:pointer; }
.video_overlay iframe { width:80vw; height:45vw; position: absolute; top:calc(50% - 22.5vw); left:calc(50% - 40vw);}
.video_show iframe { width:100%; height:100%;position: absolute; top:0; left:0;}
@media screen and (max-width: 1440px) {
    .video_show { width:600px; height:337.5px; top: 385px; margin-left:-275px;  }
}
@media screen and (max-width: 1350px) {
    .video_show { width:550px; height:309.38px; top: 355px; margin-left:-275px;  }
}
@media screen and (max-width: 1024px) {
    .video_show { width:500px; height:281.25px; top: 355px; margin-left:-250px;  }
}
@media screen and (max-width: 800px) {
    section#home .subbanner { position: absolute;
position: absolute;
display: block;
width: 350px;
height: 65px;
margin-left: 0;
        left:0;
top: 55px;
opacity: 0;
margin-top: -50px;
        max-width:90vw;
    }
    
    section#home .places { display: block;

top: 68px !important; 

font-size: 1.35em !important;

}

}
@media screen and (max-width: 600px) {
    section#home .subbanner { position: absolute;
position: absolute;
display: block;
width: 350px;
height: 65px;
margin-left: 0;
        left:0;
top: 35px;
opacity: 0;
margin-top: -50px;
        max-width:90vw;
    }
    
    section#home .places { display: block;

top: 46px !important; 

font-size: 1.35em !important;

}

}
@media screen and (max-width: 450px) {
    section#home .subbanner { position: absolute;
position: absolute;
display: block;
width: 350px;
height: 65px;
margin-left: 0;
        left:0;
top: 25px;
opacity: 0;
margin-top: -50px;
        max-width:90vw;
    }
    
    section#home .places { display: block;

top: 36px !important; 

font-size: 1.35em !important;

}

}
@media screen and (max-width: 640px) {
    .video_show { width:80vw; height:50.625vw !important; top: 250px; margin:0 auto; left:10vw;  }
}
.tentimes,
footer {
    position: absolute;
    bottom:0;
    font-family:"museo sans", sans-serif;
    font-weight: 500;
    font-size:0.85em;
    width:100%;
    text-align: center;
    margin:30px auto 0;
    color:#fff;
    z-index: 100;
}
.tentimes { bottom:70px;}

footer a { color:#ffffff; }
footer.inner a { color:#404040; }
footer a:hover { color:rgb(0, 180, 225); }

.homewrap p { color:#ffffff; }
/*.innerwrap footer { position: relative;}*/
.innerwrap { color:#404040; }
footer p { font-size:1em;  }
footer p { margin-bottom:30px; }

.abs footer { position: absolute; }
.signature img.btn { position: absolute; right:0; width:200px; bottom:20px; left:50px; z-index: 999;}
.signature .btn { opacity:1; transition: all 125ms ease;}
.signature .btn.over { opacity:0; }
.signature:hover  { cursor: pointer; }
.signature:hover .btn { opacity:0; }
.signature:hover .btn.over { opacity:1; }
.signature img.bubbles { position: fixed; right:0; width:40%; max-width:500px; bottom:0px; left:0px; z-index:2;}
.signature img.logo { position: fixed; width:125px; bottom:30px; right:35px; z-index:9;}
.signature.mobile img.logo { position: absolute; width:125px; bottom:30px; right:35px; z-index:9;}
.signature img.logo:hover { opacity:0.8; }


@media screen and (max-height:800px) {
    header { position: fixed; top:0; right:0; left:0; z-index: 99; }
    
    section#home .plane { width:100px;  }
section#home .banner { width:80%;  }

    
}
@media screen and (max-width:1200px) {
    section .gagnant { width:30%; margin:0 auto; position: relative; display: inline-block; padding:5px; }
}
@media screen and (max-width:1024px) {
        input { width:calc(100% - 40px);}
    input.short {width: calc(35% - 48px);}
    input.long {width: calc(65% - 40px);}
    input.short.custom { width:calc(50% - 51px); }
}

@media screen and (max-width:820px) {
    .tentimes { bottom:25px;}

        section span { display: block; margin:20px 10px; }

    .mob { display:none; }
    .mobteaser { position: absolute;  margin-top:60px; bottom:auto; left:50%; margin-left:-125px; z-index:999;}
    section#home .plane {display:none;}
section#home .banner { display:none;}
section#home .bannermobile { width:100%; display:block; margin-top:120px; opacity: 0; }
    section { padding:0 20px; width:calc(100% - 40px);}
    section#title { margin-top:170px;}
    section#form { font-size:1em; width:calc(100% - 40px); margin:0 auto; display:none; padding-bottom:130px; }
    section#gagnants {padding-bottom:130px; }
section .gagnant { width:80%; margin:0 auto; position: relative; display: inline-block; padding:5px; }

    input { width:calc(100% - 40px);}
    input.short {width: calc(35% - 48px);}
    input.long {width: calc(65% - 40px);}
    header nav { display:none; }
    header nav.lang { display:block; top:20px; }
    .signature img.bubbles { width:calc(100% - 160px); max-width:500px; }
    .signature img.logo { width:100px; height:100px; bottom:10px; right:25px; }
    img.pt { width:100px; height:100px; bottom:15px; right:25px; position: fixed; }
    footer { display:none;}
    .mobile ul { margin-top:160px; text-align: center; text-transform: uppercase;}
/*    .mobile ul:before { content:""; position: absolute; width:100px; margin-left:-50px; margin-top:-30px; height:3px; background:rgb(0, 180, 225);}*/
    .mobile ul:after { content:""; position: absolute; width:100px; margin-left:-50px; margin-top:10px; height:3px; background:rgb(0, 180, 225);}
    .mobile p { font-size:0.5em; color:#fff; text-align: center; margin:70px auto;}
    .mobile ul li { margin-bottom:15px; }
    .mobile a { color:#fff; font-size:1.5em; margin-bottom:30px; }
    .mobile ul li.current-menu-item a,
    .mobile a:hover { color:#ffcb04; }
    .burger { position: relative; width:30px; height:3px; background:#fff; margin-top:0;}
    .burger:before { content:""; position: absolute; right:0px; top:-8px; width:30px; height:3px; background:inherit;}
    .burger:after { content:""; position: absolute; right:0px; top:8px; width:30px; height:3px; background:inherit;}
    .bwrap { height:30px; cursor: pointer; position: absolute; top:69px; width:30px; right:30px;}
    .bwrap:hover .burger { background:#ffcb04; cursor: pointer;}
    .signature img.btn { position: absolute; width:150px; }
.bghome,
.bginner { background:url('assets/images/bg/festival.jpg') center bottom no-repeat / auto 100% ; position: fixed; top:0; right:0; bottom:0; left:0; z-index: 0; }
    input { font-size:0.85em;}
}
@media screen and (max-width:640px) {
    input { padding:12px 10px;}
     header img.bg { height:150px; width:auto; margin-left:-100px;}   
}
@media screen and (max-width:330px) {

    .mobteaser { display:none; }
    .mobile p { margin-top:35px;}
        .mobile ul li { margin-bottom:10px; }
        .mobile a { color:#fff; font-size:1.15em; margin-bottom:20px; }

}

input
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
       -webkit-border-radius: 0;  
   -moz-border-radius: 0;  
   border-radius: 0;  
}