@font-face {
  font-family: 'Conv_Gotham-Medium';
  src: url("../fonts/Gotham-Medium.eot");
  src: local("☺"), url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_Gotham-Bold';
  src: url("../fonts/Gotham-Bold.eot");
  src: local("☺"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_Gotham-Thin';
  src: url("..fonts/Gotham-Thin.eot");
  src: local("☺"), url("../fonts/Gotham-Thin.woff") format("woff"), url("../fonts/Gotham-Thin.ttf") format("truetype"), url("../fonts/Gotham-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/** Generated by FG **/
@font-face {
  font-family: 'Conv_Gotham-Light';
  src: url("fonts/Gotham-Light.eot");
  src: local("☺"), url("../fonts/Gotham-Light.woff") format("woff"), url("../fonts/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
html{ margin: 0px; padding: 0px;}
body{ font-family: 'Conv_Gotham-Medium',sans-serif; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #f1f1f3;  
    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;
}

#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden;}
.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-bottom: 94%;
    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;
}

.green_btn{ background: #40b653; color: #ffffff; font-family:'TradeGothicW01-BoldCn20_675334'; font-size: 33px; line-height: 30px;  text-transform: uppercase;  padding: 6px 13px 6px 10px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; display: inline-block; width: 95%;  max-width: 400px; position: relative;}
.green_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.green_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.green_btn:hover{ color: #ffffff; background: #2f903f; }

.green_btn_sm{ background: #40b653; color: #ffffff; font-family:'TradeGothicW01-BoldCn20_675334'; font-size: 14px; line-height: 16px;  text-transform: uppercase;  padding:4px 5px 4px 5px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; display: inline-block; width: 95%;  max-width: 130px; position: relative;}
.green_btn_sm i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.green_btn_sm span{ display: inline-block; vertical-align: middle; position: relative; }
.green_btn_sm:hover{ color: #ffffff; background: #2f903f; }
.cttl{ color: #000000 }
.connect_ttl{ position: relative; margin: 30px 0px 0px 0px; }
.head_img_m{ display: none; }



.content{ position: relative;  background: url(../images/back.jpg) #f1f1f3 top center no-repeat; z-index: 10 }
.content .inner{ padding: 25px 0px 25px 0px; }

.album{ text-align: center; }
.album_cover{ position: relative; text-align: center; margin: 0px auto 0px auto; display: inline-block; vertical-align: middle; }
.album_cover img{ position: relative; display: block; border: 0px solid #ffffff; margin: 0px auto 0px auto }
.album_info{ position: relative; display: inline-block; vertical-align: middle; max-width: 300px; text-align: center; color: #000000 }
.album_ttl{ font-size: 18px; line-height: 22px; font-family: 'Conv_Gotham-Medium'; text-transform: uppercase; }
.album_ttl b{ font-family: 'Conv_Gotham-Bold'; }
.buy img{ position: relative; margin: 5px; }


.left_side{ width: 214px; position: relative; float: left; text-align: center; }
.right_side{ width: 580px; position: relative; float: right; text-align: center; }
.top_right_side{ width: 580px; position: relative; float: right; text-align: center; }


footer{ position: relative; background: #260657;font-family: 'Conv_Gotham-Light';  }
.footer_socials{ position: relative; margin: 30px 0px 0px 0px; }
.footer_socials a{ display: inline-block; vertical-align: middle; margin: 5px; color: #ffffff; font-size: 30px; line-height: 34px; }

.logo{ position: relative; padding: 0px 0px 0px 0px;margin: 15px 0px 0px 0px; }
.enter_web{ font-family: 'Conv_Gotham-Bold',sans-serif; font-size: 18px; line-height: 20px; z-index: 10; margin: 10px 0px 0px 0px; }
.connect_top{ position: absolute; top:20px; left: 10px; text-align: left; z-index: 10 }
.connect_top a{ display: inline-block; vertical-align: middle; margin: 4px 4px 0px 4px; font-size: 25px; line-height: 25px; }

.prizes{ position: relative; margin: 30px auto 0px auto; text-align: center; }
.prize { position: relative; display: inline-block; vertical-align: middle; max-width: 286px; margin: 1%; width: 30%; }
.prize img{ display: block; width: 100%;  }
.abbr{ font-size: 11px; line-height: 13px; font-family: 'Open Sans',sans-serif; width: 95%; margin: 10px auto 0px auto; color: #c5c5c5 }
.gp_info{ position: relative; font-size: 13px; line-height: 16px; width: 300px; color: #ffffff;font-family: 'Open Sans',sans-serif;  display: inline-block; vertical-align: middle; text-align: left;   }
.gp_icon{ position: relative; display: inline-block; vertical-align: middle; }
.share_icons{ position: relative; font-size: 50px; line-height: 50px;  }
.share_icons a{ display: inline-block; vertical-align: middle; margin: 4px; }
.feed_sec{ position: relative; margin: 40px auto 0px auto }
.mob{ display: none; }

footer{ border-top: 0px solid #2c2b29; }
.feed_container{ width: 95%; margin: 10px auto 0px auto; position: relative; }
.feed_sttl{ position: relative; font-size: 14px; line-height: 16px; color: #ffffff; font-family: 'Open Sans',sans-serif; font-weight: 700; letter-spacing: 2px; margin: 5px 0px 0px 0px; }
.footer_left{ position: relative; float: left; width: 75%; text-align: left; margin: 30px 0px 0px 0px; }
.footer_right{ position: relative; float: right; width: 25%; text-align: right; margin: 30px 0px 0px 0px; }
.f_socials{ position: relative; color: #969eaa; margin: 10px 0px 0px 0px;  }
.f_socials a{ display: inline-block; vertical-align: middle; margin: 3px; font-size: 30px; line-height: 33px; }
.f_links{ position: relative; font-size: 16px; line-height: 18px;  }
.f_links a{ display: inline-block; vertical-align: middle;  margin: 4px; }

.top_bar {  position: relative; top:0px; left: 0px; z-index: 10; height: inherit; background: #1c0640 }

.top_bar .inner{ max-width: 800px; padding: 10px 0px 10px 0px }
.wdd .top_bar .inner{ max-width: 620px }
.enter_web{  position: absolute; top:0px; right: 0px; color: #fff7c2; font-size: 15px;  }
 .preview{ position: relative; margin: 20px 0px 0px 0px; }
 .player{ width: 95%; max-width: 450px; margin: 20px auto 0px auto }
.player iframe{ display: block; width: 100%; position: relative; border: 1px solid #c18779; }
.note{ width: 95%; max-width: 458px; margin: 10px auto 0px auto; font-family: 'Lato',sans-serif; font-size: 13px; line-height: 15px; font-weight: 300; }
.vid{ width: 95%; max-width: 458px; margin: 20px auto 0px auto; position: relative; }
.in2{ width: 100%; background: #ffffff; max-width: 540px; border: 2px solid #000000;position: relative; }
.in2 input{ width: 69%; float: left; background: transparent;border: 0px; height: 40px; display: block; text-indent: 10px; font-size: 20px; line-height: 40px; color:  #000000; }
.in2 a{ font-family: 'Oswald',sans-serif; width: 28%; float: right; background: #ffffff; height: 40px; display: block; color: #000000; font-weight: 700; font-size:20px; line-height: 40px; margin: 0px 0px 0px 0px; border-left: 8px solid #000000;text-align: center; }
.newsform{ width: 100%; margin: 0px auto 0px auto; padding: 0px 0px 40px 0px; font-family: 'Lato',sans-serif }
.newsbar{ position: relative; background: #ffffff; color: #000000; }
.news_ttl{ font-size: 18px; line-height: 22px; font-weight: 700; text-transform: uppercase; }
header{ background: #bececb; position: relative; }
.main_ttl{ font-size: 24px; line-height: 30px; color: #ffffff; margin: 0px auto 0px auto; max-width: 620px; }
.socials{ position: relative; }
.socials a{ display: inline-block; vertical-align: middle; margin: 10px; font-size: 35px; line-height: 38px; }
.main_hash{ position:relative; font-size: 38px; line-height: 43px; margin: 10px auto 0px auto; width: 95%;  }
.main_txt{ position: relative; font-size: 16px; line-height: 20px; margin: 10px auto 0px auto; width: 95%;font-family: 'andadaregular'; font-weight: 300; max-width: 450px;  }
.feed_container{ position: relative; width: 95%; max-width: 900px; margin: 0px auto 0px auto; text-align: center; }
.feed_ttl{ color: #f8d880; font-size: 33px; line-height: 38px; }
.powered{ padding: 30px 0px 0px 0px; }
.footer_left{ font-family: 'Oswald',sans-serif }
.copy{ font-size: 18px; line-height: 24px; color:#585f69; width: 95%; margin: 10px auto 0px auto; max-width: 700px; position: relative;  }
.footer_links{ font-size: 18px; line-height: 24px; color: #585f69; text-transform: uppercase; }
.head_img_m{ display: none; }

.top_socials{ position: absolute; top:0px; left: 0px; }
.top_socials a{ display: inline-block; vertical-align: middle; margin: 8px 5px 0px 0px; color: #fff7c2; font-size: 25px; line-height: 27px; }
.top_logo{ position: relative; text-align: center; }

.sep{ width: 100%; height: 30px; background: url(../images/sep.png) center no-repeat; }
.big_ttl{ font-family: 'Conv_Gotham-Light'; font-size: 45px; line-height: 48px; color: #c18779}
.big_ttl b{ font-family: 'Conv_Gotham-Bold'; }
.main_que{font-size: 32px; line-height: 35px; font-family: 'Conv_Gotham-Bold'; color: #000000; width: 95%; max-width: 370px; margin: 0px auto 0px auto; position: relative; text-transform: uppercase;}
.main_ttl{ position: relative; font-size: 24px; line-height: 28px; width: 95%; max-width: 350px; margin: 0px auto 0px auto;font-family: 'Conv_Gotham-Light'; color: #000000; }
.quiz_box{ width: 95%; max-width: 450px; border: 2px solid #c18779; margin: 20px auto 0px auto; background: #ffffff;  }
.quiz_top{ background:  url(../images/pat.png) #c18779 bottom center repeat-x; position: relative; }
.quiz_status{ width: 95%; margin: 0px auto 0px auto; padding: 5px 0px 16px 0px; text-align: left; font-size: 18px; line-height: 22px; }
.quiz_big_ttl{ position: relative; color: #000000;  font-family: 'Conv_Gotham-Medium'; font-size: 25px; line-height: 28px; text-align: left; }
.quiz_big_ttl b{ font-family: 'Conv_Gotham-Bold';}
.quiz-content{ width: 95%; margin: 0px auto 0px auto; padding: 20px 0px 20px 0px; position: relative; text-align: left; color: #000000; font-size:15px;}
.quiz_author{ font-family: 'Conv_Gotham-Thin'; font-size: 18px; line-height: 22px; text-transform: uppercase; }
.quiz-content h2{ font-family: 'Conv_Gotham-Light'; font-size: 20px; line-height: 25px; color: #000000; }
.answer-item{ font-family: 'Conv_Gotham-Light'; font-size: 18px; line-height: 31px; color: #000000; margin: 0px 0px 0px 20px; padding: 0px; }

.answer{ color: #000000; margin: 5px 0px 0px 0px; color: #000000; }
.iradio_square-blue{ margin-right: 8px; }

@media handheld, only screen and (max-width: 800px) {
    
    .content{ background: #f1f1f3; }
    .head_img_m{ display: block; }
    .content .inner{ padding-top: 0px; }
    .top_right_side{ width: 95%; max-width: 450px; float: none; margin: -50px auto 0px auto; position: relative; }
     .right_side{ width: 95%; max-width: 450px; float: none; margin: 0px auto; position: relative; }
      .left_side{ width: 95%; max-width: 450px; float: none; margin: 0px auto; position: relative; }

    }

@media handheld, only screen and (max-width: 700px) {

    .top_bar{ position: relative; height: inherit; }
    .album{ position: relative; float: left; left: 0px; top:0px;  }
    .enter_web{ position: relative; float: right; top:0px; right: 0px; }
    .head_img_m{ display: block; }
    .head_img{ display: none; }

.share_top{ display: none; }
.top_socials{ display: none; }
}

@media handheld, only screen and (max-width: 600px) {

       .album{ width: 100%; text-align: center; float: none; margin: 0px 0px 0px 0px; }
       .enter_web{ width: 100%; text-align: center; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px }
    

    }

  @media handheld, only screen and (max-width: 380px) {

.album_ttl{ font-size: 14px; line-height: 16px;
  }
}