/* Reset */
html,body,div,object,iframe,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,blockquote,form,fieldset,input,select,textarea,table,thead,tbody,tfoot,tr,th,td{ padding: 0; margin: 0; }
html{ height: 100%; font-size: 625%; }
body{ height: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 18px; }
h1,h2,h3,h4,h5,h6{ font-weight: bold; }
hr{ height: 0; display: block; border: none; padding: 0; margin: 0; }
label,input[type=button],input[type=submit],button{ cursor: pointer; }
a img{ border: none; }
img{max-width: 100%;}
a:active,a:focus,object{ outline: none; }
table{ border-collapse: collapse; border-spacing: 0; }
input.btn[type="text"]::-moz-focus-inner,input.btn[type="reset"]::-moz-focus-inner,input.btn[type="button"]::-moz-focus-inner,input.btn[type="submit"]::-moz-focus-inner{ border: 0; }
input[type="text"],input[type="reset"],input[type="button"],input[type="submit"]{ line-height: normal; }


video{
    max-width: 100%;
}
/* Default */
body{ font-family: Arial, Helvetica, sans-serif; }
input, textarea, select{ font-size: 0.180rem; font-size: 18px; max-width: 100%; }
input, textarea, select{padding: 1%;}
select {
   /* -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;*/
    border:0;
    outline: 0;
}
a:link,a:visited{ outline: none; text-decoration: none; cursor: pointer; }
.desktop a:hover{ text-decoration: underline;}

p{ padding-bottom: 3%; }

/* Background */
body{ background-repeat: no-repeat; background-position: center top; }
.fade_global{ z-index: -1; position: absolute; width: 100%; height: 100px; margin: -100px 0 0 0;     background-size: 100% 100%;}
.body_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 100%;
    width:1px !important; /*iOS Iframe Bug Fix */
    min-width: 100%; /*iOS Iframe Bug Fix */
}

/* Snippets */
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix{ zoom: 1; }
*:first-child+html .clearfix{ zoom: 1; }

ul.center_inline{ display: flex; flex-direction: column; font-size: 0; list-style: none; text-align: center; justify-content: center; -ms-flex-pack: center; }
ul.center_inline li{ font-size: 0.180rem; font-size: 18px; }
ul.center_inline li.show{ display: inline-block; }
ul.center_inline li.hide{ display: none; }

@media all and (min-width: 640px) {
  ul.center_inline{ flex-direction: row; }
  ul.center_inline li { display: flex;  flex-direction: column; flex: 1; }
}

.v_center1{ width: 100%; display: table; }
.v_center2{ width: 100%; display: table-cell; vertical-align: middle; }

.w10{ width: 10%; }
.w20{ width: 20%; }
.w30{ width: 30%; }
.w40{ width: 40%; }
.w50{ width: 50%; }
.w60{ width: 60%; }
.w70{ width: 70%; }
.w80{ width: 80%; }
.w90{ width: 90%; }

.mw10{ width: 10%; }
.mw20{ width: 20%; }
.mw30{ width: 30%; }
.mw40{ width: 40%; }
.mw50{ width: 50%; }
.mw60{ width: 60%; }
.mw70{ width: 70%; }
.mw80{ width: 80%; }
.mw90{ width: 90%; }
/* Colors */
.popup_overlay{
    background: #191919;
}
.smartphone .popup_overlay{ background: rgba(0, 0, 0, 0.8); }

