::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 1;
}

::-ms-input-placeholder { /* Microsoft Edge */
   opacity: 1;
}


html{ margin: 0px; padding: 0px;}
body{ font-family: 'Montserrat',serif; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background:#000000;  letter-spacing: 0px;
    width: 100%;  overflow: auto; color: #ffffff}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}

a{ text-decoration: none;  color: inherit;  transition: all 0.5s ease;}
a:hover{ color: #d1d2d2; text-decoration: none; }
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}
.img-fluid_r {
    display: inline-block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
    vertical-align: middle;
}

#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden; width: 100%; position: relative; margin: 0px auto;}
.inner{ max-width: 900px; width:100%; position: relative; margin: 0px auto 0px auto; text-align: center; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.shadow5{-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.videoWrapper {
    position: relative;
    padding-bottom: 51.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:8px solid #ffffff; background: #cccccc center no-repeat; box-sizing: border-box;
}
@keyframes bats_left {
0% {
transform: scale(1, 1);
top:350px; left: -150px;
}
50% {
transform: scale(1.5, 1.5);
left: -120px;
top: 370px;
}
80% {
transform: scale(1, 1);
top:340px; left: -160px;
}
100% {
transform: scale(1, 1);
top:350px; left: -150px;
}
}
@keyframes bats_right {
0% {
transform: scale(1, 1);
top:250px; right: -150px;
}
50% {
transform: scale(1.3, 1.3);
right: -20px;
top: 390px;
}
80% {
transform: scale(1.2, 1.2);
top:300px; right:10px;
}
100% {
transform: scale(1, 1);
top:350px; right: -150px;
}
}
.header{ width: 100%; position: relative; background: url(../images/back.jpg) #ffa300 bottom center no-repeat; min-height: 959px; }
.back2 .header{ background: url(../images/back2.jpg) #ffa300 bottom center no-repeat; }
.back2_done .header{ background: url(../images/back2_done.jpg) #ffa300 bottom center no-repeat; }
.back_done .header{ background: url(../images/back_done.jpg) #ffa300 bottom center no-repeat; }

.bats_left{ position: absolute; top:350px; left: -150px; animation-duration: 10s; animation-name:bats_left; animation-iteration-count: 100;
  animation-delay: 2s;  }
  .bats_right{ position: absolute; top:350px; right: -150px; animation-duration: 10s; animation-name:bats_right; animation-iteration-count: 100;
  animation-delay: 2s;  }
.main_logo{ position: relative;margin-top: 20px; }
.main_ttl{ position: relative; margin-top:15px; }
.main_sttl{position: relative; color: #ffffff; font-size: 23px; line-height: 26px; text-transform: uppercase;; max-width: 550px; margin:15px auto 0px auto; max-width: 660px; font-weight: 900; letter-spacing: 1.2px}
.door_container{ width: 100%; position: absolute;top: 385px; left: 0px; }
.door_content{ position: relative; max-width: 550px; margin:0px auto 0px auto; height: 580px; }
.door_bottom{ width: 100%; position: absolute; bottom:-20px; left: 0px; }
.note{  font-family: 'tahoma',verdana,sans-serif; font-size: 12px; line-height: 15px; }
.door_connect{ position: relative; margin-top: 15px; }
.artist_image{ position: absolute; top:0px; left: 0px; width: 100%; height: 100% }
.frame{ position: relative; display: inline-block;  }
.content{ position: relative; margin: 40px auto 0px auto }
.ttl{position: relative; color: #ffffff; font-size: 23px; line-height: 26px; text-transform: uppercase;; max-width: 550px; margin:15px auto 0px auto; max-width: 600px; font-weight: 900; letter-spacing: 1.2px}
.sttl{position: relative; color: #ffffff; font-size: 20px; line-height: 26px; text-transform: uppercase;; max-width: 550px; margin:15px auto 0px auto; max-width: 600px; font-weight: 400; letter-spacing: 1.2px; margin-top: 6px;}
.prizes{font-size: 17px; line-height: 22px; }
.pumpkin{ position: absolute; bottom: -30px; left: -150px; }
.prize_img{ position: relative; display: inline-block; }
.prizes a{ display: none; }
.playlist{ position: relative; max-width: 510px; margin: 10px auto 0px auto; width: 100%; }
.playlist iframe{ display: block; width: 100%;border:1px solid #ffffff; }
.playlist_info{ position: relative; margin: 30px auto 0px auto }
footer{background-color: #131313;
background-image: url(../images/footer_darkest.jpg);
color: #fff;}
.flex_inner{ display: flex; position: relative; align-items: center; justify-content: space-around;  }
.col_left, .col_right { width: 40%; min-width: 200px }
.col_right{ text-align: left; }
.footer_socials_icons { font-size: 16px; line-height: 20px; text-align: left; }
.footer_socials_icons i{ color:#b29454; }
footer{ margin-top: 50px; padding-top: 40px; padding-bottom: 40px; }
.door_open_text{ width: 185px; margin: 0px auto 0px auto; position: relative;color: #000000 }
@media handheld, only screen and (max-width: 850px) {
  .bats_left{ display: none !important; }
    .bats_right{ display: none !important; }
  }
@media handheld, only screen and (max-width: 550px) {
    .inner{ width: 95% }
    .flex_inner{ flex-wrap: wrap; }
    .bats_left{ display: none; }
    .bats_right{ display: none; }


    }