/* 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; fony-size: 0.180rem; }
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; }

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

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;}
/* 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{ font-size: 0; list-style: none; text-align: center; }
ul.center_inline li{ display: inline-block; font-size: 0.180rem; font-size: 18px; }
ul.center_inline li.show{ display: inline-block; }
ul.center_inline li.hide{ display: none; }

.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%; }

/* Colors */
.desktop .popup_overlay{
background: #191919;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 19%, rgba(0,0,0,0.66) 36%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(19%,rgba(0,0,0,1)), color-stop(36%,rgba(0,0,0,0.66)), color-stop(52%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 19%,rgba(0,0,0,0.66) 36%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 19%,rgba(0,0,0,0.66) 36%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 19%,rgba(0,0,0,0.66) 36%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 19%,rgba(0,0,0,0.66) 36%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
*/

}
.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{overflow: hidden;}
.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: #ffffff; }
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: #ffffff; }
ol.bjqs-markers,
p.bjqs-caption{ display: none; }

.box{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    /*margin-top: 10px;*/
    max-width: 75%;
    padding: 20px;
}

/* Countdown */
.box.countdown{ width: 220px; cursor: default; text-align: center; margin: 0 auto;  margin-top: 110px; }
.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; }
.btn a,
.btn label{ display: block; text-align: center; text-decoration: none; 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{ font-size: 0.244rem; }
.btn.vw4 a{ font-size: 0.325rem; }
.btn.vw5 a{ font-size: 0.406rem; }
.btn.vw6 a{ font-size: 0.490rem; }
.btn.vw7 a{ font-size: 0.569rem; }
.btn.vw8 a{ 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 strong{ padding: 5% 0% 5% 18%; }
.social li .icon{ position: absolute; top: 50%; left: 13%; width: 0.284rem; height: 0.284rem; -moz-border-radius: 0.030rem; -webkit-border-radius: 0.030rem; border-radius: 0.030rem; margin-top: -0.142rem; }
.social li.facebook .icon{ background-image: url(../images/social_logo_facebook.png); background-repeat: no-repeat; background-size: 100% auto; }
.social li.twitter .icon{ background-image: url(../images/social_logo_twitter.png); background-repeat: no-repeat; background-size: 100% auto; }
.social li.googleplus .icon{ background-image: url(../images/social_logo_googleplus.png); background-repeat: no-repeat; background-size: 100% auto; }

/* 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: 100%; text-align: center; }

/* Form */
.form .row .field_input input{ border: none; }
.form_ugc_captcha{ padding: 0 0 4% !important; }
.form_comp_captcha .row.captcha_holder{ width: 100%; margin-bottom: 10px; padding: 0; }
.CAPTCHA_row {
    width: 100%;
    position: relative;
    max-width: 333px;
}
.CAPTCHA_row img{ width: 100%; display: block; }
.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-top: -8px;
    margin-left: -3px;
    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; }

.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: 100%; height: 100%; position: relative; }
.audio_container .audio_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; }
.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%; width: 0; height: 0; border-style: solid; border-color: transparent; border-left-color: #000000; }

/* 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{ 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: 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;

}
.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%; margin-bottom: 20px; }
.box .description{ text-align: center; padding: 1% 5%; }
.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; }
.question_images li a .image{ display: block; }
.question_images li a .image img{ width: 100%; }
.question_images li a .label{ display: block; }
.question_multi_choice{ padding-bottom: 3%; text-align: left; }
.question_multi_choice .row{ position: relative; cursor: pointer; padding: 2.25% 0; padding-left: 10%; margin: 20px auto;}
.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 */
.complete_quiz h1{ font-size: 0.406rem; line-height: 120%; text-align: center; padding-bottom: 2%; }
.complete_quiz p{ font-size: 0.244rem; line-height: 120%; }
.complete_quiz ul{ width: 92%; margin: 0 auto; }
.complete_quiz li{ vertical-align: middle; }
.complete_quiz li h2{ font-size: 0.325rem; line-height: 100%; padding-bottom: 2%; }
.complete_quiz li h3{ font-size: 0.90rem; line-height: 120%; }
.complete_quiz li.copy{ width: 51%; text-align: left; padding-right: 4%; }
.complete_quiz li.copy.full{ width: 100%; }
.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.score{ width: 72.5%; margin: 0 auto; padding: 20px 20px 25px;}
.complete_quiz .box.heading h1{padding: 20px;}

/* 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%; }


/* 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: 0px 0px 13px 0px rgba(0,0,0,0.3);
	color:#ffffff;
	border-radius: 2px;
	cursor: pointer;
	padding-left: 60px;
	padding-right: 10px;
	font-size: 15px;
}
.notification:hover{
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.5);
}
.notification .icon{
	position: absolute;
	width:40px;
	top:50%;
	left:10px;
	margin-top: -20px;
}

.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;
}
.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 - 6px - 6px);
	width:calc(100% - 53px - 53px - 6px - 6px);
	margin: 0 6px;
}

.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 .padding{
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.aspect_ratio iframe,
.aspect_ratio video,
.aspect_ratio object{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
}

.wysiwyg ul li{
    list-style-position: inside;
}
.wysiwyg ul li br { 
    display: none; 
}
.wysiwyg h1 {
    padding:0;
}
/* 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; }

	/* 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; }
	.progress_bar .progress{ height: 8px; }
}

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

	/* 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;
    }
	/* Countdown */
	.box.countdown h1{ font-size: 10; }

	/* Buttons */
	.btn.vw2 a,
	.btn.vw2 label{ font-size: 0.200rem; }
	.btn.vw3 a{ font-size: 0.300rem; }
	.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%; }
	.social li strong{ padding: 10% 0% 10% 25%; }
	.social li .icon{ width: 0.300rem; height: 0.300rem; -moz-border-radius: 0.050rem; -webkit-border-radius: 0.050rem; border-radius: 0.050rem; margin-top: -0.100rem; }
	.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 h1{ font-size: 0.700rem; }
	.complete_quiz p{ font-size: 0.300rem; }
	.complete_quiz li h2{ font-size: 0.500rem; }
	.complete_quiz li h3{ font-size: 1.000rem; }
	.complete_quiz li.copy{ width: 90%; text-align: center; padding: 0 0 5% 0; }
	.complete_quiz li.copy.full{ width: 100%; }
	.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; }
	.progress_bar .progress{ height: 9px; }
}



.results_container{
    text-align: center;
}
.result_bar{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 20px;
    background-color: rgba(255,255,255,0.4);
}
.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%;
    right: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.result_entry_image{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
.result_entry.result_entry_image:nth-child(odd){
    margin-right: 2%;
}
.result_entry.result_entry_image img{
    width: 100%;
}
.result_entry.result_entry_image .result_bar{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
}

.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;
}