/* Popup */
.popup_loading{ z-index: 13; position: fixed; top: 50%; left: 50%; width: 100px; height: 15px; background: #000000 url(../images/popup_loading.gif) repeat-x 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #212121; margin: -7px 0 0 -50px; }
.popup{ z-index: 12; position: absolute; top: 0; width: 100%; color:#ffffff !important; }
.popup p{  color:#ffffff !important;}
.popup iframe{
    height: 100% ;
    max-width: 810px;
    margin: 0 auto;
    display: block;}
iframe.noscrollling{
    overflow: hidden;
}
#iframe_popup{height: 100%;}
.popup .content{ max-width: 810px; padding: 5% 10% 0; margin: 0 auto; }
.popup .content h2{ font-size: 0.600rem; text-align: center; }
.popup .content .scroll{ overflow: auto; margin: 5% 0; }
.popup_overlay{
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -99999;
    opacity: 0;
    -webkit-transition:opacity 0.2s, z-index 0s 0.2s;
    transition:opacity 0.2s, z-index 0s 0.2s;
}
.popup_overlay.active{
    z-index: 11;
    opacity: 1;
    -webkit-transition:opacity 0.2s, z-index 0s 0s;
    transition:opacity 0.2s, z-index 0s 0s;
}

/* Gallery */
.banner-slide, .banner_slide{ width: 100%; }
ul.bjqs{ position: relative; display: none; overflow: hidden; list-style: none; padding: 0; margin: 0; }
li.bjqs-slide{ position: absolute; display: none; }
ul.bjqs-controls{ z-index: 9999; list-style: none; }
ul.bjqs-controls li{ position: absolute; top: 40%; }
ul.bjqs-controls li a{ position: relative; width: 0.163rem; height: 0.244rem; display: block; overflow: hidden; text-indent: -9999px; }
ul.bjqs-controls li a span{ width: 0; height: 0; display: block; line-height: 0; border-style: solid; border-color: transparent; }
ul.bjqs-controls li.bjqs-next{ right: -10.5%; }
ul.bjqs-controls li.bjqs-next a span{ border-width: 0.122rem 0 0.122rem 0.163rem; border-left-color: #000000; }
ul.bjqs-controls li.bjqs-prev{ left: -10.5%; }
ul.bjqs-controls li.bjqs-prev a span{ border-width: 0.122rem 0.163rem 0.122rem 0; border-right-color: #000000; }
ol.bjqs-markers,
p.bjqs-caption{ display: none; }

.box{
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px;
    max-width: 90%;
    z-index: 2;
}


/* Countdown */
.box.countdown{ width: 220px; cursor: default; text-align: center; margin: 0 auto; }
.box.countdown h1{ font-size: 184px; font-size: 1.84rem; line-height: 120%; }

/* Buttons */
.btns_list{ margin-bottom: 5%; margin-top: 5%; }
.btns_list li{ padding: 0 1%; }
.btn{ margin: 0 auto; text-decoration: none !important;}
.btn a,
.btn label{ display: block; text-align: center; text-decoration: none !important; padding: 4px; border-color:transparent; border-width: 4px;
    border-style: solid;}
.btn a strong,
.btn label strong{ display: block; padding: 10px 15px; }
.btn.vw2 a,
.btn.vw2 label{ font-size: 0.163rem; }
.btn.vw3 a, .btn.vw3 label{ font-size: 0.244rem; }
.btn.vw4 a, .btn.vw4 label{ font-size: 0.325rem; }
.btn.vw5 a, .btn.vw5 label{ font-size: 0.406rem; }
.btn.vw6 a, .btn.vw6 label{ font-size: 0.490rem; }
.btn.vw7 a, .btn.vw7 label{ font-size: 0.569rem; }
.btn.vw8 a, .btn.vw8 label{ font-size: 0.650rem; }
.button{
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    background-color: #5a5a5a;
    text-decoration: none !important;
    font-size: 15px;
    color: #ffffff;
	border-color:transparent;
	border-width: 4px;
    border-style: solid;
    cursor: pointer;
    display: inline-block;
    margin: 2px 0;
}

/* Social Buttons */
.social li{ position: relative; vertical-align: middle; padding: 3% 1%; }
.social li [class^="ficon_"],
.social li [class*=" ficon_"]{
    margin-right: 10px;
    font-size: 28px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
}

/* Pagination */
.pagination{ padding: 3% 0; }
.pagination ul{}
.pagination li{ vertical-align: middle; padding: 5px; }
.pagination li a{ display: block; font-size: 22px; text-decoration: none; padding: 5px 10px; border-width: 3px; border-style: solid; }
.pagination li.first a,
.pagination li.last a{ width: 0; height: 0; display: block; line-height: 0; padding: 0; background: none !important; border-width: 15px; border-style: solid; border-color: transparent !important; }

/* Horizontal Rule */
.hr_top{ background: url(../images/shadow_top.png) no-repeat bottom center; padding-bottom: 3.7%; }
.hr_bottom{ background: url(../images/shadow_bottom.png) no-repeat top center; padding-top: 3.7%; }
.hr_top,
.hr_bottom{
	display: none;
}

.hr_top div,
.hr_bottom div{ height: 0.050rem; }

/* Title */
.title h1{ line-height: 1.3; text-align: center; }

/* Form */
.form .row .field_input input{ border: none; }
.form_ugc_captcha{ padding: 0 0 4% !important; }
.form.form_comp_captcha.entry_form_captcha {margin-top: 50px; background-color: rgba(0, 0, 0, 0.2); padding: 25px 20px 15px; border-radius: 10px;}
.form_comp_captcha .row.captcha_holder{ width: 100%; margin-bottom: 10px; padding: 0;  }
.CAPTCHA_row {
    width: 100%;
    position: relative;
}
.CAPTCHA_row img{ width: 100%; display: block; }
.CAPTCHA_row .captcha_holder {max-width: 290px; margin-left: auto; margin-right: auto; }
.CAPTCHA_row .captcha_holder .captcha_refresh_button,
.CAPTCHA_row .captcha_holder .captcha_audio_holder{ cursor: pointer; }

.CAPTCHA_row .captcha_holder .captcha_audio_holder{ padding-bottom: 100%;
    width: 100%;
    position: relative; }

.CAPTCHA_row .captcha_holder .captcha_audio_holder .audio_content{
    position: absolute;
    top:0;
    width: 100%;
    left:0;
    height: 100%;
}

.CAPTCHA_row .captcha_holder .captcha_audio_holder.audio_container .audio_content .overlay .icon_bk{
    background-color: transparent;
}
.CAPTCHA_row .captcha_holder .captcha_audio_holder.audio_container .audio_content .overlay{
    background: none;
}
.CAPTCHA_row .captcha_holder .captcha_audio_holder.audio_container .audio_content .overlay .icon_bk .icon{
    margin-left: 5px;
    border-width: 10px;
}
.desktop .CAPTCHA_row .captcha_holder .captcha_audio_holder.audio_container .audio_content:hover .overlay .icon_bk .icon{
    border-left-color:#ffffff;
}
.CAPTCHA_row .captcha_holder .captcha_refresh_button .up{
    display: none;
}
.CAPTCHA_row .captcha_holder .captcha_refresh_button .over{
    display: block;
}
.desktop .CAPTCHA_row .captcha_holder .captcha_refresh_button:hover .up{
    display: block;
}
.desktop .CAPTCHA_row .captcha_holder .captcha_refresh_button:hover .over{
    display: none;
}
.CAPTCHA_row .captcha_holder .captcha_options{ width: 15%; display: inline-block; vertical-align: middle; background-color: rgba(255,255,255,0.2);}
.CAPTCHA_row .captcha_holder .captcha_image_holder{ width: 82%; display: inline-block; vertical-align: middle; }

.CAPTCHA_row .row .field_input #captcha {border-radius: 5px;}


.selectric-wrapper{}
.selectric-wrapper .selectric{ border-width: 5px; }
.selectric-wrapper .selectric p.label{ font-size: 20px; font-size: 0.203rem; text-align: left; padding: 0.5% 2.5%; margin: 0; }
.selectric-wrapper .selectric .button{ height: 100%; }
.selectric-wrapper.selectric-open .selectric-items .selectric-scroll ul{ text-align: left; }
.selectric-wrapper.selectric-open .selectric-items .selectric-scroll ul li{ width: auto; display: block; font-size: 20px; font-size: 0.203rem; text-align: left; padding: 1.5% 2.5%; border: none; }

/* Video */
.video_container,
.video_container img,
.video_container video,
.video_container .video_content embed{ width: 100%; display: block; }
.video_container .video_content{ position: relative; }
.video_container .video_content .overlay{ z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer; width: 100%; height: 100%; background: url(../images/black_60.png) repeat 0 0; }
.video_container .video_content .overlay .icon_bk{ z-index: 2; position: absolute; top: 50%; left: 50%; cursor: pointer; background: #ffffff; }
.video_container .video_content .overlay .icon_bk .icon{ z-index: 3; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-style: solid; border-color: transparent; border-left-color: #000000; }

/* Audio */
.audio_container,
.audio_container img,
.audio_container audio,
.audio_container .audio_content embed {
    width: 100%;
    display: block;
}

.audio_container .audio_content {
    width: 100px;
    height: 100px;
    position: relative;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.2);
}

.audio_container .audio_content .overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.audio_container .audio_content .overlay .icon_bk {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    background: #ffffff;
}

.audio_container .audio_content .overlay .icon_bk .icon {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width: 0;
    height: 0;
    margin-left: 10px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #000000;
    border-width: 20px;
}
/* Layout */
.main_container{ position: relative; width: 100%; max-width: 810px; min-height: 100%; display: block; overflow: hidden; margin: 0 auto; }

.header_container{ position: relative; padding-bottom: 0%; }
.artwork__fade,.fade{ z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 25%; display: block;     background-size: 100% 100%;}

.artwork{
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    width: 100%;
    z-index: 0;
    max-height: 100%;
    overflow: hidden;
}
.artwork img{
    width: 100%;
    display: block;
    margin: 0 auto;
}

.header_prize_container{ z-index: 2; position: absolute; top: 0; right: 0; text-align: center; }
.inpage_prize_container.prize_container{ width: 35%; margin: 3% auto; text-align: center;}
.prize{ width: 100%; margin: 0 auto; }
.prize .content{padding: 6px;}
.prize .image{ width: 80%; margin: 0 auto; }
.prize .image img{ width: 100%; }
.prize_container .terms_conditions a{ max-width: 100%; }
.padded_canvas{
	position: relative;
	display: block;
	margin: 0 auto;
}
.prize .button { font-size: 12px; padding: 2px 4px;}
.main_container.header_to_bk .header_container{ z-index: 1; padding: 0; }
.main_container.header_to_bk .header_container .artwork{ position: absolute; top: 0; }
.main_container.header_to_bk #app_container{ z-index: 10; position: relative; }

/* Landing + Question */
.box.landing_comp{ text-align: center; padding:20px;}
.box h1{ /*padding: 0 10%;*/ }
.box .description{ text-align: center; padding: 1% 2%; }
.box.landing_comp .description .like_holder{ margin: 0 auto; }
.box.landing_comp .description .like_holder .fb-like-box{ background: #ffffff; }
.box.question_comp .description{ padding: 4% 10% 3%; }
.box.question_comp .btns_list{ text-align: center; }

/* Question */
.question_images{ padding: 0 0 3%; }
.question_images li{ width: 28%; padding: 0 2% 3%; }
.question_images li a{ display: block; text-decoration: none; padding: 10px; width:100%;}
.question_images li a .image{ display: block; }
.question_images li a .image img{ width: 100%; }
.question_images li a .label{ display: block; }

[dir="rtl"] .question_multi_choice{ text-align: right; }
.question_multi_choice{ padding-bottom: 3%; text-align: left; }
[dir="rtl"] .question_multi_choice .row{ padding-right: 7%;}
@media(max-width:640px){
    [dir="rtl"] .question_multi_choice .row{ padding-right :15%; }
    }
.question_multi_choice .row{ position: relative; cursor: pointer; padding: 2.25% 0; padding-left: 10%; margin: 20px auto;}
[dir="rtl"] .question_multi_choice .row .field_radio{ right:0; }
.question_multi_choice .row .field_radio{ position: absolute; top: 50%; margin-top: 1px; left:0; }
.question_multi_choice .row .field_radio div{ position: absolute; top: 15%; left: 15%; width: 70%; height: 70%; -moz-border-radius: 70%; -webkit-border-radius: 70%; border-radius: 70%; }
.question_multi_choice .row .field_radio span{ position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; -moz-border-radius: 60%; -webkit-border-radius: 60%; border-radius: 60%;  }
.question_multi_choice .row .label{ display: block; }
.desktop .question_multi_choice .row:hover .field_radio{ filter: alpha(opacity=50); opacity: 0.5; }
.question_multi_choice .row .field_radio.selected{ filter: alpha(opacity=100); opacity: 1; }
.question_textarea{ padding-bottom: 3%; }
.question_textarea .row .label{ font-weight: bold; padding-bottom: 1.5%; }
.question_textarea .row .field_textarea textarea{ width: 98%; padding: 1%; border: none; }
.question_terms{ overflow: hidden; padding-bottom: 3%; }
.question_terms .row{ position: relative; }
.question_terms .row .field_checkbox{ position: absolute; top: 0; left: 0; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; margin-top: 1px; }
.question_terms .row .label{ width: 95%; display: block; font-size: 0.172rem; padding-left: 5%; }
.desktop .question_terms .row .field_checkbox:hover{ filter: alpha(opacity=50); opacity: 0.5; }
.question_terms .row .field_checkbox.checked{ filter: alpha(opacity=100); opacity: 1; }
.entry_error p{ font-weight: bold; padding-bottom: 1.5%; }
.question_submit{ overflow: hidden; padding-top: 2%; }

.complete_quiz h1,
.box.question_quiz h1,
.answer_outcome h1 { font-size: 28px; }

@media(max-width:640px){
    .box{
        max-width: 90%;
    }
    .complete_quiz h1,
    .box.question_quiz h1,
    .answer_outcome h1 { font-size: 18px !important; max-width: 90%; }
}
/* Complete Quiz */
.complete_quiz h1{ text-align: center; }
.complete_quiz ul{ width: 92%; margin: 0 auto; }
.complete_quiz li{ vertical-align: middle; }
.complete_quiz li h2{ font-size: 0.325rem; line-height: 1.3; padding-bottom: 0%; }
.complete_quiz .sub_heading{font-size: 0.2rem; line-height: 1.3; padding-bottom: 7%;}
.complete_quiz li h3{ font-size: 0.70rem; line-height: 120%; }
.complete_quiz li.copy{ width: 51%; text-align: left; padding-right: 4%; }
.complete_quiz li.copy.full{ width: 100%;text-align: center; }
.complete_quiz li.copy p,
.complete_quiz li.details p{ padding-bottom: 0; }
.complete_quiz li.image,
.complete_quiz li.details{ width: 45%; }
.complete_quiz li.image img{ width: 100%; }
.complete_quiz li.details,
.complete_quiz li.details p{ text-align: left; }
.complete_quiz .box.heading h1{padding: 20px;}

/* if there is no final points div */
.complete_quiz li.details--no-points { width: 100%; }
.complete_quiz li.details--no-points p { text-align: center; }

/* Complete Comp */
.complete_comp{ text-align: center; }
.complete_comp .title{ padding: 0 0 4%; }
.complete_comp .description{ padding: 0 10% 3%; }
.complete_comp .friends{ padding-top: 3%; }
.complete_comp .friends li{ position: relative; width: 12.2%; vertical-align: top; padding: 0 1% 2%; }
.complete_comp .friends li img{ width: 100%; display: block; }
.complete_comp .friends li a{ position: relative; display: block; text-decoration: none; }
.complete_comp .friends li a .tooltip{ display: none; }
.desktop .complete_comp .friends li a:hover .tooltip{ z-index: 1; position: absolute; top: 90%; left: 50%; width: 150%; display: block; padding: 5%; margin-left: -80%; }
.desktop .complete_comp .friends li a:hover .tooltip .arrow{ position: absolute; top: -0.090rem; left: 50%; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 0 0.100rem 0.100rem 0.100rem; margin-left: -0.100rem; }
.desktop .complete_comp .friends li a:hover .tooltip .copy{ display: block; font-weight: bold; font-size: 0.125rem; padding: 2% 0; }
.complete_comp.other{ padding: 3% 0 0; }
.complete_comp.other li{ position: relative; width: 31.3%; vertical-align: top; padding: 1%; }
.complete_comp.other li img{ width: 100%; }

/* answers outcome */
.answer_outcome .answer_outcome__content h1{ text-align: center; }
.answer_outcome .answer_outcome__content ul{ width: 92%; margin: 0 auto; }
.answer_outcome .answer_outcome__content li{ vertical-align: middle; }
.answer_outcome .answer_outcome__content li h2{ font-size: 0.325rem; line-height: 1.3; padding-bottom: 0%; }
.answer_outcome .answer_outcome__content .sub_heading{font-size: 0.2rem; line-height: 1.3; padding-bottom: 7%;}
.answer_outcome .answer_outcome__content li h3{ font-size: 0.70rem; line-height: 120%; }
.answer_outcome .answer_outcome__content li.copy{ width: 51%; text-align: left; padding-right: 4%; }
.answer_outcome .answer_outcome__content li.copy.full{ width: 100%;text-align: center; }
.answer_outcome .answer_outcome__content li.copy p,
.answer_outcome .answer_outcome__content li.details p{ padding-bottom: 0; }
.answer_outcome .answer_outcome__content li.image,
.answer_outcome .answer_outcome__content li.details{ width: 45%; }
.answer_outcome .answer_outcome__content li.image img{ width: 100%; }
.answer_outcome .answer_outcome__content li.details,
.answer_outcome .answer_outcome__content li.details p{ text-align: left; }
.answer_outcome .answer_outcome__content .box.heading h1{padding: 20px;}
.answer_outcome .answers_list {text-align: center;}
.answer_outcome .answers_list li {list-style: none; padding: 0 5px; display: inline-block;}
.answer_outcome .answer_outcome_text {text-align: center;}


/* Notifications */
.notification{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	top:20px;
	left:20px;
	width:300px;
	opacity: 0;
	z-index: -999;
	-webkit-transform:translate(0,-10px);
	transform:translate(0,-10px);
	-webkit-transition:opacity 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, z-index 0s 0.2s;
	transition:opacity 0.2s, box-shadow 0.2s, transform 0.2s, z-index 0s 0.2s;
    background-color: rgba(66, 66, 66, 0.37);
    box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
	color:#ffffff;
	border-radius: 2px;
	cursor: pointer;
	padding-left: 60px;
	padding-right: 10px;
	font-size: 15px;

    /*active*/
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
    z-index: 999;
    opacity: 1;
}
.notification:hover{
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.3);
}
.notification .icon{
	position: absolute;
	width:40px;
	top:50%;
	left:10px;
	margin-top: -20px;
}

footer{
    text-align: left;
    display: inline-block;
    padding: 4px 16px;
    font-family: Arial,sans-serif;
    font-size: 10px;
}

/*.notification.active{
	-webkit-transform:translate(0,0px);
	transform:translate(0,0px);
	z-index: 999;
	opacity: 1;
	-webkit-transition:opacity 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, z-index 0s 0s;
	transition:opacity 0.2s, box-shadow 0.2s, transform 0.2s, z-index 0s 0s;
}*/
.notification_msg{
	padding: 4px;
	display: none;
}
.notification_msg.active{
	display: block;
	color: #ffffff;
}


/* Progress Bar */
.progress_bar {
	width: 90%;
	max-width: 350px;
    margin: 5% auto;
}
.progress_bar .progress{
    -webkit-transition:width 0.3s;
    transition:width 0.3s;
    height: 100%;
}
.progress_bar .content {
	position: relative;
	padding:8px;
}

.progress_bar .label_0,
.progress_bar .label_100,
.progress_bar .bar  {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.progress_bar .label_100 {
	width:22%;
	width:-webkit-calc(53px);
	width:calc(53px);
}
.progress_bar .label_0{
	width:22%;
	width:-webkit-calc(42px);
	width:calc(42px);
}
.progress_bar .label_0{
	text-align: right;
}
.progress_bar .bar {
	width:56%;
	width:-webkit-calc(100% - 53px - 53px - 10px - 10px);
	width:calc(100% - 53px - 53px - 10px - 10px);
	margin: 0 10px;
}

/* Votes Counter */
.results__display-votes {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
}
.results__display-votes svg {
  width: 10px;
  display: inline-block;
  margin-right: 5px;
}
/* End Votes Counter */

.box .error,
.box .error a,
.error,
a.error,
.error a{
	color:#ff0122;
	/*text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000;*/
}

.wysiwyg{
	position: relative;
	width: 100%;
	text-align: left;
}
.wysiwyg iframe,
.wysiwyg video,
.wysiwyg object{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.aspect_ratio{
    position: relative;
    width: 100%;
}
.aspect_ratio:after{
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    z-index: 0;
}
.aspect_ratio iframe,
.aspect_ratio video,
.aspect_ratio img,
.aspect_ratio object{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    z-index: 2;
}
.wysiwyg ul li{
    list-style-position: inside;
}
.wysiwyg ul li br {
    display: none;
}
.wysiwyg h1 {
    padding:0;
}
.wysiwyg p{
    padding: 0;
}
.wysiwyg img{
    display: inline;
    margin: 0 auto;
    border: 2px solid transparent;
}

/* Desktop + Tablet */
@media all and (min-width: 641px) {
	html{ overflow-y: scroll; }

	/* Popup */
	.popup .content .scroll{ max-height: 4.062rem; }

	/* Social Buttons */
	.social li a{ font-size: 0.172rem; }

	/* Gallery */
	.tablet ul.bjqs-controls li,
	.tablet ul.bjqs-controls li a{ width: 16px; height: 24px; }
	.tablet ul.bjqs-controls li.bjqs-next a span{ border-width: 12px 0 12px 16px; }
	.tablet ul.bjqs-controls li.bjqs-prev a span{ border-width: 12px 16px 12px 0; }

	/* Form */
	.form{ padding: 1% 0 2%; }
	.form .row{ font-size: 0; padding-bottom: 2.5%; }
	.form .row label{ width: 27%; display: inline-block; vertical-align: top; font-size: 0.183rem; text-align: right; padding: 1% 3% 0 0; }
	.form .row .field_input{ width: 70%; display: inline-block; vertical-align: top; }

  /* CAPTCHA */
  .CAPTCHA_row .row .CAPTCHA_label {font-size: 0.153rem; width: auto; padding: 0.5% 3% 0 0;}
  .CAPTCHA_row .row .field_input {width: auto;}

	/* Video */
	.video_container .overlay .icon_bk{ width: 0.650rem; height: 0.650rem; -moz-border-radius: 0.650rem; -webkit-border-radius: 0.650rem; border-radius: 0.650rem; margin: -0.325rem 0 0 -0.325rem; }
	.video_container .overlay .icon_bk .icon{ border-width: 0.203rem 0 0.203rem 0.244rem; margin: -0.2rem 0 0 -0.1rem; }

	/* Layout */
	.prize_container{ width: 30%; padding: 0.5%; margin: 3% 3% 3% 0; }
	.prize h2{ font-size: 0.244rem; padding: 2% 0; }
	.prize .terms_conditions{ font-size: 0.122rem; padding: 2% 0 3%; }

	/* Question */
	.question_multi_choice .row .field_radio{width: 0.325rem; height: 0.325rem; margin-top: -0.1625rem; -moz-border-radius: 0.325rem; -webkit-border-radius: 0.325rem; border-radius: 0.325rem; }
	.question_multi_choice .row .label{ font-size: 0.183rem; }
	.question_textarea .row .label{ font-size: 0.203rem; }
	.question_terms .row .field_checkbox{ width: 15px; height: 15px; background-image: url(../images/desktop/question_checkbox.png); }
	.question_terms .row .field_checkbox:hover,
	.question_terms .row .field_checkbox.checked{ background-position: 0 -15px; }
	.entry_error{ padding: 3% 0; }

	/* Complete Comp */
	.complete_comp .description p{ font-size: 0.203rem; }
	.complete_comp .friends li a{ font-size: 0.172rem; }


	/* Progress Bar */
	.progress_bar .label_0,
	.progress_bar .label_100{ font-size: 0.203rem; }
	.progress_bar .bar{ height: 8px; }
}

/* Smartphone */
@media all and (max-width: 640px) {
	@-ms-viewport{
		width:640px;
	}
	input, textarea{ font-size: 0.400rem; }
    select{ font-size: 0.300rem; }

	/* Popup */
	.popup .content h2{ font-size: 0.600rem; }
	.popup .content .scroll{ height: auto; }
	.popup .content .btns_list .print{ display: none; }
	.popup .content .btns_list .w20{ width: 50%; }
	.popup .content .btns_list .w20 .btn.vw3 a{ font-size: 1.000rem; }

	/* Gallery */
	ul.bjqs-controls li{ top: 44%; }
	ul.bjqs-controls li a{ width: 0.200rem; height: 0.280rem; }
	ul.bjqs-controls li.bjqs-next{ right: -0.280rem; }
	ul.bjqs-controls li.bjqs-next a span{ border-width: 0.140rem 0 0.140rem 0.200rem; }
	ul.bjqs-controls li.bjqs-prev{ left: -0.280rem; }
	ul.bjqs-controls li.bjqs-prev a span{ border-width: 0.140rem 0.200rem 0.140rem 0; }

    .box{
        max-width: 90%;
        /*margin: 0 auto 20px;*/
        margin: 0 auto;
        padding: 10px;
    }

    .box.question_comp .description{ padding: 4% 0% 3%; }

	/* Countdown */
	.box.countdown h1{ font-size: 10; }

	/* Buttons */
	.btn.vw2 a,
	.btn.vw2 label{ font-size: 0.4rem; }
	.btn.vw3 a, .btn.vw3 label{ font-size: 18px; }
	.btn.vw4 a{ font-size: 0.400rem; }
	.btn.vw5 a{ font-size: 0.500rem; }
	.btn.vw6 a{ font-size: 0.600rem; }
	.btn.vw7 a{ font-size: 0.700rem; }
	.btn.vw8 a{ font-size: 0.800rem; }

	/* Social Buttons */
	.social{ margin: 0 auto 5%; }
	.social li{ width: 100%; padding: 3% 1% 0; }
	.social li.w40{ width: 48%; }
	.social li a{ font-size: 0.240rem; line-height: 100%; }
	.desktop .social li a:hover .icon{ background-position: 0 -0.300rem; }

	/* Horizontal Rule */
	.hr_top div,
	.hr_bottom div{ height: 0.060rem; }

	/* Form */
	.form{ padding: 4% 0; }
	.form .row{ padding-bottom: 4.5%; }
	.form .row label{ width: 100%; display: block; font-size: 0.400rem; padding-bottom: 2%; }
	.form .row .field_input{ width: 100%; display: block; }
	.form .row .field_input input{ width: 96%; font-size: 0.400rem; padding: 2%; }

	/* Video */
	.video_container .overlay .icon_bk{ width: 2.000rem; height: 2.000rem; -moz-border-radius: 2.000rem; -webkit-border-radius: 2.000rem; border-radius: 2.000rem; margin: -1.000rem 0 0 -1.000rem; }
	.video_container .overlay .icon_bk .icon{ border-width: 0.625rem 0 0.625rem 0.625rem; margin: -0.625rem 0 0 -0.187rem; }

	/* Layout */
	.prize_container{    position: relative;
    width: 70%;
    padding: 0.75%;
    margin: 2% auto;}
    .inpage_prize_container.prize_container{ width: 90%;}

	.prize h2{ font-size: 0.290rem; padding: 3% 0; }
	.prize .terms_conditions{ font-size: 0.200rem; padding: 3% 0 4%; }

	/* Landing + Question */
	.box h1{ font-size: 0.900rem; }
	.box p{ font-size: 0.350rem; }
	.box.description h2{ font-size: 0.500rem; }

	/* Question */
	.question_images li{ width: 90%; padding: 0 0 3%; }
	.question_multi_choice .row{ padding: 6% 0; padding-left: 17%; }
	.question_multi_choice .row .field_radio{ width: 0.800rem; height: 0.800rem; margin-top: -0.4rem; -moz-border-radius: 0.800rem; -webkit-border-radius: 0.800rem; border-radius: 0.800rem; }
	.question_multi_choice .row .label{ font-size: 0.325rem; }
	.question_textarea .row .label{ font-size: 0.400rem; }
	.question_terms .row{ padding: 1.75% 0 0 0;}
	.question_terms .row .label{ width: 85%; font-size: 0.350rem; padding-left: 15%; }
	.question_terms .row .field_checkbox{ left: 1.5%; width: 0.600rem; height: 0.600rem; background-image: url(../images/smartphone/question_checkbox.png); background-size: 100% auto; background-position: 0 0; }
	.question_terms .row .field_checkbox:hover,
	.question_terms .row .field_checkbox.checked{ background-position: 0 -0.600rem; }
	.entry_error{ padding: 5% 0 2%; }
	.question_submit li{ width: 98%; padding: 2% 1%; }

	/* Complete Quiz */
	.complete_quiz li h2{ font-size: 0.500rem; }
    .complete_quiz .sub_heading{font-size: 0.33rem;}
	.complete_quiz li h3{ font-size: 0.8rem; }
	.complete_quiz li.copy{ width: 90%; text-align: center; padding: 0 0 5% 0; }
	.complete_quiz li.copy.full{ width: 100%; text-align: center;}
	.complete_quiz li.image,
	.complete_quiz li.details{ width: 90%; text-align: center; }
	.complete_quiz li.details p{ text-align: center; }
	.complete_btns{ margin-bottom: 5%; }
	.complete_btns .btns_list{ width: 90%; margin: 0 auto; }
	.complete_btns .btns_list li{ padding: 1%; }
	.complete_btns .w50,
	.complete_btns .w30.enter_competition{ width: 98%; }
	.complete_btns .w30{ width: 48%; }
	.complete_btns .w30 .btn a{ font-size: 0.300rem; }

	/* Complete Comp */
	.complete_comp .description p{ font-size: 0.400rem; }
	.complete_comp .friends li{ width: 30%; }
	.complete_comp .friends li a{ font-size: 0.200rem; }


	/* Progress Bar */
	.progress_bar .content{ padding: 5% 0; }
	.progress_bar .label_0,
	.progress_bar .label_100{ font-size: 0.300rem; }
	.progress_bar .bar{ height: 9px; }
}

.entry label {
    margin-bottom: 5px;
}
.legal_copy{
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
}


.results {padding-top: 20px; }

.results_container{
    text-align: center;
}
.results_container h2{
    margin-bottom: 10px;
    margin-top: 20px;
}
.result_bar{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 20px;
    height: 40px;
    background-color: rgba(255,255,255,0.4);
    display: block;
}
.result_bar *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.result_bar .result_bar_fill{
    height: 100%;
    width: 0%;
    background-color: rgba(255,255,255,0.8);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition:width 0.5s;
    transition:width 0.5s;
}

.result_bar .result_count{
    position: absolute;
    top:50%;
    left:10px;
    display: inline-block;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    /*text-shadow: 1px 1px 4px rgba(0,0,0,0.4);*/
    color:#333333;
}

.result_entry{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
}
.result_entry.clickable{
    cursor: pointer;
    -webkit-transition:-webkit-transform 0.3s;
    transition:transform 0.3s;
}
/*.result_entry.clickable:focus,
.result_entry.clickable:hover{
    -ms-transform:scale(1.02);
    -webkit-transform:scale(1.02);
    transform:scale(1.02);
}*/

.result_entry.result_entry_image{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
.result_entry.result_entry_image:nth-child(odd){
    margin-right: 2%;
}
@media (max-width:641px){
    .result_entry.result_entry_image{
        width: 100%;
    }
    .result_entry.result_entry_image:nth-child(odd){
        margin-right: 0%;
    }
}
.result_entry.result_entry_image img{
    width: 100%;
    display: block;
}
.result_entry.result_entry_image .result_bar{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
}

.rank_box{
    position: absolute;
    left:0;
    bottom:0;
    height: 40px;
    vertical-align: bottom;
    width:15%;
    z-index: 1;
    background-color: #000000;
    color:#ffffff;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.rank_box .text{
    position: absolute;
    top:50%;
    left:50%;
    display: inline-block;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-weight: bold;
    font-size: 20px;
}
.result_entry.show_rank .result_bar{
    width:85%;
    left:15%;
}
.result_entry.show_rank.result_entry_image .rank_box{
    position: absolute;
}
.result_entry.show_rank .rank_box{
    display: inline-block;
}

.result_scale{
    position: relative;
    width: 100%;
    padding:80px 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.result_scale *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.result_scale .result_scale_label,
.result_scale .result_scale_bar{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.result_scale .result_scale_bar{
    width: 50%;
    height: 8px;
    background-color: #ffffff;
}
.result_scale .result_scale_label{
    width: 25%;
    padding:10px 20px;
    text-align: center;
}

.result_scale .result_scale_indicator{
    position: absolute;
    top: 50%;
    left: 0%;
    height: 20px;
    margin-top: -10px;
    width: 34px;
    margin-left: -17px;
    background-color: #ffffff;
}

.result_scale .result_text_indicator{
    position: absolute;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    display: inline-block;
    width: 200px;
    text-align: center;
}

.result_scale .result_scale_answer{
    bottom: 100%;
    margin-bottom:40px;
}

.result_scale .result_scale_answer:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 12px;
    margin-left: -12px;
    margin-top: 4px;
}

.result_scale .result_scale_average{
    top: 100%;
    margin-top:40px;
}

.result_scale .result_scale_average:before{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 12px;
    margin-left: -12px;
    margin-bottom: 4px;
}


.copyright_message{
    text-align: right;
    position: relative;
    width: 100%;
    padding:20px;
    font-size:12px;
    font-size:0.12rem;
}
.copyright_message img{
    max-height: 54px;
    width:auto;
    margin-left: 4px;
}
.copyright_message img,
.copyright_message span{
    display: inline-block;
    vertical-align: bottom;
}




.flat_checkbox{
    width:26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    background-color: #ffffff;
    border:3px solid #000000;
    position: relative;
    cursor: pointer;
}
.flat_checkbox:after{
    content:"";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity: 0;
    background-color: #000000;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
.flat_checkbox.checked:after{
    -ms-transform:translate(-50%,-50%) scale(1);
    -webkit-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
    opacity: 1;
}

[dir="rtl"] .checkbox_container{ flex-direction: row-reverse; }
.checkbox_container{
    position: relative;
    min-height: 34px;
    -wekbkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.checkbox_container *{
    -wekbkit-box-sizing: border-box;
    box-sizing: border-box;
}

[dir="rtl"] .checkbox_container .label{ padding-left: 0; padding-right: 50px; }
.checkbox_container label,
.checkbox_container .label{
}

.checkbox_container label > a ,
.checkbox_container .label > a {
    margin-top: 5px;
    display: inline-block;
}

[dir="rtl"] .checkbox_container .flat_checkbox{ margin-left: 10px; }
.checkbox_container .flat_checkbox{
    -ms-transform:translate(0%,-50%);
    -webkit-transform:translate(0%,-50%);
    transform:translate(0%,-50%);
    margin-top: 15px;
    margin-right: 10px;
}

.share_holder{
    margin-top: 20px;
}


.noshadow{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dob_field label{
    width: 100% !important;
    text-align: left !important;
}
.dob_group{
    width: 100%;
    position: relative;
    margin-top:2px;
    margin-bottom: 10px;
}

.dob_group select{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 31.33%;
    margin: 1%;
}


.privacy_button_holder a,
.legal_button_holder a {
    color: inherit;
}


/* Consent form */
.button_upload_consent_file_a{
    padding: 2px 10px;
    border: 2px solid;
}
.button_download_consent_form_a{
    padding: 2px 10px;
    border: 2px solid;
}
.desktop .button_download_consent_form_a:hover{
    text-decoration: none;
}


/* ICON FONT */

@font-face {
  font-family: 'jollyapps';
  src:
    url('fonts/jollyapps/jollyapps.ttf?tb84wh') format('truetype'),
    url('fonts/jollyapps/jollyapps.woff?tb84wh') format('woff'),
    url('fonts/jollyapps/jollyapps.svg?tb84wh#jollyapps') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ficon_"], [class*=" ficon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'jollyapps' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ficon_music:before {
  content: "\f001";
}
.ficon_heart:before {
  content: "\f004";
}
.ficon_star:before {
  content: "\f005";
}
.ficon_check:before {
  content: "\f00c";
}
.ficon_close:before {
  content: "\f00d";
}
.ficon_remove:before {
  content: "\f00d";
}
.ficon_times:before {
  content: "\f00d";
}
.ficon_search_plus:before {
  content: "\f00e";
}
.ficon_search_minus:before {
  content: "\f010";
}
.ficon_cog:before {
  content: "\f013";
}
.ficon_gear:before {
  content: "\f013";
}
.ficon_repeat:before {
  content: "\f01e";
}
.ficon_rotate_right:before {
  content: "\f01e";
}
.ficon_refresh:before {
  content: "\f021";
}
.ficon_volume_off:before {
  content: "\f026";
}
.ficon_volume_down:before {
  content: "\f027";
}
.ficon_volume-up:before {
  content: "\f028";
}
.ficon_step_backward:before {
  content: "\f048";
}
.ficon_fast_backward:before {
  content: "\f049";
}
.ficon_backward:before {
  content: "\f04a";
}
.ficon_play:before {
  content: "\f04b";
}
.ficon_pause:before {
  content: "\f04c";
}
.ficon_stop:before {
  content: "\f04d";
}
.ficon_forward:before {
  content: "\f04e";
}
.ficon_fast_forward:before {
  content: "\f050";
}
.ficon_step_forward:before {
  content: "\f051";
}
.ficon_eject:before {
  content: "\f052";
}
.ficon_down:before {
  content: "\f0d7";
}
.ficon_up:before {
  content: "\f0d8";
}
.ficon_left:before {
  content: "\f0d9";
}
.ficon_right:before {
  content: "\f0da";
}
.ficon_googleplus:before {
  content: "\ea8b";
}
.ficon_facebook:before {
  content: "\ea91";
}
.ficon_twitter:before {
  content: "\ea96";
}
.ficon_pinterest:before {
  content: "\ead1";
}

/* ICON FONT */
