::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:url(../images/back2.jpg)  fixed #ffd800 top center no-repeat;   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;
}
body{ background: #ffd800; color:#101010; }
.top_bar{ width: 100%; height: 26px; background: url(../images/top_bar.jpg) top center repeat-x }
.main_box{ width: 100%; max-width: 630px; margin: 10px auto 0px auto;border:2px solid #000000; border-radius:40px; height: 60px; display: flex; justify-content: space-between; width: 100%;align-items: center;overflow: hidden;}
.main_box input{ width: 100%; background: transparent;border:0px; font-size: 18px; line-height: 20px; color: #000000; text-indent: 20px; }
.btn-spotify{ background: #00c750; color: #ffffff; height: 60px; padding-left:40px; padding-right:40px;border-radius: 40px; line-height: 43px; font-weight: 700 }


.btn-spotify:hover{ background: #087434; color: #ffffff }
.vote{ width: 100%; max-width: 300px; margin: 0px auto;position: relative; }
.btn-vote{ color: #ffffff; background: #00c750; display: flex;width: 100%; justify-content: space-between; align-items: center;border-radius: 40px; font-size: 20px; line-height: 24px; font-weight: 700; margin-bottom:10px; margin-top:10px; }
.main_ttl{ width: 100%; max-width: 600px; margin:10px auto 0px auto; text-transform:uppercase;font-size: 24px; line-height: 30px; font-weight: 700 }
.share_page{ color: #000000; font-weight: 500;font-size: 18px; line-height: 20px; margin-top:20px; }
.dis{background-color: #737373; opacity: 0.8}
.note{ font-size: 11px; line-height: 13px; margin: 5px auto 0px auto; max-width: 850px; }
.note a {text-decoration: underline}
.vid{ margin:40px auto 0px auto; position: relative; max-width: 600px }
.top_socials{ width: 100%; text-align: center; margin:10px auto 0px auto; font-size: 25px; line-height: 25px }
.top_socials a{ display: inline-block; vertical-align: middle; margin: 4px; }
.more{ text-align: center; width: 100%; position: relative; }
.btn-green{ color: #ffffff; background: #00c750; border-radius: 40px; font-size: 20px; line-height: 24px; font-weight: 700; }
.btn-green:hover{ background: #087434; color: #ffffff }
.powered{ text-align: center; }

textarea:focus, input:focus{
    outline: none;
}
.footer_links{ color: #000000; font-size: 14px; line-height: 20px; text-align: center; }
.footer_links a, .footer_links span{ display: inline-block; vertical-align: middle; }

@media handheld, only screen and (max-width: 900px) {
    .inner{ width: 95% }
    #main_row iframe{ margin-left: auto !important; margin-right:auto !important; }
    }